@igo2/integration 19.0.3 → 20.0.0-next.2

package/fesm2022/igo2-integration.mjs

@@ -1,93 +1,82 @@
 import * as i0 from '@angular/core';
-import { ChangeDetectorRef, Input, Component, CUSTOM_ELEMENTS_SCHEMA, NgModule, Injectable, ChangeDetectionStrategy, Optional, Inject, ViewChild, HostListener, Self, Directive, ElementRef } from '@angular/core';
+import { inject, ChangeDetectorRef, Input, Component, CUSTOM_ELEMENTS_SCHEMA, NgModule, Injectable, ChangeDetectionStrategy, ViewChild, HostListener, Directive, ElementRef } from '@angular/core';
 import { __decorate, __metadata } from 'tslib';
-import * as i6$1 from '@angular/common';
-import { NgIf, NgFor, AsyncPipe, formatDate, CommonModule, DecimalPipe, NgTemplateOutlet } from '@angular/common';
-import * as i3 from '@angular/common/http';
 import { HttpClient } from '@angular/common/http';
-import * as i7 from '@angular/material/button';
+import * as i1 from '@angular/material/button';
 import { MatButtonModule } from '@angular/material/button';
-import * as i1 from '@angular/material/icon';
+import * as i3 from '@angular/material/icon';
 import { MatIconModule, MatIconRegistry } from '@angular/material/icon';
-import * as i8$1 from '@angular/material/menu';
+import * as i4 from '@angular/material/menu';
 import { MatMenuModule } from '@angular/material/menu';
-import * as i8 from '@angular/material/tooltip';
+import * as i2 from '@angular/material/tooltip';
 import { MatTooltipModule } from '@angular/material/tooltip';
-import * as i2 from '@igo2/auth';
 import { AuthService } from '@igo2/auth';
 import { CustomHtmlComponent, SanitizeHtmlPipe } from '@igo2/common/custom-html';
-import * as i1$2 from '@igo2/common/tool';
-import { ToolComponent } from '@igo2/common/tool';
-import * as i6 from '@igo2/core/config';
-import { version, ConfigService } from '@igo2/core/config';
-import * as i2$1 from '@igo2/core/language';
-import { IgoLanguageModule, LanguageService } from '@igo2/core/language';
+import { ToolComponent, ToolService } from '@igo2/common/tool';
+import { ConfigService, version } from '@igo2/core/config';
+import { LanguageService, IgoLanguageModule } from '@igo2/core/language';
 import { of, BehaviorSubject, combineLatest, forkJoin, Subject, map as map$1, ReplaySubject, interval } from 'rxjs';
-import * as i9 from '@ngx-translate/core';
+import * as i3$1 from '@ngx-translate/core';
 import { TranslateModule } from '@ngx-translate/core';
+import * as i3$2 from '@angular/common';
+import { AsyncPipe, formatDate, CommonModule, DecimalPipe, NgTemplateOutlet } from '@angular/common';
 import { EntityStore, EntityStoreFilterCustomFuncStrategy, EntityStoreFilterSelectionStrategy, EntityTableComponent, getEntityTitle } from '@igo2/common/entity';
 import * as i1$1 from '@igo2/geo';
-import { IgoMap, CatalogBrowserComponent, CatalogService, generateIdFromSourceOptions, isLayerItemOptions, CatalogItemType, CatalogLibraryComponent, StopsStore, StopsFeatureStore, RoutesFeatureStore, StepsFeatureStore, IgoDirectionsModule, FeatureStore, DrawComponent, isLayerItem, OgcFilterableItemComponent, TimeFilterItemComponent, OgcFilterableListComponent, OgcFilterableListBindingDirective, FeatureStoreSelectionStrategy, FeatureMotion, mapExtentStrategyActiveToolTip, noElementSelected, OgcFilterWidget, InteractiveSelectionFormWidget, WfsWorkspace, FeatureWorkspace, EditionWorkspace, SpatialFilterItemType, MeasureLengthUnit, SpatialFilterType, featureToOl, createOverlayMarkerStyle, moveToOlFeatures, SpatialFilterTypeComponent, SpatialFilterItemComponent, FeatureDetailsComponent, SpatialFilterService, LayerService, TimeFilterListComponent, TimeFilterListBindingDirective, isBaseLayer, ImportExportComponent, formatScale, zoneMtm, zoneUtm, computeProjectionsConstraints, LayerListControlsEnum, sourceCanSearch, LayerViewerComponent, ExportButtonComponent, OgcFilterButtonComponent, TimeFilterButtonComponent, TrackFeatureButtonComponent, MetadataButtonComponent, SearchSourceService, LayerLegendListComponent, LayerLegendListBindingDirective, roundCoordTo, featureFromOl, measureOlGeometryLength, FEATURE, VectorLayer, StyleModalLayerButtonComponent, MeasurerComponent, PrintComponent, getCommonVectorStyle, computeOlFeaturesExtent, featuresAreOutOfView, featuresAreTooDeepInView, getCommonVectorSelectedStyle, SearchResultsComponent, SearchResultAddButtonComponent, isLayerGroup, GeoPropertiesStrategy } from '@igo2/geo';
+import { MapService, ProjectionService, IgoMap, CatalogService, CatalogBrowserComponent, generateIdFromSourceOptions, isLayerItemOptions, CatalogItemType, CatalogLibraryComponent, StopsStore, StopsFeatureStore, RoutesFeatureStore, StepsFeatureStore, IgoDirectionsModule, FeatureStore, DrawComponent, isLayerItem, OgcFilterableItemComponent, TimeFilterItemComponent, OgcFilterableListComponent, OgcFilterableListBindingDirective, FeatureStoreSelectionStrategy, FeatureMotion, mapExtentStrategyActiveToolTip, noElementSelected, OgcFilterWidget, InteractiveSelectionFormWidget, WfsWorkspace, FeatureWorkspace, EditionWorkspace, SpatialFilterService, LayerService, SpatialFilterItemType, MeasureLengthUnit, SpatialFilterType, featureToOl, createOverlayMarkerStyle, moveToOlFeatures, SpatialFilterTypeComponent, SpatialFilterItemComponent, FeatureDetailsComponent, TimeFilterListComponent, TimeFilterListBindingDirective, isBaseLayer, ImportExportComponent, formatScale, zoneMtm, zoneUtm, computeProjectionsConstraints, SearchSourceService, LayerListControlsEnum, sourceCanSearch, LayerViewerComponent, ExportButtonComponent, OgcFilterButtonComponent, TimeFilterButtonComponent, TrackFeatureButtonComponent, MetadataButtonComponent, LayerLegendListComponent, LayerLegendListBindingDirective, roundCoordTo, featureFromOl, measureOlGeometryLength, FEATURE, VectorLayer, StyleModalLayerButtonComponent, MeasurerComponent, PrintComponent, SearchBarComponent, getCommonVectorStyle, computeOlFeaturesExtent, featuresAreOutOfView, featuresAreTooDeepInView, getCommonVectorSelectedStyle, SearchResultsComponent, SearchResultAddButtonComponent, isLayerGroup, PropertyTypeDetectorService, CapabilitiesService, GeoPropertiesStrategy } from '@igo2/geo';
 import { take, switchMap, concatAll, map, toArray, skipWhile, takeUntil, tap, debounceTime, skip } from 'rxjs/operators';
-import * as i5 from '@igo2/core/storage';
-import { StorageScope, StorageService, StorageServiceEventEnum } from '@igo2/core/storage';
-import * as i1$3 from '@igo2/context';
+import { StorageService, StorageScope, StorageServiceEventEnum } from '@igo2/core/storage';
 import { ContextService, ContextEditComponent, ContextEditBindingDirective, ContextListComponent, ContextListBindingDirective, ContextPermissionsComponent, ContextPermissionsBindingDirective, ShareMapComponent, ContextImportExportComponent } from '@igo2/context';
 import { createExcelWorkBook, addExcelSheetToWorkBook, writeExcelFile, uuid, NumberUtils } from '@igo2/utils';
-import * as i4 from '@igo2/core/message';
 import { MessageService, IgoMessageModule } from '@igo2/core/message';
 import { trigger, state, transition, style, animate } from '@angular/animations';
 import { SELECTION_MARKER_ICON } from '@igo2/common/icon';
 import olFormatGeoJSON from 'ol/format/GeoJSON';
 import * as olstyle from 'ol/style';
 import { WorkspaceStore } from '@igo2/common/workspace';
-import * as i5$1 from '@igo2/common/widget';
-import * as i3$1 from '@igo2/core/media';
-import { Media, MediaService } from '@igo2/core/media';
+import { MediaService, Media } from '@igo2/core/media';
 import { jsPDF } from 'jspdf';
 import { autoTable } from 'jspdf-autotable';
 import moment from 'moment';
-import * as i2$2 from '@igo2/common/form';
+import * as i2$1 from '@igo2/common/form';
 import { FormService, IgoFormModule } from '@igo2/common/form';
-import * as i2$3 from '@angular/forms';
-import { Validators, FormsModule, ReactiveFormsModule } from '@angular/forms';
-import * as i5$2 from '@angular/material/tabs';
+import * as i1$4 from '@angular/forms';
+import { Validators, UntypedFormBuilder, FormsModule, ReactiveFormsModule } from '@angular/forms';
+import * as i1$2 from '@angular/material/tabs';
 import { MatTabsModule } from '@angular/material/tabs';
-import * as i6$2 from '@angular/material/divider';
+import * as i4$1 from '@angular/material/divider';
 import { MatDividerModule } from '@angular/material/divider';
-import * as i13 from '@angular/material/slide-toggle';
+import * as i7 from '@angular/material/slide-toggle';
 import { MatSlideToggleModule } from '@angular/material/slide-toggle';
-import * as i1$4 from '@angular/cdk/clipboard';
 import { Clipboard } from '@angular/cdk/clipboard';
 import { MatOptionModule } from '@angular/material/core';
-import * as i8$2 from '@angular/material/form-field';
+import * as i1$3 from '@angular/material/form-field';
 import { MatFormFieldModule } from '@angular/material/form-field';
-import * as i9$1 from '@angular/material/input';
+import * as i2$2 from '@angular/material/input';
 import { MatInputModule } from '@angular/material/input';
-import * as i12 from '@angular/material/select';
+import * as i6 from '@angular/material/select';
 import { MatSelectModule } from '@angular/material/select';
 import * as olProj from 'ol/proj';
-import * as i8$3 from '@angular/material/list';
+import * as i1$5 from '@angular/material/list';
 import { MatListModule } from '@angular/material/list';
-import * as i10 from '@angular/material/radio';
+import * as i5 from '@angular/material/radio';
 import { MatRadioModule } from '@angular/material/radio';
 import olLineString from 'ol/geom/LineString';
 import olLayerVector from 'ol/layer/Vector';
-import * as i9$2 from '@angular/material/badge';
+import * as i4$2 from '@angular/material/badge';
 import { MatBadgeModule } from '@angular/material/badge';
 import { FlexibleComponent } from '@igo2/common/flexible';
 import { PanelComponent } from '@igo2/common/panel';
 import olFeature from 'ol/Feature';
 import olPoint from 'ol/geom/Point';
 import pointOnFeature from '@turf/point-on-feature';
-import * as i1$5 from '@igo2/core/analytics';
+import { AnalyticsService } from '@igo2/core/analytics';
 
 let AboutToolComponent = class AboutToolComponent {
-    configService;
-    auth;
-    http;
-    cdRef;
-    languageService;
+    configService = inject(ConfigService);
+    auth = inject(AuthService);
+    http = inject(HttpClient);
+    cdRef = inject(ChangeDetectorRef);
+    languageService = inject(LanguageService);
     configOptions;
     get headerHtml() {
         return this._headerHtml;
@@ -117,12 +106,7 @@ let AboutToolComponent = class AboutToolComponent {
     baseUrlProfil;
     baseUrlGuide;
     loading = false;
-    constructor(configService, auth, http, cdRef, languageService) {
-        this.configService = configService;
-        this.auth = auth;
-        this.http = http;
-        this.cdRef = cdRef;
-        this.languageService = languageService;
+    constructor() {
         this.headerHtml = this.languageService.translate.instant('igo.integration.aboutTool.headerHtml');
         this.configOptions = this.configService.getConfigs();
         const configVersion = this.configOptions.version;
@@ -169,8 +153,8 @@ let AboutToolComponent = class AboutToolComponent {
         name = name.slice(0, index);
         return name;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: AboutToolComponent, deps: [{ token: i6.ConfigService }, { token: i2.AuthService }, { token: i3.HttpClient }, { token: i0.ChangeDetectorRef }, { token: i2$1.LanguageService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: AboutToolComponent, isStandalone: true, selector: "igo-about-tool", inputs: { headerHtml: "headerHtml", html: "html", discoverTitleInLocale: "discoverTitleInLocale", trainingGuideURLs: "trainingGuideURLs" }, ngImport: i0, template: "<button\n  *ngIf=\"\n    auth.authenticated && trainingGuideURLs && trainingGuideURLs.length === 1\n  \"\n  class=\"training-guide-button\"\n  mat-raised-button\n  tooltip-position=\"below\"\n  matTooltipShowDelay=\"500\"\n  [disabled]=\"loading\"\n  [matTooltip]=\"'igo.integration.aboutTool.trainingGuideTooltip' | translate\"\n  (click)=\"openGuide()\"\n>\n  <span>{{ 'igo.integration.aboutTool.trainingGuide' | translate }}</span>\n  <mat-icon>description</mat-icon>\n</button>\n\n<button\n  *ngIf=\"\n    auth.authenticated && trainingGuideURLs && trainingGuideURLs.length > 1\n  \"\n  class=\"training-guide-button\"\n  mat-raised-button\n  tooltip-position=\"below\"\n  matTooltipShowDelay=\"500\"\n  [disabled]=\"loading\"\n  [matTooltip]=\"'igo.integration.aboutTool.trainingGuideTooltip' | translate\"\n  [matMenuTriggerFor]=\"menu\"\n>\n  <span>{{ 'igo.integration.aboutTool.trainingGuide' | translate }}</span>\n  <mat-icon>description</mat-icon>\n</button>\n\n<mat-menu #menu=\"matMenu\">\n  <button\n    *ngFor=\"let guide of trainingGuideURLs\"\n    mat-menu-item\n    (click)=\"openGuide(guide)\"\n  >\n    {{ formatFileName(guide) }}\n  </button>\n</mat-menu>\n\n<igo-custom-html *ngIf=\"headerHtml !== ''\" [html]=\"headerHtml | translate\">\n</igo-custom-html>\n\n<igo-custom-html [html]=\"html | translate: { version: effectiveVersion }\">\n</igo-custom-html>\n", styles: ["igo-interactive-tour button{margin-left:20px}.training-guide-button{margin-left:5px;background-color:#1976d2;color:#fff;padding:0 12px}\n"], dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i7.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i8.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatMenuModule }, { kind: "component", type: i8$1.MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "component", type: i8$1.MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i8$1.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: CustomHtmlComponent, selector: "igo-custom-html", inputs: ["html"] }, { kind: "ngmodule", type: IgoLanguageModule }, { kind: "pipe", type: i9.TranslatePipe, name: "translate" }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: AboutToolComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.4", type: AboutToolComponent, isStandalone: true, selector: "igo-about-tool", inputs: { headerHtml: "headerHtml", html: "html", discoverTitleInLocale: "discoverTitleInLocale", trainingGuideURLs: "trainingGuideURLs" }, ngImport: i0, template: "@if (\n  auth.authenticated && trainingGuideURLs && trainingGuideURLs.length === 1\n) {\n  <button\n    class=\"training-guide-button\"\n    matButton=\"elevated\"\n    tooltip-position=\"below\"\n    matTooltipShowDelay=\"500\"\n    [disabled]=\"loading\"\n    [matTooltip]=\"'igo.integration.aboutTool.trainingGuideTooltip' | translate\"\n    (click)=\"openGuide()\"\n  >\n    <span>{{ 'igo.integration.aboutTool.trainingGuide' | translate }}</span>\n    <mat-icon>description</mat-icon>\n  </button>\n}\n\n@if (auth.authenticated && trainingGuideURLs && trainingGuideURLs.length > 1) {\n  <button\n    class=\"training-guide-button\"\n    matButton=\"elevated\"\n    tooltip-position=\"below\"\n    matTooltipShowDelay=\"500\"\n    [disabled]=\"loading\"\n    [matTooltip]=\"'igo.integration.aboutTool.trainingGuideTooltip' | translate\"\n    [matMenuTriggerFor]=\"menu\"\n  >\n    <span>{{ 'igo.integration.aboutTool.trainingGuide' | translate }}</span>\n    <mat-icon>description</mat-icon>\n  </button>\n}\n\n<mat-menu #menu=\"matMenu\">\n  @for (guide of trainingGuideURLs; track guide) {\n    <button mat-menu-item (click)=\"openGuide(guide)\">\n      {{ formatFileName(guide) }}\n    </button>\n  }\n</mat-menu>\n\n@if (headerHtml !== '') {\n  <igo-custom-html [html]=\"headerHtml | translate\"> </igo-custom-html>\n}\n\n<igo-custom-html [html]=\"html | translate: { version: effectiveVersion }\">\n</igo-custom-html>\n", styles: ["igo-interactive-tour button{margin-left:20px}.training-guide-button{margin-left:5px;background-color:#1976d2;color:#fff;padding:0 12px}\n"], dependencies: [{ kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i1.MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i2.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatMenuModule }, { kind: "component", type: i4.MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "component", type: i4.MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i4.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { kind: "component", type: CustomHtmlComponent, selector: "igo-custom-html", inputs: ["html"] }, { kind: "ngmodule", type: IgoLanguageModule }, { kind: "pipe", type: i3$1.TranslatePipe, name: "translate" }] });
 };
 AboutToolComponent = __decorate([
     ToolComponent({
@@ -178,25 +162,19 @@ AboutToolComponent = __decorate([
         title: 'igo.integration.tools.about',
         icon: 'help'
     }),
-    __metadata("design:paramtypes", [ConfigService,
-        AuthService,
-        HttpClient,
-        ChangeDetectorRef,
-        LanguageService])
+    __metadata("design:paramtypes", [])
 ], AboutToolComponent);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: AboutToolComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: AboutToolComponent, decorators: [{
             type: Component,
             args: [{ selector: 'igo-about-tool', imports: [
-                        NgIf,
                         MatButtonModule,
                         MatTooltipModule,
                         MatIconModule,
                         MatMenuModule,
-                        NgFor,
                         CustomHtmlComponent,
                         IgoLanguageModule
-                    ], template: "<button\n  *ngIf=\"\n    auth.authenticated && trainingGuideURLs && trainingGuideURLs.length === 1\n  \"\n  class=\"training-guide-button\"\n  mat-raised-button\n  tooltip-position=\"below\"\n  matTooltipShowDelay=\"500\"\n  [disabled]=\"loading\"\n  [matTooltip]=\"'igo.integration.aboutTool.trainingGuideTooltip' | translate\"\n  (click)=\"openGuide()\"\n>\n  <span>{{ 'igo.integration.aboutTool.trainingGuide' | translate }}</span>\n  <mat-icon>description</mat-icon>\n</button>\n\n<button\n  *ngIf=\"\n    auth.authenticated && trainingGuideURLs && trainingGuideURLs.length > 1\n  \"\n  class=\"training-guide-button\"\n  mat-raised-button\n  tooltip-position=\"below\"\n  matTooltipShowDelay=\"500\"\n  [disabled]=\"loading\"\n  [matTooltip]=\"'igo.integration.aboutTool.trainingGuideTooltip' | translate\"\n  [matMenuTriggerFor]=\"menu\"\n>\n  <span>{{ 'igo.integration.aboutTool.trainingGuide' | translate }}</span>\n  <mat-icon>description</mat-icon>\n</button>\n\n<mat-menu #menu=\"matMenu\">\n  <button\n    *ngFor=\"let guide of trainingGuideURLs\"\n    mat-menu-item\n    (click)=\"openGuide(guide)\"\n  >\n    {{ formatFileName(guide) }}\n  </button>\n</mat-menu>\n\n<igo-custom-html *ngIf=\"headerHtml !== ''\" [html]=\"headerHtml | translate\">\n</igo-custom-html>\n\n<igo-custom-html [html]=\"html | translate: { version: effectiveVersion }\">\n</igo-custom-html>\n", styles: ["igo-interactive-tour button{margin-left:20px}.training-guide-button{margin-left:5px;background-color:#1976d2;color:#fff;padding:0 12px}\n"] }]
-        }], ctorParameters: () => [{ type: i6.ConfigService }, { type: i2.AuthService }, { type: i3.HttpClient }, { type: i0.ChangeDetectorRef }, { type: i2$1.LanguageService }], propDecorators: { headerHtml: [{
+                    ], template: "@if (\n  auth.authenticated && trainingGuideURLs && trainingGuideURLs.length === 1\n) {\n  <button\n    class=\"training-guide-button\"\n    matButton=\"elevated\"\n    tooltip-position=\"below\"\n    matTooltipShowDelay=\"500\"\n    [disabled]=\"loading\"\n    [matTooltip]=\"'igo.integration.aboutTool.trainingGuideTooltip' | translate\"\n    (click)=\"openGuide()\"\n  >\n    <span>{{ 'igo.integration.aboutTool.trainingGuide' | translate }}</span>\n    <mat-icon>description</mat-icon>\n  </button>\n}\n\n@if (auth.authenticated && trainingGuideURLs && trainingGuideURLs.length > 1) {\n  <button\n    class=\"training-guide-button\"\n    matButton=\"elevated\"\n    tooltip-position=\"below\"\n    matTooltipShowDelay=\"500\"\n    [disabled]=\"loading\"\n    [matTooltip]=\"'igo.integration.aboutTool.trainingGuideTooltip' | translate\"\n    [matMenuTriggerFor]=\"menu\"\n  >\n    <span>{{ 'igo.integration.aboutTool.trainingGuide' | translate }}</span>\n    <mat-icon>description</mat-icon>\n  </button>\n}\n\n<mat-menu #menu=\"matMenu\">\n  @for (guide of trainingGuideURLs; track guide) {\n    <button mat-menu-item (click)=\"openGuide(guide)\">\n      {{ formatFileName(guide) }}\n    </button>\n  }\n</mat-menu>\n\n@if (headerHtml !== '') {\n  <igo-custom-html [html]=\"headerHtml | translate\"> </igo-custom-html>\n}\n\n<igo-custom-html [html]=\"html | translate: { version: effectiveVersion }\">\n</igo-custom-html>\n", styles: ["igo-interactive-tour button{margin-left:20px}.training-guide-button{margin-left:5px;background-color:#1976d2;color:#fff;padding:0 12px}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { headerHtml: [{
                 type: Input
             }], html: [{
                 type: Input
@@ -216,11 +194,11 @@ class IgoAppAboutModule {
             providers: []
         };
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: IgoAppAboutModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.15", ngImport: i0, type: IgoAppAboutModule, imports: [AboutToolComponent], exports: [AboutToolComponent] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: IgoAppAboutModule, imports: [AboutToolComponent] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: IgoAppAboutModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.4", ngImport: i0, type: IgoAppAboutModule, imports: [AboutToolComponent], exports: [AboutToolComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: IgoAppAboutModule, imports: [AboutToolComponent] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: IgoAppAboutModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: IgoAppAboutModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [AboutToolComponent],
@@ -233,10 +211,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImpo
  * Service that holds the state of the map module
  */
 class MapState {
-    mapService;
-    projectionService;
-    storageService;
-    configService;
+    mapService = inject(MapService);
+    projectionService = inject(ProjectionService);
+    storageService = inject(StorageService);
+    configService = inject(ConfigService);
     get showAllLegendsValue() {
         return this._legendToolShowAll;
     }
@@ -251,12 +229,7 @@ class MapState {
         return this._map;
     }
     _map;
-    constructor(mapService, projectionService, // Don't remove this or it'll never be injected,
-    storageService, configService) {
-        this.mapService = mapService;
-        this.projectionService = projectionService;
-        this.storageService = storageService;
-        this.configService = configService;
+    constructor() {
         this._map = new IgoMap({
             controls: {
                 scaleLine: true,
@@ -267,15 +240,15 @@ class MapState {
         }, this.storageService, this.configService);
         this.mapService.setMap(this.map);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: MapState, deps: [{ token: i1$1.MapService }, { token: i1$1.ProjectionService }, { token: i5.StorageService }, { token: i6.ConfigService }], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: MapState, providedIn: 'root' });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: MapState, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: MapState, providedIn: 'root' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: MapState, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: MapState, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
                 }]
-        }], ctorParameters: () => [{ type: i1$1.MapService }, { type: i1$1.ProjectionService }, { type: i5.StorageService }, { type: i6.ConfigService }] });
+        }], ctorParameters: () => [] });
 
 /**
  * Service that holds the state of the catalog module
@@ -292,7 +265,8 @@ class CatalogState {
      * Catalog -> Catalog items store mapping
      */
     catalogItemsStores = new Map();
-    constructor(authService) {
+    constructor() {
+        const authService = inject(AuthService);
         this._catalogStore = new EntityStore([]);
         authService.authenticate$.subscribe(() => {
             this.clearCatalogItemsStores();
@@ -320,24 +294,24 @@ class CatalogState {
     clearCatalogItemsStores() {
         this.catalogItemsStores.clear();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: CatalogState, deps: [{ token: i2.AuthService }], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: CatalogState, providedIn: 'root' });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: CatalogState, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: CatalogState, providedIn: 'root' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: CatalogState, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: CatalogState, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
                 }]
-        }], ctorParameters: () => [{ type: i2.AuthService }] });
+        }], ctorParameters: () => [] });
 
 /**
  * Tool to browse a catalog's groups and layers and display them to a map.
  */
 let CatalogBrowserToolComponent = class CatalogBrowserToolComponent {
-    catalogService;
-    catalogState;
-    mapState;
-    authService;
+    catalogService = inject(CatalogService);
+    catalogState = inject(CatalogState);
+    mapState = inject(MapState);
+    authService = inject(AuthService);
     catalog;
     /**
      * Store that contains the catalog items
@@ -359,12 +333,6 @@ let CatalogBrowserToolComponent = class CatalogBrowserToolComponent {
     get map() {
         return this.mapState.map;
     }
-    constructor(catalogService, catalogState, mapState, authService) {
-        this.catalogService = catalogService;
-        this.catalogState = catalogState;
-        this.mapState = mapState;
-        this.authService = authService;
-    }
     /**
      * @internal
      */
@@ -409,24 +377,20 @@ let CatalogBrowserToolComponent = class CatalogBrowserToolComponent {
             this.store$.next(store);
         });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: CatalogBrowserToolComponent, deps: [{ token: i1$1.CatalogService }, { token: CatalogState }, { token: MapState }, { token: i2.AuthService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: CatalogBrowserToolComponent, isStandalone: true, selector: "igo-catalog-browser-tool", inputs: { toggleCollapsedGroup: "toggleCollapsedGroup" }, ngImport: i0, template: "<igo-catalog-browser\n  *ngIf=\"store$ | async as store\"\n  [catalog]=\"catalog\"\n  [store]=\"store\"\n  [map]=\"map\"\n  [toggleCollapsedGroup]=\"toggleCollapsedGroup\"\n>\n</igo-catalog-browser>\n", dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: CatalogBrowserComponent, selector: "igo-catalog-browser", inputs: ["catalogAllowLegend", "catalog", "store", "map", "toggleCollapsedGroup"] }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: CatalogBrowserToolComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.4", type: CatalogBrowserToolComponent, isStandalone: true, selector: "igo-catalog-browser-tool", inputs: { toggleCollapsedGroup: "toggleCollapsedGroup" }, ngImport: i0, template: "@if (store$ | async; as store) {\n  <igo-catalog-browser\n    [catalog]=\"catalog\"\n    [store]=\"store\"\n    [map]=\"map\"\n    [toggleCollapsedGroup]=\"toggleCollapsedGroup\"\n  >\n  </igo-catalog-browser>\n}\n", dependencies: [{ kind: "component", type: CatalogBrowserComponent, selector: "igo-catalog-browser", inputs: ["catalogAllowLegend", "catalog", "store", "map", "toggleCollapsedGroup"] }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 CatalogBrowserToolComponent = __decorate([
     ToolComponent({
         name: 'catalogBrowser',
         title: 'igo.integration.tools.catalog',
         parent: 'catalog'
-    }),
-    __metadata("design:paramtypes", [CatalogService,
-        CatalogState,
-        MapState,
-        AuthService])
+    })
 ], CatalogBrowserToolComponent);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: CatalogBrowserToolComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: CatalogBrowserToolComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'igo-catalog-browser-tool', changeDetection: ChangeDetectionStrategy.OnPush, imports: [NgIf, CatalogBrowserComponent, AsyncPipe], template: "<igo-catalog-browser\n  *ngIf=\"store$ | async as store\"\n  [catalog]=\"catalog\"\n  [store]=\"store\"\n  [map]=\"map\"\n  [toggleCollapsedGroup]=\"toggleCollapsedGroup\"\n>\n</igo-catalog-browser>\n" }]
-        }], ctorParameters: () => [{ type: i1$1.CatalogService }, { type: CatalogState }, { type: MapState }, { type: i2.AuthService }], propDecorators: { toggleCollapsedGroup: [{
+            args: [{ selector: 'igo-catalog-browser-tool', changeDetection: ChangeDetectionStrategy.OnPush, imports: [CatalogBrowserComponent, AsyncPipe], template: "@if (store$ | async; as store) {\n  <igo-catalog-browser\n    [catalog]=\"catalog\"\n    [store]=\"store\"\n    [map]=\"map\"\n    [toggleCollapsedGroup]=\"toggleCollapsedGroup\"\n  >\n  </igo-catalog-browser>\n}\n" }]
+        }], propDecorators: { toggleCollapsedGroup: [{
                 type: Input
             }] } });
 
@@ -434,11 +398,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImpo
  * @deprecated import the CatalogBrowserToolComponent directly
  */
 class IgoAppCatalogBrowserToolModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: IgoAppCatalogBrowserToolModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.15", ngImport: i0, type: IgoAppCatalogBrowserToolModule, imports: [CatalogBrowserToolComponent], exports: [CatalogBrowserToolComponent] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: IgoAppCatalogBrowserToolModule, imports: [CatalogBrowserToolComponent] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: IgoAppCatalogBrowserToolModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.4", ngImport: i0, type: IgoAppCatalogBrowserToolModule, imports: [CatalogBrowserToolComponent], exports: [CatalogBrowserToolComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: IgoAppCatalogBrowserToolModule, imports: [CatalogBrowserToolComponent] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: IgoAppCatalogBrowserToolModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: IgoAppCatalogBrowserToolModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [CatalogBrowserToolComponent],
@@ -472,10 +436,10 @@ class ImportExportState {
     setsExportOptions(exportOptions) {
         this.exportOptions$.next(exportOptions);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: ImportExportState, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: ImportExportState, providedIn: 'root' });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: ImportExportState, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: ImportExportState, providedIn: 'root' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: ImportExportState, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: ImportExportState, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
@@ -486,16 +450,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImpo
  * Service that holds the state of the search module
  */
 class ToolState {
-    toolService;
-    importExportState;
+    toolService = inject(ToolService);
+    importExportState = inject(ImportExportState);
     get toolbox() {
         return this.toolService.toolbox;
     }
     openSidenav$ = new BehaviorSubject(undefined);
-    constructor(toolService, importExportState) {
-        this.toolService = toolService;
-        this.importExportState = importExportState;
-    }
     toolToActivateFromOptions(toolToActivate) {
         if (!toolToActivate) {
             return;
@@ -521,15 +481,15 @@ class ToolState {
             this.openSidenav$.next(true);
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: ToolState, deps: [{ token: i1$2.ToolService }, { token: ImportExportState }], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: ToolState, providedIn: 'root' });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: ToolState, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: ToolState, providedIn: 'root' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: ToolState, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: ToolState, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
                 }]
-        }], ctorParameters: () => [{ type: i1$2.ToolService }, { type: ImportExportState }] });
+        }] });
 
 function getInfoFromSourceOptions(sourceOptions, context) {
     const value = {
@@ -633,12 +593,12 @@ function getInfoFromSourceOptions(sourceOptions, context) {
  * Tool to browse the list of available catalogs.
  */
 let CatalogLibraryToolComponent = class CatalogLibraryToolComponent {
-    contextService;
-    catalogService;
-    catalogState;
-    toolState;
-    storageService;
-    languageService;
+    contextService = inject(ContextService);
+    catalogService = inject(CatalogService);
+    catalogState = inject(CatalogState);
+    toolState = inject(ToolState);
+    storageService = inject(StorageService);
+    languageService = inject(LanguageService);
     generatelist$$;
     /**
      * Store that contains the catalogs
@@ -668,14 +628,6 @@ let CatalogLibraryToolComponent = class CatalogLibraryToolComponent {
     get lastTool() {
         return this.toolState.toolbox.getCurrentPreviousToolName()[0];
     }
-    constructor(contextService, catalogService, catalogState, toolState, storageService, languageService) {
-        this.contextService = contextService;
-        this.catalogService = catalogService;
-        this.catalogState = catalogState;
-        this.toolState = toolState;
-        this.storageService = storageService;
-        this.languageService = languageService;
-    }
     /**
      * @internal
      */
@@ -837,32 +789,25 @@ let CatalogLibraryToolComponent = class CatalogLibraryToolComponent {
         const documentName = this.languageService.translate.instant('igo.integration.catalog.listExport.documentName', { value: formatDate(Date.now(), 'YYYY-MM-dd-H_mm', 'en-US') });
         writeExcelFile(workBook, documentName, { compression: true });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: CatalogLibraryToolComponent, deps: [{ token: i1$3.ContextService }, { token: i1$1.CatalogService }, { token: CatalogState }, { token: ToolState }, { token: i5.StorageService }, { token: i2$1.LanguageService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: CatalogLibraryToolComponent, isStandalone: true, selector: "igo-catalog-library-tool", inputs: { addCatalogAllowed: "addCatalogAllowed", exportButton: "exportButton", predefinedCatalogs: "predefinedCatalogs" }, ngImport: i0, template: "<igo-catalog-library\n  [predefinedCatalogs]=\"predefinedCatalogs\"\n  [addCatalogAllowed]=\"addCatalogAllowed\"\n  [store]=\"store\"\n  (catalogSelectChange)=\"onCatalogSelectChange($event)\"\n>\n</igo-catalog-library>\n<div *ngIf=\"exportButton\" class=\"get-catalog-list-button\">\n  <button\n    mat-raised-button\n    [matTooltip]=\"'igo.integration.catalog.library.getCatalogList' | translate\"\n    matTooltipPosition=\"above\"\n    color=\"primary\"\n    (click)=\"getCatalogList()\"\n  >\n    {{ 'igo.integration.catalog.library.getCatalogList' | translate }}\n  </button>\n</div>\n", styles: [".get-catalog-list-button{display:flex;justify-content:center;align-items:center}\n"], dependencies: [{ kind: "component", type: CatalogLibraryComponent, selector: "igo-catalog-library", inputs: ["store", "map", "addCatalogAllowed", "predefinedCatalogs"], outputs: ["catalogSelectChange"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i7.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i8.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i9.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: CatalogLibraryToolComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.4", type: CatalogLibraryToolComponent, isStandalone: true, selector: "igo-catalog-library-tool", inputs: { addCatalogAllowed: "addCatalogAllowed", exportButton: "exportButton", predefinedCatalogs: "predefinedCatalogs" }, ngImport: i0, template: "<igo-catalog-library\n  [predefinedCatalogs]=\"predefinedCatalogs\"\n  [addCatalogAllowed]=\"addCatalogAllowed\"\n  [store]=\"store\"\n  (catalogSelectChange)=\"onCatalogSelectChange($event)\"\n>\n</igo-catalog-library>\n@if (exportButton) {\n  <div class=\"get-catalog-list-button\">\n    <button\n      matButton=\"elevated\"\n      [matTooltip]=\"\n        'igo.integration.catalog.library.getCatalogList' | translate\n      \"\n      matTooltipPosition=\"above\"\n      color=\"primary\"\n      (click)=\"getCatalogList()\"\n    >\n      {{ 'igo.integration.catalog.library.getCatalogList' | translate }}\n    </button>\n  </div>\n}\n", styles: [".get-catalog-list-button{display:flex;justify-content:center;align-items:center}\n"], dependencies: [{ kind: "component", type: CatalogLibraryComponent, selector: "igo-catalog-library", inputs: ["store", "map", "addCatalogAllowed", "predefinedCatalogs"], outputs: ["catalogSelectChange"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i1.MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i2.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i3$1.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 CatalogLibraryToolComponent = __decorate([
     ToolComponent({
         name: 'catalog',
         title: 'igo.integration.tools.catalog',
         icon: 'library_add'
-    }),
-    __metadata("design:paramtypes", [ContextService,
-        CatalogService,
-        CatalogState,
-        ToolState,
-        StorageService,
-        LanguageService])
+    })
 ], CatalogLibraryToolComponent);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: CatalogLibraryToolComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: CatalogLibraryToolComponent, decorators: [{
             type: Component,
             args: [{ selector: 'igo-catalog-library-tool', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [
                         CatalogLibraryComponent,
                         MatButtonModule,
                         MatTooltipModule,
-                        NgIf,
                         TranslateModule
-                    ], template: "<igo-catalog-library\n  [predefinedCatalogs]=\"predefinedCatalogs\"\n  [addCatalogAllowed]=\"addCatalogAllowed\"\n  [store]=\"store\"\n  (catalogSelectChange)=\"onCatalogSelectChange($event)\"\n>\n</igo-catalog-library>\n<div *ngIf=\"exportButton\" class=\"get-catalog-list-button\">\n  <button\n    mat-raised-button\n    [matTooltip]=\"'igo.integration.catalog.library.getCatalogList' | translate\"\n    matTooltipPosition=\"above\"\n    color=\"primary\"\n    (click)=\"getCatalogList()\"\n  >\n    {{ 'igo.integration.catalog.library.getCatalogList' | translate }}\n  </button>\n</div>\n", styles: [".get-catalog-list-button{display:flex;justify-content:center;align-items:center}\n"] }]
-        }], ctorParameters: () => [{ type: i1$3.ContextService }, { type: i1$1.CatalogService }, { type: CatalogState }, { type: ToolState }, { type: i5.StorageService }, { type: i2$1.LanguageService }], propDecorators: { addCatalogAllowed: [{
+                    ], template: "<igo-catalog-library\n  [predefinedCatalogs]=\"predefinedCatalogs\"\n  [addCatalogAllowed]=\"addCatalogAllowed\"\n  [store]=\"store\"\n  (catalogSelectChange)=\"onCatalogSelectChange($event)\"\n>\n</igo-catalog-library>\n@if (exportButton) {\n  <div class=\"get-catalog-list-button\">\n    <button\n      matButton=\"elevated\"\n      [matTooltip]=\"\n        'igo.integration.catalog.library.getCatalogList' | translate\n      \"\n      matTooltipPosition=\"above\"\n      color=\"primary\"\n      (click)=\"getCatalogList()\"\n    >\n      {{ 'igo.integration.catalog.library.getCatalogList' | translate }}\n    </button>\n  </div>\n}\n", styles: [".get-catalog-list-button{display:flex;justify-content:center;align-items:center}\n"] }]
+        }], propDecorators: { addCatalogAllowed: [{
                 type: Input
             }], exportButton: [{
                 type: Input
@@ -874,11 +819,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImpo
  * @deprecated import the CatalogLibraryToolComponent directly
  */
 class IgoAppCatalogLibraryToolModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: IgoAppCatalogLibraryToolModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.15", ngImport: i0, type: IgoAppCatalogLibraryToolModule, imports: [CatalogLibraryToolComponent], exports: [CatalogLibraryToolComponent] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: IgoAppCatalogLibraryToolModule, imports: [CatalogLibraryToolComponent] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: IgoAppCatalogLibraryToolModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.4", ngImport: i0, type: IgoAppCatalogLibraryToolModule, imports: [CatalogLibraryToolComponent], exports: [CatalogLibraryToolComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: IgoAppCatalogLibraryToolModule, imports: [CatalogLibraryToolComponent] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: IgoAppCatalogLibraryToolModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: IgoAppCatalogLibraryToolModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [CatalogLibraryToolComponent],
@@ -890,11 +835,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImpo
  * @deprecated import the components directly
  */
 class IgoAppCatalogModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: IgoAppCatalogModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.15", ngImport: i0, type: IgoAppCatalogModule, exports: [IgoAppCatalogLibraryToolModule, IgoAppCatalogBrowserToolModule] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: IgoAppCatalogModule, imports: [IgoAppCatalogLibraryToolModule, IgoAppCatalogBrowserToolModule] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: IgoAppCatalogModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.4", ngImport: i0, type: IgoAppCatalogModule, exports: [IgoAppCatalogLibraryToolModule, IgoAppCatalogBrowserToolModule] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: IgoAppCatalogModule, imports: [IgoAppCatalogLibraryToolModule, IgoAppCatalogBrowserToolModule] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: IgoAppCatalogModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: IgoAppCatalogModule, decorators: [{
             type: NgModule,
             args: [{
                     exports: [IgoAppCatalogLibraryToolModule, IgoAppCatalogBrowserToolModule]
@@ -902,15 +847,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImpo
         }] });
 
 let ContextEditorToolComponent = class ContextEditorToolComponent {
-    toolState;
-    constructor(toolState) {
-        this.toolState = toolState;
-    }
+    toolState = inject(ToolState);
     submitSuccessed() {
         this.toolState.toolbox.activatePreviousTool();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: ContextEditorToolComponent, deps: [{ token: ToolState }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: ContextEditorToolComponent, isStandalone: true, selector: "igo-context-editor-tool", ngImport: i0, template: "<igo-context-edit\n  igoContextEditBinding\n  (submitSuccessed)=\"submitSuccessed()\"\n></igo-context-edit>\n", dependencies: [{ kind: "component", type: ContextEditComponent, selector: "igo-context-edit", inputs: ["context"], outputs: ["submitForm"] }, { kind: "directive", type: ContextEditBindingDirective, selector: "[igoContextEditBinding]", outputs: ["submitSuccessed"] }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: ContextEditorToolComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.4", type: ContextEditorToolComponent, isStandalone: true, selector: "igo-context-editor-tool", ngImport: i0, template: "<igo-context-edit\n  igoContextEditBinding\n  (submitSuccessed)=\"submitSuccessed()\"\n></igo-context-edit>\n", dependencies: [{ kind: "component", type: ContextEditComponent, selector: "igo-context-edit", inputs: ["context"], outputs: ["submitForm"] }, { kind: "directive", type: ContextEditBindingDirective, selector: "[igoContextEditBinding]", outputs: ["submitSuccessed"] }] });
 };
 ContextEditorToolComponent = __decorate([
     ToolComponent({
@@ -918,53 +860,46 @@ ContextEditorToolComponent = __decorate([
         title: 'igo.integration.tools.contexts',
         icon: 'star',
         parent: 'contextManager'
-    }),
-    __metadata("design:paramtypes", [ToolState])
+    })
 ], ContextEditorToolComponent);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: ContextEditorToolComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: ContextEditorToolComponent, decorators: [{
             type: Component,
             args: [{ selector: 'igo-context-editor-tool', imports: [ContextEditComponent, ContextEditBindingDirective], template: "<igo-context-edit\n  igoContextEditBinding\n  (submitSuccessed)=\"submitSuccessed()\"\n></igo-context-edit>\n" }]
-        }], ctorParameters: () => [{ type: ToolState }] });
+        }] });
 
 let ContextManagerToolComponent = class ContextManagerToolComponent {
-    toolState;
-    mapState;
+    toolState = inject(ToolState);
+    mapState = inject(MapState);
     toolToOpenOnContextChange = 'mapTools';
     get map() {
         return this.mapState.map;
     }
-    constructor(toolState, mapState) {
-        this.toolState = toolState;
-        this.mapState = mapState;
-    }
     editContext() {
         this.toolState.toolbox.activateTool('contextEditor');
     }
     managePermissions() {
         this.toolState.toolbox.activateTool('contextPermissionManager');
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: ContextManagerToolComponent, deps: [{ token: ToolState }, { token: MapState }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: ContextManagerToolComponent, isStandalone: true, selector: "igo-context-manager-tool", inputs: { toolToOpenOnContextChange: "toolToOpenOnContextChange" }, ngImport: i0, template: "<igo-context-list\n  igoContextListBinding\n  [map]=\"map\"\n  (edit)=\"editContext()\"\n  (managePermissions)=\"managePermissions()\"\n>\n</igo-context-list>\n", dependencies: [{ kind: "component", type: 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: ContextListBindingDirective, selector: "[igoContextListBinding]" }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: ContextManagerToolComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.4", type: ContextManagerToolComponent, isStandalone: true, selector: "igo-context-manager-tool", inputs: { toolToOpenOnContextChange: "toolToOpenOnContextChange" }, ngImport: i0, template: "<igo-context-list\n  igoContextListBinding\n  [map]=\"map\"\n  (edit)=\"editContext()\"\n  (managePermissions)=\"managePermissions()\"\n>\n</igo-context-list>\n", dependencies: [{ kind: "component", type: 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: ContextListBindingDirective, selector: "[igoContextListBinding]" }] });
 };
 ContextManagerToolComponent = __decorate([
     ToolComponent({
         name: 'contextManager',
         title: 'igo.integration.tools.contexts',
         icon: 'star'
-    }),
-    __metadata("design:paramtypes", [ToolState,
-        MapState])
+    })
 ], ContextManagerToolComponent);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: ContextManagerToolComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: ContextManagerToolComponent, decorators: [{
             type: Component,
             args: [{ selector: 'igo-context-manager-tool', imports: [ContextListComponent, ContextListBindingDirective], template: "<igo-context-list\n  igoContextListBinding\n  [map]=\"map\"\n  (edit)=\"editContext()\"\n  (managePermissions)=\"managePermissions()\"\n>\n</igo-context-list>\n" }]
-        }], ctorParameters: () => [{ type: ToolState }, { type: MapState }], propDecorators: { toolToOpenOnContextChange: [{
+        }], propDecorators: { toolToOpenOnContextChange: [{
                 type: Input
             }] } });
 
 let ContextPermissionManagerToolComponent = class ContextPermissionManagerToolComponent {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: ContextPermissionManagerToolComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: ContextPermissionManagerToolComponent, isStandalone: true, selector: "igo-context-permission-manager-tool", ngImport: i0, template: "<igo-context-permissions igoContextPermissionsBinding></igo-context-permissions>\n", dependencies: [{ kind: "component", type: ContextPermissionsComponent, selector: "igo-context-permissions", inputs: ["context", "permissions"], outputs: ["addPermission", "removePermission", "scopeChanged"] }, { kind: "directive", type: ContextPermissionsBindingDirective, selector: "[igoContextPermissionsBinding]" }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: ContextPermissionManagerToolComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.4", type: ContextPermissionManagerToolComponent, isStandalone: true, selector: "igo-context-permission-manager-tool", ngImport: i0, template: "<igo-context-permissions igoContextPermissionsBinding></igo-context-permissions>\n", dependencies: [{ kind: "component", type: ContextPermissionsComponent, selector: "igo-context-permissions", inputs: ["context", "permissions"], outputs: ["addPermission", "removePermission", "scopeChanged"] }, { kind: "directive", type: ContextPermissionsBindingDirective, selector: "[igoContextPermissionsBinding]" }] });
 };
 ContextPermissionManagerToolComponent = __decorate([
     ToolComponent({
@@ -974,7 +909,7 @@ ContextPermissionManagerToolComponent = __decorate([
         parent: 'contextManager'
     })
 ], ContextPermissionManagerToolComponent);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: ContextPermissionManagerToolComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: ContextPermissionManagerToolComponent, decorators: [{
             type: Component,
             args: [{ selector: 'igo-context-permission-manager-tool', imports: [ContextPermissionsComponent, ContextPermissionsBindingDirective], template: "<igo-context-permissions igoContextPermissionsBinding></igo-context-permissions>\n" }]
         }] });
@@ -1006,10 +941,10 @@ class LayerListToolState {
             sortAlpha: this.sortAlpha$.value
         };
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: LayerListToolState, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: LayerListToolState, providedIn: 'root' });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: LayerListToolState, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: LayerListToolState, providedIn: 'root' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: LayerListToolState, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: LayerListToolState, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
@@ -1017,34 +952,28 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImpo
         }] });
 
 let ContextShareToolComponent = class ContextShareToolComponent {
-    mapState;
-    layerListToolState;
+    mapState = inject(MapState);
+    layerListToolState = inject(LayerListToolState);
     get map() {
         return this.mapState.map;
     }
     get layerListControls() {
         return this.layerListToolState.getLayerListControls();
     }
-    constructor(mapState, layerListToolState) {
-        this.mapState = mapState;
-        this.layerListToolState = layerListToolState;
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: ContextShareToolComponent, deps: [{ token: MapState }, { token: LayerListToolState }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: ContextShareToolComponent, isStandalone: true, selector: "igo-context-share-tool", ngImport: i0, template: "<igo-share-map [map]=\"map\"></igo-share-map>\n", dependencies: [{ kind: "component", type: ShareMapComponent, selector: "igo-share-map", inputs: ["map"] }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: ContextShareToolComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.4", type: ContextShareToolComponent, isStandalone: true, selector: "igo-context-share-tool", ngImport: i0, template: "<igo-share-map [map]=\"map\"></igo-share-map>\n", dependencies: [{ kind: "component", type: ShareMapComponent, selector: "igo-share-map", inputs: ["map"] }] });
 };
 ContextShareToolComponent = __decorate([
     ToolComponent({
         name: 'shareMap',
         title: 'igo.integration.tools.shareMap',
         icon: 'share'
-    }),
-    __metadata("design:paramtypes", [MapState,
-        LayerListToolState])
+    })
 ], ContextShareToolComponent);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: ContextShareToolComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: ContextShareToolComponent, decorators: [{
             type: Component,
             args: [{ selector: 'igo-context-share-tool', imports: [ShareMapComponent], template: "<igo-share-map [map]=\"map\"></igo-share-map>\n" }]
-        }], ctorParameters: () => [{ type: MapState }, { type: LayerListToolState }] });
+        }] });
 
 const INTEGRATION_CONTEXT_DIRECTIVES = [
     ContextEditorToolComponent,
@@ -1057,11 +986,11 @@ const INTEGRATION_CONTEXT_DIRECTIVES = [
  * @deprecated import the components/directive directly or INTEGRATION_CONTEXT_DIRECTIVES for the set
  */
 class IgoAppContextModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: IgoAppContextModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.15", ngImport: i0, type: IgoAppContextModule, imports: [ContextEditorToolComponent, ContextManagerToolComponent, ContextPermissionManagerToolComponent, ContextShareToolComponent], exports: [ContextEditorToolComponent, ContextManagerToolComponent, ContextPermissionManagerToolComponent, ContextShareToolComponent] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: IgoAppContextModule, imports: [INTEGRATION_CONTEXT_DIRECTIVES] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: IgoAppContextModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.4", ngImport: i0, type: IgoAppContextModule, imports: [ContextEditorToolComponent, ContextManagerToolComponent, ContextPermissionManagerToolComponent, ContextShareToolComponent], exports: [ContextEditorToolComponent, ContextManagerToolComponent, ContextPermissionManagerToolComponent, ContextShareToolComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: IgoAppContextModule, imports: [INTEGRATION_CONTEXT_DIRECTIVES] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: IgoAppContextModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: IgoAppContextModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [...INTEGRATION_CONTEXT_DIRECTIVES],
@@ -1073,19 +1002,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImpo
  * Service that holds the state of the context module
  */
 class ContextState {
-    contextService;
-    toolService;
-    toolState;
-    languageService;
+    contextService = inject(ContextService);
+    toolService = inject(ToolService);
+    toolState = inject(ToolState);
+    languageService = inject(LanguageService);
     /**
      * Observable of the active context
      */
     context$ = new BehaviorSubject(undefined);
-    constructor(contextService, toolService, toolState, languageService) {
-        this.contextService = contextService;
-        this.toolService = toolService;
-        this.toolState = toolState;
-        this.languageService = languageService;
+    constructor() {
         this.contextService.context$.subscribe((context) => {
             this.onContextChange(context);
         });
@@ -1144,21 +1069,21 @@ class ContextState {
         }
         this.setContext(context);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: ContextState, deps: [{ token: i1$3.ContextService }, { token: i1$2.ToolService }, { token: ToolState }, { token: i2$1.LanguageService }], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: ContextState, providedIn: 'root' });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: ContextState, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: ContextState, providedIn: 'root' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: ContextState, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: ContextState, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
                 }]
-        }], ctorParameters: () => [{ type: i1$3.ContextService }, { type: i1$2.ToolService }, { type: ToolState }, { type: i2$1.LanguageService }] });
+        }], ctorParameters: () => [] });
 
 /**
  * Service that holds the state of the direction module
  */
 class DirectionState {
-    mapState;
+    mapState = inject(MapState);
     zoomToActiveRoute$ = new Subject();
     /**
      * Store that holds the stop
@@ -1174,8 +1099,7 @@ class DirectionState {
     routesFeatureStore;
     stepFeatureStore;
     debounceTime = 200;
-    constructor(mapState) {
-        this.mapState = mapState;
+    constructor() {
         this.stopsFeatureStore = new StopsFeatureStore([], {
             map: this.mapState.map
         });
@@ -1195,24 +1119,24 @@ class DirectionState {
             }
         });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: DirectionState, deps: [{ token: MapState }], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: DirectionState, providedIn: 'root' });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: DirectionState, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: DirectionState, providedIn: 'root' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: DirectionState, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: DirectionState, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
                 }]
-        }], ctorParameters: () => [{ type: MapState }] });
+        }], ctorParameters: () => [] });
 
 let DirectionsToolComponent = class DirectionsToolComponent {
-    directionState;
-    mapState;
-    languageService;
-    messageService;
-    storageService;
-    contextState;
-    authService;
+    directionState = inject(DirectionState);
+    mapState = inject(MapState);
+    languageService = inject(LanguageService);
+    messageService = inject(MessageService);
+    storageService = inject(StorageService);
+    contextState = inject(ContextState);
+    authService = inject(AuthService);
     currentContextUri;
     /**
      * stops
@@ -1262,15 +1186,6 @@ let DirectionsToolComponent = class DirectionsToolComponent {
     get map() {
         return this.mapState.map;
     }
-    constructor(directionState, mapState, languageService, messageService, storageService, contextState, authService) {
-        this.directionState = directionState;
-        this.mapState = mapState;
-        this.languageService = languageService;
-        this.messageService = messageService;
-        this.storageService = storageService;
-        this.contextState = contextState;
-        this.authService = authService;
-    }
     ngOnInit() {
         const warningShown = this.storageService.get('direction.warning.shown');
         if (!warningShown) {
@@ -1283,27 +1198,20 @@ let DirectionsToolComponent = class DirectionsToolComponent {
             }
         });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: DirectionsToolComponent, deps: [{ token: DirectionState }, { token: MapState }, { token: i2$1.LanguageService }, { token: i4.MessageService }, { token: i5.StorageService }, { token: ContextState }, { token: i2.AuthService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: DirectionsToolComponent, isStandalone: true, selector: "igo-directions-tool", ngImport: i0, template: "<igo-directions\n  [contextUri]=\"currentContextUri\"\n  [debounce]=\"debounceTime\"\n  [stopsStore]=\"stopsStore\"\n  [stopsFeatureStore]=\"stopsFeatureStore\"\n  [stepsFeatureStore]=\"stepFeatureStore\"\n  [routesFeatureStore]=\"routesFeatureStore\"\n  [zoomOnActiveRoute$]=\"zoomOnActiveRoute$\"\n  [authenticated$]=\"authenticated$\"\n>\n</igo-directions>\n", dependencies: [{ kind: "ngmodule", type: IgoDirectionsModule }, { kind: "component", type: i1$1.DirectionsComponent, selector: "igo-directions", inputs: ["contextUri", "stopsStore", "stopsFeatureStore", "routesFeatureStore", "stepsFeatureStore", "debounce", "length", "coordRoundedDecimals", "zoomOnActiveRoute$", "authenticated$"] }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: DirectionsToolComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.4", type: DirectionsToolComponent, isStandalone: true, selector: "igo-directions-tool", ngImport: i0, template: "<igo-directions\n  [contextUri]=\"currentContextUri\"\n  [debounce]=\"debounceTime\"\n  [stopsStore]=\"stopsStore\"\n  [stopsFeatureStore]=\"stopsFeatureStore\"\n  [stepsFeatureStore]=\"stepFeatureStore\"\n  [routesFeatureStore]=\"routesFeatureStore\"\n  [zoomOnActiveRoute$]=\"zoomOnActiveRoute$\"\n  [authenticated$]=\"authenticated$\"\n>\n</igo-directions>\n", dependencies: [{ kind: "ngmodule", type: IgoDirectionsModule }, { kind: "component", type: i1$1.DirectionsComponent, selector: "igo-directions", inputs: ["contextUri", "stopsStore", "stopsFeatureStore", "routesFeatureStore", "stepsFeatureStore", "debounce", "length", "coordRoundedDecimals", "zoomOnActiveRoute$", "authenticated$"] }] });
 };
 DirectionsToolComponent = __decorate([
     ToolComponent({
         name: 'directions',
         title: 'igo.integration.tools.directions',
         icon: 'directions'
-    }),
-    __metadata("design:paramtypes", [DirectionState,
-        MapState,
-        LanguageService,
-        MessageService,
-        StorageService,
-        ContextState,
-        AuthService])
+    })
 ], DirectionsToolComponent);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: DirectionsToolComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: DirectionsToolComponent, decorators: [{
             type: Component,
             args: [{ selector: 'igo-directions-tool', imports: [IgoDirectionsModule], template: "<igo-directions\n  [contextUri]=\"currentContextUri\"\n  [debounce]=\"debounceTime\"\n  [stopsStore]=\"stopsStore\"\n  [stopsFeatureStore]=\"stopsFeatureStore\"\n  [stepsFeatureStore]=\"stepFeatureStore\"\n  [routesFeatureStore]=\"routesFeatureStore\"\n  [zoomOnActiveRoute$]=\"zoomOnActiveRoute$\"\n  [authenticated$]=\"authenticated$\"\n>\n</igo-directions>\n" }]
-        }], ctorParameters: () => [{ type: DirectionState }, { type: MapState }, { type: i2$1.LanguageService }, { type: i4.MessageService }, { type: i5.StorageService }, { type: ContextState }, { type: i2.AuthService }] });
+        }] });
 
 /**
  * @deprecated import the DirectionsToolComponent directly
@@ -1315,11 +1223,11 @@ class IgoAppDirectionsModule {
             providers: []
         };
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: IgoAppDirectionsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.15", ngImport: i0, type: IgoAppDirectionsModule, imports: [DirectionsToolComponent], exports: [DirectionsToolComponent] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: IgoAppDirectionsModule, imports: [DirectionsToolComponent] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: IgoAppDirectionsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.4", ngImport: i0, type: IgoAppDirectionsModule, imports: [DirectionsToolComponent], exports: [DirectionsToolComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: IgoAppDirectionsModule, imports: [DirectionsToolComponent] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: IgoAppDirectionsModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: IgoAppDirectionsModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [DirectionsToolComponent],
@@ -1331,13 +1239,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImpo
  * Service that holds the state of the measure module
  */
 class DrawState {
-    mapState;
+    mapState = inject(MapState);
     stores = [];
     layersID = [];
     drawControls = [];
     activeDrawingLayer;
-    constructor(mapState) {
-        this.mapState = mapState;
+    constructor() {
         this.mapState.map.layerController.all$.subscribe(() => {
             this.layersID.forEach((layerId) => {
                 if (!this.mapState.map.layerController.getById(layerId)) {
@@ -1355,22 +1262,22 @@ class DrawState {
             store = new FeatureStore([], { map: this.mapState.map });
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: DrawState, deps: [{ token: MapState }], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: DrawState, providedIn: 'root' });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: DrawState, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: DrawState, providedIn: 'root' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: DrawState, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: DrawState, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
                 }]
-        }], ctorParameters: () => [{ type: MapState }] });
+        }], ctorParameters: () => [] });
 
 /**
  * Tool to measure lengths and areas
  */
 let DrawingToolComponent = class DrawingToolComponent {
-    drawState;
-    mapState;
+    drawState = inject(DrawState);
+    mapState = inject(MapState);
     /**
      * Map to measure on
      * @internal
@@ -1406,36 +1313,30 @@ let DrawingToolComponent = class DrawingToolComponent {
     addDrawControls(dc) {
         this.drawControls = dc;
     }
-    constructor(drawState, mapState) {
-        this.drawState = drawState;
-        this.mapState = mapState;
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: DrawingToolComponent, deps: [{ token: DrawState }, { token: MapState }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: DrawingToolComponent, isStandalone: true, selector: "igo-drawing-tool", ngImport: i0, template: "<igo-draw\n  [stores]=\"stores\"\n  [map]=\"map\"\n  (layersIDEvent)=\"addLayersID($event)\"\n  [activeDrawingLayer]=\"activeDrawingLayer\"\n  [drawControls]=\"drawControls\"\n  (drawControlsEvent)=\"addDrawControls($event)\"\n  (activeLayerChange)=\"activeDrawingLayer = $event\"\n>\n</igo-draw>\n", dependencies: [{ kind: "component", type: DrawComponent, selector: "igo-draw", inputs: ["map", "stores", "drawControls", "activeDrawingLayer"], outputs: ["activeLayerChange", "drawControlsEvent", "layersIDEvent", "fillColor", "strokeColor", "strokeWidth", "fontSize", "fontStyle"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: DrawingToolComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.4", type: DrawingToolComponent, isStandalone: true, selector: "igo-drawing-tool", ngImport: i0, template: "<igo-draw\n  [stores]=\"stores\"\n  [map]=\"map\"\n  (layersIDEvent)=\"addLayersID($event)\"\n  [activeDrawingLayer]=\"activeDrawingLayer\"\n  [drawControls]=\"drawControls\"\n  (drawControlsEvent)=\"addDrawControls($event)\"\n  (activeLayerChange)=\"activeDrawingLayer = $event\"\n>\n</igo-draw>\n", dependencies: [{ kind: "component", type: DrawComponent, selector: "igo-draw", inputs: ["map", "stores", "drawControls", "activeDrawingLayer"], outputs: ["activeLayerChange", "drawControlsEvent", "layersIDEvent", "fillColor", "strokeColor", "strokeWidth", "fontSize", "fontStyle"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 DrawingToolComponent = __decorate([
     ToolComponent({
         name: 'draw',
         title: 'igo.integration.tools.draw',
         icon: 'stylus_note'
-    }),
-    __metadata("design:paramtypes", [DrawState,
-        MapState])
+    })
 ], DrawingToolComponent);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: DrawingToolComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: DrawingToolComponent, decorators: [{
             type: Component,
             args: [{ selector: 'igo-drawing-tool', changeDetection: ChangeDetectionStrategy.OnPush, imports: [DrawComponent], template: "<igo-draw\n  [stores]=\"stores\"\n  [map]=\"map\"\n  (layersIDEvent)=\"addLayersID($event)\"\n  [activeDrawingLayer]=\"activeDrawingLayer\"\n  [drawControls]=\"drawControls\"\n  (drawControlsEvent)=\"addDrawControls($event)\"\n  (activeLayerChange)=\"activeDrawingLayer = $event\"\n>\n</igo-draw>\n" }]
-        }], ctorParameters: () => [{ type: DrawState }, { type: MapState }] });
+        }] });
 
 /**
  * @deprecated import the DrawingToolComponent directly
  */
 class IgoAppDrawingToolModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: IgoAppDrawingToolModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.15", ngImport: i0, type: IgoAppDrawingToolModule, imports: [DrawingToolComponent], exports: [DrawingToolComponent] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: IgoAppDrawingToolModule, imports: [DrawingToolComponent] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: IgoAppDrawingToolModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.4", ngImport: i0, type: IgoAppDrawingToolModule, imports: [DrawingToolComponent], exports: [DrawingToolComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: IgoAppDrawingToolModule, imports: [DrawingToolComponent] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: IgoAppDrawingToolModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: IgoAppDrawingToolModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [DrawingToolComponent],
@@ -1447,11 +1348,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImpo
  * @deprecated import the DrawingToolComponent directly
  */
 class IgoAppDrawModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: IgoAppDrawModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.15", ngImport: i0, type: IgoAppDrawModule, exports: [IgoAppDrawingToolModule] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: IgoAppDrawModule, imports: [IgoAppDrawingToolModule] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: IgoAppDrawModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.4", ngImport: i0, type: IgoAppDrawModule, exports: [IgoAppDrawingToolModule] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: IgoAppDrawModule, imports: [IgoAppDrawingToolModule] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: IgoAppDrawModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: IgoAppDrawModule, decorators: [{
             type: NgModule,
             args: [{
                     exports: [IgoAppDrawingToolModule]
@@ -1468,7 +1369,7 @@ function toolSlideInOut$1(speed = '300ms', type = 'ease-in-out') {
 }
 
 let ActiveOgcFilterToolComponent = class ActiveOgcFilterToolComponent {
-    mapState;
+    mapState = inject(MapState);
     get map() {
         return this.mapState.map;
     }
@@ -1481,11 +1382,8 @@ let ActiveOgcFilterToolComponent = class ActiveOgcFilterToolComponent {
         return;
     }
     animate = 'enter';
-    constructor(mapState) {
-        this.mapState = mapState;
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: ActiveOgcFilterToolComponent, deps: [{ token: MapState }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: ActiveOgcFilterToolComponent, isStandalone: true, selector: "igo-active-ogc-filter-tool", ngImport: i0, template: "<igo-ogc-filterable-item\n  [map]=\"map\"\n  [layer]=\"layer\"\n  [header]=\"false\"\n  [@toolSlideInOut]=\"animate\"\n>\n</igo-ogc-filterable-item>\n", dependencies: [{ kind: "component", type: OgcFilterableItemComponent, selector: "igo-ogc-filterable-item", inputs: ["layer", "map", "header"] }], animations: [toolSlideInOut$1()] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: ActiveOgcFilterToolComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.4", type: ActiveOgcFilterToolComponent, isStandalone: true, selector: "igo-active-ogc-filter-tool", ngImport: i0, template: "<igo-ogc-filterable-item\n  [map]=\"map\"\n  [layer]=\"layer\"\n  [header]=\"false\"\n  [@toolSlideInOut]=\"animate\"\n>\n</igo-ogc-filterable-item>\n", dependencies: [{ kind: "component", type: OgcFilterableItemComponent, selector: "igo-ogc-filterable-item", inputs: ["layer", "map", "header"] }], animations: [toolSlideInOut$1()] });
 };
 ActiveOgcFilterToolComponent = __decorate([
     ToolComponent({
@@ -1493,13 +1391,12 @@ ActiveOgcFilterToolComponent = __decorate([
         title: 'igo.integration.tools.ogcFilter',
         icon: 'filter',
         parent: 'mapTools'
-    }),
-    __metadata("design:paramtypes", [MapState])
+    })
 ], ActiveOgcFilterToolComponent);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: ActiveOgcFilterToolComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: ActiveOgcFilterToolComponent, decorators: [{
             type: Component,
             args: [{ selector: 'igo-active-ogc-filter-tool', animations: [toolSlideInOut$1()], imports: [OgcFilterableItemComponent], template: "<igo-ogc-filterable-item\n  [map]=\"map\"\n  [layer]=\"layer\"\n  [header]=\"false\"\n  [@toolSlideInOut]=\"animate\"\n>\n</igo-ogc-filterable-item>\n" }]
-        }], ctorParameters: () => [{ type: MapState }] });
+        }] });
 
 function toolSlideInOut(speed = '300ms', type = 'ease-in-out') {
     return trigger('toolSlideInOut', [
@@ -1511,7 +1408,7 @@ function toolSlideInOut(speed = '300ms', type = 'ease-in-out') {
 }
 
 let ActiveTimeFilterToolComponent = class ActiveTimeFilterToolComponent {
-    mapState;
+    mapState = inject(MapState);
     get map() {
         return this.mapState.map;
     }
@@ -1524,11 +1421,8 @@ let ActiveTimeFilterToolComponent = class ActiveTimeFilterToolComponent {
         return;
     }
     animate = 'enter';
-    constructor(mapState) {
-        this.mapState = mapState;
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: ActiveTimeFilterToolComponent, deps: [{ token: MapState }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: ActiveTimeFilterToolComponent, isStandalone: true, selector: "igo-active-time-filter-tool", ngImport: i0, template: "<igo-time-filter-item\n  [layer]=\"layer\"\n  [header]=\"false\"\n  [@toolSlideInOut]=\"animate\"\n>\n</igo-time-filter-item>\n", dependencies: [{ kind: "component", type: TimeFilterItemComponent, selector: "igo-time-filter-item", inputs: ["header", "layer"] }], animations: [toolSlideInOut()] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: ActiveTimeFilterToolComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.4", type: ActiveTimeFilterToolComponent, isStandalone: true, selector: "igo-active-time-filter-tool", ngImport: i0, template: "<igo-time-filter-item\n  [layer]=\"layer\"\n  [header]=\"false\"\n  [@toolSlideInOut]=\"animate\"\n>\n</igo-time-filter-item>\n", dependencies: [{ kind: "component", type: TimeFilterItemComponent, selector: "igo-time-filter-item", inputs: ["header", "layer"] }], animations: [toolSlideInOut()] });
 };
 ActiveTimeFilterToolComponent = __decorate([
     ToolComponent({
@@ -1536,17 +1430,16 @@ ActiveTimeFilterToolComponent = __decorate([
         title: 'igo.integration.tools.timeFilter',
         icon: 'history',
         parent: 'mapTools'
-    }),
-    __metadata("design:paramtypes", [MapState])
+    })
 ], ActiveTimeFilterToolComponent);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: ActiveTimeFilterToolComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: ActiveTimeFilterToolComponent, decorators: [{
             type: Component,
             args: [{ selector: 'igo-active-time-filter-tool', animations: [toolSlideInOut()], imports: [TimeFilterItemComponent], template: "<igo-time-filter-item\n  [layer]=\"layer\"\n  [header]=\"false\"\n  [@toolSlideInOut]=\"animate\"\n>\n</igo-time-filter-item>\n" }]
-        }], ctorParameters: () => [{ type: MapState }] });
+        }] });
 
 let OgcFilterToolComponent = class OgcFilterToolComponent {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: OgcFilterToolComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: OgcFilterToolComponent, isStandalone: true, selector: "igo-ogc-filter-tool", ngImport: i0, template: "<igo-ogc-filterable-list igoOgcFilterableListBinding></igo-ogc-filterable-list>\n", dependencies: [{ kind: "component", type: OgcFilterableListComponent, selector: "igo-ogc-filterable-list", inputs: ["layers", "map"] }, { kind: "directive", type: OgcFilterableListBindingDirective, selector: "[igoOgcFilterableListBinding]" }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: OgcFilterToolComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.4", type: OgcFilterToolComponent, isStandalone: true, selector: "igo-ogc-filter-tool", ngImport: i0, template: "<igo-ogc-filterable-list igoOgcFilterableListBinding></igo-ogc-filterable-list>\n", dependencies: [{ kind: "component", type: OgcFilterableListComponent, selector: "igo-ogc-filterable-list", inputs: ["layers", "map"] }, { kind: "directive", type: OgcFilterableListBindingDirective, selector: "[igoOgcFilterableListBinding]" }] });
 };
 OgcFilterToolComponent = __decorate([
     ToolComponent({
@@ -1555,7 +1448,7 @@ OgcFilterToolComponent = __decorate([
         icon: 'filter'
     })
 ], OgcFilterToolComponent);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: OgcFilterToolComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: OgcFilterToolComponent, decorators: [{
             type: Component,
             args: [{ selector: 'igo-ogc-filter-tool', imports: [OgcFilterableListComponent, OgcFilterableListBindingDirective], template: "<igo-ogc-filterable-list igoOgcFilterableListBinding></igo-ogc-filterable-list>\n" }]
         }] });
@@ -1564,22 +1457,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImpo
  * Service that holds the state of storage service
  */
 class StorageState {
-    igoStorageService;
+    igoStorageService = inject(StorageService);
     get storageService() {
         return this.igoStorageService;
     }
-    constructor(igoStorageService) {
-        this.igoStorageService = igoStorageService;
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: StorageState, deps: [{ token: i5.StorageService }], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: StorageState, providedIn: 'root' });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: StorageState, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: StorageState, providedIn: 'root' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: StorageState, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: StorageState, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
                 }]
-        }], ctorParameters: () => [{ type: i5.StorageService }] });
+        }] });
 
 function handleZoomAuto(workspace, storageService) {
     const zoomStrategy = workspace.entityStore.getStrategyOfType(FeatureStoreSelectionStrategy);
@@ -1757,11 +1647,11 @@ function dateTransform(date, format) {
 }
 
 class EditionActionsService {
-    ogcFilterWidget;
-    storageState;
-    languageService;
-    mediaService;
-    toolState;
+    ogcFilterWidget = inject(OgcFilterWidget, { optional: true });
+    storageState = inject(StorageState);
+    languageService = inject(LanguageService);
+    mediaService = inject(MediaService);
+    toolState = inject(ToolState);
     maximize$;
     zoomAuto$ = new BehaviorSubject(false);
     storageChange$$;
@@ -1771,12 +1661,7 @@ class EditionActionsService {
     get zoomAuto() {
         return this.storageService.get('zoomAuto');
     }
-    constructor(ogcFilterWidget, storageState, languageService, mediaService, toolState) {
-        this.ogcFilterWidget = ogcFilterWidget;
-        this.storageState = storageState;
-        this.languageService = languageService;
-        this.mediaService = mediaService;
-        this.toolState = toolState;
+    constructor() {
         this.maximize$ = new BehaviorSubject(this.storageService.get('workspaceMaximize'));
     }
     ngOnDestroy() {
@@ -1799,27 +1684,22 @@ class EditionActionsService {
         });
         return getWorkspaceActions(workspace, rowsInMapExtentCheckCondition$, selectOnlyCheckCondition$, this.ogcFilterWidget, this.zoomAuto$, this.maximize$, this.storageService, this.languageService, this.mediaService, this.toolState);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: EditionActionsService, deps: [{ token: OgcFilterWidget, optional: true }, { token: StorageState }, { token: i2$1.LanguageService }, { token: i3$1.MediaService }, { token: ToolState }], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: EditionActionsService, providedIn: 'root' });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: EditionActionsService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: EditionActionsService, providedIn: 'root' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: EditionActionsService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: EditionActionsService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
                 }]
-        }], ctorParameters: () => [{ type: i5$1.Widget, decorators: [{
-                    type: Optional
-                }, {
-                    type: Inject,
-                    args: [OgcFilterWidget]
-                }] }, { type: StorageState }, { type: i2$1.LanguageService }, { type: i3$1.MediaService }, { type: ToolState }] });
+        }], ctorParameters: () => [] });
 
 class FeatureActionsService {
-    storageState;
-    languageService;
-    toolState;
-    mediaService;
-    interactiveSelectionFormWidget;
+    storageState = inject(StorageState);
+    languageService = inject(LanguageService);
+    toolState = inject(ToolState);
+    mediaService = inject(MediaService);
+    interactiveSelectionFormWidget = inject(InteractiveSelectionFormWidget, { optional: true });
     maximize$;
     zoomAuto$ = new BehaviorSubject(false);
     storageChange$$;
@@ -1829,12 +1709,7 @@ class FeatureActionsService {
     get zoomAuto() {
         return this.storageService.get('zoomAuto');
     }
-    constructor(storageState, languageService, toolState, mediaService, interactiveSelectionFormWidget) {
-        this.storageState = storageState;
-        this.languageService = languageService;
-        this.toolState = toolState;
-        this.mediaService = mediaService;
-        this.interactiveSelectionFormWidget = interactiveSelectionFormWidget;
+    constructor() {
         this.maximize$ = new BehaviorSubject(this.storageService.get('workspaceMaximize'));
     }
     ngOnDestroy() {
@@ -1857,28 +1732,23 @@ class FeatureActionsService {
         });
         return getWorkspaceActions(workspace, rowsInMapExtentCheckCondition$, selectOnlyCheckCondition$, undefined, this.zoomAuto$, this.maximize$, this.storageService, this.languageService, this.mediaService, this.toolState, this.interactiveSelectionFormWidget);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: FeatureActionsService, deps: [{ token: StorageState }, { token: i2$1.LanguageService }, { token: ToolState }, { token: i3$1.MediaService }, { token: InteractiveSelectionFormWidget, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: FeatureActionsService, providedIn: 'root' });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: FeatureActionsService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: FeatureActionsService, providedIn: 'root' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: FeatureActionsService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: FeatureActionsService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
                 }]
-        }], ctorParameters: () => [{ type: StorageState }, { type: i2$1.LanguageService }, { type: ToolState }, { type: i3$1.MediaService }, { type: i5$1.Widget, decorators: [{
-                    type: Optional
-                }, {
-                    type: Inject,
-                    args: [InteractiveSelectionFormWidget]
-                }] }] });
+        }], ctorParameters: () => [] });
 
 class WfsActionsService {
-    storageState;
-    languageService;
-    mediaService;
-    toolState;
-    interactiveSelectionFormWidget;
-    ogcFilterWidget;
+    storageState = inject(StorageState);
+    languageService = inject(LanguageService);
+    mediaService = inject(MediaService);
+    toolState = inject(ToolState);
+    interactiveSelectionFormWidget = inject(InteractiveSelectionFormWidget, { optional: true });
+    ogcFilterWidget = inject(OgcFilterWidget, { optional: true });
     maximize$;
     selectOnlyCheckCondition$ = new BehaviorSubject(false);
     // rowsInMapExtentCheckCondition$: BehaviorSubject<boolean> = new BehaviorSubject(true);
@@ -1890,13 +1760,7 @@ class WfsActionsService {
     get zoomAuto() {
         return this.storageService.get('zoomAuto');
     }
-    constructor(storageState, languageService, mediaService, toolState, interactiveSelectionFormWidget, ogcFilterWidget) {
-        this.storageState = storageState;
-        this.languageService = languageService;
-        this.mediaService = mediaService;
-        this.toolState = toolState;
-        this.interactiveSelectionFormWidget = interactiveSelectionFormWidget;
-        this.ogcFilterWidget = ogcFilterWidget;
+    constructor() {
         this.maximize$ = new BehaviorSubject(this.storageService.get('workspaceMaximize'));
     }
     ngOnDestroy() {
@@ -1919,34 +1783,24 @@ class WfsActionsService {
         });
         return getWorkspaceActions(workspace, rowsInMapExtentCheckCondition$, selectOnlyCheckCondition$, this.ogcFilterWidget, this.zoomAuto$, this.maximize$, this.storageService, this.languageService, this.mediaService, this.toolState, this.interactiveSelectionFormWidget);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: WfsActionsService, deps: [{ token: StorageState }, { token: i2$1.LanguageService }, { token: i3$1.MediaService }, { token: ToolState }, { token: InteractiveSelectionFormWidget, optional: true }, { token: OgcFilterWidget, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: WfsActionsService, providedIn: 'root' });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: WfsActionsService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: WfsActionsService, providedIn: 'root' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: WfsActionsService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: WfsActionsService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
                 }]
-        }], ctorParameters: () => [{ type: StorageState }, { type: i2$1.LanguageService }, { type: i3$1.MediaService }, { type: ToolState }, { type: i5$1.Widget, decorators: [{
-                    type: Optional
-                }, {
-                    type: Inject,
-                    args: [InteractiveSelectionFormWidget]
-                }] }, { type: i5$1.Widget, decorators: [{
-                    type: Optional
-                }, {
-                    type: Inject,
-                    args: [OgcFilterWidget]
-                }] }] });
+        }], ctorParameters: () => [] });
 
 /**
  * Service that holds the state of the workspace module
  */
 class WorkspaceState {
-    featureActionsService;
-    wfsActionsService;
-    editionActionsService;
-    storageService;
+    featureActionsService = inject(FeatureActionsService);
+    wfsActionsService = inject(WfsActionsService);
+    editionActionsService = inject(EditionActionsService);
+    storageService = inject(StorageService);
     workspacePanelExpanded = false;
     workspaceEnabled$ = new BehaviorSubject(false);
     rowsInMapExtentCheckCondition$ = new BehaviorSubject(true);
@@ -1988,11 +1842,7 @@ class WorkspaceState {
             return of([]);
         }
     }
-    constructor(featureActionsService, wfsActionsService, editionActionsService, storageService) {
-        this.featureActionsService = featureActionsService;
-        this.wfsActionsService = wfsActionsService;
-        this.editionActionsService = editionActionsService;
-        this.storageService = storageService;
+    constructor() {
         this.workspaceMaximize$ = new BehaviorSubject(this.storageService.get('workspaceMaximize'));
         this.initWorkspaces();
     }
@@ -2120,30 +1970,30 @@ class WorkspaceState {
             this.activeWorkspace$$.unsubscribe();
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: WorkspaceState, deps: [{ token: FeatureActionsService }, { token: WfsActionsService }, { token: EditionActionsService }, { token: i5.StorageService }], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: WorkspaceState, providedIn: 'root' });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: WorkspaceState, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: WorkspaceState, providedIn: 'root' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: WorkspaceState, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: WorkspaceState, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
                 }]
-        }], ctorParameters: () => [{ type: FeatureActionsService }, { type: WfsActionsService }, { type: EditionActionsService }, { type: i5.StorageService }] });
+        }], ctorParameters: () => [] });
 
 /**
  * Tool to apply spatial filter
  */
 let SpatialFilterToolComponent = class SpatialFilterToolComponent {
-    matIconRegistry;
-    spatialFilterService;
-    layerService;
-    mapState;
-    messageService;
-    languageService;
-    importExportState;
-    toolState;
-    workspaceState;
-    cdRef;
+    matIconRegistry = inject(MatIconRegistry);
+    spatialFilterService = inject(SpatialFilterService);
+    layerService = inject(LayerService);
+    mapState = inject(MapState);
+    messageService = inject(MessageService);
+    languageService = inject(LanguageService);
+    importExportState = inject(ImportExportState);
+    toolState = inject(ToolState);
+    workspaceState = inject(WorkspaceState);
+    cdRef = inject(ChangeDetectorRef);
     get map() {
         return this.mapState.map;
     }
@@ -2167,18 +2017,6 @@ let SpatialFilterToolComponent = class SpatialFilterToolComponent {
     measureUnit = MeasureLengthUnit.Meters;
     unsubscribe$ = new Subject();
     defaultStyle;
-    constructor(matIconRegistry, spatialFilterService, layerService, mapState, messageService, languageService, importExportState, toolState, workspaceState, cdRef) {
-        this.matIconRegistry = matIconRegistry;
-        this.spatialFilterService = spatialFilterService;
-        this.layerService = layerService;
-        this.mapState = mapState;
-        this.messageService = messageService;
-        this.languageService = languageService;
-        this.importExportState = importExportState;
-        this.toolState = toolState;
-        this.workspaceState = workspaceState;
-        this.cdRef = cdRef;
-    }
     ngOnInit() {
         for (const layer of this.map.layerController.all) {
             if (layer.title &&
@@ -2647,8 +2485,8 @@ let SpatialFilterToolComponent = class SpatialFilterToolComponent {
         }
         this.activeLayers.push(layer);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: SpatialFilterToolComponent, deps: [{ token: i1.MatIconRegistry }, { token: i1$1.SpatialFilterService }, { token: i1$1.LayerService }, { token: MapState }, { token: i4.MessageService }, { token: i2$1.LanguageService }, { token: ImportExportState }, { token: ToolState }, { token: WorkspaceState }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: SpatialFilterToolComponent, isStandalone: true, selector: "igo-spatial-filter-tool", inputs: { type: "type", itemType: "itemType", freehandDrawIsActive: "freehandDrawIsActive" }, ngImport: i0, template: "<igo-spatial-filter-type\n  [store]=\"spatialListStore\"\n  [selectedQueryType]=\"queryType\"\n  [zone]=\"zone\"\n  [layers]=\"activeLayers\"\n  (eventType)=\"getOutputType($event)\"\n  (eventQueryType)=\"getOutputQueryType($event)\"\n  (zoneChange)=\"onZoneChange($event)\"\n  (zoneWithBufferChange)=\"onZoneChange($event, true)\"\n  (bufferChange)=\"buffer = $event\"\n  (measureUnitChange)=\"measureUnit = $event\"\n>\n</igo-spatial-filter-type>\n\n<igo-spatial-filter-item\n  [type]=\"type\"\n  [queryType]=\"queryType\"\n  [map]=\"map\"\n  [zone]=\"zone\"\n  [loading]=\"loading\"\n  [store]=\"store\"\n  [layers]=\"activeLayers\"\n  [allLayers]=\"layers\"\n  [thematicLength]=\"thematicLength\"\n  (radiusEvent)=\"buffer = $event\"\n  (bufferEvent)=\"buffer = $event\"\n  (measureUnitChange)=\"measureUnit = $event\"\n  (freehandControl)=\"freehandDrawIsActive = $event\"\n  (drawZoneEvent)=\"zone = $event\"\n  (zoneWithBufferChange)=\"onZoneChange($event, true)\"\n  (itemTypeChange)=\"itemType = $event\"\n  (thematicChange)=\"thematics = $event\"\n  (toggleSearch)=\"getOutputToggleSearch()\"\n  (clearButtonEvent)=\"clearMap()\"\n  (clearSearchEvent)=\"getOutputClearSearch()\"\n  (export)=\"activateExportTool()\"\n  (openWorkspace)=\"activateWorkspace()\"\n  (entityChange)=\"activateWorkspace($event)\"\n>\n</igo-spatial-filter-item>\n<ng-container *ngIf=\"selectedFeature$ | async as feature\">\n  <igo-feature-details [feature]=\"feature\"></igo-feature-details>\n</ng-container>\n", styles: [":host igo-spatial-filter-item{display:block;padding:0 12px}:host ::ng-deep .mat-mdc-tab-body-wrapper{margin-top:12px;padding:0 12px}\n"], dependencies: [{ kind: "component", type: SpatialFilterTypeComponent, selector: "igo-spatial-filter-type", inputs: ["store", "selectedQueryType", "zone", "layers"], outputs: ["eventType", "eventQueryType", "zoneChange", "zoneWithBufferChange", "bufferChange", "measureUnitChange"] }, { kind: "component", type: SpatialFilterItemComponent, selector: "igo-spatial-filter-item", inputs: ["map", "type", "queryType", "zone", "loading", "store", "layers", "allLayers", "thematicLength"], outputs: ["toggleSearch", "itemTypeChange", "thematicChange", "drawZoneEvent", "bufferEvent", "zoneWithBufferChange", "measureUnitChange", "radiusEvent", "freehandControl", "predefinedRadius", "clearButtonEvent", "clearSearchEvent", "export", "openWorkspace", "entityChange"] }, { kind: "component", type: FeatureDetailsComponent, selector: "igo-feature-details", inputs: ["source", "map", "toolbox", "feature"], outputs: ["routeEvent", "selectFeature", "htmlDisplayEvent"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: SpatialFilterToolComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.4", type: SpatialFilterToolComponent, isStandalone: true, selector: "igo-spatial-filter-tool", inputs: { type: "type", itemType: "itemType", freehandDrawIsActive: "freehandDrawIsActive" }, ngImport: i0, template: "<igo-spatial-filter-type\n  [store]=\"spatialListStore\"\n  [selectedQueryType]=\"queryType\"\n  [zone]=\"zone\"\n  [layers]=\"activeLayers\"\n  (eventType)=\"getOutputType($event)\"\n  (eventQueryType)=\"getOutputQueryType($event)\"\n  (zoneChange)=\"onZoneChange($event)\"\n  (zoneWithBufferChange)=\"onZoneChange($event, true)\"\n  (bufferChange)=\"buffer = $event\"\n  (measureUnitChange)=\"measureUnit = $event\"\n>\n</igo-spatial-filter-type>\n\n<igo-spatial-filter-item\n  [type]=\"type\"\n  [queryType]=\"queryType\"\n  [map]=\"map\"\n  [zone]=\"zone\"\n  [loading]=\"loading\"\n  [store]=\"store\"\n  [layers]=\"activeLayers\"\n  [allLayers]=\"layers\"\n  [thematicLength]=\"thematicLength\"\n  (radiusEvent)=\"buffer = $event\"\n  (bufferEvent)=\"buffer = $event\"\n  (measureUnitChange)=\"measureUnit = $event\"\n  (freehandControl)=\"freehandDrawIsActive = $event\"\n  (drawZoneEvent)=\"zone = $event\"\n  (zoneWithBufferChange)=\"onZoneChange($event, true)\"\n  (itemTypeChange)=\"itemType = $event\"\n  (thematicChange)=\"thematics = $event\"\n  (toggleSearch)=\"getOutputToggleSearch()\"\n  (clearButtonEvent)=\"clearMap()\"\n  (clearSearchEvent)=\"getOutputClearSearch()\"\n  (export)=\"activateExportTool()\"\n  (openWorkspace)=\"activateWorkspace()\"\n  (entityChange)=\"activateWorkspace($event)\"\n>\n</igo-spatial-filter-item>\n@if (selectedFeature$ | async; as feature) {\n  <igo-feature-details [feature]=\"feature\"></igo-feature-details>\n}\n", styles: [":host igo-spatial-filter-item{display:block;padding:0 12px}:host ::ng-deep .mat-mdc-tab-body-wrapper{margin-top:12px;padding:0 12px}\n"], dependencies: [{ kind: "component", type: SpatialFilterTypeComponent, selector: "igo-spatial-filter-type", inputs: ["store", "selectedQueryType", "zone", "layers"], outputs: ["eventType", "eventQueryType", "zoneChange", "zoneWithBufferChange", "bufferChange", "measureUnitChange"] }, { kind: "component", type: SpatialFilterItemComponent, selector: "igo-spatial-filter-item", inputs: ["map", "type", "queryType", "zone", "loading", "store", "layers", "allLayers", "thematicLength"], outputs: ["toggleSearch", "itemTypeChange", "thematicChange", "drawZoneEvent", "bufferEvent", "zoneWithBufferChange", "measureUnitChange", "radiusEvent", "freehandControl", "predefinedRadius", "clearButtonEvent", "clearSearchEvent", "export", "openWorkspace", "entityChange"] }, { kind: "component", type: FeatureDetailsComponent, selector: "igo-feature-details", inputs: ["source", "map", "toolbox", "feature"], outputs: ["routeEvent", "selectFeature", "htmlDisplayEvent"] }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 SpatialFilterToolComponent = __decorate([
     ToolComponent({
@@ -2659,28 +2497,16 @@ SpatialFilterToolComponent = __decorate([
     /**
      * Spatial Filter Type
      */
-    ,
-    __metadata("design:paramtypes", [MatIconRegistry,
-        SpatialFilterService,
-        LayerService,
-        MapState,
-        MessageService,
-        LanguageService,
-        ImportExportState,
-        ToolState,
-        WorkspaceState,
-        ChangeDetectorRef])
 ], SpatialFilterToolComponent);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: SpatialFilterToolComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: SpatialFilterToolComponent, decorators: [{
             type: Component,
             args: [{ selector: 'igo-spatial-filter-tool', changeDetection: ChangeDetectionStrategy.OnPush, imports: [
                         SpatialFilterTypeComponent,
                         SpatialFilterItemComponent,
                         FeatureDetailsComponent,
-                        NgIf,
                         AsyncPipe
-                    ], template: "<igo-spatial-filter-type\n  [store]=\"spatialListStore\"\n  [selectedQueryType]=\"queryType\"\n  [zone]=\"zone\"\n  [layers]=\"activeLayers\"\n  (eventType)=\"getOutputType($event)\"\n  (eventQueryType)=\"getOutputQueryType($event)\"\n  (zoneChange)=\"onZoneChange($event)\"\n  (zoneWithBufferChange)=\"onZoneChange($event, true)\"\n  (bufferChange)=\"buffer = $event\"\n  (measureUnitChange)=\"measureUnit = $event\"\n>\n</igo-spatial-filter-type>\n\n<igo-spatial-filter-item\n  [type]=\"type\"\n  [queryType]=\"queryType\"\n  [map]=\"map\"\n  [zone]=\"zone\"\n  [loading]=\"loading\"\n  [store]=\"store\"\n  [layers]=\"activeLayers\"\n  [allLayers]=\"layers\"\n  [thematicLength]=\"thematicLength\"\n  (radiusEvent)=\"buffer = $event\"\n  (bufferEvent)=\"buffer = $event\"\n  (measureUnitChange)=\"measureUnit = $event\"\n  (freehandControl)=\"freehandDrawIsActive = $event\"\n  (drawZoneEvent)=\"zone = $event\"\n  (zoneWithBufferChange)=\"onZoneChange($event, true)\"\n  (itemTypeChange)=\"itemType = $event\"\n  (thematicChange)=\"thematics = $event\"\n  (toggleSearch)=\"getOutputToggleSearch()\"\n  (clearButtonEvent)=\"clearMap()\"\n  (clearSearchEvent)=\"getOutputClearSearch()\"\n  (export)=\"activateExportTool()\"\n  (openWorkspace)=\"activateWorkspace()\"\n  (entityChange)=\"activateWorkspace($event)\"\n>\n</igo-spatial-filter-item>\n<ng-container *ngIf=\"selectedFeature$ | async as feature\">\n  <igo-feature-details [feature]=\"feature\"></igo-feature-details>\n</ng-container>\n", styles: [":host igo-spatial-filter-item{display:block;padding:0 12px}:host ::ng-deep .mat-mdc-tab-body-wrapper{margin-top:12px;padding:0 12px}\n"] }]
-        }], ctorParameters: () => [{ type: i1.MatIconRegistry }, { type: i1$1.SpatialFilterService }, { type: i1$1.LayerService }, { type: MapState }, { type: i4.MessageService }, { type: i2$1.LanguageService }, { type: ImportExportState }, { type: ToolState }, { type: WorkspaceState }, { type: i0.ChangeDetectorRef }], propDecorators: { type: [{
+                    ], template: "<igo-spatial-filter-type\n  [store]=\"spatialListStore\"\n  [selectedQueryType]=\"queryType\"\n  [zone]=\"zone\"\n  [layers]=\"activeLayers\"\n  (eventType)=\"getOutputType($event)\"\n  (eventQueryType)=\"getOutputQueryType($event)\"\n  (zoneChange)=\"onZoneChange($event)\"\n  (zoneWithBufferChange)=\"onZoneChange($event, true)\"\n  (bufferChange)=\"buffer = $event\"\n  (measureUnitChange)=\"measureUnit = $event\"\n>\n</igo-spatial-filter-type>\n\n<igo-spatial-filter-item\n  [type]=\"type\"\n  [queryType]=\"queryType\"\n  [map]=\"map\"\n  [zone]=\"zone\"\n  [loading]=\"loading\"\n  [store]=\"store\"\n  [layers]=\"activeLayers\"\n  [allLayers]=\"layers\"\n  [thematicLength]=\"thematicLength\"\n  (radiusEvent)=\"buffer = $event\"\n  (bufferEvent)=\"buffer = $event\"\n  (measureUnitChange)=\"measureUnit = $event\"\n  (freehandControl)=\"freehandDrawIsActive = $event\"\n  (drawZoneEvent)=\"zone = $event\"\n  (zoneWithBufferChange)=\"onZoneChange($event, true)\"\n  (itemTypeChange)=\"itemType = $event\"\n  (thematicChange)=\"thematics = $event\"\n  (toggleSearch)=\"getOutputToggleSearch()\"\n  (clearButtonEvent)=\"clearMap()\"\n  (clearSearchEvent)=\"getOutputClearSearch()\"\n  (export)=\"activateExportTool()\"\n  (openWorkspace)=\"activateWorkspace()\"\n  (entityChange)=\"activateWorkspace($event)\"\n>\n</igo-spatial-filter-item>\n@if (selectedFeature$ | async; as feature) {\n  <igo-feature-details [feature]=\"feature\"></igo-feature-details>\n}\n", styles: [":host igo-spatial-filter-item{display:block;padding:0 12px}:host ::ng-deep .mat-mdc-tab-body-wrapper{margin-top:12px;padding:0 12px}\n"] }]
+        }], propDecorators: { type: [{
                 type: Input
             }], itemType: [{
                 type: Input
@@ -2689,8 +2515,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImpo
             }] } });
 
 let TimeFilterToolComponent = class TimeFilterToolComponent {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: TimeFilterToolComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: TimeFilterToolComponent, isStandalone: true, selector: "igo-time-filter-tool", ngImport: i0, template: "<igo-time-filter-list igoTimeFilterListBinding></igo-time-filter-list>\n", dependencies: [{ kind: "component", type: TimeFilterListComponent, selector: "igo-time-filter-list", inputs: ["layers"] }, { kind: "directive", type: TimeFilterListBindingDirective, selector: "[igoTimeFilterListBinding]" }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: TimeFilterToolComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.4", type: TimeFilterToolComponent, isStandalone: true, selector: "igo-time-filter-tool", ngImport: i0, template: "<igo-time-filter-list igoTimeFilterListBinding></igo-time-filter-list>\n", dependencies: [{ kind: "component", type: TimeFilterListComponent, selector: "igo-time-filter-list", inputs: ["layers"] }, { kind: "directive", type: TimeFilterListBindingDirective, selector: "[igoTimeFilterListBinding]" }] });
 };
 TimeFilterToolComponent = __decorate([
     ToolComponent({
@@ -2699,7 +2525,7 @@ TimeFilterToolComponent = __decorate([
         icon: 'history'
     })
 ], TimeFilterToolComponent);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: TimeFilterToolComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: TimeFilterToolComponent, decorators: [{
             type: Component,
             args: [{ selector: 'igo-time-filter-tool', imports: [TimeFilterListComponent, TimeFilterListBindingDirective], template: "<igo-time-filter-list igoTimeFilterListBinding></igo-time-filter-list>\n" }]
         }] });
@@ -2714,8 +2540,8 @@ class IgoAppFilterModule {
             providers: []
         };
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: IgoAppFilterModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.15", ngImport: i0, type: IgoAppFilterModule, imports: [OgcFilterToolComponent,
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: IgoAppFilterModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.4", ngImport: i0, type: IgoAppFilterModule, imports: [OgcFilterToolComponent,
             ActiveOgcFilterToolComponent,
             TimeFilterToolComponent,
             ActiveTimeFilterToolComponent,
@@ -2724,13 +2550,13 @@ class IgoAppFilterModule {
             TimeFilterToolComponent,
             ActiveTimeFilterToolComponent,
             SpatialFilterToolComponent] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: IgoAppFilterModule, imports: [OgcFilterToolComponent,
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: IgoAppFilterModule, imports: [OgcFilterToolComponent,
             ActiveOgcFilterToolComponent,
             TimeFilterToolComponent,
             ActiveTimeFilterToolComponent,
             SpatialFilterToolComponent] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: IgoAppFilterModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: IgoAppFilterModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [
@@ -2751,11 +2577,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImpo
         }] });
 
 let DataIssueReporterToolComponent = class DataIssueReporterToolComponent {
-    mapState;
-    formService;
-    languageService;
-    messageService;
-    httpClient;
+    mapState = inject(MapState);
+    formService = inject(FormService);
+    languageService = inject(LanguageService);
+    messageService = inject(MessageService);
+    httpClient = inject(HttpClient);
     /**
      * Url to report the data issue. Use the Post protocol to send the form.
      */
@@ -2771,13 +2597,6 @@ let DataIssueReporterToolComponent = class DataIssueReporterToolComponent {
     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$,
@@ -2894,42 +2713,37 @@ let DataIssueReporterToolComponent = class DataIssueReporterToolComponent {
             this.clearForm();
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: DataIssueReporterToolComponent, deps: [{ token: MapState }, { token: i2$2.FormService }, { token: i2$1.LanguageService }, { token: i4.MessageService }, { token: i3.HttpClient }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: DataIssueReporterToolComponent, isStandalone: false, selector: "igo-issue-reporter-tool", inputs: { url: "url" }, ngImport: i0, template: "<igo-form\n  *ngIf=\"form$ | async as form\"\n  [form]=\"form\"\n  [formData]=\"data$ | async\"\n  (submitForm)=\"onSubmit($any($event))\"\n>\n  <div *ngIf=\"form.fields.length\" class=\"form-container\">\n    <igo-form-field\n      *ngFor=\"let field of form.fields\"\n      [field]=\"field\"\n    ></igo-form-field>\n  </div>\n\n  <div formButtons class=\"actions-container\">\n    <button\n      mat-stroked-button\n      type=\"button\"\n      color=\"primary\"\n      (click)=\"clearForm()\"\n    >\n      {{ 'igo.integration.dataIssueReporterTool.reset.button' | translate }}\n    </button>\n    <button\n      mat-flat-button\n      type=\"submit\"\n      color=\"primary\"\n      [disabled]=\"submitDisabled\"\n    >\n      {{ 'igo.integration.dataIssueReporterTool.submit.button' | translate }}\n    </button>\n  </div>\n</igo-form>\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: i6$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i6$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i7.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "component", type: i2$2.FormFieldComponent, selector: "igo-form-field", inputs: ["field"] }, { kind: "component", type: i2$2.FormComponent, selector: "igo-form", inputs: ["form", "formData", "autocomplete"], outputs: ["submitForm"] }, { kind: "pipe", type: i6$1.AsyncPipe, name: "async" }, { kind: "pipe", type: i9.TranslatePipe, name: "translate" }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: DataIssueReporterToolComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.4", type: DataIssueReporterToolComponent, isStandalone: false, selector: "igo-issue-reporter-tool", inputs: { url: "url" }, ngImport: i0, template: "@if (form$ | async; as form) {\n  <igo-form\n    [form]=\"form\"\n    [formData]=\"data$ | async\"\n    (submitForm)=\"onSubmit($any($event))\"\n  >\n    @if (form.fields.length) {\n      <div class=\"form-container\">\n        @for (field of form.fields; track field) {\n          <igo-form-field [field]=\"field\"></igo-form-field>\n        }\n      </div>\n    }\n    <div formButtons class=\"actions-container\">\n      <button\n        mat-stroked-button\n        type=\"button\"\n        color=\"primary\"\n        (click)=\"clearForm()\"\n      >\n        {{ 'igo.integration.dataIssueReporterTool.reset.button' | translate }}\n      </button>\n      <button\n        matButton=\"filled\"\n        type=\"submit\"\n        color=\"primary\"\n        [disabled]=\"submitDisabled\"\n      >\n        {{ 'igo.integration.dataIssueReporterTool.submit.button' | translate }}\n      </button>\n    </div>\n  </igo-form>\n}\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: "component", type: i1.MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: i2$1.FormFieldComponent, selector: "igo-form-field", inputs: ["field"] }, { kind: "component", type: i2$1.FormComponent, selector: "igo-form", inputs: ["form", "formData", "autocomplete"], outputs: ["submitForm"] }, { kind: "pipe", type: i3$2.AsyncPipe, name: "async" }, { kind: "pipe", type: i3$1.TranslatePipe, name: "translate" }] });
 };
 DataIssueReporterToolComponent = __decorate([
     ToolComponent({
         name: 'dataIssueReporter',
         title: 'igo.integration.tools.dataIssueReporter',
         icon: 'feedback'
-    }),
-    __metadata("design:paramtypes", [MapState,
-        FormService,
-        LanguageService,
-        MessageService,
-        HttpClient])
+    })
 ], DataIssueReporterToolComponent);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: DataIssueReporterToolComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: DataIssueReporterToolComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'igo-issue-reporter-tool', standalone: false, template: "<igo-form\n  *ngIf=\"form$ | async as form\"\n  [form]=\"form\"\n  [formData]=\"data$ | async\"\n  (submitForm)=\"onSubmit($any($event))\"\n>\n  <div *ngIf=\"form.fields.length\" class=\"form-container\">\n    <igo-form-field\n      *ngFor=\"let field of form.fields\"\n      [field]=\"field\"\n    ></igo-form-field>\n  </div>\n\n  <div formButtons class=\"actions-container\">\n    <button\n      mat-stroked-button\n      type=\"button\"\n      color=\"primary\"\n      (click)=\"clearForm()\"\n    >\n      {{ 'igo.integration.dataIssueReporterTool.reset.button' | translate }}\n    </button>\n    <button\n      mat-flat-button\n      type=\"submit\"\n      color=\"primary\"\n      [disabled]=\"submitDisabled\"\n    >\n      {{ 'igo.integration.dataIssueReporterTool.submit.button' | translate }}\n    </button>\n  </div>\n</igo-form>\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: () => [{ type: MapState }, { type: i2$2.FormService }, { type: i2$1.LanguageService }, { type: i4.MessageService }, { type: i3.HttpClient }], propDecorators: { url: [{
+            args: [{ selector: 'igo-issue-reporter-tool', standalone: false, template: "@if (form$ | async; as form) {\n  <igo-form\n    [form]=\"form\"\n    [formData]=\"data$ | async\"\n    (submitForm)=\"onSubmit($any($event))\"\n  >\n    @if (form.fields.length) {\n      <div class=\"form-container\">\n        @for (field of form.fields; track field) {\n          <igo-form-field [field]=\"field\"></igo-form-field>\n        }\n      </div>\n    }\n    <div formButtons class=\"actions-container\">\n      <button\n        mat-stroked-button\n        type=\"button\"\n        color=\"primary\"\n        (click)=\"clearForm()\"\n      >\n        {{ 'igo.integration.dataIssueReporterTool.reset.button' | translate }}\n      </button>\n      <button\n        matButton=\"filled\"\n        type=\"submit\"\n        color=\"primary\"\n        [disabled]=\"submitDisabled\"\n      >\n        {{ 'igo.integration.dataIssueReporterTool.submit.button' | translate }}\n      </button>\n    </div>\n  </igo-form>\n}\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"] }]
+        }], propDecorators: { url: [{
                 type: Input
             }] } });
 
 class IgoAppGeometryFormModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: IgoAppGeometryFormModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.15", ngImport: i0, type: IgoAppGeometryFormModule, declarations: [DataIssueReporterToolComponent], imports: [CommonModule,
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: IgoAppGeometryFormModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.4", ngImport: i0, type: IgoAppGeometryFormModule, declarations: [DataIssueReporterToolComponent], imports: [CommonModule,
             MatButtonModule,
             IgoLanguageModule,
             IgoFormModule,
             IgoMessageModule], exports: [DataIssueReporterToolComponent] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: IgoAppGeometryFormModule, imports: [CommonModule,
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: IgoAppGeometryFormModule, imports: [CommonModule,
             MatButtonModule,
             IgoLanguageModule,
             IgoFormModule,
             IgoMessageModule] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: IgoAppGeometryFormModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: IgoAppGeometryFormModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [
@@ -2946,10 +2760,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImpo
         }] });
 
 let ImportExportToolComponent = class ImportExportToolComponent {
-    mapState;
-    importExportState;
-    workspaceState;
-    contextState;
+    mapState = inject(MapState);
+    importExportState = inject(ImportExportState);
+    workspaceState = inject(WorkspaceState);
+    contextState = inject(ContextState);
     projectionsLimitations;
     selectFirstProj = false;
     /**
@@ -2964,12 +2778,6 @@ let ImportExportToolComponent = class ImportExportToolComponent {
     }
     importExportType = ImportExportType.layer;
     importExportShowBothType = true;
-    constructor(mapState, importExportState, workspaceState, contextState) {
-        this.mapState = mapState;
-        this.importExportState = importExportState;
-        this.workspaceState = workspaceState;
-        this.contextState = contextState;
-    }
     ngOnInit() {
         this.selectType();
         this.selectMode();
@@ -3004,31 +2812,26 @@ let ImportExportToolComponent = class ImportExportToolComponent {
     importExportTypeChange(event) {
         this.importExportType = event.value;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", 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: "19.2.15", type: ImportExportToolComponent, isStandalone: true, selector: "igo-import-export-tool", inputs: { projectionsLimitations: "projectionsLimitations", selectFirstProj: "selectFirstProj", importExportType: "importExportType", importExportShowBothType: "importExportShowBothType" }, ngImport: i0, template: "<mat-tab-group *ngIf=\"importExportShowBothType\">\n  <mat-tab\n    [label]=\"'igo.integration.importExportTool.importExportData' | translate\"\n  >\n    <igo-import-export\n      [contextUri]=\"(contextState.context$ | async).uri\"\n      [map]=\"map\"\n      [selectFirstProj]=\"selectFirstProj\"\n      [projectionsLimitations]=\"projectionsLimitations\"\n      [store]=\"workspaceStore\"\n      [selectedMode]=\"importExportState.selectedMode$ | async\"\n      (selectMode)=\"modeChanged($any($event))\"\n      [exportOptions$]=\"importExportState.exportOptions$\"\n      (exportOptionsChange)=\"exportOptionsChange($event)\"\n    >\n    </igo-import-export>\n  </mat-tab>\n  <mat-tab\n    [label]=\"'igo.integration.importExportTool.importExportContext' | translate\"\n  >\n    <igo-context-import-export [map]=\"map\"></igo-context-import-export>\n  </mat-tab>\n</mat-tab-group>\n\n<igo-import-export\n  *ngIf=\"!importExportShowBothType && importExportType === 'layer'\"\n  [contextUri]=\"(contextState.context$ | async).uri\"\n  [map]=\"map\"\n  [store]=\"workspaceStore\"\n  [selectedMode]=\"importExportState.selectedMode$ | async\"\n  (selectMode)=\"modeChanged($any($event))\"\n  [exportOptions$]=\"importExportState.exportOptions$\"\n  (exportOptionsChange)=\"exportOptionsChange($event)\"\n>\n</igo-import-export>\n\n<igo-context-import-export\n  *ngIf=\"!importExportShowBothType && importExportType === 'context'\"\n  [map]=\"map\"\n>\n</igo-context-import-export>\n", styles: ["mat-form-field{width:100%}\n"], dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: MatTabsModule }, { kind: "component", type: i5$2.MatTab, selector: "mat-tab", inputs: ["disabled", "label", "aria-label", "aria-labelledby", "labelClass", "bodyClass", "id"], exportAs: ["matTab"] }, { kind: "component", type: i5$2.MatTabGroup, selector: "mat-tab-group", inputs: ["color", "fitInkBarToContent", "mat-stretch-tabs", "mat-align-tabs", "dynamicHeight", "selectedIndex", "headerPosition", "animationDuration", "contentTabIndex", "disablePagination", "disableRipple", "preserveContent", "backgroundColor", "aria-label", "aria-labelledby"], outputs: ["selectedIndexChange", "focusChange", "animationDone", "selectedTabChange"], exportAs: ["matTabGroup"] }, { kind: "component", type: ImportExportComponent, selector: "igo-import-export", inputs: ["selectFirstProj", "map", "contextUri", "projectionsLimitations", "store", "selectedMode", "exportOptions$"], outputs: ["selectMode", "exportOptionsChange"] }, { kind: "component", type: ContextImportExportComponent, selector: "igo-context-import-export", inputs: ["map"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "ngmodule", type: IgoLanguageModule }, { kind: "pipe", type: i9.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: ImportExportToolComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.4", type: ImportExportToolComponent, isStandalone: true, selector: "igo-import-export-tool", inputs: { projectionsLimitations: "projectionsLimitations", selectFirstProj: "selectFirstProj", importExportType: "importExportType", importExportShowBothType: "importExportShowBothType" }, ngImport: i0, template: "@if (importExportShowBothType) {\n  <mat-tab-group>\n    <mat-tab\n      [label]=\"'igo.integration.importExportTool.importExportData' | translate\"\n    >\n      <igo-import-export\n        [contextUri]=\"(contextState.context$ | async).uri\"\n        [map]=\"map\"\n        [selectFirstProj]=\"selectFirstProj\"\n        [projectionsLimitations]=\"projectionsLimitations\"\n        [store]=\"workspaceStore\"\n        [selectedMode]=\"importExportState.selectedMode$ | async\"\n        (selectMode)=\"modeChanged($any($event))\"\n        [exportOptions$]=\"importExportState.exportOptions$\"\n        (exportOptionsChange)=\"exportOptionsChange($event)\"\n      >\n      </igo-import-export>\n    </mat-tab>\n    <mat-tab\n      [label]=\"\n        'igo.integration.importExportTool.importExportContext' | translate\n      \"\n    >\n      <igo-context-import-export [map]=\"map\"></igo-context-import-export>\n    </mat-tab>\n  </mat-tab-group>\n}\n\n@if (!importExportShowBothType && importExportType === 'layer') {\n  <igo-import-export\n    [contextUri]=\"(contextState.context$ | async).uri\"\n    [map]=\"map\"\n    [store]=\"workspaceStore\"\n    [selectedMode]=\"importExportState.selectedMode$ | async\"\n    (selectMode)=\"modeChanged($any($event))\"\n    [exportOptions$]=\"importExportState.exportOptions$\"\n    (exportOptionsChange)=\"exportOptionsChange($event)\"\n  >\n  </igo-import-export>\n}\n\n@if (!importExportShowBothType && importExportType === 'context') {\n  <igo-context-import-export [map]=\"map\"> </igo-context-import-export>\n}\n", styles: ["mat-form-field{width:100%}\n"], dependencies: [{ kind: "ngmodule", type: MatTabsModule }, { kind: "component", type: i1$2.MatTab, selector: "mat-tab", inputs: ["disabled", "label", "aria-label", "aria-labelledby", "labelClass", "bodyClass", "id"], exportAs: ["matTab"] }, { kind: "component", type: i1$2.MatTabGroup, selector: "mat-tab-group", inputs: ["color", "fitInkBarToContent", "mat-stretch-tabs", "mat-align-tabs", "dynamicHeight", "selectedIndex", "headerPosition", "animationDuration", "contentTabIndex", "disablePagination", "disableRipple", "preserveContent", "backgroundColor", "aria-label", "aria-labelledby"], outputs: ["selectedIndexChange", "focusChange", "animationDone", "selectedTabChange"], exportAs: ["matTabGroup"] }, { kind: "component", type: ImportExportComponent, selector: "igo-import-export", inputs: ["selectFirstProj", "map", "contextUri", "projectionsLimitations", "store", "selectedMode", "exportOptions$"], outputs: ["selectMode", "exportOptionsChange"] }, { kind: "component", type: ContextImportExportComponent, selector: "igo-context-import-export", inputs: ["map"] }, { kind: "ngmodule", type: IgoLanguageModule }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: i3$1.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 ImportExportToolComponent = __decorate([
     ToolComponent({
         name: 'importExport',
         title: 'igo.integration.tools.importExport',
         icon: 'file_save'
-    }),
-    __metadata("design:paramtypes", [MapState,
-        ImportExportState,
-        WorkspaceState,
-        ContextState])
+    })
 ], ImportExportToolComponent);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: ImportExportToolComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: ImportExportToolComponent, decorators: [{
             type: Component,
             args: [{ selector: 'igo-import-export-tool', changeDetection: ChangeDetectionStrategy.OnPush, imports: [
-                        NgIf,
                         MatTabsModule,
                         ImportExportComponent,
                         ContextImportExportComponent,
                         AsyncPipe,
                         IgoLanguageModule
-                    ], template: "<mat-tab-group *ngIf=\"importExportShowBothType\">\n  <mat-tab\n    [label]=\"'igo.integration.importExportTool.importExportData' | translate\"\n  >\n    <igo-import-export\n      [contextUri]=\"(contextState.context$ | async).uri\"\n      [map]=\"map\"\n      [selectFirstProj]=\"selectFirstProj\"\n      [projectionsLimitations]=\"projectionsLimitations\"\n      [store]=\"workspaceStore\"\n      [selectedMode]=\"importExportState.selectedMode$ | async\"\n      (selectMode)=\"modeChanged($any($event))\"\n      [exportOptions$]=\"importExportState.exportOptions$\"\n      (exportOptionsChange)=\"exportOptionsChange($event)\"\n    >\n    </igo-import-export>\n  </mat-tab>\n  <mat-tab\n    [label]=\"'igo.integration.importExportTool.importExportContext' | translate\"\n  >\n    <igo-context-import-export [map]=\"map\"></igo-context-import-export>\n  </mat-tab>\n</mat-tab-group>\n\n<igo-import-export\n  *ngIf=\"!importExportShowBothType && importExportType === 'layer'\"\n  [contextUri]=\"(contextState.context$ | async).uri\"\n  [map]=\"map\"\n  [store]=\"workspaceStore\"\n  [selectedMode]=\"importExportState.selectedMode$ | async\"\n  (selectMode)=\"modeChanged($any($event))\"\n  [exportOptions$]=\"importExportState.exportOptions$\"\n  (exportOptionsChange)=\"exportOptionsChange($event)\"\n>\n</igo-import-export>\n\n<igo-context-import-export\n  *ngIf=\"!importExportShowBothType && importExportType === 'context'\"\n  [map]=\"map\"\n>\n</igo-context-import-export>\n", styles: ["mat-form-field{width:100%}\n"] }]
-        }], ctorParameters: () => [{ type: MapState }, { type: ImportExportState }, { type: WorkspaceState }, { type: ContextState }], propDecorators: { projectionsLimitations: [{
+                    ], template: "@if (importExportShowBothType) {\n  <mat-tab-group>\n    <mat-tab\n      [label]=\"'igo.integration.importExportTool.importExportData' | translate\"\n    >\n      <igo-import-export\n        [contextUri]=\"(contextState.context$ | async).uri\"\n        [map]=\"map\"\n        [selectFirstProj]=\"selectFirstProj\"\n        [projectionsLimitations]=\"projectionsLimitations\"\n        [store]=\"workspaceStore\"\n        [selectedMode]=\"importExportState.selectedMode$ | async\"\n        (selectMode)=\"modeChanged($any($event))\"\n        [exportOptions$]=\"importExportState.exportOptions$\"\n        (exportOptionsChange)=\"exportOptionsChange($event)\"\n      >\n      </igo-import-export>\n    </mat-tab>\n    <mat-tab\n      [label]=\"\n        'igo.integration.importExportTool.importExportContext' | translate\n      \"\n    >\n      <igo-context-import-export [map]=\"map\"></igo-context-import-export>\n    </mat-tab>\n  </mat-tab-group>\n}\n\n@if (!importExportShowBothType && importExportType === 'layer') {\n  <igo-import-export\n    [contextUri]=\"(contextState.context$ | async).uri\"\n    [map]=\"map\"\n    [store]=\"workspaceStore\"\n    [selectedMode]=\"importExportState.selectedMode$ | async\"\n    (selectMode)=\"modeChanged($any($event))\"\n    [exportOptions$]=\"importExportState.exportOptions$\"\n    (exportOptionsChange)=\"exportOptionsChange($event)\"\n  >\n  </igo-import-export>\n}\n\n@if (!importExportShowBothType && importExportType === 'context') {\n  <igo-context-import-export [map]=\"map\"> </igo-context-import-export>\n}\n", styles: ["mat-form-field{width:100%}\n"] }]
+        }], propDecorators: { projectionsLimitations: [{
                 type: Input
             }], selectFirstProj: [{
                 type: Input
@@ -3048,11 +2851,11 @@ class IgoAppImportExportModule {
             providers: []
         };
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: IgoAppImportExportModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.15", ngImport: i0, type: IgoAppImportExportModule, imports: [ImportExportToolComponent], exports: [ImportExportToolComponent] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: IgoAppImportExportModule, imports: [ImportExportToolComponent] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: IgoAppImportExportModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.4", ngImport: i0, type: IgoAppImportExportModule, imports: [ImportExportToolComponent], exports: [ImportExportToolComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: IgoAppImportExportModule, imports: [ImportExportToolComponent] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: IgoAppImportExportModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: IgoAppImportExportModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [ImportExportToolComponent],
@@ -3064,13 +2867,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImpo
  * Tool to display the coordinates and a cursor of the center of the map
  */
 class AdvancedCoordinatesComponent {
-    clipboard;
-    mapState;
-    languageService;
-    messageService;
-    storageService;
-    config;
-    formBuilder;
+    clipboard = inject(Clipboard);
+    mapState = inject(MapState);
+    languageService = inject(LanguageService);
+    messageService = inject(MessageService);
+    storageService = inject(StorageService);
+    config = inject(ConfigService);
+    formBuilder = inject(UntypedFormBuilder);
     formattedScale$ = new BehaviorSubject('');
     projections$ = new BehaviorSubject([]);
     form;
@@ -3101,14 +2904,7 @@ class AdvancedCoordinatesComponent {
     set projectionsLimitations(value) {
         this._projectionsLimitations = value;
     }
-    constructor(clipboard, mapState, languageService, messageService, storageService, config, formBuilder) {
-        this.clipboard = clipboard;
-        this.mapState = mapState;
-        this.languageService = languageService;
-        this.messageService = messageService;
-        this.storageService = storageService;
-        this.config = config;
-        this.formBuilder = formBuilder;
+    constructor() {
         this.defaultProj = {
             translatedValue: this.languageService.translate.instant('igo.geo.importExportForm.projections.wgs84', { code: 'EPSG:4326' }),
             translateKey: 'wgs84',
@@ -3444,13 +3240,12 @@ class AdvancedCoordinatesComponent {
             }
         });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: AdvancedCoordinatesComponent, deps: [{ token: i1$4.Clipboard }, { token: MapState }, { token: i2$1.LanguageService }, { token: i4.MessageService }, { token: i5.StorageService }, { token: i6.ConfigService }, { token: i2$3.UntypedFormBuilder }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: AdvancedCoordinatesComponent, isStandalone: true, selector: "igo-advanced-coordinates", inputs: { projectionsLimitations: "projectionsLimitations" }, ngImport: i0, template: "<div class=\"advanced-coordinates__coordinates-container\">\n  <div class=\"advanced-coordinates__coordinates-container__inner\">\n    <mat-form-field *ngIf=\"units; else elseBlock\" subscriptSizing=\"dynamic\">\n      <mat-label>{{\n        'igo.integration.advanced-map-tool.advanced-coordinates.lon' | translate\n      }}</mat-label>\n      <textarea\n        #textArea\n        matInput\n        readonly\n        rows=\"1\"\n        [placeholder]=\"\n          'igo.integration.advanced-map-tool.advanced-coordinates.lon'\n            | translate\n        \"\n        [value]=\"coordinates[0]\"\n      ></textarea>\n    </mat-form-field>\n    <ng-template #elseBlock>\n      <mat-form-field subscriptSizing=\"dynamic\">\n        <textarea\n          #textArea\n          matInput\n          readonly\n          rows=\"1\"\n          [placeholder]=\"\n            'igo.integration.advanced-map-tool.advanced-coordinates.est'\n              | translate\n          \"\n          [value]=\"coordinates[0]\"\n        ></textarea>\n      </mat-form-field>\n    </ng-template>\n\n    <mat-form-field *ngIf=\"units; else elseBlock2\" subscriptSizing=\"dynamic\">\n      <mat-label>{{\n        'igo.integration.advanced-map-tool.advanced-coordinates.lat' | translate\n      }}</mat-label>\n      <textarea\n        #textArea\n        matInput\n        readonly\n        rows=\"1\"\n        [placeholder]=\"\n          'igo.integration.advanced-map-tool.advanced-coordinates.lat'\n            | translate\n        \"\n        [value]=\"coordinates[1]\"\n      ></textarea>\n    </mat-form-field>\n    <ng-template #elseBlock2>\n      <mat-form-field subscriptSizing=\"dynamic\">\n        <textarea\n          #textArea\n          matInput\n          readonly\n          rows=\"1\"\n          [placeholder]=\"\n            'igo.integration.advanced-map-tool.advanced-coordinates.nord'\n              | translate\n          \"\n          [value]=\"coordinates[1]\"\n        ></textarea>\n      </mat-form-field>\n    </ng-template>\n    <button\n      mat-icon-button\n      [attr.aria-label]=\"\n        'igo.integration.advanced-map-tool.advanced-coordinates.copy'\n          | translate\n      \"\n      class=\"igo-form-button-group advanced-coordinates__copy-coordinates\"\n      (click)=\"copyTextToClipboard()\"\n    >\n      <mat-icon>content_copy</mat-icon>\n    </button>\n  </div>\n\n  <form class=\"igo-form advanced-coordinates__form\" [formGroup]=\"form\">\n    <div class=\"advanced-coordinates__coordinates-container__inner\">\n      <mat-form-field class=\"igo-input-container\" subscriptSizing=\"dynamic\">\n        <mat-label>{{\n          'igo.integration.advanced-map-tool.advanced-coordinates.coordSystem'\n            | translate\n        }}</mat-label>\n        <mat-select [(value)]=\"inputProj\">\n          <mat-option\n            matTooltipShowDelay=\"500\"\n            *ngFor=\"let projection of projections$ | async\"\n            [value]=\"projection\"\n            (click)=\"$event.stopPropagation()\"\n          >\n            {{ projection.translatedValue || projection.alias }}\n          </mat-option>\n        </mat-select>\n      </mat-form-field>\n    </div>\n    <div class=\"advanced-coordinates__coordinates-container__inner\">\n      <mat-slide-toggle\n        class=\"center-toggle\"\n        [checked]=\"center\"\n        [labelPosition]=\"'before'\"\n        (change)=\"displayCenter($event.checked)\"\n      >\n        {{\n          'igo.integration.advanced-map-tool.advanced-coordinates.center'\n            | translate\n        }}\n      </mat-slide-toggle>\n    </div>\n  </form>\n\n  <p class=\"igo-zoom\">\n    {{\n      'igo.integration.advanced-map-tool.advanced-coordinates.zoom' | translate\n    }}\n    {{ map.viewController.getZoom() }}\n  </p>\n  <p class=\"igo-zoom\">\n    {{\n      'igo.integration.advanced-map-tool.advanced-coordinates.scale' | translate\n    }}\n    {{ formattedScale$ | async }}\n  </p>\n  <p class=\"igo-zoom\">\n    {{\n      'igo.integration.advanced-map-tool.advanced-coordinates.resolution'\n        | translate\n    }}\n    {{ map.viewController.getResolution() | number: '1.0-0' }}\n  </p>\n</div>\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: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i8$2.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i8$2.MatLabel, selector: "mat-label" }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i9$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", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i7.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2$3.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2$3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2$3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: MatSelectModule }, { kind: "component", type: i12.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth", "canSelectNullableOptions"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "component", type: i12.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "ngmodule", type: MatOptionModule }, { kind: "ngmodule", type: MatSlideToggleModule }, { kind: "component", type: i13.MatSlideToggle, selector: "mat-slide-toggle", inputs: ["name", "id", "labelPosition", "aria-label", "aria-labelledby", "aria-describedby", "required", "color", "disabled", "disableRipple", "tabIndex", "checked", "hideIcon", "disabledInteractive"], outputs: ["change", "toggleChange"], exportAs: ["matSlideToggle"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: DecimalPipe, name: "number" }, { kind: "ngmodule", type: IgoLanguageModule }, { kind: "pipe", type: i9.TranslatePipe, name: "translate" }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: AdvancedCoordinatesComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.4", type: AdvancedCoordinatesComponent, isStandalone: true, selector: "igo-advanced-coordinates", inputs: { projectionsLimitations: "projectionsLimitations" }, ngImport: i0, template: "<div class=\"advanced-coordinates__coordinates-container\">\n  <div class=\"advanced-coordinates__coordinates-container__inner\">\n    @if (units) {\n      <mat-form-field subscriptSizing=\"dynamic\">\n        <mat-label>{{\n          'igo.integration.advanced-map-tool.advanced-coordinates.lon'\n            | translate\n        }}</mat-label>\n        <textarea\n          #textArea\n          matInput\n          readonly\n          rows=\"1\"\n          [placeholder]=\"\n            'igo.integration.advanced-map-tool.advanced-coordinates.lon'\n              | translate\n          \"\n          [value]=\"coordinates[0]\"\n        ></textarea>\n      </mat-form-field>\n    } @else {\n      <mat-form-field subscriptSizing=\"dynamic\">\n        <textarea\n          #textArea\n          matInput\n          readonly\n          rows=\"1\"\n          [placeholder]=\"\n            'igo.integration.advanced-map-tool.advanced-coordinates.est'\n              | translate\n          \"\n          [value]=\"coordinates[0]\"\n        ></textarea>\n      </mat-form-field>\n    }\n\n    @if (units) {\n      <mat-form-field subscriptSizing=\"dynamic\">\n        <mat-label>{{\n          'igo.integration.advanced-map-tool.advanced-coordinates.lat'\n            | translate\n        }}</mat-label>\n        <textarea\n          #textArea\n          matInput\n          readonly\n          rows=\"1\"\n          [placeholder]=\"\n            'igo.integration.advanced-map-tool.advanced-coordinates.lat'\n              | translate\n          \"\n          [value]=\"coordinates[1]\"\n        ></textarea>\n      </mat-form-field>\n    } @else {\n      <mat-form-field subscriptSizing=\"dynamic\">\n        <textarea\n          #textArea\n          matInput\n          readonly\n          rows=\"1\"\n          [placeholder]=\"\n            'igo.integration.advanced-map-tool.advanced-coordinates.nord'\n              | translate\n          \"\n          [value]=\"coordinates[1]\"\n        ></textarea>\n      </mat-form-field>\n    }\n    <button\n      mat-icon-button\n      [attr.aria-label]=\"\n        'igo.integration.advanced-map-tool.advanced-coordinates.copy'\n          | translate\n      \"\n      class=\"igo-form-button-group advanced-coordinates__copy-coordinates\"\n      (click)=\"copyTextToClipboard()\"\n    >\n      <mat-icon>content_copy</mat-icon>\n    </button>\n  </div>\n\n  <form class=\"igo-form advanced-coordinates__form\" [formGroup]=\"form\">\n    <div class=\"advanced-coordinates__coordinates-container__inner\">\n      <mat-form-field class=\"igo-input-container\" subscriptSizing=\"dynamic\">\n        <mat-label>{{\n          'igo.integration.advanced-map-tool.advanced-coordinates.coordSystem'\n            | translate\n        }}</mat-label>\n        <mat-select [(value)]=\"inputProj\">\n          @for (projection of projections$ | async; track projection) {\n            <mat-option\n              matTooltipShowDelay=\"500\"\n              [value]=\"projection\"\n              (click)=\"$event.stopPropagation()\"\n            >\n              {{ projection.translatedValue || projection.alias }}\n            </mat-option>\n          }\n        </mat-select>\n      </mat-form-field>\n    </div>\n    <div class=\"advanced-coordinates__coordinates-container__inner\">\n      <mat-slide-toggle\n        class=\"center-toggle\"\n        [checked]=\"center\"\n        [labelPosition]=\"'before'\"\n        (change)=\"displayCenter($event.checked)\"\n      >\n        {{\n          'igo.integration.advanced-map-tool.advanced-coordinates.center'\n            | translate\n        }}\n      </mat-slide-toggle>\n    </div>\n  </form>\n\n  <p class=\"igo-zoom\">\n    {{\n      'igo.integration.advanced-map-tool.advanced-coordinates.zoom' | translate\n    }}\n    {{ map.viewController.getZoom() }}\n  </p>\n  <p class=\"igo-zoom\">\n    {{\n      'igo.integration.advanced-map-tool.advanced-coordinates.scale' | translate\n    }}\n    {{ formattedScale$ | async }}\n  </p>\n  <p class=\"igo-zoom\">\n    {{\n      'igo.integration.advanced-map-tool.advanced-coordinates.resolution'\n        | translate\n    }}\n    {{ map.viewController.getResolution() | number: '1.0-0' }}\n  </p>\n</div>\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: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i1$3.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i1$3.MatLabel, selector: "mat-label" }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i2$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", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i1.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$4.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$4.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$4.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: MatSelectModule }, { kind: "component", type: i6.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth", "canSelectNullableOptions"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "component", type: i6.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "ngmodule", type: MatOptionModule }, { kind: "ngmodule", type: MatSlideToggleModule }, { kind: "component", type: i7.MatSlideToggle, selector: "mat-slide-toggle", inputs: ["name", "id", "labelPosition", "aria-label", "aria-labelledby", "aria-describedby", "required", "color", "disabled", "disableRipple", "tabIndex", "checked", "hideIcon", "disabledInteractive"], outputs: ["change", "toggleChange"], exportAs: ["matSlideToggle"] }, { kind: "ngmodule", type: IgoLanguageModule }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: DecimalPipe, name: "number" }, { kind: "pipe", type: i3$1.TranslatePipe, name: "translate" }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: AdvancedCoordinatesComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: AdvancedCoordinatesComponent, decorators: [{
             type: Component,
             args: [{ selector: 'igo-advanced-coordinates', imports: [
-                        NgIf,
                         MatFormFieldModule,
                         MatInputModule,
                         MatButtonModule,
@@ -3458,21 +3253,20 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImpo
                         FormsModule,
                         ReactiveFormsModule,
                         MatSelectModule,
-                        NgFor,
                         MatOptionModule,
                         MatSlideToggleModule,
                         AsyncPipe,
                         DecimalPipe,
                         IgoLanguageModule
-                    ], template: "<div class=\"advanced-coordinates__coordinates-container\">\n  <div class=\"advanced-coordinates__coordinates-container__inner\">\n    <mat-form-field *ngIf=\"units; else elseBlock\" subscriptSizing=\"dynamic\">\n      <mat-label>{{\n        'igo.integration.advanced-map-tool.advanced-coordinates.lon' | translate\n      }}</mat-label>\n      <textarea\n        #textArea\n        matInput\n        readonly\n        rows=\"1\"\n        [placeholder]=\"\n          'igo.integration.advanced-map-tool.advanced-coordinates.lon'\n            | translate\n        \"\n        [value]=\"coordinates[0]\"\n      ></textarea>\n    </mat-form-field>\n    <ng-template #elseBlock>\n      <mat-form-field subscriptSizing=\"dynamic\">\n        <textarea\n          #textArea\n          matInput\n          readonly\n          rows=\"1\"\n          [placeholder]=\"\n            'igo.integration.advanced-map-tool.advanced-coordinates.est'\n              | translate\n          \"\n          [value]=\"coordinates[0]\"\n        ></textarea>\n      </mat-form-field>\n    </ng-template>\n\n    <mat-form-field *ngIf=\"units; else elseBlock2\" subscriptSizing=\"dynamic\">\n      <mat-label>{{\n        'igo.integration.advanced-map-tool.advanced-coordinates.lat' | translate\n      }}</mat-label>\n      <textarea\n        #textArea\n        matInput\n        readonly\n        rows=\"1\"\n        [placeholder]=\"\n          'igo.integration.advanced-map-tool.advanced-coordinates.lat'\n            | translate\n        \"\n        [value]=\"coordinates[1]\"\n      ></textarea>\n    </mat-form-field>\n    <ng-template #elseBlock2>\n      <mat-form-field subscriptSizing=\"dynamic\">\n        <textarea\n          #textArea\n          matInput\n          readonly\n          rows=\"1\"\n          [placeholder]=\"\n            'igo.integration.advanced-map-tool.advanced-coordinates.nord'\n              | translate\n          \"\n          [value]=\"coordinates[1]\"\n        ></textarea>\n      </mat-form-field>\n    </ng-template>\n    <button\n      mat-icon-button\n      [attr.aria-label]=\"\n        'igo.integration.advanced-map-tool.advanced-coordinates.copy'\n          | translate\n      \"\n      class=\"igo-form-button-group advanced-coordinates__copy-coordinates\"\n      (click)=\"copyTextToClipboard()\"\n    >\n      <mat-icon>content_copy</mat-icon>\n    </button>\n  </div>\n\n  <form class=\"igo-form advanced-coordinates__form\" [formGroup]=\"form\">\n    <div class=\"advanced-coordinates__coordinates-container__inner\">\n      <mat-form-field class=\"igo-input-container\" subscriptSizing=\"dynamic\">\n        <mat-label>{{\n          'igo.integration.advanced-map-tool.advanced-coordinates.coordSystem'\n            | translate\n        }}</mat-label>\n        <mat-select [(value)]=\"inputProj\">\n          <mat-option\n            matTooltipShowDelay=\"500\"\n            *ngFor=\"let projection of projections$ | async\"\n            [value]=\"projection\"\n            (click)=\"$event.stopPropagation()\"\n          >\n            {{ projection.translatedValue || projection.alias }}\n          </mat-option>\n        </mat-select>\n      </mat-form-field>\n    </div>\n    <div class=\"advanced-coordinates__coordinates-container__inner\">\n      <mat-slide-toggle\n        class=\"center-toggle\"\n        [checked]=\"center\"\n        [labelPosition]=\"'before'\"\n        (change)=\"displayCenter($event.checked)\"\n      >\n        {{\n          'igo.integration.advanced-map-tool.advanced-coordinates.center'\n            | translate\n        }}\n      </mat-slide-toggle>\n    </div>\n  </form>\n\n  <p class=\"igo-zoom\">\n    {{\n      'igo.integration.advanced-map-tool.advanced-coordinates.zoom' | translate\n    }}\n    {{ map.viewController.getZoom() }}\n  </p>\n  <p class=\"igo-zoom\">\n    {{\n      'igo.integration.advanced-map-tool.advanced-coordinates.scale' | translate\n    }}\n    {{ formattedScale$ | async }}\n  </p>\n  <p class=\"igo-zoom\">\n    {{\n      'igo.integration.advanced-map-tool.advanced-coordinates.resolution'\n        | translate\n    }}\n    {{ map.viewController.getResolution() | number: '1.0-0' }}\n  </p>\n</div>\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"] }]
-        }], ctorParameters: () => [{ type: i1$4.Clipboard }, { type: MapState }, { type: i2$1.LanguageService }, { type: i4.MessageService }, { type: i5.StorageService }, { type: i6.ConfigService }, { type: i2$3.UntypedFormBuilder }], propDecorators: { projectionsLimitations: [{
+                    ], template: "<div class=\"advanced-coordinates__coordinates-container\">\n  <div class=\"advanced-coordinates__coordinates-container__inner\">\n    @if (units) {\n      <mat-form-field subscriptSizing=\"dynamic\">\n        <mat-label>{{\n          'igo.integration.advanced-map-tool.advanced-coordinates.lon'\n            | translate\n        }}</mat-label>\n        <textarea\n          #textArea\n          matInput\n          readonly\n          rows=\"1\"\n          [placeholder]=\"\n            'igo.integration.advanced-map-tool.advanced-coordinates.lon'\n              | translate\n          \"\n          [value]=\"coordinates[0]\"\n        ></textarea>\n      </mat-form-field>\n    } @else {\n      <mat-form-field subscriptSizing=\"dynamic\">\n        <textarea\n          #textArea\n          matInput\n          readonly\n          rows=\"1\"\n          [placeholder]=\"\n            'igo.integration.advanced-map-tool.advanced-coordinates.est'\n              | translate\n          \"\n          [value]=\"coordinates[0]\"\n        ></textarea>\n      </mat-form-field>\n    }\n\n    @if (units) {\n      <mat-form-field subscriptSizing=\"dynamic\">\n        <mat-label>{{\n          'igo.integration.advanced-map-tool.advanced-coordinates.lat'\n            | translate\n        }}</mat-label>\n        <textarea\n          #textArea\n          matInput\n          readonly\n          rows=\"1\"\n          [placeholder]=\"\n            'igo.integration.advanced-map-tool.advanced-coordinates.lat'\n              | translate\n          \"\n          [value]=\"coordinates[1]\"\n        ></textarea>\n      </mat-form-field>\n    } @else {\n      <mat-form-field subscriptSizing=\"dynamic\">\n        <textarea\n          #textArea\n          matInput\n          readonly\n          rows=\"1\"\n          [placeholder]=\"\n            'igo.integration.advanced-map-tool.advanced-coordinates.nord'\n              | translate\n          \"\n          [value]=\"coordinates[1]\"\n        ></textarea>\n      </mat-form-field>\n    }\n    <button\n      mat-icon-button\n      [attr.aria-label]=\"\n        'igo.integration.advanced-map-tool.advanced-coordinates.copy'\n          | translate\n      \"\n      class=\"igo-form-button-group advanced-coordinates__copy-coordinates\"\n      (click)=\"copyTextToClipboard()\"\n    >\n      <mat-icon>content_copy</mat-icon>\n    </button>\n  </div>\n\n  <form class=\"igo-form advanced-coordinates__form\" [formGroup]=\"form\">\n    <div class=\"advanced-coordinates__coordinates-container__inner\">\n      <mat-form-field class=\"igo-input-container\" subscriptSizing=\"dynamic\">\n        <mat-label>{{\n          'igo.integration.advanced-map-tool.advanced-coordinates.coordSystem'\n            | translate\n        }}</mat-label>\n        <mat-select [(value)]=\"inputProj\">\n          @for (projection of projections$ | async; track projection) {\n            <mat-option\n              matTooltipShowDelay=\"500\"\n              [value]=\"projection\"\n              (click)=\"$event.stopPropagation()\"\n            >\n              {{ projection.translatedValue || projection.alias }}\n            </mat-option>\n          }\n        </mat-select>\n      </mat-form-field>\n    </div>\n    <div class=\"advanced-coordinates__coordinates-container__inner\">\n      <mat-slide-toggle\n        class=\"center-toggle\"\n        [checked]=\"center\"\n        [labelPosition]=\"'before'\"\n        (change)=\"displayCenter($event.checked)\"\n      >\n        {{\n          'igo.integration.advanced-map-tool.advanced-coordinates.center'\n            | translate\n        }}\n      </mat-slide-toggle>\n    </div>\n  </form>\n\n  <p class=\"igo-zoom\">\n    {{\n      'igo.integration.advanced-map-tool.advanced-coordinates.zoom' | translate\n    }}\n    {{ map.viewController.getZoom() }}\n  </p>\n  <p class=\"igo-zoom\">\n    {{\n      'igo.integration.advanced-map-tool.advanced-coordinates.scale' | translate\n    }}\n    {{ formattedScale$ | async }}\n  </p>\n  <p class=\"igo-zoom\">\n    {{\n      'igo.integration.advanced-map-tool.advanced-coordinates.resolution'\n        | translate\n    }}\n    {{ map.viewController.getResolution() | number: '1.0-0' }}\n  </p>\n</div>\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"] }]
+        }], ctorParameters: () => [], propDecorators: { projectionsLimitations: [{
                 type: Input
             }] } });
 
 class AdvancedSwipeComponent {
-    mapState;
-    formBuilder;
-    toolState;
+    mapState = inject(MapState);
+    formBuilder = inject(UntypedFormBuilder);
+    toolState = inject(ToolState);
     swipe = false;
     layerList;
     userControlledLayerList;
@@ -3486,10 +3280,7 @@ class AdvancedSwipeComponent {
     get map() {
         return this.mapState.map;
     }
-    constructor(mapState, formBuilder, toolState) {
-        this.mapState = mapState;
-        this.formBuilder = formBuilder;
-        this.toolState = toolState;
+    constructor() {
         this.buildForm();
     }
     /**
@@ -3577,38 +3368,33 @@ class AdvancedSwipeComponent {
     contextEmit() {
         this.toolState.toolbox.activateTool('contextManager');
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: AdvancedSwipeComponent, deps: [{ token: MapState }, { token: i2$3.UntypedFormBuilder }, { token: ToolState }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: AdvancedSwipeComponent, isStandalone: true, selector: "igo-advanced-swipe", ngImport: i0, template: "<div\n  *ngIf=\"userControlledLayerList?.length; else noLayersBlock\"\n  class=\"igo-swipe-select-container\"\n>\n  <form class=\"igo-form\" [formGroup]=\"form\">\n    <mat-form-field>\n      <mat-label>{{\n        'igo.integration.advanced-map-tool.advanced-swipe.swipe-select'\n          | translate\n      }}</mat-label>\n      <mat-select formControlName=\"layers\" multiple>\n        <mat-option [value]=\"1\" (click)=\"selectAll(e)\" #e>\n          {{\n            'igo.integration.advanced-map-tool.advanced-swipe.selectAll'\n              | translate\n          }}\n        </mat-option>\n        <mat-divider></mat-divider>\n        <mat-option\n          *ngFor=\"let layer of userControlledLayerList\"\n          [value]=\"layer\"\n          (click)=\"applyNewLayers(e)\"\n          >{{ layer.title }}</mat-option\n        >\n      </mat-select>\n    </mat-form-field>\n    <mat-slide-toggle\n      class=\"swipe-toggle\"\n      [checked]=\"swipe\"\n      [labelPosition]=\"'before'\"\n      (change)=\"startSwipe($event.checked)\"\n    >\n      {{ 'igo.integration.advanced-map-tool.advanced-swipe.swipe' | translate }}\n    </mat-slide-toggle>\n  </form>\n</div>\n\n<ng-template #noLayersBlock>\n  <mat-list>\n    <p class=\"map-empty\">\n      {{ 'igo.integration.advanced-map-tool.advanced-swipe.empty' | translate }}\n    </p>\n    <p class=\"map-empty\">\n      {{\n        'igo.integration.advanced-map-tool.advanced-swipe.customize' | translate\n      }}\n    </p>\n    <mat-list-item>\n      <mat-icon matListItemIcon>search</mat-icon>\n      <span matListItemTitle class=\"search-tool\" (click)=\"searchEmit()\">\n        {{\n          'igo.integration.advanced-map-tool.advanced-swipe.search-tool'\n            | translate\n        }}\n      </span>\n    </mat-list-item>\n    <mat-list-item>\n      <mat-icon matListItemIcon>library_add</mat-icon>\n      <span matListItemTitle class=\"catalog-tool\" (click)=\"catalogEmit()\">\n        {{\n          'igo.integration.advanced-map-tool.advanced-swipe.catalog-tool'\n            | translate\n        }}\n      </span>\n    </mat-list-item>\n    <mat-list-item>\n      <mat-icon matListItemIcon>star</mat-icon>\n      <span matListItemTitle class=\"context-tool\" (click)=\"contextEmit()\">\n        {{\n          'igo.integration.advanced-map-tool.advanced-swipe.context-tool'\n            | translate\n        }}\n      </span>\n    </mat-list-item>\n  </mat-list>\n</ng-template>\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{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: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2$3.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2$3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2$3.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i8$2.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i8$2.MatLabel, selector: "mat-label" }, { kind: "ngmodule", type: MatSelectModule }, { kind: "component", type: i12.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth", "canSelectNullableOptions"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "component", type: i12.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "ngmodule", type: MatOptionModule }, { kind: "ngmodule", type: MatDividerModule }, { kind: "component", type: i6$2.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "ngmodule", type: MatSlideToggleModule }, { kind: "component", type: i13.MatSlideToggle, selector: "mat-slide-toggle", inputs: ["name", "id", "labelPosition", "aria-label", "aria-labelledby", "aria-describedby", "required", "color", "disabled", "disableRipple", "tabIndex", "checked", "hideIcon", "disabledInteractive"], outputs: ["change", "toggleChange"], exportAs: ["matSlideToggle"] }, { kind: "ngmodule", type: MatListModule }, { kind: "component", type: i8$3.MatList, selector: "mat-list", exportAs: ["matList"] }, { kind: "component", type: i8$3.MatListItem, selector: "mat-list-item, a[mat-list-item], button[mat-list-item]", inputs: ["activated"], exportAs: ["matListItem"] }, { kind: "directive", type: i8$3.MatListItemIcon, selector: "[matListItemIcon]" }, { kind: "directive", type: i8$3.MatListItemTitle, selector: "[matListItemTitle]" }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: IgoLanguageModule }, { kind: "pipe", type: i9.TranslatePipe, name: "translate" }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: AdvancedSwipeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.4", type: AdvancedSwipeComponent, isStandalone: true, selector: "igo-advanced-swipe", ngImport: i0, template: "@if (userControlledLayerList?.length) {\n  <div class=\"igo-swipe-select-container\">\n    <form class=\"igo-form\" [formGroup]=\"form\">\n      <mat-form-field>\n        <mat-label>{{\n          'igo.integration.advanced-map-tool.advanced-swipe.swipe-select'\n            | translate\n        }}</mat-label>\n        <mat-select formControlName=\"layers\" multiple>\n          <mat-option [value]=\"1\" (click)=\"selectAll(e)\" #e>\n            {{\n              'igo.integration.advanced-map-tool.advanced-swipe.selectAll'\n                | translate\n            }}\n          </mat-option>\n          <mat-divider></mat-divider>\n          @for (layer of userControlledLayerList; track layer) {\n            <mat-option [value]=\"layer\" (click)=\"applyNewLayers(e)\">{{\n              layer.title\n            }}</mat-option>\n          }\n        </mat-select>\n      </mat-form-field>\n      <mat-slide-toggle\n        class=\"swipe-toggle\"\n        [checked]=\"swipe\"\n        [labelPosition]=\"'before'\"\n        (change)=\"startSwipe($event.checked)\"\n      >\n        {{\n          'igo.integration.advanced-map-tool.advanced-swipe.swipe' | translate\n        }}\n      </mat-slide-toggle>\n    </form>\n  </div>\n} @else {\n  <mat-list>\n    <p class=\"map-empty\">\n      {{ 'igo.integration.advanced-map-tool.advanced-swipe.empty' | translate }}\n    </p>\n    <p class=\"map-empty\">\n      {{\n        'igo.integration.advanced-map-tool.advanced-swipe.customize' | translate\n      }}\n    </p>\n    <mat-list-item>\n      <mat-icon matListItemIcon>search</mat-icon>\n      <span matListItemTitle class=\"search-tool\" (click)=\"searchEmit()\">\n        {{\n          'igo.integration.advanced-map-tool.advanced-swipe.search-tool'\n            | translate\n        }}\n      </span>\n    </mat-list-item>\n    <mat-list-item>\n      <mat-icon matListItemIcon>library_add</mat-icon>\n      <span matListItemTitle class=\"catalog-tool\" (click)=\"catalogEmit()\">\n        {{\n          'igo.integration.advanced-map-tool.advanced-swipe.catalog-tool'\n            | translate\n        }}\n      </span>\n    </mat-list-item>\n    <mat-list-item>\n      <mat-icon matListItemIcon>star</mat-icon>\n      <span matListItemTitle class=\"context-tool\" (click)=\"contextEmit()\">\n        {{\n          'igo.integration.advanced-map-tool.advanced-swipe.context-tool'\n            | translate\n        }}\n      </span>\n    </mat-list-item>\n  </mat-list>\n}\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{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: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$4.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$4.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$4.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$4.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i1$3.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i1$3.MatLabel, selector: "mat-label" }, { kind: "ngmodule", type: MatSelectModule }, { kind: "component", type: i6.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth", "canSelectNullableOptions"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "component", type: i6.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "ngmodule", type: MatOptionModule }, { kind: "ngmodule", type: MatDividerModule }, { kind: "component", type: i4$1.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { kind: "ngmodule", type: MatSlideToggleModule }, { kind: "component", type: i7.MatSlideToggle, selector: "mat-slide-toggle", inputs: ["name", "id", "labelPosition", "aria-label", "aria-labelledby", "aria-describedby", "required", "color", "disabled", "disableRipple", "tabIndex", "checked", "hideIcon", "disabledInteractive"], outputs: ["change", "toggleChange"], exportAs: ["matSlideToggle"] }, { kind: "ngmodule", type: MatListModule }, { kind: "component", type: i1$5.MatList, selector: "mat-list", exportAs: ["matList"] }, { kind: "component", type: i1$5.MatListItem, selector: "mat-list-item, a[mat-list-item], button[mat-list-item]", inputs: ["activated"], exportAs: ["matListItem"] }, { kind: "directive", type: i1$5.MatListItemIcon, selector: "[matListItemIcon]" }, { kind: "directive", type: i1$5.MatListItemTitle, selector: "[matListItemTitle]" }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: IgoLanguageModule }, { kind: "pipe", type: i3$1.TranslatePipe, name: "translate" }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: AdvancedSwipeComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: AdvancedSwipeComponent, decorators: [{
             type: Component,
             args: [{ selector: 'igo-advanced-swipe', imports: [
-                        NgIf,
                         FormsModule,
                         ReactiveFormsModule,
                         MatFormFieldModule,
                         MatSelectModule,
                         MatOptionModule,
                         MatDividerModule,
-                        NgFor,
                         MatSlideToggleModule,
                         MatListModule,
                         MatIconModule,
                         IgoLanguageModule
-                    ], template: "<div\n  *ngIf=\"userControlledLayerList?.length; else noLayersBlock\"\n  class=\"igo-swipe-select-container\"\n>\n  <form class=\"igo-form\" [formGroup]=\"form\">\n    <mat-form-field>\n      <mat-label>{{\n        'igo.integration.advanced-map-tool.advanced-swipe.swipe-select'\n          | translate\n      }}</mat-label>\n      <mat-select formControlName=\"layers\" multiple>\n        <mat-option [value]=\"1\" (click)=\"selectAll(e)\" #e>\n          {{\n            'igo.integration.advanced-map-tool.advanced-swipe.selectAll'\n              | translate\n          }}\n        </mat-option>\n        <mat-divider></mat-divider>\n        <mat-option\n          *ngFor=\"let layer of userControlledLayerList\"\n          [value]=\"layer\"\n          (click)=\"applyNewLayers(e)\"\n          >{{ layer.title }}</mat-option\n        >\n      </mat-select>\n    </mat-form-field>\n    <mat-slide-toggle\n      class=\"swipe-toggle\"\n      [checked]=\"swipe\"\n      [labelPosition]=\"'before'\"\n      (change)=\"startSwipe($event.checked)\"\n    >\n      {{ 'igo.integration.advanced-map-tool.advanced-swipe.swipe' | translate }}\n    </mat-slide-toggle>\n  </form>\n</div>\n\n<ng-template #noLayersBlock>\n  <mat-list>\n    <p class=\"map-empty\">\n      {{ 'igo.integration.advanced-map-tool.advanced-swipe.empty' | translate }}\n    </p>\n    <p class=\"map-empty\">\n      {{\n        'igo.integration.advanced-map-tool.advanced-swipe.customize' | translate\n      }}\n    </p>\n    <mat-list-item>\n      <mat-icon matListItemIcon>search</mat-icon>\n      <span matListItemTitle class=\"search-tool\" (click)=\"searchEmit()\">\n        {{\n          'igo.integration.advanced-map-tool.advanced-swipe.search-tool'\n            | translate\n        }}\n      </span>\n    </mat-list-item>\n    <mat-list-item>\n      <mat-icon matListItemIcon>library_add</mat-icon>\n      <span matListItemTitle class=\"catalog-tool\" (click)=\"catalogEmit()\">\n        {{\n          'igo.integration.advanced-map-tool.advanced-swipe.catalog-tool'\n            | translate\n        }}\n      </span>\n    </mat-list-item>\n    <mat-list-item>\n      <mat-icon matListItemIcon>star</mat-icon>\n      <span matListItemTitle class=\"context-tool\" (click)=\"contextEmit()\">\n        {{\n          'igo.integration.advanced-map-tool.advanced-swipe.context-tool'\n            | translate\n        }}\n      </span>\n    </mat-list-item>\n  </mat-list>\n</ng-template>\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{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"] }]
-        }], ctorParameters: () => [{ type: MapState }, { type: i2$3.UntypedFormBuilder }, { type: ToolState }] });
+                    ], template: "@if (userControlledLayerList?.length) {\n  <div class=\"igo-swipe-select-container\">\n    <form class=\"igo-form\" [formGroup]=\"form\">\n      <mat-form-field>\n        <mat-label>{{\n          'igo.integration.advanced-map-tool.advanced-swipe.swipe-select'\n            | translate\n        }}</mat-label>\n        <mat-select formControlName=\"layers\" multiple>\n          <mat-option [value]=\"1\" (click)=\"selectAll(e)\" #e>\n            {{\n              'igo.integration.advanced-map-tool.advanced-swipe.selectAll'\n                | translate\n            }}\n          </mat-option>\n          <mat-divider></mat-divider>\n          @for (layer of userControlledLayerList; track layer) {\n            <mat-option [value]=\"layer\" (click)=\"applyNewLayers(e)\">{{\n              layer.title\n            }}</mat-option>\n          }\n        </mat-select>\n      </mat-form-field>\n      <mat-slide-toggle\n        class=\"swipe-toggle\"\n        [checked]=\"swipe\"\n        [labelPosition]=\"'before'\"\n        (change)=\"startSwipe($event.checked)\"\n      >\n        {{\n          'igo.integration.advanced-map-tool.advanced-swipe.swipe' | translate\n        }}\n      </mat-slide-toggle>\n    </form>\n  </div>\n} @else {\n  <mat-list>\n    <p class=\"map-empty\">\n      {{ 'igo.integration.advanced-map-tool.advanced-swipe.empty' | translate }}\n    </p>\n    <p class=\"map-empty\">\n      {{\n        'igo.integration.advanced-map-tool.advanced-swipe.customize' | translate\n      }}\n    </p>\n    <mat-list-item>\n      <mat-icon matListItemIcon>search</mat-icon>\n      <span matListItemTitle class=\"search-tool\" (click)=\"searchEmit()\">\n        {{\n          'igo.integration.advanced-map-tool.advanced-swipe.search-tool'\n            | translate\n        }}\n      </span>\n    </mat-list-item>\n    <mat-list-item>\n      <mat-icon matListItemIcon>library_add</mat-icon>\n      <span matListItemTitle class=\"catalog-tool\" (click)=\"catalogEmit()\">\n        {{\n          'igo.integration.advanced-map-tool.advanced-swipe.catalog-tool'\n            | translate\n        }}\n      </span>\n    </mat-list-item>\n    <mat-list-item>\n      <mat-icon matListItemIcon>star</mat-icon>\n      <span matListItemTitle class=\"context-tool\" (click)=\"contextEmit()\">\n        {{\n          'igo.integration.advanced-map-tool.advanced-swipe.context-tool'\n            | translate\n        }}\n      </span>\n    </mat-list-item>\n  </mat-list>\n}\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{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"] }]
+        }], ctorParameters: () => [] });
 
 let AdvancedMapToolComponent = class AdvancedMapToolComponent {
-    mapState;
+    mapState = inject(MapState);
     get tracking$() {
         return this.mapState.map.geolocationController?.tracking$;
     }
     get followPosition$() {
         return this.mapState.map.geolocationController?.followPosition$;
     }
-    constructor(mapState) {
-        this.mapState = mapState;
-    }
     toggleTracking(value) {
         if (!this.mapState.map.geolocationController) {
             return;
@@ -3621,8 +3407,8 @@ let AdvancedMapToolComponent = class AdvancedMapToolComponent {
         }
         this.mapState.map.geolocationController.followPosition = value;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: AdvancedMapToolComponent, deps: [{ token: MapState }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: AdvancedMapToolComponent, isStandalone: true, selector: "igo-advanced-map-tool", ngImport: i0, template: "<h4 class=\"nameOfTool\">\n  {{\n    'igo.integration.advanced-map-tool.advanced-swipe.swipe-tool' | translate\n  }}\n</h4>\n<igo-advanced-swipe></igo-advanced-swipe>\n<mat-divider class=\"advanced-tool-line\"></mat-divider>\n<h4 class=\"nameOfTool\">\n  {{\n    'igo.integration.advanced-map-tool.advanced-coordinates.coordinates'\n      | translate\n  }}\n</h4>\n<igo-advanced-coordinates></igo-advanced-coordinates>\n<mat-divider class=\"advanced-tool-line\"></mat-divider>\n\n<h4 class=\"nameOfTool\">\n  {{ 'igo.integration.advanced-map-tool.geolocation.title' | translate }}\n</h4>\n\n<div class=\"igo-input-container\">\n  <div class=\"geolocation-slide-toggle-container\">\n    <mat-slide-toggle\n      class=\"geolocation-option\"\n      [checked]=\"tracking$ | async\"\n      [labelPosition]=\"'before'\"\n      (change)=\"toggleTracking($event.checked)\"\n    >\n      {{ 'igo.integration.advanced-map-tool.geolocation.tracking' | translate }}\n    </mat-slide-toggle>\n\n    <mat-slide-toggle\n      class=\"geolocation-option\"\n      [disabled]=\"(tracking$ | async) !== true\"\n      [labelPosition]=\"'before'\"\n      [checked]=\"followPosition$ | async\"\n      (change)=\"toggleFollow($event.checked)\"\n    >\n      {{ 'igo.integration.advanced-map-tool.geolocation.follow' | translate }}\n    </mat-slide-toggle>\n  </div>\n</div>\n", styles: [":host{display:block;padding:0 16px 12px}.nameOfTool{text-align:center;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: AdvancedSwipeComponent, selector: "igo-advanced-swipe" }, { kind: "ngmodule", type: MatDividerModule }, { kind: "component", type: i6$2.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { kind: "component", type: AdvancedCoordinatesComponent, selector: "igo-advanced-coordinates", inputs: ["projectionsLimitations"] }, { kind: "ngmodule", type: MatSlideToggleModule }, { kind: "component", type: i13.MatSlideToggle, selector: "mat-slide-toggle", inputs: ["name", "id", "labelPosition", "aria-label", "aria-labelledby", "aria-describedby", "required", "color", "disabled", "disableRipple", "tabIndex", "checked", "hideIcon", "disabledInteractive"], outputs: ["change", "toggleChange"], exportAs: ["matSlideToggle"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "ngmodule", type: IgoLanguageModule }, { kind: "pipe", type: i9.TranslatePipe, name: "translate" }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: AdvancedMapToolComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.4", type: AdvancedMapToolComponent, isStandalone: true, selector: "igo-advanced-map-tool", ngImport: i0, template: "<h4 class=\"nameOfTool\">\n  {{\n    'igo.integration.advanced-map-tool.advanced-swipe.swipe-tool' | translate\n  }}\n</h4>\n<igo-advanced-swipe></igo-advanced-swipe>\n<mat-divider class=\"advanced-tool-line\"></mat-divider>\n<h4 class=\"nameOfTool\">\n  {{\n    'igo.integration.advanced-map-tool.advanced-coordinates.coordinates'\n      | translate\n  }}\n</h4>\n<igo-advanced-coordinates></igo-advanced-coordinates>\n<mat-divider class=\"advanced-tool-line\"></mat-divider>\n\n<h4 class=\"nameOfTool\">\n  {{ 'igo.integration.advanced-map-tool.geolocation.title' | translate }}\n</h4>\n\n<div class=\"igo-input-container\">\n  <div class=\"geolocation-slide-toggle-container\">\n    <mat-slide-toggle\n      class=\"geolocation-option\"\n      [checked]=\"tracking$ | async\"\n      [labelPosition]=\"'before'\"\n      (change)=\"toggleTracking($event.checked)\"\n    >\n      {{ 'igo.integration.advanced-map-tool.geolocation.tracking' | translate }}\n    </mat-slide-toggle>\n\n    <mat-slide-toggle\n      class=\"geolocation-option\"\n      [disabled]=\"(tracking$ | async) !== true\"\n      [labelPosition]=\"'before'\"\n      [checked]=\"followPosition$ | async\"\n      (change)=\"toggleFollow($event.checked)\"\n    >\n      {{ 'igo.integration.advanced-map-tool.geolocation.follow' | translate }}\n    </mat-slide-toggle>\n  </div>\n</div>\n", styles: [":host{display:block;padding:0 16px 12px}.nameOfTool{text-align:center;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: AdvancedSwipeComponent, selector: "igo-advanced-swipe" }, { kind: "ngmodule", type: MatDividerModule }, { kind: "component", type: i4$1.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { kind: "component", type: AdvancedCoordinatesComponent, selector: "igo-advanced-coordinates", inputs: ["projectionsLimitations"] }, { kind: "ngmodule", type: MatSlideToggleModule }, { kind: "component", type: i7.MatSlideToggle, selector: "mat-slide-toggle", inputs: ["name", "id", "labelPosition", "aria-label", "aria-labelledby", "aria-describedby", "required", "color", "disabled", "disableRipple", "tabIndex", "checked", "hideIcon", "disabledInteractive"], outputs: ["change", "toggleChange"], exportAs: ["matSlideToggle"] }, { kind: "ngmodule", type: IgoLanguageModule }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: i3$1.TranslatePipe, name: "translate" }] });
 };
 AdvancedMapToolComponent = __decorate([
     ToolComponent({
@@ -3633,10 +3419,8 @@ AdvancedMapToolComponent = __decorate([
     /**
      * Tool to handle the advanced map tools
      */
-    ,
-    __metadata("design:paramtypes", [MapState])
 ], AdvancedMapToolComponent);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: AdvancedMapToolComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: AdvancedMapToolComponent, decorators: [{
             type: Component,
             args: [{ selector: 'igo-advanced-map-tool', imports: [
                         AdvancedSwipeComponent,
@@ -3646,10 +3430,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImpo
                         AsyncPipe,
                         IgoLanguageModule
                     ], template: "<h4 class=\"nameOfTool\">\n  {{\n    'igo.integration.advanced-map-tool.advanced-swipe.swipe-tool' | translate\n  }}\n</h4>\n<igo-advanced-swipe></igo-advanced-swipe>\n<mat-divider class=\"advanced-tool-line\"></mat-divider>\n<h4 class=\"nameOfTool\">\n  {{\n    'igo.integration.advanced-map-tool.advanced-coordinates.coordinates'\n      | translate\n  }}\n</h4>\n<igo-advanced-coordinates></igo-advanced-coordinates>\n<mat-divider class=\"advanced-tool-line\"></mat-divider>\n\n<h4 class=\"nameOfTool\">\n  {{ 'igo.integration.advanced-map-tool.geolocation.title' | translate }}\n</h4>\n\n<div class=\"igo-input-container\">\n  <div class=\"geolocation-slide-toggle-container\">\n    <mat-slide-toggle\n      class=\"geolocation-option\"\n      [checked]=\"tracking$ | async\"\n      [labelPosition]=\"'before'\"\n      (change)=\"toggleTracking($event.checked)\"\n    >\n      {{ 'igo.integration.advanced-map-tool.geolocation.tracking' | translate }}\n    </mat-slide-toggle>\n\n    <mat-slide-toggle\n      class=\"geolocation-option\"\n      [disabled]=\"(tracking$ | async) !== true\"\n      [labelPosition]=\"'before'\"\n      [checked]=\"followPosition$ | async\"\n      (change)=\"toggleFollow($event.checked)\"\n    >\n      {{ 'igo.integration.advanced-map-tool.geolocation.follow' | translate }}\n    </mat-slide-toggle>\n  </div>\n</div>\n", styles: [":host{display:block;padding:0 16px 12px}.nameOfTool{text-align:center;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"] }]
-        }], ctorParameters: () => [{ type: MapState }] });
+        }] });
 
 class WorkspaceButtonComponent {
-    workspaceState;
+    workspaceState = inject(WorkspaceState);
     hasWorkspace$ = new BehaviorSubject(false);
     hasWorkspace$$;
     layer$ = new BehaviorSubject(undefined);
@@ -3662,9 +3446,6 @@ class WorkspaceButtonComponent {
     }
     _layer;
     color = 'primary';
-    constructor(workspaceState) {
-        this.workspaceState = workspaceState;
-    }
     ngOnInit() {
         this.hasWorkspace$$ = combineLatest([
             this.workspaceState.workspaceEnabled$,
@@ -3686,33 +3467,32 @@ class WorkspaceButtonComponent {
             this.workspaceState.setActiveWorkspaceById(this.layer.id);
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: WorkspaceButtonComponent, deps: [{ token: WorkspaceState }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: WorkspaceButtonComponent, isStandalone: true, selector: "igo-workspace-button", inputs: { layer: "layer", color: "color" }, ngImport: i0, template: "<button\n  *ngIf=\"hasWorkspace$ | async\"\n  mat-icon-button\n  tooltip-position=\"below\"\n  matTooltipShowDelay=\"500\"\n  [matTooltip]=\"'igo.integration.workspace.toggleWorkspace' | translate\"\n  [color]=\"color\"\n  (click)=\"activateWorkspace()\"\n>\n  <mat-icon>table</mat-icon>\n</button>\n", styles: [""], dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i7.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i8.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "ngmodule", type: IgoLanguageModule }, { kind: "pipe", type: i9.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: WorkspaceButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.4", type: WorkspaceButtonComponent, isStandalone: true, selector: "igo-workspace-button", inputs: { layer: "layer", color: "color" }, ngImport: i0, template: "@if (hasWorkspace$ | async) {\n  <button\n    mat-icon-button\n    tooltip-position=\"below\"\n    matTooltipShowDelay=\"500\"\n    [matTooltip]=\"'igo.integration.workspace.toggleWorkspace' | translate\"\n    [color]=\"color\"\n    (click)=\"activateWorkspace()\"\n  >\n    <mat-icon>table</mat-icon>\n  </button>\n}\n", styles: [""], dependencies: [{ kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i1.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i2.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: IgoLanguageModule }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: i3$1.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: WorkspaceButtonComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: WorkspaceButtonComponent, decorators: [{
             type: Component,
             args: [{ selector: 'igo-workspace-button', changeDetection: ChangeDetectionStrategy.OnPush, imports: [
-                        NgIf,
                         MatButtonModule,
                         MatTooltipModule,
                         MatIconModule,
                         AsyncPipe,
                         IgoLanguageModule
-                    ], template: "<button\n  *ngIf=\"hasWorkspace$ | async\"\n  mat-icon-button\n  tooltip-position=\"below\"\n  matTooltipShowDelay=\"500\"\n  [matTooltip]=\"'igo.integration.workspace.toggleWorkspace' | translate\"\n  [color]=\"color\"\n  (click)=\"activateWorkspace()\"\n>\n  <mat-icon>table</mat-icon>\n</button>\n" }]
-        }], ctorParameters: () => [{ type: WorkspaceState }], propDecorators: { layer: [{
+                    ], template: "@if (hasWorkspace$ | async) {\n  <button\n    mat-icon-button\n    tooltip-position=\"below\"\n    matTooltipShowDelay=\"500\"\n    [matTooltip]=\"'igo.integration.workspace.toggleWorkspace' | translate\"\n    [color]=\"color\"\n    (click)=\"activateWorkspace()\"\n  >\n    <mat-icon>table</mat-icon>\n  </button>\n}\n" }]
+        }], propDecorators: { layer: [{
                 type: Input
             }], color: [{
                 type: Input
             }] } });
 
 let MapDetailsToolComponent = class MapDetailsToolComponent {
-    mapState;
-    toolState;
-    searchSourceService;
-    importExportState;
-    configService;
-    mediaService;
-    cdr;
+    mapState = inject(MapState);
+    toolState = inject(ToolState);
+    searchSourceService = inject(SearchSourceService);
+    importExportState = inject(ImportExportState);
+    configService = inject(ConfigService);
+    mediaService = inject(MediaService);
+    cdr = inject(ChangeDetectorRef);
     isDesktop;
     delayedShowEmptyMapContent = false;
     toggleLegendOnVisibilityChange = false;
@@ -3774,14 +3554,7 @@ let MapDetailsToolComponent = class MapDetailsToolComponent {
     get contextToolInToolbar() {
         return this.toolState.toolbox.getToolbar().indexOf('contextManager') !== -1;
     }
-    constructor(mapState, toolState, searchSourceService, importExportState, configService, mediaService, cdr) {
-        this.mapState = mapState;
-        this.toolState = toolState;
-        this.searchSourceService = searchSourceService;
-        this.importExportState = importExportState;
-        this.configService = configService;
-        this.mediaService = mediaService;
-        this.cdr = cdr;
+    constructor() {
         this._layerViewerOptions = this.configService.getConfig('layer');
     }
     ngOnInit() {
@@ -3819,8 +3592,8 @@ let MapDetailsToolComponent = class MapDetailsToolComponent {
             this.cdr.detectChanges();
         });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: MapDetailsToolComponent, deps: [{ token: MapState }, { token: ToolState }, { token: i1$1.SearchSourceService }, { token: ImportExportState }, { token: i6.ConfigService }, { token: i3$1.MediaService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: MapDetailsToolComponent, isStandalone: true, 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-viewer\n  class=\"mapDetailsList\"\n  *ngIf=\"(layers$ | async).length; else empty\"\n  [map]=\"map\"\n  [options]=\"layerViewerOptions\"\n  [excludeBaseLayers]=\"excludeBaseLayers\"\n  [isDesktop]=\"isDesktop\"\n>\n  <ng-template #customBottomActions let-layer=\"layer\">\n    <igo-workspace-button [layer]=\"layer\"></igo-workspace-button>\n    <igo-export-button\n      [layer]=\"layer\"\n      (click)=\"activateExport(layer)\"\n    ></igo-export-button>\n    <igo-ogc-filter-button\n      [header]=\"ogcButton\"\n      [layer]=\"layer\"\n    ></igo-ogc-filter-button>\n    <igo-time-filter-button\n      [header]=\"timeButton\"\n      [layer]=\"layer\"\n    ></igo-time-filter-button>\n    <igo-track-feature-button\n      [trackFeature]=\"true\"\n      [layer]=\"layer\"\n    ></igo-track-feature-button>\n    <igo-metadata-button [layer]=\"layer\"></igo-metadata-button>\n  </ng-template>\n</igo-layer-viewer>\n\n<ng-template #empty>\n  <mat-list *ngIf=\"delayedShowEmptyMapContent\">\n    <p class=\"map-empty\">\n      {{ 'igo.integration.mapTool.empty' | translate }}\n    </p>\n    <p\n      *ngIf=\"\n        layerAdditionAllowed &&\n        (searchToolInToolbar || catalogToolInToolbar || contextToolInToolbar)\n      \"\n      class=\"map-empty\"\n    >\n      {{ 'igo.integration.mapTool.customize' | translate }}\n    </p>\n    <mat-list-item *ngIf=\"layerAdditionAllowed && searchToolInToolbar\">\n      <mat-icon matListItemIcon>search</mat-icon>\n      <span matListItemTitle class=\"search-tool\" (click)=\"searchEmit()\">\n        {{ 'igo.integration.mapTool.search-tool' | translate }}\n      </span>\n    </mat-list-item>\n    <mat-list-item *ngIf=\"layerAdditionAllowed && catalogToolInToolbar\">\n      <mat-icon matListItemIcon>library_add</mat-icon>\n      <span matListItemTitle class=\"catalog-tool\" (click)=\"catalogEmit()\">\n        {{ 'igo.integration.mapTool.catalog-tool' | translate }}\n      </span>\n    </mat-list-item>\n    <mat-list-item *ngIf=\"layerAdditionAllowed && contextToolInToolbar\">\n      <mat-icon matListItemIcon>star</mat-icon>\n      <span matListItemTitle class=\"context-tool\" (click)=\"contextEmit()\">\n        {{ 'igo.integration.mapTool.context-tool' | translate }}\n      </span>\n    </mat-list-item>\n  </mat-list>\n</ng-template>\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: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: LayerViewerComponent, selector: "igo-layer-viewer", inputs: ["map", "options", "isDesktop", "excludeBaseLayers"], outputs: ["appliedFilterAndSort"] }, { kind: "component", type: WorkspaceButtonComponent, selector: "igo-workspace-button", inputs: ["layer", "color"] }, { kind: "component", type: ExportButtonComponent, selector: "igo-export-button", inputs: ["layer", "color"] }, { kind: "component", type: OgcFilterButtonComponent, selector: "igo-ogc-filter-button", inputs: ["layer", "map", "color", "header"] }, { kind: "component", type: TimeFilterButtonComponent, selector: "igo-time-filter-button", inputs: ["layer", "map", "color", "header"] }, { kind: "component", type: TrackFeatureButtonComponent, selector: "igo-track-feature-button", inputs: ["layer", "trackFeature"] }, { kind: "component", type: MetadataButtonComponent, selector: "igo-metadata-button", inputs: ["layer", "color"] }, { kind: "ngmodule", type: MatListModule }, { kind: "component", type: i8$3.MatList, selector: "mat-list", exportAs: ["matList"] }, { kind: "component", type: i8$3.MatListItem, selector: "mat-list-item, a[mat-list-item], button[mat-list-item]", inputs: ["activated"], exportAs: ["matListItem"] }, { kind: "directive", type: i8$3.MatListItemIcon, selector: "[matListItemIcon]" }, { kind: "directive", type: i8$3.MatListItemTitle, selector: "[matListItemTitle]" }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "ngmodule", type: IgoLanguageModule }, { kind: "pipe", type: i9.TranslatePipe, name: "translate" }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: MapDetailsToolComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.4", type: MapDetailsToolComponent, isStandalone: true, 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: "@if ((layers$ | async).length) {\n  <igo-layer-viewer\n    class=\"mapDetailsList\"\n    [map]=\"map\"\n    [options]=\"layerViewerOptions\"\n    [excludeBaseLayers]=\"excludeBaseLayers\"\n    [isDesktop]=\"isDesktop\"\n  >\n    <ng-template #customBottomActions let-layer=\"layer\">\n      <igo-workspace-button [layer]=\"layer\"></igo-workspace-button>\n      <igo-export-button\n        [layer]=\"layer\"\n        (click)=\"activateExport(layer)\"\n      ></igo-export-button>\n      <igo-ogc-filter-button\n        [header]=\"ogcButton\"\n        [layer]=\"layer\"\n      ></igo-ogc-filter-button>\n      <igo-time-filter-button\n        [header]=\"timeButton\"\n        [layer]=\"layer\"\n      ></igo-time-filter-button>\n      <igo-track-feature-button\n        [trackFeature]=\"true\"\n        [layer]=\"layer\"\n      ></igo-track-feature-button>\n      <igo-metadata-button [layer]=\"layer\"></igo-metadata-button>\n    </ng-template>\n  </igo-layer-viewer>\n} @else {\n  @if (delayedShowEmptyMapContent) {\n    <mat-list>\n      <p class=\"map-empty\">\n        {{ 'igo.integration.mapTool.empty' | translate }}\n      </p>\n      @if (\n        layerAdditionAllowed &&\n        (searchToolInToolbar || catalogToolInToolbar || contextToolInToolbar)\n      ) {\n        <p class=\"map-empty\">\n          {{ 'igo.integration.mapTool.customize' | translate }}\n        </p>\n      }\n      @if (layerAdditionAllowed && searchToolInToolbar) {\n        <mat-list-item>\n          <mat-icon matListItemIcon>search</mat-icon>\n          <span matListItemTitle class=\"search-tool\" (click)=\"searchEmit()\">\n            {{ 'igo.integration.mapTool.search-tool' | translate }}\n          </span>\n        </mat-list-item>\n      }\n      @if (layerAdditionAllowed && catalogToolInToolbar) {\n        <mat-list-item>\n          <mat-icon matListItemIcon>library_add</mat-icon>\n          <span matListItemTitle class=\"catalog-tool\" (click)=\"catalogEmit()\">\n            {{ 'igo.integration.mapTool.catalog-tool' | translate }}\n          </span>\n        </mat-list-item>\n      }\n      @if (layerAdditionAllowed && contextToolInToolbar) {\n        <mat-list-item>\n          <mat-icon matListItemIcon>star</mat-icon>\n          <span matListItemTitle class=\"context-tool\" (click)=\"contextEmit()\">\n            {{ 'igo.integration.mapTool.context-tool' | translate }}\n          </span>\n        </mat-list-item>\n      }\n    </mat-list>\n  }\n}\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: "component", type: LayerViewerComponent, selector: "igo-layer-viewer", inputs: ["map", "options", "isDesktop", "excludeBaseLayers"], outputs: ["appliedFilterAndSort"] }, { kind: "component", type: WorkspaceButtonComponent, selector: "igo-workspace-button", inputs: ["layer", "color"] }, { kind: "component", type: ExportButtonComponent, selector: "igo-export-button", inputs: ["layer", "color"] }, { kind: "component", type: OgcFilterButtonComponent, selector: "igo-ogc-filter-button", inputs: ["layer", "map", "color", "header"] }, { kind: "component", type: TimeFilterButtonComponent, selector: "igo-time-filter-button", inputs: ["layer", "map", "color", "header"] }, { kind: "component", type: TrackFeatureButtonComponent, selector: "igo-track-feature-button", inputs: ["layer", "trackFeature"] }, { kind: "component", type: MetadataButtonComponent, selector: "igo-metadata-button", inputs: ["layer", "color"] }, { kind: "ngmodule", type: MatListModule }, { kind: "component", type: i1$5.MatList, selector: "mat-list", exportAs: ["matList"] }, { kind: "component", type: i1$5.MatListItem, selector: "mat-list-item, a[mat-list-item], button[mat-list-item]", inputs: ["activated"], exportAs: ["matListItem"] }, { kind: "directive", type: i1$5.MatListItemIcon, selector: "[matListItemIcon]" }, { kind: "directive", type: i1$5.MatListItemTitle, selector: "[matListItemTitle]" }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: IgoLanguageModule }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: i3$1.TranslatePipe, name: "translate" }] });
 };
 MapDetailsToolComponent = __decorate([
     ToolComponent({
@@ -3828,18 +3601,11 @@ MapDetailsToolComponent = __decorate([
         title: 'igo.integration.tools.map',
         icon: 'map'
     }),
-    __metadata("design:paramtypes", [MapState,
-        ToolState,
-        SearchSourceService,
-        ImportExportState,
-        ConfigService,
-        MediaService,
-        ChangeDetectorRef])
+    __metadata("design:paramtypes", [])
 ], MapDetailsToolComponent);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: MapDetailsToolComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: MapDetailsToolComponent, decorators: [{
             type: Component,
             args: [{ selector: 'igo-map-details-tool', imports: [
-                        NgIf,
                         LayerViewerComponent,
                         WorkspaceButtonComponent,
                         ExportButtonComponent,
@@ -3851,8 +3617,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImpo
                         MatIconModule,
                         AsyncPipe,
                         IgoLanguageModule
-                    ], template: "<igo-layer-viewer\n  class=\"mapDetailsList\"\n  *ngIf=\"(layers$ | async).length; else empty\"\n  [map]=\"map\"\n  [options]=\"layerViewerOptions\"\n  [excludeBaseLayers]=\"excludeBaseLayers\"\n  [isDesktop]=\"isDesktop\"\n>\n  <ng-template #customBottomActions let-layer=\"layer\">\n    <igo-workspace-button [layer]=\"layer\"></igo-workspace-button>\n    <igo-export-button\n      [layer]=\"layer\"\n      (click)=\"activateExport(layer)\"\n    ></igo-export-button>\n    <igo-ogc-filter-button\n      [header]=\"ogcButton\"\n      [layer]=\"layer\"\n    ></igo-ogc-filter-button>\n    <igo-time-filter-button\n      [header]=\"timeButton\"\n      [layer]=\"layer\"\n    ></igo-time-filter-button>\n    <igo-track-feature-button\n      [trackFeature]=\"true\"\n      [layer]=\"layer\"\n    ></igo-track-feature-button>\n    <igo-metadata-button [layer]=\"layer\"></igo-metadata-button>\n  </ng-template>\n</igo-layer-viewer>\n\n<ng-template #empty>\n  <mat-list *ngIf=\"delayedShowEmptyMapContent\">\n    <p class=\"map-empty\">\n      {{ 'igo.integration.mapTool.empty' | translate }}\n    </p>\n    <p\n      *ngIf=\"\n        layerAdditionAllowed &&\n        (searchToolInToolbar || catalogToolInToolbar || contextToolInToolbar)\n      \"\n      class=\"map-empty\"\n    >\n      {{ 'igo.integration.mapTool.customize' | translate }}\n    </p>\n    <mat-list-item *ngIf=\"layerAdditionAllowed && searchToolInToolbar\">\n      <mat-icon matListItemIcon>search</mat-icon>\n      <span matListItemTitle class=\"search-tool\" (click)=\"searchEmit()\">\n        {{ 'igo.integration.mapTool.search-tool' | translate }}\n      </span>\n    </mat-list-item>\n    <mat-list-item *ngIf=\"layerAdditionAllowed && catalogToolInToolbar\">\n      <mat-icon matListItemIcon>library_add</mat-icon>\n      <span matListItemTitle class=\"catalog-tool\" (click)=\"catalogEmit()\">\n        {{ 'igo.integration.mapTool.catalog-tool' | translate }}\n      </span>\n    </mat-list-item>\n    <mat-list-item *ngIf=\"layerAdditionAllowed && contextToolInToolbar\">\n      <mat-icon matListItemIcon>star</mat-icon>\n      <span matListItemTitle class=\"context-tool\" (click)=\"contextEmit()\">\n        {{ 'igo.integration.mapTool.context-tool' | translate }}\n      </span>\n    </mat-list-item>\n  </mat-list>\n</ng-template>\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"] }]
-        }], ctorParameters: () => [{ type: MapState }, { type: ToolState }, { type: i1$1.SearchSourceService }, { type: ImportExportState }, { type: i6.ConfigService }, { type: i3$1.MediaService }, { type: i0.ChangeDetectorRef }], propDecorators: { toggleLegendOnVisibilityChange: [{
+                    ], template: "@if ((layers$ | async).length) {\n  <igo-layer-viewer\n    class=\"mapDetailsList\"\n    [map]=\"map\"\n    [options]=\"layerViewerOptions\"\n    [excludeBaseLayers]=\"excludeBaseLayers\"\n    [isDesktop]=\"isDesktop\"\n  >\n    <ng-template #customBottomActions let-layer=\"layer\">\n      <igo-workspace-button [layer]=\"layer\"></igo-workspace-button>\n      <igo-export-button\n        [layer]=\"layer\"\n        (click)=\"activateExport(layer)\"\n      ></igo-export-button>\n      <igo-ogc-filter-button\n        [header]=\"ogcButton\"\n        [layer]=\"layer\"\n      ></igo-ogc-filter-button>\n      <igo-time-filter-button\n        [header]=\"timeButton\"\n        [layer]=\"layer\"\n      ></igo-time-filter-button>\n      <igo-track-feature-button\n        [trackFeature]=\"true\"\n        [layer]=\"layer\"\n      ></igo-track-feature-button>\n      <igo-metadata-button [layer]=\"layer\"></igo-metadata-button>\n    </ng-template>\n  </igo-layer-viewer>\n} @else {\n  @if (delayedShowEmptyMapContent) {\n    <mat-list>\n      <p class=\"map-empty\">\n        {{ 'igo.integration.mapTool.empty' | translate }}\n      </p>\n      @if (\n        layerAdditionAllowed &&\n        (searchToolInToolbar || catalogToolInToolbar || contextToolInToolbar)\n      ) {\n        <p class=\"map-empty\">\n          {{ 'igo.integration.mapTool.customize' | translate }}\n        </p>\n      }\n      @if (layerAdditionAllowed && searchToolInToolbar) {\n        <mat-list-item>\n          <mat-icon matListItemIcon>search</mat-icon>\n          <span matListItemTitle class=\"search-tool\" (click)=\"searchEmit()\">\n            {{ 'igo.integration.mapTool.search-tool' | translate }}\n          </span>\n        </mat-list-item>\n      }\n      @if (layerAdditionAllowed && catalogToolInToolbar) {\n        <mat-list-item>\n          <mat-icon matListItemIcon>library_add</mat-icon>\n          <span matListItemTitle class=\"catalog-tool\" (click)=\"catalogEmit()\">\n            {{ 'igo.integration.mapTool.catalog-tool' | translate }}\n          </span>\n        </mat-list-item>\n      }\n      @if (layerAdditionAllowed && contextToolInToolbar) {\n        <mat-list-item>\n          <mat-icon matListItemIcon>star</mat-icon>\n          <span matListItemTitle class=\"context-tool\" (click)=\"contextEmit()\">\n            {{ 'igo.integration.mapTool.context-tool' | translate }}\n          </span>\n        </mat-list-item>\n      }\n    </mat-list>\n  }\n}\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"] }]
+        }], ctorParameters: () => [], propDecorators: { toggleLegendOnVisibilityChange: [{
                 type: Input
             }], expandLegendOfVisibleLayers: [{
                 type: Input
@@ -3871,10 +3637,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImpo
             }] } });
 
 let MapLegendToolComponent = class MapLegendToolComponent {
-    mapState;
-    toolState;
-    searchSourceService;
-    cdRef;
+    mapState = inject(MapState);
+    toolState = inject(ToolState);
+    searchSourceService = inject(SearchSourceService);
+    cdRef = inject(ChangeDetectorRef);
     delayedShowEmptyMapContent = false;
     layers$ = new BehaviorSubject([]);
     showAllLegendsValue$ = new BehaviorSubject(false);
@@ -3911,12 +3677,6 @@ let MapLegendToolComponent = class MapLegendToolComponent {
     get contextToolInToolbar() {
         return this.toolState.toolbox.getToolbar().indexOf('contextManager') !== -1;
     }
-    constructor(mapState, toolState, searchSourceService, cdRef) {
-        this.mapState = mapState;
-        this.toolState = toolState;
-        this.searchSourceService = searchSourceService;
-        this.cdRef = cdRef;
-    }
     ngOnInit() {
         this.resolution$$ = combineLatest([
             this.map.layerController.all$,
@@ -3978,32 +3738,27 @@ let MapLegendToolComponent = class MapLegendToolComponent {
     contextEmit() {
         this.toolState.toolbox.activateTool('contextManager');
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: MapLegendToolComponent, deps: [{ token: MapState }, { token: ToolState }, { token: i1$1.SearchSourceService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: MapLegendToolComponent, isStandalone: true, selector: "igo-map-legend-tool", inputs: { updateLegendOnResolutionChange: "updateLegendOnResolutionChange", layerAdditionAllowed: "layerAdditionAllowed", allowShowAllLegends: "allowShowAllLegends", showAllLegendsValue: "showAllLegendsValue", layerListControls: "layerListControls" }, ngImport: i0, template: "<igo-layer-legend-list\n  *ngIf=\"showAllLegend()\"\n  igoLayerLegendListBinding\n  [excludeBaseLayers]=\"excludeBaseLayers\"\n  [allowShowAllLegends]=\"allowShowAllLegends\"\n  [updateLegendOnResolutionChange]=\"updateLegendOnResolutionChange\"\n  [showAllLegendsValue]=\"showAllLegendsValue$ | async\"\n  (allLegendsShown)=\"onShowAllLegends($event)\"\n>\n</igo-layer-legend-list>\n<ng-template\n  *ngIf=\"(layers$ | async).length !== 0; else emptyLayers\"\n></ng-template>\n\n<p\n  class=\"map-empty\"\n  *ngIf=\"\n    !allowShowAllLegends &&\n    (layers$ | async).length !== 0 &&\n    (visibleOrInRangeLayers$ | async).length === 0\n  \"\n>\n  {{\n    (visibleLayers$ | async).length\n      ? ('igo.integration.mapTool.noLayersInRange' | translate)\n      : ('igo.integration.mapTool.noLayersVisible' | translate)\n  }}\n</p>\n\n<ng-template #emptyLayers>\n  <mat-list *ngIf=\"delayedShowEmptyMapContent\">\n    <p class=\"map-empty\">\n      {{ 'igo.integration.mapTool.empty' | translate }}\n    </p>\n    <p\n      *ngIf=\"\n        layerAdditionAllowed &&\n        (searchToolInToolbar || catalogToolInToolbar || contextToolInToolbar)\n      \"\n      class=\"map-empty\"\n    >\n      {{ 'igo.integration.mapTool.customize' | translate }}\n    </p>\n\n    <mat-list-item *ngIf=\"layerAdditionAllowed && searchToolInToolbar\">\n      <mat-icon matListItemIcon>search</mat-icon>\n      <span matListItemTitle class=\"search-tool\" (click)=\"searchEmit()\">\n        {{ 'igo.integration.mapTool.search-tool' | translate }}\n      </span>\n    </mat-list-item>\n    <mat-list-item *ngIf=\"layerAdditionAllowed && catalogToolInToolbar\">\n      <mat-icon matListItemIcon>library_add</mat-icon>\n      <span matListItemTitle class=\"catalog-tool\" (click)=\"catalogEmit()\">\n        {{ 'igo.integration.mapTool.catalog-tool' | translate }}\n      </span>\n    </mat-list-item>\n    <mat-list-item *ngIf=\"layerAdditionAllowed && contextToolInToolbar\">\n      <mat-icon matListItemIcon>star</mat-icon>\n      <span matListItemTitle class=\"context-tool\" (click)=\"contextEmit()\">\n        {{ 'igo.integration.mapTool.context-tool' | translate }}\n      </span>\n    </mat-list-item>\n  </mat-list>\n</ng-template>\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: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: LayerLegendListComponent, selector: "igo-layer-legend-list", inputs: ["layers", "excludeBaseLayers", "updateLegendOnResolutionChange", "allowShowAllLegends", "showAllLegendsValue"], outputs: ["allLegendsShown"] }, { kind: "directive", type: LayerLegendListBindingDirective, selector: "[igoLayerLegendListBinding]" }, { kind: "ngmodule", type: MatListModule }, { kind: "component", type: i8$3.MatList, selector: "mat-list", exportAs: ["matList"] }, { kind: "component", type: i8$3.MatListItem, selector: "mat-list-item, a[mat-list-item], button[mat-list-item]", inputs: ["activated"], exportAs: ["matListItem"] }, { kind: "directive", type: i8$3.MatListItemIcon, selector: "[matListItemIcon]" }, { kind: "directive", type: i8$3.MatListItemTitle, selector: "[matListItemTitle]" }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "ngmodule", type: IgoLanguageModule }, { kind: "pipe", type: i9.TranslatePipe, name: "translate" }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: MapLegendToolComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.4", type: MapLegendToolComponent, isStandalone: true, selector: "igo-map-legend-tool", inputs: { updateLegendOnResolutionChange: "updateLegendOnResolutionChange", layerAdditionAllowed: "layerAdditionAllowed", allowShowAllLegends: "allowShowAllLegends", showAllLegendsValue: "showAllLegendsValue", layerListControls: "layerListControls" }, ngImport: i0, template: "@if (showAllLegend()) {\n  <igo-layer-legend-list\n    igoLayerLegendListBinding\n    [excludeBaseLayers]=\"excludeBaseLayers\"\n    [allowShowAllLegends]=\"allowShowAllLegends\"\n    [updateLegendOnResolutionChange]=\"updateLegendOnResolutionChange\"\n    [showAllLegendsValue]=\"showAllLegendsValue$ | async\"\n    (allLegendsShown)=\"onShowAllLegends($event)\"\n  >\n  </igo-layer-legend-list>\n}\n@if ((layers$ | async).length !== 0) {\n} @else {\n  @if (delayedShowEmptyMapContent) {\n    <mat-list>\n      <p class=\"map-empty\">\n        {{ 'igo.integration.mapTool.empty' | translate }}\n      </p>\n      @if (\n        layerAdditionAllowed &&\n        (searchToolInToolbar || catalogToolInToolbar || contextToolInToolbar)\n      ) {\n        <p class=\"map-empty\">\n          {{ 'igo.integration.mapTool.customize' | translate }}\n        </p>\n      }\n      @if (layerAdditionAllowed && searchToolInToolbar) {\n        <mat-list-item>\n          <mat-icon matListItemIcon>search</mat-icon>\n          <span matListItemTitle class=\"search-tool\" (click)=\"searchEmit()\">\n            {{ 'igo.integration.mapTool.search-tool' | translate }}\n          </span>\n        </mat-list-item>\n      }\n      @if (layerAdditionAllowed && catalogToolInToolbar) {\n        <mat-list-item>\n          <mat-icon matListItemIcon>library_add</mat-icon>\n          <span matListItemTitle class=\"catalog-tool\" (click)=\"catalogEmit()\">\n            {{ 'igo.integration.mapTool.catalog-tool' | translate }}\n          </span>\n        </mat-list-item>\n      }\n      @if (layerAdditionAllowed && contextToolInToolbar) {\n        <mat-list-item>\n          <mat-icon matListItemIcon>star</mat-icon>\n          <span matListItemTitle class=\"context-tool\" (click)=\"contextEmit()\">\n            {{ 'igo.integration.mapTool.context-tool' | translate }}\n          </span>\n        </mat-list-item>\n      }\n    </mat-list>\n  }\n}\n\n@if (\n  !allowShowAllLegends &&\n  (layers$ | async).length !== 0 &&\n  (visibleOrInRangeLayers$ | async).length === 0\n) {\n  <p class=\"map-empty\">\n    {{\n      (visibleLayers$ | async).length\n        ? ('igo.integration.mapTool.noLayersInRange' | translate)\n        : ('igo.integration.mapTool.noLayersVisible' | translate)\n    }}\n  </p>\n}\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: "component", type: LayerLegendListComponent, selector: "igo-layer-legend-list", inputs: ["layers", "excludeBaseLayers", "updateLegendOnResolutionChange", "allowShowAllLegends", "showAllLegendsValue"], outputs: ["allLegendsShown"] }, { kind: "directive", type: LayerLegendListBindingDirective, selector: "[igoLayerLegendListBinding]" }, { kind: "ngmodule", type: MatListModule }, { kind: "component", type: i1$5.MatList, selector: "mat-list", exportAs: ["matList"] }, { kind: "component", type: i1$5.MatListItem, selector: "mat-list-item, a[mat-list-item], button[mat-list-item]", inputs: ["activated"], exportAs: ["matListItem"] }, { kind: "directive", type: i1$5.MatListItemIcon, selector: "[matListItemIcon]" }, { kind: "directive", type: i1$5.MatListItemTitle, selector: "[matListItemTitle]" }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: IgoLanguageModule }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: i3$1.TranslatePipe, name: "translate" }] });
 };
 MapLegendToolComponent = __decorate([
     ToolComponent({
         name: 'mapLegend',
         title: 'igo.integration.tools.legend',
         icon: 'format_list_bulleted'
-    }),
-    __metadata("design:paramtypes", [MapState,
-        ToolState,
-        SearchSourceService,
-        ChangeDetectorRef])
+    })
 ], MapLegendToolComponent);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: MapLegendToolComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: MapLegendToolComponent, decorators: [{
             type: Component,
             args: [{ selector: 'igo-map-legend-tool', imports: [
-                        NgIf,
                         LayerLegendListComponent,
                         LayerLegendListBindingDirective,
                         MatListModule,
                         MatIconModule,
                         AsyncPipe,
                         IgoLanguageModule
-                    ], template: "<igo-layer-legend-list\n  *ngIf=\"showAllLegend()\"\n  igoLayerLegendListBinding\n  [excludeBaseLayers]=\"excludeBaseLayers\"\n  [allowShowAllLegends]=\"allowShowAllLegends\"\n  [updateLegendOnResolutionChange]=\"updateLegendOnResolutionChange\"\n  [showAllLegendsValue]=\"showAllLegendsValue$ | async\"\n  (allLegendsShown)=\"onShowAllLegends($event)\"\n>\n</igo-layer-legend-list>\n<ng-template\n  *ngIf=\"(layers$ | async).length !== 0; else emptyLayers\"\n></ng-template>\n\n<p\n  class=\"map-empty\"\n  *ngIf=\"\n    !allowShowAllLegends &&\n    (layers$ | async).length !== 0 &&\n    (visibleOrInRangeLayers$ | async).length === 0\n  \"\n>\n  {{\n    (visibleLayers$ | async).length\n      ? ('igo.integration.mapTool.noLayersInRange' | translate)\n      : ('igo.integration.mapTool.noLayersVisible' | translate)\n  }}\n</p>\n\n<ng-template #emptyLayers>\n  <mat-list *ngIf=\"delayedShowEmptyMapContent\">\n    <p class=\"map-empty\">\n      {{ 'igo.integration.mapTool.empty' | translate }}\n    </p>\n    <p\n      *ngIf=\"\n        layerAdditionAllowed &&\n        (searchToolInToolbar || catalogToolInToolbar || contextToolInToolbar)\n      \"\n      class=\"map-empty\"\n    >\n      {{ 'igo.integration.mapTool.customize' | translate }}\n    </p>\n\n    <mat-list-item *ngIf=\"layerAdditionAllowed && searchToolInToolbar\">\n      <mat-icon matListItemIcon>search</mat-icon>\n      <span matListItemTitle class=\"search-tool\" (click)=\"searchEmit()\">\n        {{ 'igo.integration.mapTool.search-tool' | translate }}\n      </span>\n    </mat-list-item>\n    <mat-list-item *ngIf=\"layerAdditionAllowed && catalogToolInToolbar\">\n      <mat-icon matListItemIcon>library_add</mat-icon>\n      <span matListItemTitle class=\"catalog-tool\" (click)=\"catalogEmit()\">\n        {{ 'igo.integration.mapTool.catalog-tool' | translate }}\n      </span>\n    </mat-list-item>\n    <mat-list-item *ngIf=\"layerAdditionAllowed && contextToolInToolbar\">\n      <mat-icon matListItemIcon>star</mat-icon>\n      <span matListItemTitle class=\"context-tool\" (click)=\"contextEmit()\">\n        {{ 'igo.integration.mapTool.context-tool' | translate }}\n      </span>\n    </mat-list-item>\n  </mat-list>\n</ng-template>\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"] }]
-        }], ctorParameters: () => [{ type: MapState }, { type: ToolState }, { type: i1$1.SearchSourceService }, { type: i0.ChangeDetectorRef }], propDecorators: { updateLegendOnResolutionChange: [{
+                    ], template: "@if (showAllLegend()) {\n  <igo-layer-legend-list\n    igoLayerLegendListBinding\n    [excludeBaseLayers]=\"excludeBaseLayers\"\n    [allowShowAllLegends]=\"allowShowAllLegends\"\n    [updateLegendOnResolutionChange]=\"updateLegendOnResolutionChange\"\n    [showAllLegendsValue]=\"showAllLegendsValue$ | async\"\n    (allLegendsShown)=\"onShowAllLegends($event)\"\n  >\n  </igo-layer-legend-list>\n}\n@if ((layers$ | async).length !== 0) {\n} @else {\n  @if (delayedShowEmptyMapContent) {\n    <mat-list>\n      <p class=\"map-empty\">\n        {{ 'igo.integration.mapTool.empty' | translate }}\n      </p>\n      @if (\n        layerAdditionAllowed &&\n        (searchToolInToolbar || catalogToolInToolbar || contextToolInToolbar)\n      ) {\n        <p class=\"map-empty\">\n          {{ 'igo.integration.mapTool.customize' | translate }}\n        </p>\n      }\n      @if (layerAdditionAllowed && searchToolInToolbar) {\n        <mat-list-item>\n          <mat-icon matListItemIcon>search</mat-icon>\n          <span matListItemTitle class=\"search-tool\" (click)=\"searchEmit()\">\n            {{ 'igo.integration.mapTool.search-tool' | translate }}\n          </span>\n        </mat-list-item>\n      }\n      @if (layerAdditionAllowed && catalogToolInToolbar) {\n        <mat-list-item>\n          <mat-icon matListItemIcon>library_add</mat-icon>\n          <span matListItemTitle class=\"catalog-tool\" (click)=\"catalogEmit()\">\n            {{ 'igo.integration.mapTool.catalog-tool' | translate }}\n          </span>\n        </mat-list-item>\n      }\n      @if (layerAdditionAllowed && contextToolInToolbar) {\n        <mat-list-item>\n          <mat-icon matListItemIcon>star</mat-icon>\n          <span matListItemTitle class=\"context-tool\" (click)=\"contextEmit()\">\n            {{ 'igo.integration.mapTool.context-tool' | translate }}\n          </span>\n        </mat-list-item>\n      }\n    </mat-list>\n  }\n}\n\n@if (\n  !allowShowAllLegends &&\n  (layers$ | async).length !== 0 &&\n  (visibleOrInRangeLayers$ | async).length === 0\n) {\n  <p class=\"map-empty\">\n    {{\n      (visibleLayers$ | async).length\n        ? ('igo.integration.mapTool.noLayersInRange' | translate)\n        : ('igo.integration.mapTool.noLayersVisible' | translate)\n    }}\n  </p>\n}\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"] }]
+        }], propDecorators: { updateLegendOnResolutionChange: [{
                 type: Input
             }], layerAdditionAllowed: [{
                 type: Input
@@ -4019,8 +3774,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImpo
  * Service that holds the state of the direction module
  */
 class MapProximityState {
-    mapState;
-    storageService;
+    mapState = inject(MapState);
+    storageService = inject(StorageService);
     defaultProximityRadiusValue = 30;
     enabled$ = new BehaviorSubject(false);
     proximityRadiusValue$;
@@ -4031,9 +3786,7 @@ class MapProximityState {
     get map() {
         return this.mapState.map;
     }
-    constructor(mapState, storageService) {
-        this.mapState = mapState;
-        this.storageService = storageService;
+    constructor() {
         this.proximityFeatureStore = new FeatureStore([], {
             map: this.mapState.map
         });
@@ -4170,22 +3923,22 @@ class MapProximityState {
         }
         return label;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: MapProximityState, deps: [{ token: MapState }, { token: i5.StorageService }], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: MapProximityState, providedIn: 'root' });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: MapProximityState, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: MapProximityState, providedIn: 'root' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: MapProximityState, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: MapProximityState, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
                 }]
-        }], ctorParameters: () => [{ type: MapState }, { type: i5.StorageService }] });
+        }], ctorParameters: () => [] });
 
 let MapProximityToolComponent = class MapProximityToolComponent {
-    clipboard;
-    mapState;
-    mapProximityState;
-    languageService;
-    messageService;
+    clipboard = inject(Clipboard);
+    mapState = inject(MapState);
+    mapProximityState = inject(MapProximityState);
+    languageService = inject(LanguageService);
+    messageService = inject(MessageService);
     subs$$ = [];
     table;
     get maxDistance() {
@@ -4204,12 +3957,7 @@ let MapProximityToolComponent = class MapProximityToolComponent {
      * @internal
      */
     tableTemplate;
-    constructor(clipboard, mapState, mapProximityState, languageService, messageService) {
-        this.clipboard = clipboard;
-        this.mapState = mapState;
-        this.mapProximityState = mapProximityState;
-        this.languageService = languageService;
-        this.messageService = messageService;
+    constructor() {
         this.tableTemplate = {
             selection: true,
             selectMany: false,
@@ -4267,8 +4015,8 @@ let MapProximityToolComponent = class MapProximityToolComponent {
             this.messageService.success('igo.integration.map-proximity-tool.copyMsg', 'igo.integration.map-proximity-tool.copyTitle');
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: MapProximityToolComponent, deps: [{ token: i1$4.Clipboard }, { token: MapState }, { token: MapProximityState }, { token: i2$1.LanguageService }, { token: i4.MessageService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: MapProximityToolComponent, isStandalone: true, selector: "igo-map-proximity-tool", viewQueries: [{ propertyName: "table", first: true, predicate: ["table"], descendants: true, static: true }], ngImport: i0, template: "<igo-entity-table\n  #table\n  class=\"table-compact\"\n  [store]=\"mapProximityState.proximityFeatureStore\"\n  [template]=\"tableTemplate\"\n></igo-entity-table>\n<br />\n<mat-form-field\n  *ngIf=\"mapProximityState.currentPositionCoordinate$ | async as coord\"\n  class=\"coordinates\"\n>\n  <textarea\n    #textArea\n    matInput\n    readonly\n    rows=\"1\"\n    [placeholder]=\"'igo.integration.map-proximity-tool.lon' | translate\"\n    [value]=\"coord[0]\"\n  ></textarea>\n</mat-form-field>\n<mat-form-field\n  *ngIf=\"mapProximityState.currentPositionCoordinate$ | async as coord2\"\n  class=\"coordinates2\"\n>\n  <textarea\n    #textArea\n    matInput\n    readonly\n    rows=\"1\"\n    [placeholder]=\"'igo.integration.map-proximity-tool.lat' | translate\"\n    [value]=\"coord2[1]\"\n  ></textarea>\n</mat-form-field>\n\n<button\n  *ngIf=\"\n    (mapProximityState.currentPositionCoordinate$ | async) &&\n    (mapProximityState.currentPositionCoordinate$ | async).length\n  \"\n  mat-icon-button\n  (click)=\"copyTextToClipboard()\"\n>\n  <mat-icon>content_copy</mat-icon>\n</button>\n<div class=\"title-container\">\n  <mat-label class=\"title\">{{\n    'igo.integration.map-proximity-tool.method' | translate\n  }}</mat-label>\n</div>\n<div class=\"igo-input-container\">\n  <mat-radio-group (change)=\"onLocationTypeChange($event)\">\n    <mat-radio-button\n      [checked]=\"\n        (mapProximityState.proximitylocationType$ | async) === 'geolocation'\n      \"\n      value=\"geolocation\"\n      >{{\n        'igo.integration.map-proximity-tool.geolocation' | translate\n      }}</mat-radio-button\n    >\n    <mat-radio-button\n      [checked]=\"\n        (mapProximityState.proximitylocationType$ | async) === 'mapCenter'\n      \"\n      value=\"mapCenter\"\n      >{{\n        'igo.integration.map-proximity-tool.mapCenter' | translate\n      }}</mat-radio-button\n    >\n  </mat-radio-group>\n</div>\n\n<div class=\"radius-unit\">\n  <mat-form-field class=\"radius-field\" floatLabel=\"always\">\n    <mat-label>{{\n      'igo.integration.map-proximity-tool.radiusM' | translate\n    }}</mat-label>\n    <input\n      type=\"number\"\n      pattern=\"[0-9]*\"\n      [(ngModel)]=\"maxDistance\"\n      matInput\n      placeholder=\"{{\n        'igo.integration.map-proximity-tool.radiusM' | translate\n      }}\"\n    />\n  </mat-form-field>\n</div>\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: "component", type: EntityTableComponent, selector: "igo-entity-table", inputs: ["store", "paginator", "template", "scrollBehavior", "sortNullsFirst", "withPaginator", "paginatorOptions"], outputs: ["entityClick", "entitySelectChange", "entitySortChange"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i8$2.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i8$2.MatLabel, selector: "mat-label" }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i9$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", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i7.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatRadioModule }, { kind: "directive", type: i10.MatRadioGroup, selector: "mat-radio-group", inputs: ["color", "name", "labelPosition", "value", "selected", "disabled", "required", "disabledInteractive"], outputs: ["change"], exportAs: ["matRadioGroup"] }, { kind: "component", type: i10.MatRadioButton, selector: "mat-radio-button", inputs: ["id", "name", "aria-label", "aria-labelledby", "aria-describedby", "disableRipple", "tabIndex", "checked", "value", "labelPosition", "disabled", "required", "color", "disabledInteractive"], outputs: ["change"], exportAs: ["matRadioButton"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2$3.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: i2$3.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { kind: "directive", type: i2$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$3.PatternValidator, selector: "[pattern][formControlName],[pattern][formControl],[pattern][ngModel]", inputs: ["pattern"] }, { kind: "directive", type: i2$3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "ngmodule", type: IgoLanguageModule }, { kind: "pipe", type: i9.TranslatePipe, name: "translate" }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: MapProximityToolComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.4", type: MapProximityToolComponent, isStandalone: true, selector: "igo-map-proximity-tool", viewQueries: [{ propertyName: "table", first: true, predicate: ["table"], descendants: true, static: true }], ngImport: i0, template: "<igo-entity-table\n  #table\n  class=\"table-compact\"\n  [store]=\"mapProximityState.proximityFeatureStore\"\n  [template]=\"tableTemplate\"\n></igo-entity-table>\n<br />\n@if (mapProximityState.currentPositionCoordinate$ | async; as coord) {\n  <mat-form-field class=\"coordinates\">\n    <textarea\n      #textArea\n      matInput\n      readonly\n      rows=\"1\"\n      [placeholder]=\"'igo.integration.map-proximity-tool.lon' | translate\"\n      [value]=\"coord[0]\"\n    ></textarea>\n  </mat-form-field>\n}\n@if (mapProximityState.currentPositionCoordinate$ | async; as coord2) {\n  <mat-form-field class=\"coordinates2\">\n    <textarea\n      #textArea\n      matInput\n      readonly\n      rows=\"1\"\n      [placeholder]=\"'igo.integration.map-proximity-tool.lat' | translate\"\n      [value]=\"coord2[1]\"\n    ></textarea>\n  </mat-form-field>\n}\n\n@if (\n  (mapProximityState.currentPositionCoordinate$ | async) &&\n  (mapProximityState.currentPositionCoordinate$ | async).length\n) {\n  <button mat-icon-button (click)=\"copyTextToClipboard()\">\n    <mat-icon>content_copy</mat-icon>\n  </button>\n}\n<div class=\"title-container\">\n  <mat-label class=\"title\">{{\n    'igo.integration.map-proximity-tool.method' | translate\n  }}</mat-label>\n</div>\n<div class=\"igo-input-container\">\n  <mat-radio-group (change)=\"onLocationTypeChange($event)\">\n    <mat-radio-button\n      [checked]=\"\n        (mapProximityState.proximitylocationType$ | async) === 'geolocation'\n      \"\n      value=\"geolocation\"\n      >{{\n        'igo.integration.map-proximity-tool.geolocation' | translate\n      }}</mat-radio-button\n    >\n    <mat-radio-button\n      [checked]=\"\n        (mapProximityState.proximitylocationType$ | async) === 'mapCenter'\n      \"\n      value=\"mapCenter\"\n      >{{\n        'igo.integration.map-proximity-tool.mapCenter' | translate\n      }}</mat-radio-button\n    >\n  </mat-radio-group>\n</div>\n\n<div class=\"radius-unit\">\n  <mat-form-field class=\"radius-field\" floatLabel=\"always\">\n    <mat-label>{{\n      'igo.integration.map-proximity-tool.radiusM' | translate\n    }}</mat-label>\n    <input\n      type=\"number\"\n      pattern=\"[0-9]*\"\n      [(ngModel)]=\"maxDistance\"\n      matInput\n      placeholder=\"{{\n        'igo.integration.map-proximity-tool.radiusM' | translate\n      }}\"\n    />\n  </mat-form-field>\n</div>\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: "component", type: EntityTableComponent, selector: "igo-entity-table", inputs: ["store", "paginator", "template", "scrollBehavior", "sortNullsFirst", "withPaginator", "paginatorOptions"], outputs: ["entityClick", "entitySelectChange", "entitySortChange"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i1$3.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i1$3.MatLabel, selector: "mat-label" }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i2$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", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i1.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatRadioModule }, { kind: "directive", type: i5.MatRadioGroup, selector: "mat-radio-group", inputs: ["color", "name", "labelPosition", "value", "selected", "disabled", "required", "disabledInteractive"], outputs: ["change"], exportAs: ["matRadioGroup"] }, { kind: "component", type: i5.MatRadioButton, selector: "mat-radio-button", inputs: ["id", "name", "aria-label", "aria-labelledby", "aria-describedby", "disableRipple", "tabIndex", "checked", "value", "labelPosition", "disabled", "required", "color", "disabledInteractive"], outputs: ["change"], exportAs: ["matRadioButton"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$4.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: i1$4.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { kind: "directive", type: i1$4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$4.PatternValidator, selector: "[pattern][formControlName],[pattern][formControl],[pattern][ngModel]", inputs: ["pattern"] }, { kind: "directive", type: i1$4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: IgoLanguageModule }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: i3$1.TranslatePipe, name: "translate" }] });
 };
 MapProximityToolComponent = __decorate([
     ToolComponent({
@@ -4280,17 +4028,12 @@ MapProximityToolComponent = __decorate([
      * Tool to handle the advanced map tools
      */
     ,
-    __metadata("design:paramtypes", [Clipboard,
-        MapState,
-        MapProximityState,
-        LanguageService,
-        MessageService])
+    __metadata("design:paramtypes", [])
 ], MapProximityToolComponent);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: MapProximityToolComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: MapProximityToolComponent, decorators: [{
             type: Component,
             args: [{ selector: 'igo-map-proximity-tool', imports: [
                         EntityTableComponent,
-                        NgIf,
                         MatFormFieldModule,
                         MatInputModule,
                         MatButtonModule,
@@ -4299,8 +4042,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImpo
                         FormsModule,
                         AsyncPipe,
                         IgoLanguageModule
-                    ], template: "<igo-entity-table\n  #table\n  class=\"table-compact\"\n  [store]=\"mapProximityState.proximityFeatureStore\"\n  [template]=\"tableTemplate\"\n></igo-entity-table>\n<br />\n<mat-form-field\n  *ngIf=\"mapProximityState.currentPositionCoordinate$ | async as coord\"\n  class=\"coordinates\"\n>\n  <textarea\n    #textArea\n    matInput\n    readonly\n    rows=\"1\"\n    [placeholder]=\"'igo.integration.map-proximity-tool.lon' | translate\"\n    [value]=\"coord[0]\"\n  ></textarea>\n</mat-form-field>\n<mat-form-field\n  *ngIf=\"mapProximityState.currentPositionCoordinate$ | async as coord2\"\n  class=\"coordinates2\"\n>\n  <textarea\n    #textArea\n    matInput\n    readonly\n    rows=\"1\"\n    [placeholder]=\"'igo.integration.map-proximity-tool.lat' | translate\"\n    [value]=\"coord2[1]\"\n  ></textarea>\n</mat-form-field>\n\n<button\n  *ngIf=\"\n    (mapProximityState.currentPositionCoordinate$ | async) &&\n    (mapProximityState.currentPositionCoordinate$ | async).length\n  \"\n  mat-icon-button\n  (click)=\"copyTextToClipboard()\"\n>\n  <mat-icon>content_copy</mat-icon>\n</button>\n<div class=\"title-container\">\n  <mat-label class=\"title\">{{\n    'igo.integration.map-proximity-tool.method' | translate\n  }}</mat-label>\n</div>\n<div class=\"igo-input-container\">\n  <mat-radio-group (change)=\"onLocationTypeChange($event)\">\n    <mat-radio-button\n      [checked]=\"\n        (mapProximityState.proximitylocationType$ | async) === 'geolocation'\n      \"\n      value=\"geolocation\"\n      >{{\n        'igo.integration.map-proximity-tool.geolocation' | translate\n      }}</mat-radio-button\n    >\n    <mat-radio-button\n      [checked]=\"\n        (mapProximityState.proximitylocationType$ | async) === 'mapCenter'\n      \"\n      value=\"mapCenter\"\n      >{{\n        'igo.integration.map-proximity-tool.mapCenter' | translate\n      }}</mat-radio-button\n    >\n  </mat-radio-group>\n</div>\n\n<div class=\"radius-unit\">\n  <mat-form-field class=\"radius-field\" floatLabel=\"always\">\n    <mat-label>{{\n      'igo.integration.map-proximity-tool.radiusM' | translate\n    }}</mat-label>\n    <input\n      type=\"number\"\n      pattern=\"[0-9]*\"\n      [(ngModel)]=\"maxDistance\"\n      matInput\n      placeholder=\"{{\n        'igo.integration.map-proximity-tool.radiusM' | translate\n      }}\"\n    />\n  </mat-form-field>\n</div>\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"] }]
-        }], ctorParameters: () => [{ type: i1$4.Clipboard }, { type: MapState }, { type: MapProximityState }, { type: i2$1.LanguageService }, { type: i4.MessageService }], propDecorators: { table: [{
+                    ], template: "<igo-entity-table\n  #table\n  class=\"table-compact\"\n  [store]=\"mapProximityState.proximityFeatureStore\"\n  [template]=\"tableTemplate\"\n></igo-entity-table>\n<br />\n@if (mapProximityState.currentPositionCoordinate$ | async; as coord) {\n  <mat-form-field class=\"coordinates\">\n    <textarea\n      #textArea\n      matInput\n      readonly\n      rows=\"1\"\n      [placeholder]=\"'igo.integration.map-proximity-tool.lon' | translate\"\n      [value]=\"coord[0]\"\n    ></textarea>\n  </mat-form-field>\n}\n@if (mapProximityState.currentPositionCoordinate$ | async; as coord2) {\n  <mat-form-field class=\"coordinates2\">\n    <textarea\n      #textArea\n      matInput\n      readonly\n      rows=\"1\"\n      [placeholder]=\"'igo.integration.map-proximity-tool.lat' | translate\"\n      [value]=\"coord2[1]\"\n    ></textarea>\n  </mat-form-field>\n}\n\n@if (\n  (mapProximityState.currentPositionCoordinate$ | async) &&\n  (mapProximityState.currentPositionCoordinate$ | async).length\n) {\n  <button mat-icon-button (click)=\"copyTextToClipboard()\">\n    <mat-icon>content_copy</mat-icon>\n  </button>\n}\n<div class=\"title-container\">\n  <mat-label class=\"title\">{{\n    'igo.integration.map-proximity-tool.method' | translate\n  }}</mat-label>\n</div>\n<div class=\"igo-input-container\">\n  <mat-radio-group (change)=\"onLocationTypeChange($event)\">\n    <mat-radio-button\n      [checked]=\"\n        (mapProximityState.proximitylocationType$ | async) === 'geolocation'\n      \"\n      value=\"geolocation\"\n      >{{\n        'igo.integration.map-proximity-tool.geolocation' | translate\n      }}</mat-radio-button\n    >\n    <mat-radio-button\n      [checked]=\"\n        (mapProximityState.proximitylocationType$ | async) === 'mapCenter'\n      \"\n      value=\"mapCenter\"\n      >{{\n        'igo.integration.map-proximity-tool.mapCenter' | translate\n      }}</mat-radio-button\n    >\n  </mat-radio-group>\n</div>\n\n<div class=\"radius-unit\">\n  <mat-form-field class=\"radius-field\" floatLabel=\"always\">\n    <mat-label>{{\n      'igo.integration.map-proximity-tool.radiusM' | translate\n    }}</mat-label>\n    <input\n      type=\"number\"\n      pattern=\"[0-9]*\"\n      [(ngModel)]=\"maxDistance\"\n      matInput\n      placeholder=\"{{\n        'igo.integration.map-proximity-tool.radiusM' | translate\n      }}\"\n    />\n  </mat-form-field>\n</div>\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"] }]
+        }], ctorParameters: () => [], propDecorators: { table: [{
                 type: ViewChild,
                 args: ['table', { static: true }]
             }] } });
@@ -4309,12 +4052,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImpo
  * Tool to browse a map's layers or to choose a different map
  */
 let MapToolComponent = class MapToolComponent {
-    mapState;
-    toolState;
-    importExportState;
-    configService;
-    mediaService;
-    cdr;
+    mapState = inject(MapState);
+    toolState = inject(ToolState);
+    importExportState = inject(ImportExportState);
+    configService = inject(ConfigService);
+    mediaService = inject(MediaService);
+    cdr = inject(ChangeDetectorRef);
     isDesktop;
     toggleLegendOnVisibilityChange = false;
     expandLegendOfVisibleLayers = false;
@@ -4358,13 +4101,7 @@ let MapToolComponent = class MapToolComponent {
             ...this._layerViewerOptions
         };
     }
-    constructor(mapState, toolState, importExportState, configService, mediaService, cdr) {
-        this.mapState = mapState;
-        this.toolState = toolState;
-        this.importExportState = importExportState;
-        this.configService = configService;
-        this.mediaService = mediaService;
-        this.cdr = cdr;
+    constructor() {
         this._layerViewerOptions = this.configService.getConfig('layer');
     }
     ngOnInit() {
@@ -4388,8 +4125,8 @@ let MapToolComponent = class MapToolComponent {
             this.cdr.detectChanges();
         });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: MapToolComponent, deps: [{ token: MapState }, { token: ToolState }, { token: ImportExportState }, { token: i6.ConfigService }, { token: i3$1.MediaService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: MapToolComponent, isStandalone: true, 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>\n  <mat-tab [label]=\"'igo.integration.tools.map' | translate\">\n    <igo-layer-viewer\n      [map]=\"map\"\n      [options]=\"layerViewerOptions\"\n      [excludeBaseLayers]=\"excludeBaseLayers\"\n      [isDesktop]=\"isDesktop\"\n    >\n      <ng-template #customBottomActions let-layer=\"layer\">\n        <igo-workspace-button [layer]=\"layer\"></igo-workspace-button>\n        <igo-export-button\n          [layer]=\"layer\"\n          (click)=\"activateExport(layer)\"\n        ></igo-export-button>\n        <igo-ogc-filter-button\n          [header]=\"ogcButton\"\n          [layer]=\"layer\"\n        ></igo-ogc-filter-button>\n        <igo-time-filter-button\n          [header]=\"timeButton\"\n          [layer]=\"layer\"\n        ></igo-time-filter-button>\n        <igo-track-feature-button\n          [trackFeature]=\"true\"\n          [layer]=\"layer\"\n        ></igo-track-feature-button>\n        <igo-metadata-button [layer]=\"layer\"></igo-metadata-button>\n      </ng-template>\n    </igo-layer-viewer>\n  </mat-tab>\n\n  <mat-tab [label]=\"'igo.integration.tools.contexts' | translate\">\n    <igo-context-list igoContextListBinding></igo-context-list>\n  </mat-tab>\n</mat-tab-group>\n", styles: [":host ::ng-deep .mat-mdc-tab-body-content{overflow:hidden}\n"], dependencies: [{ kind: "ngmodule", type: MatTabsModule }, { kind: "component", type: i5$2.MatTab, selector: "mat-tab", inputs: ["disabled", "label", "aria-label", "aria-labelledby", "labelClass", "bodyClass", "id"], exportAs: ["matTab"] }, { kind: "component", type: i5$2.MatTabGroup, selector: "mat-tab-group", inputs: ["color", "fitInkBarToContent", "mat-stretch-tabs", "mat-align-tabs", "dynamicHeight", "selectedIndex", "headerPosition", "animationDuration", "contentTabIndex", "disablePagination", "disableRipple", "preserveContent", "backgroundColor", "aria-label", "aria-labelledby"], outputs: ["selectedIndexChange", "focusChange", "animationDone", "selectedTabChange"], exportAs: ["matTabGroup"] }, { kind: "component", type: WorkspaceButtonComponent, selector: "igo-workspace-button", inputs: ["layer", "color"] }, { kind: "component", type: ExportButtonComponent, selector: "igo-export-button", inputs: ["layer", "color"] }, { kind: "component", type: OgcFilterButtonComponent, selector: "igo-ogc-filter-button", inputs: ["layer", "map", "color", "header"] }, { kind: "component", type: TimeFilterButtonComponent, selector: "igo-time-filter-button", inputs: ["layer", "map", "color", "header"] }, { kind: "component", type: TrackFeatureButtonComponent, selector: "igo-track-feature-button", inputs: ["layer", "trackFeature"] }, { kind: "component", type: MetadataButtonComponent, selector: "igo-metadata-button", inputs: ["layer", "color"] }, { kind: "component", type: LayerViewerComponent, selector: "igo-layer-viewer", inputs: ["map", "options", "isDesktop", "excludeBaseLayers"], outputs: ["appliedFilterAndSort"] }, { kind: "component", type: 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: ContextListBindingDirective, selector: "[igoContextListBinding]" }, { kind: "ngmodule", type: IgoLanguageModule }, { kind: "pipe", type: i9.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: MapToolComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.4", type: MapToolComponent, isStandalone: true, 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>\n  <mat-tab [label]=\"'igo.integration.tools.map' | translate\">\n    <igo-layer-viewer\n      [map]=\"map\"\n      [options]=\"layerViewerOptions\"\n      [excludeBaseLayers]=\"excludeBaseLayers\"\n      [isDesktop]=\"isDesktop\"\n    >\n      <ng-template #customBottomActions let-layer=\"layer\">\n        <igo-workspace-button [layer]=\"layer\"></igo-workspace-button>\n        <igo-export-button\n          [layer]=\"layer\"\n          (click)=\"activateExport(layer)\"\n        ></igo-export-button>\n        <igo-ogc-filter-button\n          [header]=\"ogcButton\"\n          [layer]=\"layer\"\n        ></igo-ogc-filter-button>\n        <igo-time-filter-button\n          [header]=\"timeButton\"\n          [layer]=\"layer\"\n        ></igo-time-filter-button>\n        <igo-track-feature-button\n          [trackFeature]=\"true\"\n          [layer]=\"layer\"\n        ></igo-track-feature-button>\n        <igo-metadata-button [layer]=\"layer\"></igo-metadata-button>\n      </ng-template>\n    </igo-layer-viewer>\n  </mat-tab>\n\n  <mat-tab [label]=\"'igo.integration.tools.contexts' | translate\">\n    <igo-context-list igoContextListBinding></igo-context-list>\n  </mat-tab>\n</mat-tab-group>\n", styles: [":host ::ng-deep .mat-mdc-tab-body-content{overflow:hidden}\n"], dependencies: [{ kind: "ngmodule", type: MatTabsModule }, { kind: "component", type: i1$2.MatTab, selector: "mat-tab", inputs: ["disabled", "label", "aria-label", "aria-labelledby", "labelClass", "bodyClass", "id"], exportAs: ["matTab"] }, { kind: "component", type: i1$2.MatTabGroup, selector: "mat-tab-group", inputs: ["color", "fitInkBarToContent", "mat-stretch-tabs", "mat-align-tabs", "dynamicHeight", "selectedIndex", "headerPosition", "animationDuration", "contentTabIndex", "disablePagination", "disableRipple", "preserveContent", "backgroundColor", "aria-label", "aria-labelledby"], outputs: ["selectedIndexChange", "focusChange", "animationDone", "selectedTabChange"], exportAs: ["matTabGroup"] }, { kind: "component", type: WorkspaceButtonComponent, selector: "igo-workspace-button", inputs: ["layer", "color"] }, { kind: "component", type: ExportButtonComponent, selector: "igo-export-button", inputs: ["layer", "color"] }, { kind: "component", type: OgcFilterButtonComponent, selector: "igo-ogc-filter-button", inputs: ["layer", "map", "color", "header"] }, { kind: "component", type: TimeFilterButtonComponent, selector: "igo-time-filter-button", inputs: ["layer", "map", "color", "header"] }, { kind: "component", type: TrackFeatureButtonComponent, selector: "igo-track-feature-button", inputs: ["layer", "trackFeature"] }, { kind: "component", type: MetadataButtonComponent, selector: "igo-metadata-button", inputs: ["layer", "color"] }, { kind: "component", type: LayerViewerComponent, selector: "igo-layer-viewer", inputs: ["map", "options", "isDesktop", "excludeBaseLayers"], outputs: ["appliedFilterAndSort"] }, { kind: "component", type: 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: ContextListBindingDirective, selector: "[igoContextListBinding]" }, { kind: "ngmodule", type: IgoLanguageModule }, { kind: "pipe", type: i3$1.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 MapToolComponent = __decorate([
     ToolComponent({
@@ -4397,14 +4134,9 @@ MapToolComponent = __decorate([
         title: 'igo.integration.tools.map',
         icon: 'map'
     }),
-    __metadata("design:paramtypes", [MapState,
-        ToolState,
-        ImportExportState,
-        ConfigService,
-        MediaService,
-        ChangeDetectorRef])
+    __metadata("design:paramtypes", [])
 ], MapToolComponent);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: MapToolComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: MapToolComponent, decorators: [{
             type: Component,
             args: [{ selector: 'igo-map-tool', changeDetection: ChangeDetectionStrategy.OnPush, imports: [
                         MatTabsModule,
@@ -4419,7 +4151,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImpo
                         ContextListBindingDirective,
                         IgoLanguageModule
                     ], template: "<mat-tab-group>\n  <mat-tab [label]=\"'igo.integration.tools.map' | translate\">\n    <igo-layer-viewer\n      [map]=\"map\"\n      [options]=\"layerViewerOptions\"\n      [excludeBaseLayers]=\"excludeBaseLayers\"\n      [isDesktop]=\"isDesktop\"\n    >\n      <ng-template #customBottomActions let-layer=\"layer\">\n        <igo-workspace-button [layer]=\"layer\"></igo-workspace-button>\n        <igo-export-button\n          [layer]=\"layer\"\n          (click)=\"activateExport(layer)\"\n        ></igo-export-button>\n        <igo-ogc-filter-button\n          [header]=\"ogcButton\"\n          [layer]=\"layer\"\n        ></igo-ogc-filter-button>\n        <igo-time-filter-button\n          [header]=\"timeButton\"\n          [layer]=\"layer\"\n        ></igo-time-filter-button>\n        <igo-track-feature-button\n          [trackFeature]=\"true\"\n          [layer]=\"layer\"\n        ></igo-track-feature-button>\n        <igo-metadata-button [layer]=\"layer\"></igo-metadata-button>\n      </ng-template>\n    </igo-layer-viewer>\n  </mat-tab>\n\n  <mat-tab [label]=\"'igo.integration.tools.contexts' | translate\">\n    <igo-context-list igoContextListBinding></igo-context-list>\n  </mat-tab>\n</mat-tab-group>\n", styles: [":host ::ng-deep .mat-mdc-tab-body-content{overflow:hidden}\n"] }]
-        }], ctorParameters: () => [{ type: MapState }, { type: ToolState }, { type: ImportExportState }, { type: i6.ConfigService }, { type: i3$1.MediaService }, { type: i0.ChangeDetectorRef }], propDecorators: { toggleLegendOnVisibilityChange: [{
+        }], ctorParameters: () => [], propDecorators: { toggleLegendOnVisibilityChange: [{
                 type: Input
             }], expandLegendOfVisibleLayers: [{
                 type: Input
@@ -4439,14 +4171,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImpo
  * Tool to browse a map's layers or to choose a different map
  */
 let MapToolsComponent = class MapToolsComponent {
-    layerListToolState;
-    toolState;
-    mapState;
-    searchSourceService;
-    importExportState;
-    configService;
-    mediaService;
-    cdr;
+    layerListToolState = inject(LayerListToolState);
+    toolState = inject(ToolState);
+    mapState = inject(MapState);
+    searchSourceService = inject(SearchSourceService);
+    importExportState = inject(ImportExportState);
+    configService = inject(ConfigService);
+    mediaService = inject(MediaService);
+    cdr = inject(ChangeDetectorRef);
     isDesktop;
     layers$ = new BehaviorSubject([]);
     showAllLegendsValue$ = new BehaviorSubject(false);
@@ -4537,15 +4269,7 @@ let MapToolsComponent = class MapToolsComponent {
     get contextToolInToolbar() {
         return this.toolState.toolbox.getToolbar().indexOf('contextManager') !== -1;
     }
-    constructor(layerListToolState, toolState, mapState, searchSourceService, importExportState, configService, mediaService, cdr) {
-        this.layerListToolState = layerListToolState;
-        this.toolState = toolState;
-        this.mapState = mapState;
-        this.searchSourceService = searchSourceService;
-        this.importExportState = importExportState;
-        this.configService = configService;
-        this.mediaService = mediaService;
-        this.cdr = cdr;
+    constructor() {
         this._layerViewerOptions = this.configService.getConfig('layer');
     }
     ngOnInit() {
@@ -4688,8 +4412,8 @@ let MapToolsComponent = class MapToolsComponent {
             this.cdr.detectChanges();
         });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: MapToolsComponent, deps: [{ token: LayerListToolState }, { token: ToolState }, { token: MapState }, { token: i1$1.SearchSourceService }, { token: ImportExportState }, { token: i6.ConfigService }, { token: i3$1.MediaService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: MapToolsComponent, isStandalone: true, 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\n  #tabGroup\n  [selectedIndex]=\"layerListToolState.selectedTab$ | async\"\n  (selectedTabChange)=\"tabChanged($event)\"\n>\n  <mat-tab [label]=\"'igo.integration.tools.layers' | translate\">\n    <igo-layer-viewer\n      [options]=\"layerViewerOptions\"\n      [map]=\"map\"\n      [excludeBaseLayers]=\"excludeBaseLayers\"\n      [isDesktop]=\"isDesktop\"\n      (appliedFilterAndSort)=\"onLayerListChange($event)\"\n    >\n      <ng-template #customBottomActions let-layer=\"layer\">\n        <igo-style-modal-layer-button\n          *ngIf=\"isStyleEditButton(layer)\"\n          [layer]=\"layer\"\n        ></igo-style-modal-layer-button>\n        <igo-metadata-button [layer]=\"layer\"></igo-metadata-button>\n        <igo-track-feature-button\n          [trackFeature]=\"true\"\n          [layer]=\"layer\"\n        ></igo-track-feature-button>\n        <igo-time-filter-button\n          *ngIf=\"isTimeFilterButton(layer)\"\n          [header]=\"timeButton\"\n          [layer]=\"layer\"\n          (click)=\"activateTimeFilter()\"\n        ></igo-time-filter-button>\n        <igo-ogc-filter-button\n          *ngIf=\"isOGCFilterButton(layer)\"\n          [header]=\"ogcButton\"\n          [layer]=\"layer\"\n          (click)=\"activateOgcFilter()\"\n        ></igo-ogc-filter-button>\n        <igo-export-button\n          *ngIf=\"isExportButton(layer)\"\n          [layer]=\"layer\"\n          (click)=\"activateExport(layer)\"\n        ></igo-export-button>\n        <igo-workspace-button [layer]=\"layer\"></igo-workspace-button>\n      </ng-template>\n\n      <ng-container ngProjectAs=\"[emptyList]\">\n        <ng-template [ngTemplateOutlet]=\"emptyLayers\"></ng-template>\n      </ng-container>\n    </igo-layer-viewer>\n  </mat-tab>\n\n  <mat-tab [label]=\"'igo.integration.tools.legend' | translate\">\n    <igo-layer-legend-list\n      *ngIf=\"showAllLegend()\"\n      igoLayerLegendListBinding\n      [allowShowAllLegends]=\"allowShowAllLegends\"\n      [showAllLegendsValue]=\"showAllLegendsValue$ | async\"\n      (allLegendsShown)=\"onShowAllLegends($event)\"\n      [excludeBaseLayers]=\"excludeBaseLayers\"\n      [updateLegendOnResolutionChange]=\"updateLegendOnResolutionChange\"\n    >\n    </igo-layer-legend-list>\n    <ng-template\n      *ngIf=\"(layers$ | async).length !== 0; else emptyLayers\"\n    ></ng-template>\n\n    <p\n      class=\"map-empty\"\n      *ngIf=\"\n        !allowShowAllLegends &&\n        (layers$ | async).length !== 0 &&\n        (visibleOrInRangeLayers$ | async).length === 0\n      \"\n    >\n      {{\n        (visibleLayers$ | async).length\n          ? ('igo.integration.mapTool.noLayersInRange' | translate)\n          : ('igo.integration.mapTool.noLayersVisible' | translate)\n      }}\n    </p>\n  </mat-tab>\n\n  <ng-template #emptyLayers>\n    <mat-list *ngIf=\"delayedShowEmptyMapContent\">\n      <p class=\"map-empty\">\n        {{ 'igo.integration.mapTool.empty' | translate }}\n      </p>\n      <p\n        *ngIf=\"\n          layerAdditionAllowed &&\n          (searchToolInToolbar || catalogToolInToolbar || contextToolInToolbar)\n        \"\n        class=\"map-empty\"\n      >\n        {{ 'igo.integration.mapTool.customize' | translate }}\n      </p>\n\n      <mat-list-item *ngIf=\"layerAdditionAllowed && searchToolInToolbar\">\n        <mat-icon matListItemIcon>search</mat-icon>\n        <span matListItemTitle class=\"search-tool\" (click)=\"searchEmit()\">\n          {{ 'igo.integration.mapTool.search-tool' | translate }}\n        </span>\n      </mat-list-item>\n      <mat-list-item *ngIf=\"layerAdditionAllowed && catalogToolInToolbar\">\n        <mat-icon matListItemIcon>library_add</mat-icon>\n        <span matListItemTitle class=\"catalog-tool\" (click)=\"catalogEmit()\">\n          {{ 'igo.integration.mapTool.catalog-tool' | translate }}\n        </span>\n      </mat-list-item>\n      <mat-list-item *ngIf=\"layerAdditionAllowed && contextToolInToolbar\">\n        <mat-icon matListItemIcon>star</mat-icon>\n        <span matListItemTitle class=\"context-tool\" (click)=\"contextEmit()\">\n          {{ 'igo.integration.mapTool.context-tool' | translate }}\n        </span>\n      </mat-list-item>\n    </mat-list>\n  </ng-template>\n</mat-tab-group>\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: "ngmodule", type: MatTabsModule }, { kind: "component", type: i5$2.MatTab, selector: "mat-tab", inputs: ["disabled", "label", "aria-label", "aria-labelledby", "labelClass", "bodyClass", "id"], exportAs: ["matTab"] }, { kind: "component", type: i5$2.MatTabGroup, selector: "mat-tab-group", inputs: ["color", "fitInkBarToContent", "mat-stretch-tabs", "mat-align-tabs", "dynamicHeight", "selectedIndex", "headerPosition", "animationDuration", "contentTabIndex", "disablePagination", "disableRipple", "preserveContent", "backgroundColor", "aria-label", "aria-labelledby"], outputs: ["selectedIndexChange", "focusChange", "animationDone", "selectedTabChange"], exportAs: ["matTabGroup"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: LayerViewerComponent, selector: "igo-layer-viewer", inputs: ["map", "options", "isDesktop", "excludeBaseLayers"], outputs: ["appliedFilterAndSort"] }, { kind: "component", type: StyleModalLayerButtonComponent, selector: "igo-style-modal-layer-button", inputs: ["layer"] }, { kind: "component", type: MetadataButtonComponent, selector: "igo-metadata-button", inputs: ["layer", "color"] }, { kind: "component", type: TrackFeatureButtonComponent, selector: "igo-track-feature-button", inputs: ["layer", "trackFeature"] }, { kind: "component", type: TimeFilterButtonComponent, selector: "igo-time-filter-button", inputs: ["layer", "map", "color", "header"] }, { kind: "component", type: OgcFilterButtonComponent, selector: "igo-ogc-filter-button", inputs: ["layer", "map", "color", "header"] }, { kind: "component", type: ExportButtonComponent, selector: "igo-export-button", inputs: ["layer", "color"] }, { kind: "component", type: WorkspaceButtonComponent, selector: "igo-workspace-button", inputs: ["layer", "color"] }, { kind: "component", type: LayerLegendListComponent, selector: "igo-layer-legend-list", inputs: ["layers", "excludeBaseLayers", "updateLegendOnResolutionChange", "allowShowAllLegends", "showAllLegendsValue"], outputs: ["allLegendsShown"] }, { kind: "directive", type: LayerLegendListBindingDirective, selector: "[igoLayerLegendListBinding]" }, { kind: "ngmodule", type: MatListModule }, { kind: "component", type: i8$3.MatList, selector: "mat-list", exportAs: ["matList"] }, { kind: "component", type: i8$3.MatListItem, selector: "mat-list-item, a[mat-list-item], button[mat-list-item]", inputs: ["activated"], exportAs: ["matListItem"] }, { kind: "directive", type: i8$3.MatListItemIcon, selector: "[matListItemIcon]" }, { kind: "directive", type: i8$3.MatListItemTitle, selector: "[matListItemTitle]" }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "ngmodule", type: IgoLanguageModule }, { kind: "pipe", type: i9.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: MapToolsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.4", type: MapToolsComponent, isStandalone: true, 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\n  #tabGroup\n  [selectedIndex]=\"layerListToolState.selectedTab$ | async\"\n  (selectedTabChange)=\"tabChanged($event)\"\n>\n  <mat-tab [label]=\"'igo.integration.tools.layers' | translate\">\n    <igo-layer-viewer\n      [options]=\"layerViewerOptions\"\n      [map]=\"map\"\n      [excludeBaseLayers]=\"excludeBaseLayers\"\n      [isDesktop]=\"isDesktop\"\n      (appliedFilterAndSort)=\"onLayerListChange($event)\"\n    >\n      <ng-template #customBottomActions let-layer=\"layer\">\n        @if (isStyleEditButton(layer)) {\n          <igo-style-modal-layer-button\n            [layer]=\"layer\"\n          ></igo-style-modal-layer-button>\n        }\n        <igo-metadata-button [layer]=\"layer\"></igo-metadata-button>\n        <igo-track-feature-button\n          [trackFeature]=\"true\"\n          [layer]=\"layer\"\n        ></igo-track-feature-button>\n        @if (isTimeFilterButton(layer)) {\n          <igo-time-filter-button\n            [header]=\"timeButton\"\n            [layer]=\"layer\"\n            (click)=\"activateTimeFilter()\"\n          ></igo-time-filter-button>\n        }\n        @if (isOGCFilterButton(layer)) {\n          <igo-ogc-filter-button\n            [header]=\"ogcButton\"\n            [layer]=\"layer\"\n            (click)=\"activateOgcFilter()\"\n          ></igo-ogc-filter-button>\n        }\n        @if (isExportButton(layer)) {\n          <igo-export-button\n            [layer]=\"layer\"\n            (click)=\"activateExport(layer)\"\n          ></igo-export-button>\n        }\n        <igo-workspace-button [layer]=\"layer\"></igo-workspace-button>\n      </ng-template>\n\n      <ng-container ngProjectAs=\"[emptyList]\">\n        <ng-template [ngTemplateOutlet]=\"emptyLayers\"></ng-template>\n      </ng-container>\n    </igo-layer-viewer>\n  </mat-tab>\n\n  <mat-tab [label]=\"'igo.integration.tools.legend' | translate\">\n    @if (showAllLegend()) {\n      <igo-layer-legend-list\n        igoLayerLegendListBinding\n        [allowShowAllLegends]=\"allowShowAllLegends\"\n        [showAllLegendsValue]=\"showAllLegendsValue$ | async\"\n        (allLegendsShown)=\"onShowAllLegends($event)\"\n        [excludeBaseLayers]=\"excludeBaseLayers\"\n        [updateLegendOnResolutionChange]=\"updateLegendOnResolutionChange\"\n      >\n      </igo-layer-legend-list>\n    }\n    @if ((layers$ | async).length !== 0) {\n    } @else {\n      @if (delayedShowEmptyMapContent) {\n        <mat-list>\n          <p class=\"map-empty\">\n            {{ 'igo.integration.mapTool.empty' | translate }}\n          </p>\n          @if (\n            layerAdditionAllowed &&\n            (searchToolInToolbar ||\n              catalogToolInToolbar ||\n              contextToolInToolbar)\n          ) {\n            <p class=\"map-empty\">\n              {{ 'igo.integration.mapTool.customize' | translate }}\n            </p>\n          }\n          @if (layerAdditionAllowed && searchToolInToolbar) {\n            <mat-list-item>\n              <mat-icon matListItemIcon>search</mat-icon>\n              <span matListItemTitle class=\"search-tool\" (click)=\"searchEmit()\">\n                {{ 'igo.integration.mapTool.search-tool' | translate }}\n              </span>\n            </mat-list-item>\n          }\n          @if (layerAdditionAllowed && catalogToolInToolbar) {\n            <mat-list-item>\n              <mat-icon matListItemIcon>library_add</mat-icon>\n              <span\n                matListItemTitle\n                class=\"catalog-tool\"\n                (click)=\"catalogEmit()\"\n              >\n                {{ 'igo.integration.mapTool.catalog-tool' | translate }}\n              </span>\n            </mat-list-item>\n          }\n          @if (layerAdditionAllowed && contextToolInToolbar) {\n            <mat-list-item>\n              <mat-icon matListItemIcon>star</mat-icon>\n              <span\n                matListItemTitle\n                class=\"context-tool\"\n                (click)=\"contextEmit()\"\n              >\n                {{ 'igo.integration.mapTool.context-tool' | translate }}\n              </span>\n            </mat-list-item>\n          }\n        </mat-list>\n      }\n    }\n\n    @if (\n      !allowShowAllLegends &&\n      (layers$ | async).length !== 0 &&\n      (visibleOrInRangeLayers$ | async).length === 0\n    ) {\n      <p class=\"map-empty\">\n        {{\n          (visibleLayers$ | async).length\n            ? ('igo.integration.mapTool.noLayersInRange' | translate)\n            : ('igo.integration.mapTool.noLayersVisible' | translate)\n        }}\n      </p>\n    }\n  </mat-tab>\n\n  <ng-template #emptyLayers>\n    @if (delayedShowEmptyMapContent) {\n      <mat-list>\n        <p class=\"map-empty\">\n          {{ 'igo.integration.mapTool.empty' | translate }}\n        </p>\n        @if (\n          layerAdditionAllowed &&\n          (searchToolInToolbar || catalogToolInToolbar || contextToolInToolbar)\n        ) {\n          <p class=\"map-empty\">\n            {{ 'igo.integration.mapTool.customize' | translate }}\n          </p>\n        }\n        @if (layerAdditionAllowed && searchToolInToolbar) {\n          <mat-list-item>\n            <mat-icon matListItemIcon>search</mat-icon>\n            <span matListItemTitle class=\"search-tool\" (click)=\"searchEmit()\">\n              {{ 'igo.integration.mapTool.search-tool' | translate }}\n            </span>\n          </mat-list-item>\n        }\n        @if (layerAdditionAllowed && catalogToolInToolbar) {\n          <mat-list-item>\n            <mat-icon matListItemIcon>library_add</mat-icon>\n            <span matListItemTitle class=\"catalog-tool\" (click)=\"catalogEmit()\">\n              {{ 'igo.integration.mapTool.catalog-tool' | translate }}\n            </span>\n          </mat-list-item>\n        }\n        @if (layerAdditionAllowed && contextToolInToolbar) {\n          <mat-list-item>\n            <mat-icon matListItemIcon>star</mat-icon>\n            <span matListItemTitle class=\"context-tool\" (click)=\"contextEmit()\">\n              {{ 'igo.integration.mapTool.context-tool' | translate }}\n            </span>\n          </mat-list-item>\n        }\n      </mat-list>\n    }\n  </ng-template>\n</mat-tab-group>\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: "ngmodule", type: MatTabsModule }, { kind: "component", type: i1$2.MatTab, selector: "mat-tab", inputs: ["disabled", "label", "aria-label", "aria-labelledby", "labelClass", "bodyClass", "id"], exportAs: ["matTab"] }, { kind: "component", type: i1$2.MatTabGroup, selector: "mat-tab-group", inputs: ["color", "fitInkBarToContent", "mat-stretch-tabs", "mat-align-tabs", "dynamicHeight", "selectedIndex", "headerPosition", "animationDuration", "contentTabIndex", "disablePagination", "disableRipple", "preserveContent", "backgroundColor", "aria-label", "aria-labelledby"], outputs: ["selectedIndexChange", "focusChange", "animationDone", "selectedTabChange"], exportAs: ["matTabGroup"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: LayerViewerComponent, selector: "igo-layer-viewer", inputs: ["map", "options", "isDesktop", "excludeBaseLayers"], outputs: ["appliedFilterAndSort"] }, { kind: "component", type: StyleModalLayerButtonComponent, selector: "igo-style-modal-layer-button", inputs: ["layer"] }, { kind: "component", type: MetadataButtonComponent, selector: "igo-metadata-button", inputs: ["layer", "color"] }, { kind: "component", type: TrackFeatureButtonComponent, selector: "igo-track-feature-button", inputs: ["layer", "trackFeature"] }, { kind: "component", type: TimeFilterButtonComponent, selector: "igo-time-filter-button", inputs: ["layer", "map", "color", "header"] }, { kind: "component", type: OgcFilterButtonComponent, selector: "igo-ogc-filter-button", inputs: ["layer", "map", "color", "header"] }, { kind: "component", type: ExportButtonComponent, selector: "igo-export-button", inputs: ["layer", "color"] }, { kind: "component", type: WorkspaceButtonComponent, selector: "igo-workspace-button", inputs: ["layer", "color"] }, { kind: "component", type: LayerLegendListComponent, selector: "igo-layer-legend-list", inputs: ["layers", "excludeBaseLayers", "updateLegendOnResolutionChange", "allowShowAllLegends", "showAllLegendsValue"], outputs: ["allLegendsShown"] }, { kind: "directive", type: LayerLegendListBindingDirective, selector: "[igoLayerLegendListBinding]" }, { kind: "ngmodule", type: MatListModule }, { kind: "component", type: i1$5.MatList, selector: "mat-list", exportAs: ["matList"] }, { kind: "component", type: i1$5.MatListItem, selector: "mat-list-item, a[mat-list-item], button[mat-list-item]", inputs: ["activated"], exportAs: ["matListItem"] }, { kind: "directive", type: i1$5.MatListItemIcon, selector: "[matListItemIcon]" }, { kind: "directive", type: i1$5.MatListItemTitle, selector: "[matListItemTitle]" }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: IgoLanguageModule }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: i3$1.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 MapToolsComponent = __decorate([
     ToolComponent({
@@ -4697,20 +4421,12 @@ MapToolsComponent = __decorate([
         title: 'igo.integration.tools.map',
         icon: 'map'
     }),
-    __metadata("design:paramtypes", [LayerListToolState,
-        ToolState,
-        MapState,
-        SearchSourceService,
-        ImportExportState,
-        ConfigService,
-        MediaService,
-        ChangeDetectorRef])
+    __metadata("design:paramtypes", [])
 ], MapToolsComponent);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: MapToolsComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: MapToolsComponent, decorators: [{
             type: Component,
             args: [{ selector: 'igo-map-tools', changeDetection: ChangeDetectionStrategy.OnPush, imports: [
                         MatTabsModule,
-                        NgIf,
                         NgTemplateOutlet,
                         LayerViewerComponent,
                         StyleModalLayerButtonComponent,
@@ -4726,8 +4442,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImpo
                         MatIconModule,
                         AsyncPipe,
                         IgoLanguageModule
-                    ], template: "<mat-tab-group\n  #tabGroup\n  [selectedIndex]=\"layerListToolState.selectedTab$ | async\"\n  (selectedTabChange)=\"tabChanged($event)\"\n>\n  <mat-tab [label]=\"'igo.integration.tools.layers' | translate\">\n    <igo-layer-viewer\n      [options]=\"layerViewerOptions\"\n      [map]=\"map\"\n      [excludeBaseLayers]=\"excludeBaseLayers\"\n      [isDesktop]=\"isDesktop\"\n      (appliedFilterAndSort)=\"onLayerListChange($event)\"\n    >\n      <ng-template #customBottomActions let-layer=\"layer\">\n        <igo-style-modal-layer-button\n          *ngIf=\"isStyleEditButton(layer)\"\n          [layer]=\"layer\"\n        ></igo-style-modal-layer-button>\n        <igo-metadata-button [layer]=\"layer\"></igo-metadata-button>\n        <igo-track-feature-button\n          [trackFeature]=\"true\"\n          [layer]=\"layer\"\n        ></igo-track-feature-button>\n        <igo-time-filter-button\n          *ngIf=\"isTimeFilterButton(layer)\"\n          [header]=\"timeButton\"\n          [layer]=\"layer\"\n          (click)=\"activateTimeFilter()\"\n        ></igo-time-filter-button>\n        <igo-ogc-filter-button\n          *ngIf=\"isOGCFilterButton(layer)\"\n          [header]=\"ogcButton\"\n          [layer]=\"layer\"\n          (click)=\"activateOgcFilter()\"\n        ></igo-ogc-filter-button>\n        <igo-export-button\n          *ngIf=\"isExportButton(layer)\"\n          [layer]=\"layer\"\n          (click)=\"activateExport(layer)\"\n        ></igo-export-button>\n        <igo-workspace-button [layer]=\"layer\"></igo-workspace-button>\n      </ng-template>\n\n      <ng-container ngProjectAs=\"[emptyList]\">\n        <ng-template [ngTemplateOutlet]=\"emptyLayers\"></ng-template>\n      </ng-container>\n    </igo-layer-viewer>\n  </mat-tab>\n\n  <mat-tab [label]=\"'igo.integration.tools.legend' | translate\">\n    <igo-layer-legend-list\n      *ngIf=\"showAllLegend()\"\n      igoLayerLegendListBinding\n      [allowShowAllLegends]=\"allowShowAllLegends\"\n      [showAllLegendsValue]=\"showAllLegendsValue$ | async\"\n      (allLegendsShown)=\"onShowAllLegends($event)\"\n      [excludeBaseLayers]=\"excludeBaseLayers\"\n      [updateLegendOnResolutionChange]=\"updateLegendOnResolutionChange\"\n    >\n    </igo-layer-legend-list>\n    <ng-template\n      *ngIf=\"(layers$ | async).length !== 0; else emptyLayers\"\n    ></ng-template>\n\n    <p\n      class=\"map-empty\"\n      *ngIf=\"\n        !allowShowAllLegends &&\n        (layers$ | async).length !== 0 &&\n        (visibleOrInRangeLayers$ | async).length === 0\n      \"\n    >\n      {{\n        (visibleLayers$ | async).length\n          ? ('igo.integration.mapTool.noLayersInRange' | translate)\n          : ('igo.integration.mapTool.noLayersVisible' | translate)\n      }}\n    </p>\n  </mat-tab>\n\n  <ng-template #emptyLayers>\n    <mat-list *ngIf=\"delayedShowEmptyMapContent\">\n      <p class=\"map-empty\">\n        {{ 'igo.integration.mapTool.empty' | translate }}\n      </p>\n      <p\n        *ngIf=\"\n          layerAdditionAllowed &&\n          (searchToolInToolbar || catalogToolInToolbar || contextToolInToolbar)\n        \"\n        class=\"map-empty\"\n      >\n        {{ 'igo.integration.mapTool.customize' | translate }}\n      </p>\n\n      <mat-list-item *ngIf=\"layerAdditionAllowed && searchToolInToolbar\">\n        <mat-icon matListItemIcon>search</mat-icon>\n        <span matListItemTitle class=\"search-tool\" (click)=\"searchEmit()\">\n          {{ 'igo.integration.mapTool.search-tool' | translate }}\n        </span>\n      </mat-list-item>\n      <mat-list-item *ngIf=\"layerAdditionAllowed && catalogToolInToolbar\">\n        <mat-icon matListItemIcon>library_add</mat-icon>\n        <span matListItemTitle class=\"catalog-tool\" (click)=\"catalogEmit()\">\n          {{ 'igo.integration.mapTool.catalog-tool' | translate }}\n        </span>\n      </mat-list-item>\n      <mat-list-item *ngIf=\"layerAdditionAllowed && contextToolInToolbar\">\n        <mat-icon matListItemIcon>star</mat-icon>\n        <span matListItemTitle class=\"context-tool\" (click)=\"contextEmit()\">\n          {{ 'igo.integration.mapTool.context-tool' | translate }}\n        </span>\n      </mat-list-item>\n    </mat-list>\n  </ng-template>\n</mat-tab-group>\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"] }]
-        }], ctorParameters: () => [{ type: LayerListToolState }, { type: ToolState }, { type: MapState }, { type: i1$1.SearchSourceService }, { type: ImportExportState }, { type: i6.ConfigService }, { type: i3$1.MediaService }, { type: i0.ChangeDetectorRef }], propDecorators: { allowShowAllLegends: [{
+                    ], template: "<mat-tab-group\n  #tabGroup\n  [selectedIndex]=\"layerListToolState.selectedTab$ | async\"\n  (selectedTabChange)=\"tabChanged($event)\"\n>\n  <mat-tab [label]=\"'igo.integration.tools.layers' | translate\">\n    <igo-layer-viewer\n      [options]=\"layerViewerOptions\"\n      [map]=\"map\"\n      [excludeBaseLayers]=\"excludeBaseLayers\"\n      [isDesktop]=\"isDesktop\"\n      (appliedFilterAndSort)=\"onLayerListChange($event)\"\n    >\n      <ng-template #customBottomActions let-layer=\"layer\">\n        @if (isStyleEditButton(layer)) {\n          <igo-style-modal-layer-button\n            [layer]=\"layer\"\n          ></igo-style-modal-layer-button>\n        }\n        <igo-metadata-button [layer]=\"layer\"></igo-metadata-button>\n        <igo-track-feature-button\n          [trackFeature]=\"true\"\n          [layer]=\"layer\"\n        ></igo-track-feature-button>\n        @if (isTimeFilterButton(layer)) {\n          <igo-time-filter-button\n            [header]=\"timeButton\"\n            [layer]=\"layer\"\n            (click)=\"activateTimeFilter()\"\n          ></igo-time-filter-button>\n        }\n        @if (isOGCFilterButton(layer)) {\n          <igo-ogc-filter-button\n            [header]=\"ogcButton\"\n            [layer]=\"layer\"\n            (click)=\"activateOgcFilter()\"\n          ></igo-ogc-filter-button>\n        }\n        @if (isExportButton(layer)) {\n          <igo-export-button\n            [layer]=\"layer\"\n            (click)=\"activateExport(layer)\"\n          ></igo-export-button>\n        }\n        <igo-workspace-button [layer]=\"layer\"></igo-workspace-button>\n      </ng-template>\n\n      <ng-container ngProjectAs=\"[emptyList]\">\n        <ng-template [ngTemplateOutlet]=\"emptyLayers\"></ng-template>\n      </ng-container>\n    </igo-layer-viewer>\n  </mat-tab>\n\n  <mat-tab [label]=\"'igo.integration.tools.legend' | translate\">\n    @if (showAllLegend()) {\n      <igo-layer-legend-list\n        igoLayerLegendListBinding\n        [allowShowAllLegends]=\"allowShowAllLegends\"\n        [showAllLegendsValue]=\"showAllLegendsValue$ | async\"\n        (allLegendsShown)=\"onShowAllLegends($event)\"\n        [excludeBaseLayers]=\"excludeBaseLayers\"\n        [updateLegendOnResolutionChange]=\"updateLegendOnResolutionChange\"\n      >\n      </igo-layer-legend-list>\n    }\n    @if ((layers$ | async).length !== 0) {\n    } @else {\n      @if (delayedShowEmptyMapContent) {\n        <mat-list>\n          <p class=\"map-empty\">\n            {{ 'igo.integration.mapTool.empty' | translate }}\n          </p>\n          @if (\n            layerAdditionAllowed &&\n            (searchToolInToolbar ||\n              catalogToolInToolbar ||\n              contextToolInToolbar)\n          ) {\n            <p class=\"map-empty\">\n              {{ 'igo.integration.mapTool.customize' | translate }}\n            </p>\n          }\n          @if (layerAdditionAllowed && searchToolInToolbar) {\n            <mat-list-item>\n              <mat-icon matListItemIcon>search</mat-icon>\n              <span matListItemTitle class=\"search-tool\" (click)=\"searchEmit()\">\n                {{ 'igo.integration.mapTool.search-tool' | translate }}\n              </span>\n            </mat-list-item>\n          }\n          @if (layerAdditionAllowed && catalogToolInToolbar) {\n            <mat-list-item>\n              <mat-icon matListItemIcon>library_add</mat-icon>\n              <span\n                matListItemTitle\n                class=\"catalog-tool\"\n                (click)=\"catalogEmit()\"\n              >\n                {{ 'igo.integration.mapTool.catalog-tool' | translate }}\n              </span>\n            </mat-list-item>\n          }\n          @if (layerAdditionAllowed && contextToolInToolbar) {\n            <mat-list-item>\n              <mat-icon matListItemIcon>star</mat-icon>\n              <span\n                matListItemTitle\n                class=\"context-tool\"\n                (click)=\"contextEmit()\"\n              >\n                {{ 'igo.integration.mapTool.context-tool' | translate }}\n              </span>\n            </mat-list-item>\n          }\n        </mat-list>\n      }\n    }\n\n    @if (\n      !allowShowAllLegends &&\n      (layers$ | async).length !== 0 &&\n      (visibleOrInRangeLayers$ | async).length === 0\n    ) {\n      <p class=\"map-empty\">\n        {{\n          (visibleLayers$ | async).length\n            ? ('igo.integration.mapTool.noLayersInRange' | translate)\n            : ('igo.integration.mapTool.noLayersVisible' | translate)\n        }}\n      </p>\n    }\n  </mat-tab>\n\n  <ng-template #emptyLayers>\n    @if (delayedShowEmptyMapContent) {\n      <mat-list>\n        <p class=\"map-empty\">\n          {{ 'igo.integration.mapTool.empty' | translate }}\n        </p>\n        @if (\n          layerAdditionAllowed &&\n          (searchToolInToolbar || catalogToolInToolbar || contextToolInToolbar)\n        ) {\n          <p class=\"map-empty\">\n            {{ 'igo.integration.mapTool.customize' | translate }}\n          </p>\n        }\n        @if (layerAdditionAllowed && searchToolInToolbar) {\n          <mat-list-item>\n            <mat-icon matListItemIcon>search</mat-icon>\n            <span matListItemTitle class=\"search-tool\" (click)=\"searchEmit()\">\n              {{ 'igo.integration.mapTool.search-tool' | translate }}\n            </span>\n          </mat-list-item>\n        }\n        @if (layerAdditionAllowed && catalogToolInToolbar) {\n          <mat-list-item>\n            <mat-icon matListItemIcon>library_add</mat-icon>\n            <span matListItemTitle class=\"catalog-tool\" (click)=\"catalogEmit()\">\n              {{ 'igo.integration.mapTool.catalog-tool' | translate }}\n            </span>\n          </mat-list-item>\n        }\n        @if (layerAdditionAllowed && contextToolInToolbar) {\n          <mat-list-item>\n            <mat-icon matListItemIcon>star</mat-icon>\n            <span matListItemTitle class=\"context-tool\" (click)=\"contextEmit()\">\n              {{ 'igo.integration.mapTool.context-tool' | translate }}\n            </span>\n          </mat-list-item>\n        }\n      </mat-list>\n    }\n  </ng-template>\n</mat-tab-group>\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"] }]
+        }], ctorParameters: () => [], propDecorators: { allowShowAllLegends: [{
                 type: Input
             }], showAllLegendsValue: [{
                 type: Input
@@ -4764,8 +4480,8 @@ class IgoAppMapModule {
             providers: []
         };
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: IgoAppMapModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.15", ngImport: i0, type: IgoAppMapModule, imports: [AdvancedMapToolComponent,
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: IgoAppMapModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.4", ngImport: i0, type: IgoAppMapModule, imports: [AdvancedMapToolComponent,
             MapProximityToolComponent,
             MapToolComponent,
             MapToolsComponent,
@@ -4776,14 +4492,14 @@ class IgoAppMapModule {
             MapToolsComponent,
             MapDetailsToolComponent,
             MapLegendToolComponent] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: IgoAppMapModule, imports: [AdvancedMapToolComponent,
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: IgoAppMapModule, imports: [AdvancedMapToolComponent,
             MapProximityToolComponent,
             MapToolComponent,
             MapToolsComponent,
             MapDetailsToolComponent,
             MapLegendToolComponent] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: IgoAppMapModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: IgoAppMapModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [
@@ -4809,13 +4525,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImpo
  * Service that holds the state of the measure module
  */
 class MeasureState {
-    mapState;
+    mapState = inject(MapState);
     /**
      * Store that holds the measures
      */
     store;
-    constructor(mapState) {
-        this.mapState = mapState;
+    constructor() {
         this.store = new FeatureStore([], {
             map: this.mapState.map
         });
@@ -4831,22 +4546,22 @@ class MeasureState {
             }
         });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: MeasureState, deps: [{ token: MapState }], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: MeasureState, providedIn: 'root' });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: MeasureState, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: MeasureState, providedIn: 'root' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: MeasureState, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: MeasureState, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
                 }]
-        }], ctorParameters: () => [{ type: MapState }] });
+        }], ctorParameters: () => [] });
 
 /**
  * Tool to measure lengths and areas
  */
 let MeasurerToolComponent = class MeasurerToolComponent {
-    measureState;
-    mapState;
+    measureState = inject(MeasureState);
+    mapState = inject(MapState);
     /**
      * Map to measure on
      * @internal
@@ -4861,36 +4576,30 @@ let MeasurerToolComponent = class MeasurerToolComponent {
     get map() {
         return this.mapState.map;
     }
-    constructor(measureState, mapState) {
-        this.measureState = measureState;
-        this.mapState = mapState;
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: MeasurerToolComponent, deps: [{ token: MeasureState }, { token: MapState }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: MeasurerToolComponent, isStandalone: true, selector: "igo-measurer-tool", ngImport: i0, template: "<igo-measurer [store]=\"store\" [map]=\"map\"></igo-measurer>\n", dependencies: [{ kind: "component", type: MeasurerComponent, selector: "igo-measurer", inputs: ["map", "store", "activeMeasureType", "minSegmentLength"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: MeasurerToolComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.4", type: MeasurerToolComponent, isStandalone: true, selector: "igo-measurer-tool", ngImport: i0, template: "<igo-measurer [store]=\"store\" [map]=\"map\"></igo-measurer>\n", dependencies: [{ kind: "component", type: MeasurerComponent, selector: "igo-measurer", inputs: ["map", "store", "activeMeasureType", "minSegmentLength"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 MeasurerToolComponent = __decorate([
     ToolComponent({
         name: 'measurer',
         title: 'igo.integration.tools.measurer',
         icon: 'square_foot'
-    }),
-    __metadata("design:paramtypes", [MeasureState,
-        MapState])
+    })
 ], MeasurerToolComponent);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: MeasurerToolComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: MeasurerToolComponent, decorators: [{
             type: Component,
             args: [{ selector: 'igo-measurer-tool', changeDetection: ChangeDetectionStrategy.OnPush, imports: [MeasurerComponent], template: "<igo-measurer [store]=\"store\" [map]=\"map\"></igo-measurer>\n" }]
-        }], ctorParameters: () => [{ type: MeasureState }, { type: MapState }] });
+        }] });
 
 /**
  * @deprecated import the MeasurerToolComponent directly
  */
 class IgoAppMeasurerToolModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: IgoAppMeasurerToolModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.15", ngImport: i0, type: IgoAppMeasurerToolModule, imports: [MeasurerToolComponent], exports: [MeasurerToolComponent] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: IgoAppMeasurerToolModule, imports: [MeasurerToolComponent] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: IgoAppMeasurerToolModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.4", ngImport: i0, type: IgoAppMeasurerToolModule, imports: [MeasurerToolComponent], exports: [MeasurerToolComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: IgoAppMeasurerToolModule, imports: [MeasurerToolComponent] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: IgoAppMeasurerToolModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: IgoAppMeasurerToolModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [MeasurerToolComponent],
@@ -4902,11 +4611,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImpo
  * @deprecated import the MeasurerToolComponent directly
  */
 class IgoAppMeasureModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: IgoAppMeasureModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.15", ngImport: i0, type: IgoAppMeasureModule, exports: [IgoAppMeasurerToolModule] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: IgoAppMeasureModule, imports: [IgoAppMeasurerToolModule] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: IgoAppMeasureModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.4", ngImport: i0, type: IgoAppMeasureModule, exports: [IgoAppMeasurerToolModule] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: IgoAppMeasureModule, imports: [IgoAppMeasurerToolModule] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: IgoAppMeasureModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: IgoAppMeasureModule, decorators: [{
             type: NgModule,
             args: [{
                     exports: [IgoAppMeasurerToolModule]
@@ -4914,28 +4623,24 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImpo
         }] });
 
 let PrintToolComponent = class PrintToolComponent {
-    mapState;
+    mapState = inject(MapState);
     get map() {
         return this.mapState.map;
     }
-    constructor(mapState) {
-        this.mapState = mapState;
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: PrintToolComponent, deps: [{ token: MapState }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: PrintToolComponent, isStandalone: true, selector: "igo-print-tool", ngImport: i0, template: "<igo-print [map]=\"map\"></igo-print>\n", dependencies: [{ kind: "component", type: PrintComponent, selector: "igo-print", inputs: ["map", "outputFormat", "paperFormat", "orientation", "imageFormat", "legendPosition", "resolution"] }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: PrintToolComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.4", type: PrintToolComponent, isStandalone: true, selector: "igo-print-tool", ngImport: i0, template: "<igo-print [map]=\"map\"></igo-print>\n", dependencies: [{ kind: "component", type: PrintComponent, selector: "igo-print", inputs: ["map", "outputFormat", "paperFormat", "orientation", "imageFormat", "legendPosition", "resolution"] }] });
 };
 PrintToolComponent = __decorate([
     ToolComponent({
         name: 'print',
         title: 'igo.integration.tools.print',
         icon: 'print'
-    }),
-    __metadata("design:paramtypes", [MapState])
+    })
 ], PrintToolComponent);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: PrintToolComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: PrintToolComponent, decorators: [{
             type: Component,
             args: [{ selector: 'igo-print-tool', imports: [PrintComponent], template: "<igo-print [map]=\"map\"></igo-print>\n" }]
-        }], ctorParameters: () => [{ type: MapState }] });
+        }] });
 
 /**
  * @deprecated import the PrintToolComponent directly
@@ -4947,11 +4652,11 @@ class IgoAppPrintModule {
             providers: []
         };
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: IgoAppPrintModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.15", ngImport: i0, type: IgoAppPrintModule, imports: [PrintToolComponent], exports: [PrintToolComponent] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: IgoAppPrintModule, imports: [PrintToolComponent] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: IgoAppPrintModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.4", ngImport: i0, type: IgoAppPrintModule, imports: [PrintToolComponent], exports: [PrintToolComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: IgoAppPrintModule, imports: [PrintToolComponent] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: IgoAppPrintModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: IgoAppPrintModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [PrintToolComponent],
@@ -4972,11 +4677,11 @@ const INTEGRATION_MAP_DIRECTIVES = [
  * Service that holds the state of the search module
  */
 class SearchState {
-    searchSourceService;
-    storageService;
-    workspaceState;
-    configService;
-    mapState;
+    searchSourceService = inject(SearchSourceService);
+    storageService = inject(StorageService);
+    workspaceState = inject(WorkspaceState);
+    configService = inject(ConfigService);
+    mapState = inject(MapState);
     searchLayerStores = [];
     searchOverlayStyle = {};
     searchOverlayStyleSelection = {};
@@ -5011,12 +4716,7 @@ class SearchState {
             .getEnabledSources()
             .map((source) => source.constructor.type);
     }
-    constructor(searchSourceService, storageService, workspaceState, configService, mapState) {
-        this.searchSourceService = searchSourceService;
-        this.storageService = storageService;
-        this.workspaceState = workspaceState;
-        this.configService = configService;
-        this.mapState = mapState;
+    constructor() {
         const searchOverlayStyle = this.configService.getConfig('searchOverlayStyle');
         if (searchOverlayStyle) {
             this.searchOverlayStyle = searchOverlayStyle.base;
@@ -5102,16 +4802,16 @@ class SearchState {
         this.storageService.set('searchResultsGeometryEnabled', value);
         this.searchResultsGeometryEnabled$.next(value);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: SearchState, deps: [{ token: i1$1.SearchSourceService }, { token: i5.StorageService }, { token: WorkspaceState }, { token: i6.ConfigService }, { token: MapState }], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: SearchState });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: SearchState, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: SearchState });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: SearchState, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: SearchState, decorators: [{
             type: Injectable
-        }], ctorParameters: () => [{ type: i1$1.SearchSourceService }, { type: i5.StorageService }, { type: WorkspaceState }, { type: i6.ConfigService }, { type: MapState }] });
+        }], ctorParameters: () => [] });
 
 class SearchBarBindingDirective {
-    component;
-    searchState;
+    component = inject(SearchBarComponent, { self: true });
+    searchState = inject(SearchState);
     get searchTerm() {
         return this.searchState.searchTerm$.value;
     }
@@ -5121,10 +4821,6 @@ class SearchBarBindingDirective {
     searchTerm$$;
     searchType$$;
     searchDisabled$$;
-    constructor(component, searchState) {
-        this.component = component;
-        this.searchState = searchState;
-    }
     ngOnInit() {
         this.searchTerm$$ = this.searchState.searchTerm$.subscribe((searchTerm) => {
             if (searchTerm !== undefined && searchTerm !== null) {
@@ -5155,18 +4851,16 @@ class SearchBarBindingDirective {
             this.searchState.setSearchType(searchType);
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: SearchBarBindingDirective, deps: [{ token: i1$1.SearchBarComponent, self: true }, { token: SearchState }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.15", type: SearchBarBindingDirective, isStandalone: true, selector: "[igoSearchBarBinding]", host: { listeners: { "searchTermChange": "onSearchTermChange($event)", "searchTypeChange": "onSearchTypeChange($event)" } }, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: SearchBarBindingDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.4", type: SearchBarBindingDirective, isStandalone: true, selector: "[igoSearchBarBinding]", host: { listeners: { "searchTermChange": "onSearchTermChange($event)", "searchTypeChange": "onSearchTypeChange($event)" } }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: SearchBarBindingDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: SearchBarBindingDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[igoSearchBarBinding]',
                     standalone: true
                 }]
-        }], ctorParameters: () => [{ type: i1$1.SearchBarComponent, decorators: [{
-                    type: Self
-                }] }, { type: SearchState }], propDecorators: { onSearchTermChange: [{
+        }], propDecorators: { onSearchTermChange: [{
                 type: HostListener,
                 args: ['searchTermChange', ['$event']]
             }], onSearchTypeChange: [{
@@ -5178,11 +4872,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImpo
  * Tool to browse the search results
  */
 let SearchResultsToolComponent = class SearchResultsToolComponent {
-    mapState;
-    searchState;
-    elRef;
-    toolState;
-    directionState;
+    mapState = inject(MapState);
+    searchState = inject(SearchState);
+    elRef = inject(ElementRef);
+    toolState = inject(ToolState);
+    directionState = inject(DirectionState);
     /**
      * to show hide results icons
      */
@@ -5247,12 +4941,8 @@ let SearchResultsToolComponent = class SearchResultsToolComponent {
     get stores() {
         return this.searchState.searchLayerStores;
     }
-    constructor(mapState, searchState, elRef, toolState, directionState, configService) {
-        this.mapState = mapState;
-        this.searchState = searchState;
-        this.elRef = elRef;
-        this.toolState = toolState;
-        this.directionState = directionState;
+    constructor() {
+        const configService = inject(ConfigService);
         this.hasFeatureEmphasisOnSelection = configService.getConfig('hasFeatureEmphasisOnSelection');
         this.saveSearchResultInLayer = configService.getConfig('saveSearchResultInLayer');
     }
@@ -5651,8 +5341,8 @@ let SearchResultsToolComponent = class SearchResultsToolComponent {
                 });
         }, 250);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: SearchResultsToolComponent, deps: [{ token: MapState }, { token: SearchState }, { token: i0.ElementRef }, { token: ToolState }, { token: DirectionState }, { token: i6.ConfigService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: SearchResultsToolComponent, isStandalone: true, selector: "igo-search-results-tool", inputs: { showIcons: "showIcons", topPanelStateDefault: "topPanelStateDefault", topPanelState: "topPanelState" }, ngImport: i0, template: "<div *ngIf=\"(!store || store.stateView.empty) && (debouncedEmpty$ | async)\">\n  <section>\n    <h4>\n      <strong>{{\n        'igo.integration.searchResultsTool.noResults' | translate\n      }}</strong>\n    </h4>\n    <p>\n      <strong>{{\n        'igo.integration.searchResultsTool.doSearch' | translate\n      }}</strong>\n    </p>\n    <div\n      [innerHTML]=\"\n        'igo.integration.searchResultsTool.examples' | translate | sanitizeHtml\n      \"\n    ></div>\n  </section>\n</div>\n\n<igo-flexible\n  *ngIf=\"(debouncedEmpty$ | async) === false\"\n  #topPanel\n  initial=\"100%\"\n  initialMobile=\"100%\"\n  collapsed=\"calc(100% - 58px)\"\n  collapsedMobile=\"calc(100% - 58px)\"\n  expanded=\"60%\"\n  expandedMobile=\"60%\"\n  [state]=\"(feature$ | async) ? topPanelState : 'initial'\"\n>\n  <div class=\"igo-content\">\n    <igo-search-results\n      [store]=\"store\"\n      [showIcons]=\"showIcons\"\n      [term]=\"term\"\n      [termSplitter]=\"termSplitter\"\n      [settingsChange$]=\"settingsChange$\"\n      placeholder=\"false\"\n      (resultFocus)=\"onResultFocus($event)\"\n      (resultSelect)=\"onResultSelect($event)\"\n      (resultUnfocus)=\"onResultUnfocus($event)\"\n      (resultMouseenter)=\"onResultFocus($event)\"\n      (resultMouseleave)=\"onResultUnfocus($event)\"\n      (moreResults)=\"onSearch($event)\"\n      [map]=\"map\"\n    >\n      <ng-template #igoSearchItemToolbar let-result=\"result\">\n        <igo-search-add-button\n          [map]=\"map\"\n          [store]=\"store\"\n          [stores]=\"stores\"\n          [layer]=\"result\"\n          [saveSearchResultInLayer]=\"saveSearchResultInLayer\"\n        >\n        </igo-search-add-button>\n      </ng-template>\n    </igo-search-results>\n  </div>\n\n  <div igoFlexibleFill class=\"igo-content\">\n    <igo-panel\n      [title]=\"featureTitle\"\n      *ngIf=\"feature$ | async\"\n      (click)=\"toggleTopPanel($event)\"\n      [cursorPointer]=\"true\"\n    >\n      <button\n        mat-icon-button\n        panelLeftButton\n        class=\"igo-icon-button\"\n        (click)=\"toggleTopPanel()\"\n      >\n        <mat-icon>{{\n          (topPanelState$ | async) === 'collapsed'\n            ? 'arrow_upward'\n            : 'arrow_downward'\n        }}</mat-icon>\n      </button>\n\n      <button\n        *ngIf=\"feature.geometry\"\n        mat-icon-button\n        panelRightButton\n        class=\"igo-icon-button\"\n        [matTooltip]=\"\n          ((isSelectedResultOutOfView$ | async)\n            ? 'igo.integration.searchResultsTool.zoomOnFeatureTooltipOutOfView'\n            : 'igo.integration.searchResultsTool.zoomOnFeatureTooltip'\n          ) | translate\n        \"\n        matTooltipShowDelay=\"500\"\n        (click)=\"zoomToFeatureExtent()\"\n      >\n        <mat-icon\n          aria-hidden=\"false\"\n          [matBadge]=\"(isSelectedResultOutOfView$ | async) ? '!' : ''\"\n          matBadgeColor=\"accent\"\n          matBadgeSize=\"small\"\n          [matBadgeHidden]=\"(isSelectedResultOutOfView$ | async) === false\"\n          >zoom_in</mat-icon\n        >\n      </button>\n\n      <igo-feature-details\n        igoFeatureDetailsDirective\n        [feature]=\"feature$ | async\"\n        [map]=\"map\"\n        [toolbox]=\"toolState.toolbox\"\n        (routingEvent)=\"getRoute()\"\n      >\n      </igo-feature-details>\n    </igo-panel>\n  </div>\n</igo-flexible>\n", styles: [":host{display:block;padding:16px}\n"], dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: FlexibleComponent, selector: "igo-flexible", inputs: ["initial", "collapsed", "expanded", "initialMobile", "collapsedMobile", "expandedMobile", "direction", "state"] }, { kind: "component", type: 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: SearchResultAddButtonComponent, selector: "igo-search-add-button", inputs: ["layer", "store", "added", "map", "saveSearchResultInLayer", "color", "stores"] }, { kind: "component", type: PanelComponent, selector: "igo-panel", inputs: ["title", "withHeader", "cursorPointer"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i7.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i8.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "ngmodule", type: MatBadgeModule }, { kind: "directive", type: i9$2.MatBadge, selector: "[matBadge]", inputs: ["matBadgeColor", "matBadgeOverlap", "matBadgeDisabled", "matBadgePosition", "matBadge", "matBadgeDescription", "matBadgeSize", "matBadgeHidden"] }, { kind: "component", type: FeatureDetailsComponent, selector: "igo-feature-details", inputs: ["source", "map", "toolbox", "feature"], outputs: ["routeEvent", "selectFeature", "htmlDisplayEvent"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "ngmodule", type: IgoLanguageModule }, { kind: "pipe", type: i9.TranslatePipe, name: "translate" }, { kind: "pipe", type: SanitizeHtmlPipe, name: "sanitizeHtml" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: SearchResultsToolComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.4", type: SearchResultsToolComponent, isStandalone: true, selector: "igo-search-results-tool", inputs: { showIcons: "showIcons", topPanelStateDefault: "topPanelStateDefault", topPanelState: "topPanelState" }, ngImport: i0, template: "@if ((!store || store.stateView.empty) && (debouncedEmpty$ | async)) {\n  <div>\n    <section>\n      <h4>\n        <strong>{{\n          'igo.integration.searchResultsTool.noResults' | translate\n        }}</strong>\n      </h4>\n      <p>\n        <strong>{{\n          'igo.integration.searchResultsTool.doSearch' | translate\n        }}</strong>\n      </p>\n      <div\n        [innerHTML]=\"\n          'igo.integration.searchResultsTool.examples'\n            | translate\n            | sanitizeHtml\n        \"\n      ></div>\n    </section>\n  </div>\n}\n\n@if ((debouncedEmpty$ | async) === false) {\n  <igo-flexible\n    #topPanel\n    initial=\"100%\"\n    initialMobile=\"100%\"\n    collapsed=\"calc(100% - 58px)\"\n    collapsedMobile=\"calc(100% - 58px)\"\n    expanded=\"60%\"\n    expandedMobile=\"60%\"\n    [state]=\"(feature$ | async) ? topPanelState : 'initial'\"\n  >\n    <div class=\"igo-content\">\n      <igo-search-results\n        [store]=\"store\"\n        [showIcons]=\"showIcons\"\n        [term]=\"term\"\n        [termSplitter]=\"termSplitter\"\n        [settingsChange$]=\"settingsChange$\"\n        placeholder=\"false\"\n        (resultFocus)=\"onResultFocus($event)\"\n        (resultSelect)=\"onResultSelect($event)\"\n        (resultUnfocus)=\"onResultUnfocus($event)\"\n        (resultMouseenter)=\"onResultFocus($event)\"\n        (resultMouseleave)=\"onResultUnfocus($event)\"\n        (moreResults)=\"onSearch($event)\"\n        [map]=\"map\"\n      >\n        <ng-template #igoSearchItemToolbar let-result=\"result\">\n          <igo-search-add-button\n            [map]=\"map\"\n            [store]=\"store\"\n            [stores]=\"stores\"\n            [layer]=\"result\"\n            [saveSearchResultInLayer]=\"saveSearchResultInLayer\"\n          >\n          </igo-search-add-button>\n        </ng-template>\n      </igo-search-results>\n    </div>\n    <div igoFlexibleFill class=\"igo-content\">\n      @if (feature$ | async) {\n        <igo-panel\n          [title]=\"featureTitle\"\n          (click)=\"toggleTopPanel($event)\"\n          [cursorPointer]=\"true\"\n        >\n          <button\n            mat-icon-button\n            panelLeftButton\n            class=\"igo-icon-button\"\n            (click)=\"toggleTopPanel()\"\n          >\n            <mat-icon>{{\n              (topPanelState$ | async) === 'collapsed'\n                ? 'arrow_upward'\n                : 'arrow_downward'\n            }}</mat-icon>\n          </button>\n          @if (feature.geometry) {\n            <button\n              mat-icon-button\n              panelRightButton\n              class=\"igo-icon-button\"\n              [matTooltip]=\"\n                ((isSelectedResultOutOfView$ | async)\n                  ? 'igo.integration.searchResultsTool.zoomOnFeatureTooltipOutOfView'\n                  : 'igo.integration.searchResultsTool.zoomOnFeatureTooltip'\n                ) | translate\n              \"\n              matTooltipShowDelay=\"500\"\n              (click)=\"zoomToFeatureExtent()\"\n            >\n              <mat-icon\n                aria-hidden=\"false\"\n                [matBadge]=\"(isSelectedResultOutOfView$ | async) ? '!' : ''\"\n                matBadgeColor=\"accent\"\n                matBadgeSize=\"small\"\n                [matBadgeHidden]=\"\n                  (isSelectedResultOutOfView$ | async) === false\n                \"\n                >zoom_in</mat-icon\n              >\n            </button>\n          }\n          <igo-feature-details\n            igoFeatureDetailsDirective\n            [feature]=\"feature$ | async\"\n            [map]=\"map\"\n            [toolbox]=\"toolState.toolbox\"\n            (routingEvent)=\"getRoute()\"\n          >\n          </igo-feature-details>\n        </igo-panel>\n      }\n    </div>\n  </igo-flexible>\n}\n", styles: [":host{display:block;padding:16px}\n"], dependencies: [{ kind: "component", type: FlexibleComponent, selector: "igo-flexible", inputs: ["initial", "collapsed", "expanded", "initialMobile", "collapsedMobile", "expandedMobile", "direction", "state"] }, { kind: "component", type: 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: SearchResultAddButtonComponent, selector: "igo-search-add-button", inputs: ["layer", "store", "added", "map", "saveSearchResultInLayer", "color", "stores"] }, { kind: "component", type: PanelComponent, selector: "igo-panel", inputs: ["title", "withHeader", "cursorPointer"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i1.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i2.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "ngmodule", type: MatBadgeModule }, { kind: "directive", type: i4$2.MatBadge, selector: "[matBadge]", inputs: ["matBadgeColor", "matBadgeOverlap", "matBadgeDisabled", "matBadgePosition", "matBadge", "matBadgeDescription", "matBadgeSize", "matBadgeHidden"] }, { kind: "component", type: FeatureDetailsComponent, selector: "igo-feature-details", inputs: ["source", "map", "toolbox", "feature"], outputs: ["routeEvent", "selectFeature", "htmlDisplayEvent"] }, { kind: "ngmodule", type: IgoLanguageModule }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: i3$1.TranslatePipe, name: "translate" }, { kind: "pipe", type: SanitizeHtmlPipe, name: "sanitizeHtml" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 SearchResultsToolComponent = __decorate([
     ToolComponent({
@@ -5660,17 +5350,11 @@ SearchResultsToolComponent = __decorate([
         title: 'igo.integration.tools.searchResults',
         icon: 'search'
     }),
-    __metadata("design:paramtypes", [MapState,
-        SearchState,
-        ElementRef,
-        ToolState,
-        DirectionState,
-        ConfigService])
+    __metadata("design:paramtypes", [])
 ], SearchResultsToolComponent);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: SearchResultsToolComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: SearchResultsToolComponent, decorators: [{
             type: Component,
             args: [{ selector: 'igo-search-results-tool', changeDetection: ChangeDetectionStrategy.OnPush, imports: [
-                        NgIf,
                         FlexibleComponent,
                         SearchResultsComponent,
                         SearchResultAddButtonComponent,
@@ -5683,8 +5367,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImpo
                         AsyncPipe,
                         IgoLanguageModule,
                         SanitizeHtmlPipe
-                    ], template: "<div *ngIf=\"(!store || store.stateView.empty) && (debouncedEmpty$ | async)\">\n  <section>\n    <h4>\n      <strong>{{\n        'igo.integration.searchResultsTool.noResults' | translate\n      }}</strong>\n    </h4>\n    <p>\n      <strong>{{\n        'igo.integration.searchResultsTool.doSearch' | translate\n      }}</strong>\n    </p>\n    <div\n      [innerHTML]=\"\n        'igo.integration.searchResultsTool.examples' | translate | sanitizeHtml\n      \"\n    ></div>\n  </section>\n</div>\n\n<igo-flexible\n  *ngIf=\"(debouncedEmpty$ | async) === false\"\n  #topPanel\n  initial=\"100%\"\n  initialMobile=\"100%\"\n  collapsed=\"calc(100% - 58px)\"\n  collapsedMobile=\"calc(100% - 58px)\"\n  expanded=\"60%\"\n  expandedMobile=\"60%\"\n  [state]=\"(feature$ | async) ? topPanelState : 'initial'\"\n>\n  <div class=\"igo-content\">\n    <igo-search-results\n      [store]=\"store\"\n      [showIcons]=\"showIcons\"\n      [term]=\"term\"\n      [termSplitter]=\"termSplitter\"\n      [settingsChange$]=\"settingsChange$\"\n      placeholder=\"false\"\n      (resultFocus)=\"onResultFocus($event)\"\n      (resultSelect)=\"onResultSelect($event)\"\n      (resultUnfocus)=\"onResultUnfocus($event)\"\n      (resultMouseenter)=\"onResultFocus($event)\"\n      (resultMouseleave)=\"onResultUnfocus($event)\"\n      (moreResults)=\"onSearch($event)\"\n      [map]=\"map\"\n    >\n      <ng-template #igoSearchItemToolbar let-result=\"result\">\n        <igo-search-add-button\n          [map]=\"map\"\n          [store]=\"store\"\n          [stores]=\"stores\"\n          [layer]=\"result\"\n          [saveSearchResultInLayer]=\"saveSearchResultInLayer\"\n        >\n        </igo-search-add-button>\n      </ng-template>\n    </igo-search-results>\n  </div>\n\n  <div igoFlexibleFill class=\"igo-content\">\n    <igo-panel\n      [title]=\"featureTitle\"\n      *ngIf=\"feature$ | async\"\n      (click)=\"toggleTopPanel($event)\"\n      [cursorPointer]=\"true\"\n    >\n      <button\n        mat-icon-button\n        panelLeftButton\n        class=\"igo-icon-button\"\n        (click)=\"toggleTopPanel()\"\n      >\n        <mat-icon>{{\n          (topPanelState$ | async) === 'collapsed'\n            ? 'arrow_upward'\n            : 'arrow_downward'\n        }}</mat-icon>\n      </button>\n\n      <button\n        *ngIf=\"feature.geometry\"\n        mat-icon-button\n        panelRightButton\n        class=\"igo-icon-button\"\n        [matTooltip]=\"\n          ((isSelectedResultOutOfView$ | async)\n            ? 'igo.integration.searchResultsTool.zoomOnFeatureTooltipOutOfView'\n            : 'igo.integration.searchResultsTool.zoomOnFeatureTooltip'\n          ) | translate\n        \"\n        matTooltipShowDelay=\"500\"\n        (click)=\"zoomToFeatureExtent()\"\n      >\n        <mat-icon\n          aria-hidden=\"false\"\n          [matBadge]=\"(isSelectedResultOutOfView$ | async) ? '!' : ''\"\n          matBadgeColor=\"accent\"\n          matBadgeSize=\"small\"\n          [matBadgeHidden]=\"(isSelectedResultOutOfView$ | async) === false\"\n          >zoom_in</mat-icon\n        >\n      </button>\n\n      <igo-feature-details\n        igoFeatureDetailsDirective\n        [feature]=\"feature$ | async\"\n        [map]=\"map\"\n        [toolbox]=\"toolState.toolbox\"\n        (routingEvent)=\"getRoute()\"\n      >\n      </igo-feature-details>\n    </igo-panel>\n  </div>\n</igo-flexible>\n", styles: [":host{display:block;padding:16px}\n"] }]
-        }], ctorParameters: () => [{ type: MapState }, { type: SearchState }, { type: i0.ElementRef }, { type: ToolState }, { type: DirectionState }, { type: i6.ConfigService }], propDecorators: { showIcons: [{
+                    ], template: "@if ((!store || store.stateView.empty) && (debouncedEmpty$ | async)) {\n  <div>\n    <section>\n      <h4>\n        <strong>{{\n          'igo.integration.searchResultsTool.noResults' | translate\n        }}</strong>\n      </h4>\n      <p>\n        <strong>{{\n          'igo.integration.searchResultsTool.doSearch' | translate\n        }}</strong>\n      </p>\n      <div\n        [innerHTML]=\"\n          'igo.integration.searchResultsTool.examples'\n            | translate\n            | sanitizeHtml\n        \"\n      ></div>\n    </section>\n  </div>\n}\n\n@if ((debouncedEmpty$ | async) === false) {\n  <igo-flexible\n    #topPanel\n    initial=\"100%\"\n    initialMobile=\"100%\"\n    collapsed=\"calc(100% - 58px)\"\n    collapsedMobile=\"calc(100% - 58px)\"\n    expanded=\"60%\"\n    expandedMobile=\"60%\"\n    [state]=\"(feature$ | async) ? topPanelState : 'initial'\"\n  >\n    <div class=\"igo-content\">\n      <igo-search-results\n        [store]=\"store\"\n        [showIcons]=\"showIcons\"\n        [term]=\"term\"\n        [termSplitter]=\"termSplitter\"\n        [settingsChange$]=\"settingsChange$\"\n        placeholder=\"false\"\n        (resultFocus)=\"onResultFocus($event)\"\n        (resultSelect)=\"onResultSelect($event)\"\n        (resultUnfocus)=\"onResultUnfocus($event)\"\n        (resultMouseenter)=\"onResultFocus($event)\"\n        (resultMouseleave)=\"onResultUnfocus($event)\"\n        (moreResults)=\"onSearch($event)\"\n        [map]=\"map\"\n      >\n        <ng-template #igoSearchItemToolbar let-result=\"result\">\n          <igo-search-add-button\n            [map]=\"map\"\n            [store]=\"store\"\n            [stores]=\"stores\"\n            [layer]=\"result\"\n            [saveSearchResultInLayer]=\"saveSearchResultInLayer\"\n          >\n          </igo-search-add-button>\n        </ng-template>\n      </igo-search-results>\n    </div>\n    <div igoFlexibleFill class=\"igo-content\">\n      @if (feature$ | async) {\n        <igo-panel\n          [title]=\"featureTitle\"\n          (click)=\"toggleTopPanel($event)\"\n          [cursorPointer]=\"true\"\n        >\n          <button\n            mat-icon-button\n            panelLeftButton\n            class=\"igo-icon-button\"\n            (click)=\"toggleTopPanel()\"\n          >\n            <mat-icon>{{\n              (topPanelState$ | async) === 'collapsed'\n                ? 'arrow_upward'\n                : 'arrow_downward'\n            }}</mat-icon>\n          </button>\n          @if (feature.geometry) {\n            <button\n              mat-icon-button\n              panelRightButton\n              class=\"igo-icon-button\"\n              [matTooltip]=\"\n                ((isSelectedResultOutOfView$ | async)\n                  ? 'igo.integration.searchResultsTool.zoomOnFeatureTooltipOutOfView'\n                  : 'igo.integration.searchResultsTool.zoomOnFeatureTooltip'\n                ) | translate\n              \"\n              matTooltipShowDelay=\"500\"\n              (click)=\"zoomToFeatureExtent()\"\n            >\n              <mat-icon\n                aria-hidden=\"false\"\n                [matBadge]=\"(isSelectedResultOutOfView$ | async) ? '!' : ''\"\n                matBadgeColor=\"accent\"\n                matBadgeSize=\"small\"\n                [matBadgeHidden]=\"\n                  (isSelectedResultOutOfView$ | async) === false\n                \"\n                >zoom_in</mat-icon\n              >\n            </button>\n          }\n          <igo-feature-details\n            igoFeatureDetailsDirective\n            [feature]=\"feature$ | async\"\n            [map]=\"map\"\n            [toolbox]=\"toolState.toolbox\"\n            (routingEvent)=\"getRoute()\"\n          >\n          </igo-feature-details>\n        </igo-panel>\n      }\n    </div>\n  </igo-flexible>\n}\n", styles: [":host{display:block;padding:16px}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { showIcons: [{
                 type: Input
             }], topPanelStateDefault: [{
                 type: Input
@@ -5696,11 +5380,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImpo
  * @deprecated import the components/directive directly or INTEGRATION_SEARCH_DIRECTIVES for the set
  */
 class IgoAppSearchModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: IgoAppSearchModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.15", ngImport: i0, type: IgoAppSearchModule, imports: [SearchBarBindingDirective, SearchResultsToolComponent], exports: [SearchBarBindingDirective, SearchResultsToolComponent] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: IgoAppSearchModule, imports: [SearchResultsToolComponent] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: IgoAppSearchModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.4", ngImport: i0, type: IgoAppSearchModule, imports: [SearchBarBindingDirective, SearchResultsToolComponent], exports: [SearchBarBindingDirective, SearchResultsToolComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: IgoAppSearchModule, imports: [SearchResultsToolComponent] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: IgoAppSearchModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: IgoAppSearchModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [SearchBarBindingDirective, SearchResultsToolComponent],
@@ -5712,11 +5396,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImpo
  * @deprecated import the WorkspaceButtonComponent directly
  */
 class IgoAppWorkspaceModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: IgoAppWorkspaceModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.15", ngImport: i0, type: IgoAppWorkspaceModule, imports: [WorkspaceButtonComponent], exports: [WorkspaceButtonComponent] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: IgoAppWorkspaceModule, imports: [WorkspaceButtonComponent] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: IgoAppWorkspaceModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.4", ngImport: i0, type: IgoAppWorkspaceModule, imports: [WorkspaceButtonComponent], exports: [WorkspaceButtonComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: IgoAppWorkspaceModule, imports: [WorkspaceButtonComponent] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: IgoAppWorkspaceModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: IgoAppWorkspaceModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [WorkspaceButtonComponent],
@@ -5728,8 +5412,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImpo
  * @deprecated import the components directly
  */
 class IgoIntegrationModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: IgoIntegrationModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.15", ngImport: i0, type: IgoIntegrationModule, exports: [IgoAppContextModule,
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: IgoIntegrationModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.4", ngImport: i0, type: IgoIntegrationModule, exports: [IgoAppContextModule,
             IgoAppCatalogModule,
             IgoAppDirectionsModule,
             IgoAppDrawModule,
@@ -5742,7 +5426,7 @@ class IgoIntegrationModule {
             IgoAppFilterModule,
             IgoAppAboutModule,
             IgoAppGeometryFormModule] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: IgoIntegrationModule, imports: [IgoAppContextModule,
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: IgoIntegrationModule, imports: [IgoAppContextModule,
             IgoAppCatalogModule,
             IgoAppDirectionsModule,
             IgoAppDrawModule,
@@ -5756,7 +5440,7 @@ class IgoIntegrationModule {
             IgoAppAboutModule,
             IgoAppGeometryFormModule] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: IgoIntegrationModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: IgoIntegrationModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [],
@@ -5783,21 +5467,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImpo
  * Service that holds the state of the search module
  */
 class AnalyticsListenerService {
-    analyticsService;
-    authService;
-    contextState;
-    toolState;
-    mapState;
-    /**
-     * Toolbox that holds main tools
-     */
-    constructor(analyticsService, authService, contextState, toolState, mapState) {
-        this.analyticsService = analyticsService;
-        this.authService = authService;
-        this.contextState = contextState;
-        this.toolState = toolState;
-        this.mapState = mapState;
-    }
+    analyticsService = inject(AnalyticsService);
+    authService = inject(AuthService);
+    contextState = inject(ContextState);
+    toolState = inject(ToolState);
+    mapState = inject(MapState);
     listen() {
         this.listenUser();
         this.listenContext();
@@ -5904,15 +5578,15 @@ class AnalyticsListenerService {
             });
         });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: AnalyticsListenerService, deps: [{ token: i1$5.AnalyticsService }, { token: i2.AuthService }, { token: ContextState }, { token: ToolState }, { token: MapState }], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: AnalyticsListenerService, providedIn: 'root' });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: AnalyticsListenerService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: AnalyticsListenerService, providedIn: 'root' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: AnalyticsListenerService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: AnalyticsListenerService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
                 }]
-        }], ctorParameters: () => [{ type: i1$5.AnalyticsService }, { type: i2.AuthService }, { type: ContextState }, { type: ToolState }, { type: MapState }] });
+        }] });
 
 const INTEGRATION_FILTER_DIRECTIVES = [
     OgcFilterToolComponent,
@@ -5926,10 +5600,10 @@ const INTEGRATION_FILTER_DIRECTIVES = [
  * Service that holds the state of the query module
  */
 class QueryState {
-    configService;
-    propertyTypeDetectorService;
-    capabilitiesService;
-    mapState;
+    configService = inject(ConfigService);
+    propertyTypeDetectorService = inject(PropertyTypeDetectorService);
+    capabilitiesService = inject(CapabilitiesService);
+    mapState = inject(MapState);
     /**
      * Store that holds the query results
      */
@@ -5937,11 +5611,7 @@ class QueryState {
     queryOverlayStyle = {};
     queryOverlayStyleSelection = {};
     queryOverlayStyleFocus = {};
-    constructor(configService, propertyTypeDetectorService, capabilitiesService, mapState) {
-        this.configService = configService;
-        this.propertyTypeDetectorService = propertyTypeDetectorService;
-        this.capabilitiesService = capabilitiesService;
-        this.mapState = mapState;
+    constructor() {
         const queryOverlayStyle = this.configService.getConfig('queryOverlayStyle');
         if (queryOverlayStyle) {
             this.queryOverlayStyle = queryOverlayStyle.base;
@@ -5951,25 +5621,25 @@ class QueryState {
         const geoPropertiesStrategy = new GeoPropertiesStrategy({ map: this.mapState.map }, this.propertyTypeDetectorService, this.capabilitiesService);
         this.store.addStrategy(geoPropertiesStrategy, true);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: QueryState, deps: [{ token: i6.ConfigService }, { token: i1$1.PropertyTypeDetectorService }, { token: i1$1.CapabilitiesService }, { token: MapState }], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: QueryState, providedIn: 'root' });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: QueryState, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: QueryState, providedIn: 'root' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: QueryState, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: QueryState, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
                 }]
-        }], ctorParameters: () => [{ type: i6.ConfigService }, { type: i1$1.PropertyTypeDetectorService }, { type: i1$1.CapabilitiesService }, { type: MapState }] });
+        }], ctorParameters: () => [] });
 
 /**
  * @deprecated import the SearchResultsToolComponent directly
  */
 class IgoAppSearchResultsToolModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: IgoAppSearchResultsToolModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.15", ngImport: i0, type: IgoAppSearchResultsToolModule, imports: [SearchResultsToolComponent], exports: [SearchResultsToolComponent] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: IgoAppSearchResultsToolModule, imports: [SearchResultsToolComponent] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: IgoAppSearchResultsToolModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.4", ngImport: i0, type: IgoAppSearchResultsToolModule, imports: [SearchResultsToolComponent], exports: [SearchResultsToolComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: IgoAppSearchResultsToolModule, imports: [SearchResultsToolComponent] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: IgoAppSearchResultsToolModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: IgoAppSearchResultsToolModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [SearchResultsToolComponent],
@@ -5981,11 +5651,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImpo
  * @deprecated import the SearchBarBindingDirective directly
  */
 class IgoAppSearchBarModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: IgoAppSearchBarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.15", ngImport: i0, type: IgoAppSearchBarModule, imports: [SearchBarBindingDirective], exports: [SearchBarBindingDirective] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: IgoAppSearchBarModule });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: IgoAppSearchBarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.4", ngImport: i0, type: IgoAppSearchBarModule, imports: [SearchBarBindingDirective], exports: [SearchBarBindingDirective] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: IgoAppSearchBarModule });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: IgoAppSearchBarModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: IgoAppSearchBarModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [SearchBarBindingDirective],