@igo2/integration 16.3.0 → 17.0.0-next.0

package/fesm2022/igo2-integration.mjs

@@ -1,63 +1,62 @@
 import * as i0 from '@angular/core';
 import { ChangeDetectorRef, Component, Input, NgModule, CUSTOM_ELEMENTS_SCHEMA, Injectable, ChangeDetectionStrategy, Inject, ViewChild, Directive, Self, HostListener, ElementRef } from '@angular/core';
-import * as i4 from '@angular/common';
-import { CommonModule, DatePipe } from '@angular/common';
-import * as i10 from '@angular/material/button';
+import { __decorate, __metadata } from 'tslib';
+import * as i5$1 from '@angular/common';
+import { NgIf, NgFor, AsyncPipe, CommonModule, DecimalPipe } from '@angular/common';
+import * as i3 from '@angular/common/http';
+import { HttpClient } from '@angular/common/http';
+import * as i6 from '@angular/material/button';
 import { MatButtonModule } from '@angular/material/button';
 import * as i7 from '@angular/material/icon';
 import { MatIconModule, MatIconRegistry } from '@angular/material/icon';
-import * as i8 from '@angular/material/menu';
+import * as i7$1 from '@angular/material/menu';
 import { MatMenuModule } from '@angular/material/menu';
-import * as i6 from '@angular/material/tooltip';
+import * as i5 from '@angular/material/tooltip';
 import { MatTooltipModule } from '@angular/material/tooltip';
-import * as i2$2 from '@igo2/common';
-import { ToolComponent, IgoCustomHtmlModule, IgoInteractiveTourModule, EntityStore, EntityStoreFilterCustomFuncStrategy, EntityStoreFilterSelectionStrategy, WorkspaceStore, FormService, IgoFormModule, IgoSpinnerModule, IgoEntityTableModule, getEntityTitle, FlexibleComponent, IgoFlexibleModule, IgoPanelModule } from '@igo2/common';
-import * as i2 from '@igo2/core';
-import { version, ConfigService, LanguageService, IgoLanguageModule, StorageService, StorageScope, MessageService, StorageServiceEventEnum, IgoMessageModule } from '@igo2/core';
-import { __decorate, __metadata } from 'tslib';
-import * as i3 from '@angular/common/http';
-import { HttpClient } from '@angular/common/http';
 import * as i2$1 from '@igo2/auth';
 import { AuthService } from '@igo2/auth';
+import * as i2$2 from '@igo2/common';
+import { InteractiveTourComponent, CustomHtmlComponent, ToolComponent, EntityStore, EntityStoreFilterCustomFuncStrategy, EntityStoreFilterSelectionStrategy, WorkspaceStore, PanelComponent, FormService, IgoFormModule, EntityTableComponent, getEntityTitle, FlexibleComponent, SanitizeHtmlPipe } from '@igo2/common';
+import * as i2 from '@igo2/core';
+import { version, ConfigService, LanguageService, StorageService, StorageScope, MessageService, StorageServiceEventEnum, IgoLanguageModule, IgoMessageModule } from '@igo2/core';
+import * as i7$2 from '@ngx-translate/core';
+import { TranslateModule } from '@ngx-translate/core';
 import { of, BehaviorSubject, combineLatest, Subject, map, forkJoin, ReplaySubject, interval } from 'rxjs';
-import * as i7$1 from '@ngx-translate/core';
 import * as i1 from '@igo2/geo';
-import { IgoMap, CatalogService, IgoCatalogBrowserModule, IgoCatalogLibraryModule, StopsStore, StopsFeatureStore, RoutesFeatureStore, StepFeatureStore, IgoDirectionsModule, FeatureStore, IgoDrawingToolModule, FeatureStoreSelectionStrategy, FeatureMotion, mapExtentStrategyActiveToolTip, noElementSelected, OgcFilterWidget, WfsWorkspace, FeatureWorkspace, EditionWorkspace, SpatialFilterItemType, MeasureLengthUnit, SpatialFilterType, featureToOl, createOverlayMarkerStyle, moveToOlFeatures, SpatialFilterService, DataSourceService, LayerService, IgoFilterModule, IgoQueryModule, IgoImportExportModule, IgoStyleModule, zoneMtm, zoneUtm, formatScale, computeProjectionsConstraints, LayerListControlsEnum, sourceCanSearch, SearchSourceService, roundCoordTo, featureFromOl, measureOlGeometryLength, FEATURE, VectorLayer, IgoLayerModule, IgoMetadataModule, IgoDownloadModule, IgoMeasurerModule, IgoPrintModule, IgoSearchModule, getCommonVectorStyle, computeOlFeaturesExtent, featuresAreOutOfView, featuresAreTooDeepInView, getCommonVectorSelectedStyle, IgoFeatureModule, IgoFeatureDetailsModule, GeoPropertiesStrategy } from '@igo2/geo';
+import { IgoMap, CatalogBrowserComponent, CatalogService, CatalogLibaryComponent, StopsStore, StopsFeatureStore, RoutesFeatureStore, StepFeatureStore, IgoDirectionsModule, FeatureStore, DrawComponent, OgcFilterableItemComponent, TimeFilterItemComponent, OgcFilterableListComponent, OgcFilterableListBindingDirective, FeatureStoreSelectionStrategy, FeatureMotion, mapExtentStrategyActiveToolTip, noElementSelected, OgcFilterWidget, WfsWorkspace, FeatureWorkspace, EditionWorkspace, SpatialFilterItemType, MeasureLengthUnit, SpatialFilterType, featureToOl, createOverlayMarkerStyle, moveToOlFeatures, SpatialFilterTypeComponent, SpatialFilterItemComponent, FeatureDetailsComponent, SpatialFilterService, DataSourceService, LayerService, TimeFilterListComponent, TimeFilterListBindingDirective, ImportExportComponent, zoneMtm, zoneUtm, formatScale, computeProjectionsConstraints, LayerListControlsEnum, sourceCanSearch, LayerListComponent, LayerListBindingDirective, ExportButtonComponent, OgcFilterButtonComponent, TimeFilterButtonComponent, TrackFeatureButtonComponent, MetadataButtonComponent, SearchSourceService, LayerLegendListComponent, LayerLegendListBindingDirective, roundCoordTo, featureFromOl, measureOlGeometryLength, FEATURE, VectorLayer, StyleModalLayerButtonComponent, MeasurerComponent, PrintComponent, getCommonVectorStyle, computeOlFeaturesExtent, featuresAreOutOfView, featuresAreTooDeepInView, getCommonVectorSelectedStyle, SearchResultsComponent, SearchResultAddButtonComponent, GeoPropertiesStrategy } from '@igo2/geo';
 import { take, skipWhile, takeUntil, tap, debounceTime, map as map$1, skip } from 'rxjs/operators';
 import * as i1$1 from '@igo2/context';
-import { IgoContextModule, IgoContextImportExportModule } from '@igo2/context';
+import { ContextEditComponent, ContextEditBindingDirective, ContextListComponent, ContextListBindingDirective, ContextPermissionsComponent, ContextPermissionsBindingDirective, ShareMapComponent, ContextImportExportComponent } from '@igo2/context';
 import { trigger, state, style, transition, animate } from '@angular/animations';
 import olFormatGeoJSON from 'ol/format/GeoJSON';
 import * as olstyle from 'ol/style';
+import { dateTransform, Clipboard, uuid, NumberUtils } from '@igo2/utils';
 import * as jsPDF from 'jspdf';
 import 'jspdf-autotable';
 import * as i3$1 from '@angular/forms';
 import { Validators, FormsModule, ReactiveFormsModule } from '@angular/forms';
-import { MatButtonToggleModule } from '@angular/material/button-toggle';
-import * as i8$1 from '@angular/material/tabs';
+import * as i5$2 from '@angular/material/tabs';
 import { MatTabsModule } from '@angular/material/tabs';
-import { MatCheckboxModule } from '@angular/material/checkbox';
-import * as i6$1 from '@angular/material/core';
-import { MatOptionModule } from '@angular/material/core';
-import * as i5$1 from '@angular/material/divider';
+import * as i8$1 from '@angular/material/divider';
 import { MatDividerModule } from '@angular/material/divider';
-import * as i4$1 from '@angular/material/form-field';
+import * as i10 from '@angular/material/slide-toggle';
+import { MatSlideToggleModule } from '@angular/material/slide-toggle';
+import * as i9 from '@angular/material/core';
+import { MatOptionModule } from '@angular/material/core';
+import * as i4 from '@angular/material/form-field';
 import { MatFormFieldModule } from '@angular/material/form-field';
-import * as i7$2 from '@angular/material/input';
+import * as i5$3 from '@angular/material/input';
 import { MatInputModule } from '@angular/material/input';
-import * as i10$2 from '@angular/material/list';
-import { MatListModule } from '@angular/material/list';
-import * as i9 from '@angular/material/radio';
-import { MatRadioModule } from '@angular/material/radio';
-import * as i5 from '@angular/material/select';
+import * as i8 from '@angular/material/select';
 import { MatSelectModule } from '@angular/material/select';
-import * as i10$1 from '@angular/material/slide-toggle';
-import { MatSlideToggleModule } from '@angular/material/slide-toggle';
-import { Clipboard, uuid, NumberUtils } from '@igo2/utils';
 import * as olProj from 'ol/proj';
+import * as i10$1 from '@angular/material/list';
+import { MatListModule } from '@angular/material/list';
+import * as i8$2 from '@angular/material/radio';
+import { MatRadioModule } from '@angular/material/radio';
 import olLineString from 'ol/geom/LineString';
 import olLayerVector from 'ol/layer/Vector';
-import * as i8$2 from '@angular/material/badge';
+import * as i9$1 from '@angular/material/badge';
 import { MatBadgeModule } from '@angular/material/badge';
 import olFeature from 'ol/Feature';
 import olPoint from 'ol/geom/Point';
@@ -150,8 +149,8 @@ let AboutToolComponent = class AboutToolComponent {
         name = name.slice(0, index);
         return name;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AboutToolComponent, deps: [{ token: i2.ConfigService }, { token: i2$1.AuthService }, { token: i3.HttpClient }, { token: i0.ChangeDetectorRef }, { token: i2.LanguageService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: AboutToolComponent, selector: "igo-about-tool", inputs: { headerHtml: "headerHtml", html: "html", discoverTitleInLocale: "discoverTitleInLocale", trainingGuideURLs: "trainingGuideURLs" }, ngImport: i0, template: "<p></p>\r\n<igo-interactive-tour\r\n  mat-raised-button\r\n  tourToStart=\"global\"\r\n  menuIsOpen=\"true\"\r\n  styleButton=\"raised\"\r\n  [discoverTitleInLocale$]=\"discoverTitleInLocale$\"\r\n>\r\n</igo-interactive-tour>\r\n\r\n<button\r\n  *ngIf=\"\r\n    auth.authenticated && trainingGuideURLs && trainingGuideURLs.length === 1\r\n  \"\r\n  class=\"training-guide-button\"\r\n  mat-raised-button\r\n  tooltip-position=\"below\"\r\n  matTooltipShowDelay=\"500\"\r\n  [disabled]=\"loading\"\r\n  [matTooltip]=\"'igo.integration.aboutTool.trainingGuideTooltip' | translate\"\r\n  (click)=\"openGuide()\"\r\n>\r\n  <span>{{ 'igo.integration.aboutTool.trainingGuide' | translate }}</span>\r\n  <mat-icon svgIcon=\"file-document\"></mat-icon>\r\n</button>\r\n\r\n<button\r\n  *ngIf=\"\r\n    auth.authenticated && trainingGuideURLs && trainingGuideURLs.length > 1\r\n  \"\r\n  class=\"training-guide-button\"\r\n  mat-raised-button\r\n  tooltip-position=\"below\"\r\n  matTooltipShowDelay=\"500\"\r\n  [disabled]=\"loading\"\r\n  [matTooltip]=\"'igo.integration.aboutTool.trainingGuideTooltip' | translate\"\r\n  [matMenuTriggerFor]=\"menu\"\r\n>\r\n  <span>{{ 'igo.integration.aboutTool.trainingGuide' | translate }}</span>\r\n  <mat-icon svgIcon=\"file-document\"></mat-icon>\r\n</button>\r\n\r\n<mat-menu #menu=\"matMenu\">\r\n  <button\r\n    *ngFor=\"let guide of trainingGuideURLs\"\r\n    mat-menu-item\r\n    (click)=\"openGuide(guide)\"\r\n  >\r\n    {{ formatFileName(guide) }}\r\n  </button>\r\n</mat-menu>\r\n\r\n<igo-custom-html\r\n  *ngIf=\"headerHtml !== ''\"\r\n  class=\"mat-typography\"\r\n  [html]=\"headerHtml | translate\"\r\n>\r\n</igo-custom-html>\r\n\r\n<igo-custom-html\r\n  class=\"mat-typography\"\r\n  [html]=\"html | translate: { version: effectiveVersion }\"\r\n>\r\n</igo-custom-html>\r\n", styles: ["igo-interactive-tour{margin-left:20px}.training-guide-button{margin-left:5px;background-color:#1976d2;color:#fff;padding:0 12px}\n"], dependencies: [{ kind: "component", type: i2$2.CustomHtmlComponent, selector: "igo-custom-html", inputs: ["html"] }, { kind: "component", type: i10.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "directive", type: i6.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }, { kind: "component", type: i7.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i8.MatMenu, selector: "mat-menu", exportAs: ["matMenu"] }, { kind: "component", type: i8.MatMenuItem, selector: "[mat-menu-item]", inputs: ["disabled", "disableRipple", "role"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i8.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", exportAs: ["matMenuTrigger"] }, { kind: "component", type: i2$2.InteractiveTourComponent, selector: "igo-interactive-tour", inputs: ["tourToStart", "styleButton", "discoverTitleInLocale$"] }, { kind: "directive", type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i7$1.TranslatePipe, name: "translate" }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: AboutToolComponent, deps: [{ token: i2.ConfigService }, { token: i2$1.AuthService }, { token: i3.HttpClient }, { token: i0.ChangeDetectorRef }, { token: i2.LanguageService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.1", type: AboutToolComponent, isStandalone: true, selector: "igo-about-tool", inputs: { headerHtml: "headerHtml", html: "html", discoverTitleInLocale: "discoverTitleInLocale", trainingGuideURLs: "trainingGuideURLs" }, ngImport: i0, template: "<p></p>\n<igo-interactive-tour\n  mat-raised-button\n  tourToStart=\"global\"\n  menuIsOpen=\"true\"\n  styleButton=\"raised\"\n  [discoverTitleInLocale$]=\"discoverTitleInLocale$\"\n>\n</igo-interactive-tour>\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  (click)=\"openGuide()\"\n>\n  <span>{{ 'igo.integration.aboutTool.trainingGuide' | translate }}</span>\n  <mat-icon svgIcon=\"file-document\"></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 svgIcon=\"file-document\"></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\n  *ngIf=\"headerHtml !== ''\"\n  class=\"mat-typography\"\n  [html]=\"headerHtml | translate\"\n>\n</igo-custom-html>\n\n<igo-custom-html\n  class=\"mat-typography\"\n  [html]=\"html | translate: { version: effectiveVersion }\"\n>\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: "component", type: InteractiveTourComponent, selector: "igo-interactive-tour", inputs: ["tourToStart", "styleButton", "discoverTitleInLocale$"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i6.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: i5.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i7.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatMenuModule }, { kind: "component", type: i7$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: i7$1.MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i7$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: TranslateModule }, { kind: "pipe", type: i7$2.TranslatePipe, name: "translate" }] });
 };
 AboutToolComponent = __decorate([
     ToolComponent({
@@ -165,10 +164,20 @@ AboutToolComponent = __decorate([
         ChangeDetectorRef,
         LanguageService])
 ], AboutToolComponent);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AboutToolComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: AboutToolComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'igo-about-tool', template: "<p></p>\r\n<igo-interactive-tour\r\n  mat-raised-button\r\n  tourToStart=\"global\"\r\n  menuIsOpen=\"true\"\r\n  styleButton=\"raised\"\r\n  [discoverTitleInLocale$]=\"discoverTitleInLocale$\"\r\n>\r\n</igo-interactive-tour>\r\n\r\n<button\r\n  *ngIf=\"\r\n    auth.authenticated && trainingGuideURLs && trainingGuideURLs.length === 1\r\n  \"\r\n  class=\"training-guide-button\"\r\n  mat-raised-button\r\n  tooltip-position=\"below\"\r\n  matTooltipShowDelay=\"500\"\r\n  [disabled]=\"loading\"\r\n  [matTooltip]=\"'igo.integration.aboutTool.trainingGuideTooltip' | translate\"\r\n  (click)=\"openGuide()\"\r\n>\r\n  <span>{{ 'igo.integration.aboutTool.trainingGuide' | translate }}</span>\r\n  <mat-icon svgIcon=\"file-document\"></mat-icon>\r\n</button>\r\n\r\n<button\r\n  *ngIf=\"\r\n    auth.authenticated && trainingGuideURLs && trainingGuideURLs.length > 1\r\n  \"\r\n  class=\"training-guide-button\"\r\n  mat-raised-button\r\n  tooltip-position=\"below\"\r\n  matTooltipShowDelay=\"500\"\r\n  [disabled]=\"loading\"\r\n  [matTooltip]=\"'igo.integration.aboutTool.trainingGuideTooltip' | translate\"\r\n  [matMenuTriggerFor]=\"menu\"\r\n>\r\n  <span>{{ 'igo.integration.aboutTool.trainingGuide' | translate }}</span>\r\n  <mat-icon svgIcon=\"file-document\"></mat-icon>\r\n</button>\r\n\r\n<mat-menu #menu=\"matMenu\">\r\n  <button\r\n    *ngFor=\"let guide of trainingGuideURLs\"\r\n    mat-menu-item\r\n    (click)=\"openGuide(guide)\"\r\n  >\r\n    {{ formatFileName(guide) }}\r\n  </button>\r\n</mat-menu>\r\n\r\n<igo-custom-html\r\n  *ngIf=\"headerHtml !== ''\"\r\n  class=\"mat-typography\"\r\n  [html]=\"headerHtml | translate\"\r\n>\r\n</igo-custom-html>\r\n\r\n<igo-custom-html\r\n  class=\"mat-typography\"\r\n  [html]=\"html | translate: { version: effectiveVersion }\"\r\n>\r\n</igo-custom-html>\r\n", styles: ["igo-interactive-tour{margin-left:20px}.training-guide-button{margin-left:5px;background-color:#1976d2;color:#fff;padding:0 12px}\n"] }]
-        }], ctorParameters: function () { return [{ type: i2.ConfigService }, { type: i2$1.AuthService }, { type: i3.HttpClient }, { type: i0.ChangeDetectorRef }, { type: i2.LanguageService }]; }, propDecorators: { headerHtml: [{
+            args: [{ selector: 'igo-about-tool', standalone: true, imports: [
+                        InteractiveTourComponent,
+                        NgIf,
+                        MatButtonModule,
+                        MatTooltipModule,
+                        MatIconModule,
+                        MatMenuModule,
+                        NgFor,
+                        CustomHtmlComponent,
+                        TranslateModule
+                    ], template: "<p></p>\n<igo-interactive-tour\n  mat-raised-button\n  tourToStart=\"global\"\n  menuIsOpen=\"true\"\n  styleButton=\"raised\"\n  [discoverTitleInLocale$]=\"discoverTitleInLocale$\"\n>\n</igo-interactive-tour>\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  (click)=\"openGuide()\"\n>\n  <span>{{ 'igo.integration.aboutTool.trainingGuide' | translate }}</span>\n  <mat-icon svgIcon=\"file-document\"></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 svgIcon=\"file-document\"></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\n  *ngIf=\"headerHtml !== ''\"\n  class=\"mat-typography\"\n  [html]=\"headerHtml | translate\"\n>\n</igo-custom-html>\n\n<igo-custom-html\n  class=\"mat-typography\"\n  [html]=\"html | translate: { version: effectiveVersion }\"\n>\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: i2.ConfigService }, { type: i2$1.AuthService }, { type: i3.HttpClient }, { type: i0.ChangeDetectorRef }, { type: i2.LanguageService }], propDecorators: { headerHtml: [{
                 type: Input
             }], html: [{
                 type: Input
@@ -178,6 +187,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                 type: Input
             }] } });
 
+/**
+ * @deprecated import the AboutToolComponent directly
+ */
 class IgoAppAboutModule {
     static forRoot() {
         return {
@@ -185,57 +197,19 @@ class IgoAppAboutModule {
             providers: []
         };
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: IgoAppAboutModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: IgoAppAboutModule, declarations: [AboutToolComponent], imports: [IgoLanguageModule,
-            IgoCustomHtmlModule,
-            MatButtonModule,
-            MatTooltipModule,
-            MatIconModule,
-            MatMenuModule,
-            IgoInteractiveTourModule,
-            CommonModule], exports: [AboutToolComponent] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: IgoAppAboutModule, imports: [IgoLanguageModule,
-            IgoCustomHtmlModule,
-            MatButtonModule,
-            MatTooltipModule,
-            MatIconModule,
-            MatMenuModule,
-            IgoInteractiveTourModule,
-            CommonModule] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: IgoAppAboutModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.2.1", ngImport: i0, type: IgoAppAboutModule, imports: [AboutToolComponent], exports: [AboutToolComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: IgoAppAboutModule, imports: [AboutToolComponent] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: IgoAppAboutModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: IgoAppAboutModule, decorators: [{
             type: NgModule,
             args: [{
-                    imports: [
-                        IgoLanguageModule,
-                        IgoCustomHtmlModule,
-                        MatButtonModule,
-                        MatTooltipModule,
-                        MatIconModule,
-                        MatMenuModule,
-                        IgoInteractiveTourModule,
-                        CommonModule
-                    ],
-                    declarations: [AboutToolComponent],
+                    imports: [AboutToolComponent],
                     exports: [AboutToolComponent],
                     schemas: [CUSTOM_ELEMENTS_SCHEMA]
                 }]
         }] });
 
-class IgoAppAnalyticsModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: IgoAppAnalyticsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: IgoAppAnalyticsModule });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: IgoAppAnalyticsModule });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: IgoAppAnalyticsModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    imports: [],
-                    declarations: [],
-                    exports: []
-                }]
-        }] });
-
 // import { BehaviorSubject } from 'rxjs';
 /**
  * Service that holds the state of the map module
@@ -276,15 +250,15 @@ class MapState {
         }, this.storageService, this.configService);
         this.mapService.setMap(this.map);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: MapState, deps: [{ token: i1.MapService }, { token: i1.ProjectionService }, { token: i2.StorageService }, { token: i2.ConfigService }], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: MapState, providedIn: 'root' });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: MapState, deps: [{ token: i1.MapService }, { token: i1.ProjectionService }, { token: i2.StorageService }, { token: i2.ConfigService }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: MapState, providedIn: 'root' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: MapState, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: MapState, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
                 }]
-        }], ctorParameters: function () { return [{ type: i1.MapService }, { type: i1.ProjectionService }, { type: i2.StorageService }, { type: i2.ConfigService }]; } });
+        }], ctorParameters: () => [{ type: i1.MapService }, { type: i1.ProjectionService }, { type: i2.StorageService }, { type: i2.ConfigService }] });
 
 /**
  * Service that holds the state of the catalog module
@@ -329,15 +303,15 @@ class CatalogState {
     clearCatalogItemsStores() {
         this.catalogItemsStores.clear();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CatalogState, deps: [{ token: i2$1.AuthService }], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CatalogState, providedIn: 'root' });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: CatalogState, deps: [{ token: i2$1.AuthService }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: CatalogState, providedIn: 'root' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CatalogState, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: CatalogState, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
                 }]
-        }], ctorParameters: function () { return [{ type: i2$1.AuthService }]; } });
+        }], ctorParameters: () => [{ type: i2$1.AuthService }] });
 
 /**
  * Tool to browse a catalog's groups and layers and display them to a map.
@@ -414,8 +388,8 @@ let CatalogBrowserToolComponent = class CatalogBrowserToolComponent {
             this.store$.next(store);
         });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CatalogBrowserToolComponent, deps: [{ token: i1.CatalogService }, { token: CatalogState }, { token: MapState }, { token: i2$1.AuthService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CatalogBrowserToolComponent, selector: "igo-catalog-browser-tool", inputs: { toggleCollapsedGroup: "toggleCollapsedGroup" }, ngImport: i0, template: "<igo-catalog-browser\r\n  *ngIf=\"store$ | async as store\"\r\n  [catalog]=\"catalog\"\r\n  [store]=\"store\"\r\n  [map]=\"map\"\r\n  [toggleCollapsedGroup]=\"toggleCollapsedGroup\"\r\n>\r\n</igo-catalog-browser>\r\n", dependencies: [{ kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i1.CatalogBrowserComponent, selector: "igo-catalog-browser", inputs: ["catalogAllowLegend", "catalog", "store", "map", "toggleCollapsedGroup"] }, { kind: "pipe", type: i4.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: CatalogBrowserToolComponent, deps: [{ token: i1.CatalogService }, { token: CatalogState }, { token: MapState }, { token: i2$1.AuthService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.1", 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 });
 };
 CatalogBrowserToolComponent = __decorate([
     ToolComponent({
@@ -429,28 +403,26 @@ CatalogBrowserToolComponent = __decorate([
         MapState,
         AuthService])
 ], CatalogBrowserToolComponent);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CatalogBrowserToolComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: CatalogBrowserToolComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'igo-catalog-browser-tool', changeDetection: ChangeDetectionStrategy.OnPush, template: "<igo-catalog-browser\r\n  *ngIf=\"store$ | async as store\"\r\n  [catalog]=\"catalog\"\r\n  [store]=\"store\"\r\n  [map]=\"map\"\r\n  [toggleCollapsedGroup]=\"toggleCollapsedGroup\"\r\n>\r\n</igo-catalog-browser>\r\n" }]
-        }], ctorParameters: function () { return [{ type: i1.CatalogService }, { type: CatalogState }, { type: MapState }, { type: i2$1.AuthService }]; }, propDecorators: { toggleCollapsedGroup: [{
+            args: [{ selector: 'igo-catalog-browser-tool', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, 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.CatalogService }, { type: CatalogState }, { type: MapState }, { type: i2$1.AuthService }], propDecorators: { toggleCollapsedGroup: [{
                 type: Input
             }] } });
 
 /**
- * @ignore
+ * @deprecated import the CatalogBrowserToolComponent directly
  */
 class IgoAppCatalogBrowserToolModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: IgoAppCatalogBrowserToolModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: IgoAppCatalogBrowserToolModule, declarations: [CatalogBrowserToolComponent], imports: [CommonModule, IgoCatalogBrowserModule], exports: [CatalogBrowserToolComponent] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: IgoAppCatalogBrowserToolModule, imports: [CommonModule, IgoCatalogBrowserModule] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: IgoAppCatalogBrowserToolModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.2.1", ngImport: i0, type: IgoAppCatalogBrowserToolModule, imports: [CatalogBrowserToolComponent], exports: [CatalogBrowserToolComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: IgoAppCatalogBrowserToolModule, imports: [CatalogBrowserToolComponent] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: IgoAppCatalogBrowserToolModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: IgoAppCatalogBrowserToolModule, decorators: [{
             type: NgModule,
             args: [{
-                    imports: [CommonModule, IgoCatalogBrowserModule],
-                    declarations: [CatalogBrowserToolComponent],
-                    exports: [CatalogBrowserToolComponent],
-                    schemas: [CUSTOM_ELEMENTS_SCHEMA]
+                    imports: [CatalogBrowserToolComponent],
+                    exports: [CatalogBrowserToolComponent]
                 }]
         }] });
 
@@ -480,10 +452,10 @@ class ImportExportState {
     setsExportOptions(exportOptions) {
         this.exportOptions$.next(exportOptions);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ImportExportState, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ImportExportState, providedIn: 'root' });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: ImportExportState, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: ImportExportState, providedIn: 'root' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ImportExportState, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: ImportExportState, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
@@ -529,15 +501,15 @@ class ToolState {
             this.openSidenav$.next(true);
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ToolState, deps: [{ token: i2$2.ToolService }, { token: ImportExportState }], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ToolState, providedIn: 'root' });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: ToolState, deps: [{ token: i2$2.ToolService }, { token: ImportExportState }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: ToolState, providedIn: 'root' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ToolState, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: ToolState, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
                 }]
-        }], ctorParameters: function () { return [{ type: i2$2.ToolService }, { type: ImportExportState }]; } });
+        }], ctorParameters: () => [{ type: i2$2.ToolService }, { type: ImportExportState }] });
 
 /**
  * Tool to browse the list of available catalogs.
@@ -600,8 +572,8 @@ let CatalogLibraryToolComponent = class CatalogLibraryToolComponent {
             this.store.load(catalogs.concat((this.storageService.get('addedCatalogs') || [])));
         });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CatalogLibraryToolComponent, deps: [{ token: i1.CatalogService }, { token: CatalogState }, { token: ToolState }, { token: i2.StorageService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CatalogLibraryToolComponent, selector: "igo-catalog-library-tool", inputs: { addCatalogAllowed: "addCatalogAllowed", predefinedCatalogs: "predefinedCatalogs" }, ngImport: i0, template: "<igo-catalog-library\r\n  [predefinedCatalogs]=\"predefinedCatalogs\"\r\n  [addCatalogAllowed]=\"addCatalogAllowed\"\r\n  [store]=\"store\"\r\n  (catalogSelectChange)=\"onCatalogSelectChange($event)\"\r\n>\r\n</igo-catalog-library>\r\n", dependencies: [{ kind: "component", type: i1.CatalogLibaryComponent, selector: "igo-catalog-library", inputs: ["store", "map", "addCatalogAllowed", "predefinedCatalogs"], outputs: ["catalogSelectChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: CatalogLibraryToolComponent, deps: [{ token: i1.CatalogService }, { token: CatalogState }, { token: ToolState }, { token: i2.StorageService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.1", type: CatalogLibraryToolComponent, isStandalone: true, selector: "igo-catalog-library-tool", inputs: { addCatalogAllowed: "addCatalogAllowed", predefinedCatalogs: "predefinedCatalogs" }, ngImport: i0, template: "<igo-catalog-library\r\n  [predefinedCatalogs]=\"predefinedCatalogs\"\r\n  [addCatalogAllowed]=\"addCatalogAllowed\"\r\n  [store]=\"store\"\r\n  (catalogSelectChange)=\"onCatalogSelectChange($event)\"\r\n>\r\n</igo-catalog-library>\r\n", dependencies: [{ kind: "component", type: CatalogLibaryComponent, selector: "igo-catalog-library", inputs: ["store", "map", "addCatalogAllowed", "predefinedCatalogs"], outputs: ["catalogSelectChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 CatalogLibraryToolComponent = __decorate([
     ToolComponent({
@@ -614,44 +586,43 @@ CatalogLibraryToolComponent = __decorate([
         ToolState,
         StorageService])
 ], CatalogLibraryToolComponent);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CatalogLibraryToolComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: CatalogLibraryToolComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'igo-catalog-library-tool', changeDetection: ChangeDetectionStrategy.OnPush, template: "<igo-catalog-library\r\n  [predefinedCatalogs]=\"predefinedCatalogs\"\r\n  [addCatalogAllowed]=\"addCatalogAllowed\"\r\n  [store]=\"store\"\r\n  (catalogSelectChange)=\"onCatalogSelectChange($event)\"\r\n>\r\n</igo-catalog-library>\r\n" }]
-        }], ctorParameters: function () { return [{ type: i1.CatalogService }, { type: CatalogState }, { type: ToolState }, { type: i2.StorageService }]; }, propDecorators: { addCatalogAllowed: [{
+            args: [{ selector: 'igo-catalog-library-tool', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [CatalogLibaryComponent], template: "<igo-catalog-library\r\n  [predefinedCatalogs]=\"predefinedCatalogs\"\r\n  [addCatalogAllowed]=\"addCatalogAllowed\"\r\n  [store]=\"store\"\r\n  (catalogSelectChange)=\"onCatalogSelectChange($event)\"\r\n>\r\n</igo-catalog-library>\r\n" }]
+        }], ctorParameters: () => [{ type: i1.CatalogService }, { type: CatalogState }, { type: ToolState }, { type: i2.StorageService }], propDecorators: { addCatalogAllowed: [{
                 type: Input
             }], predefinedCatalogs: [{
                 type: Input
             }] } });
 
 /**
- * @ignore
+ * @deprecated import the CatalogLibraryToolComponent directly
  */
 class IgoAppCatalogLibraryToolModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: IgoAppCatalogLibraryToolModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: IgoAppCatalogLibraryToolModule, declarations: [CatalogLibraryToolComponent], imports: [CommonModule, IgoCatalogLibraryModule], exports: [CatalogLibraryToolComponent] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: IgoAppCatalogLibraryToolModule, imports: [CommonModule, IgoCatalogLibraryModule] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: IgoAppCatalogLibraryToolModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.2.1", ngImport: i0, type: IgoAppCatalogLibraryToolModule, imports: [CatalogLibraryToolComponent], exports: [CatalogLibraryToolComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: IgoAppCatalogLibraryToolModule, imports: [CatalogLibraryToolComponent] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: IgoAppCatalogLibraryToolModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: IgoAppCatalogLibraryToolModule, decorators: [{
             type: NgModule,
             args: [{
-                    imports: [CommonModule, IgoCatalogLibraryModule],
-                    declarations: [CatalogLibraryToolComponent],
-                    exports: [CatalogLibraryToolComponent],
-                    schemas: [CUSTOM_ELEMENTS_SCHEMA]
+                    imports: [CatalogLibraryToolComponent],
+                    exports: [CatalogLibraryToolComponent]
                 }]
         }] });
 
+/**
+ * @deprecated import the components directly
+ */
 class IgoAppCatalogModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: IgoAppCatalogModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: IgoAppCatalogModule, exports: [IgoAppCatalogLibraryToolModule, IgoAppCatalogBrowserToolModule] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: IgoAppCatalogModule, imports: [IgoAppCatalogLibraryToolModule, IgoAppCatalogBrowserToolModule] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: IgoAppCatalogModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.2.1", ngImport: i0, type: IgoAppCatalogModule, exports: [IgoAppCatalogLibraryToolModule, IgoAppCatalogBrowserToolModule] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: IgoAppCatalogModule, imports: [IgoAppCatalogLibraryToolModule, IgoAppCatalogBrowserToolModule] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: IgoAppCatalogModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: IgoAppCatalogModule, decorators: [{
             type: NgModule,
             args: [{
-                    imports: [],
-                    exports: [IgoAppCatalogLibraryToolModule, IgoAppCatalogBrowserToolModule],
-                    declarations: []
+                    exports: [IgoAppCatalogLibraryToolModule, IgoAppCatalogBrowserToolModule]
                 }]
         }] });
 
@@ -663,8 +634,8 @@ let ContextEditorToolComponent = class ContextEditorToolComponent {
     submitSuccessed() {
         this.toolState.toolbox.activatePreviousTool();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ContextEditorToolComponent, deps: [{ token: ToolState }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ContextEditorToolComponent, 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: i1$1.ContextEditComponent, selector: "igo-context-edit", inputs: ["context"], outputs: ["submitForm"] }, { kind: "directive", type: i1$1.ContextEditBindingDirective, selector: "[igoContextEditBinding]", outputs: ["submitSuccessed"] }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: ContextEditorToolComponent, deps: [{ token: ToolState }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.1", 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({
@@ -675,10 +646,10 @@ ContextEditorToolComponent = __decorate([
     }),
     __metadata("design:paramtypes", [ToolState])
 ], ContextEditorToolComponent);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ContextEditorToolComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: ContextEditorToolComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'igo-context-editor-tool', template: "<igo-context-edit\n  igoContextEditBinding\n  (submitSuccessed)=\"submitSuccessed()\"\n></igo-context-edit>\n" }]
-        }], ctorParameters: function () { return [{ type: ToolState }]; } });
+            args: [{ selector: 'igo-context-editor-tool', standalone: true, 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;
@@ -697,8 +668,8 @@ let ContextManagerToolComponent = class ContextManagerToolComponent {
     managePermissions() {
         this.toolState.toolbox.activateTool('contextPermissionManager');
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ContextManagerToolComponent, deps: [{ token: ToolState }, { token: MapState }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ContextManagerToolComponent, selector: "igo-context-manager-tool", inputs: { toolToOpenOnContextChange: "toolToOpenOnContextChange" }, ngImport: i0, template: "<igo-context-list\r\n  igoContextListBinding\r\n  [map]=\"map\"\r\n  (edit)=\"editContext()\"\r\n  (managePermissions)=\"managePermissions()\"\r\n>\r\n</igo-context-list>\r\n", dependencies: [{ kind: "component", type: i1$1.ContextListComponent, selector: "igo-context-list", inputs: ["contexts", "selectedContext", "map", "defaultContextId", "term"], outputs: ["select", "unselect", "edit", "delete", "save", "clone", "create", "hide", "show", "showHiddenContexts", "favorite", "managePermissions", "manageTools", "filterPermissionsChanged"] }, { kind: "directive", type: i1$1.ContextListBindingDirective, selector: "[igoContextListBinding]" }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: ContextManagerToolComponent, deps: [{ token: ToolState }, { token: MapState }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.1", 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({
@@ -709,16 +680,16 @@ ContextManagerToolComponent = __decorate([
     __metadata("design:paramtypes", [ToolState,
         MapState])
 ], ContextManagerToolComponent);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ContextManagerToolComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: ContextManagerToolComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'igo-context-manager-tool', template: "<igo-context-list\r\n  igoContextListBinding\r\n  [map]=\"map\"\r\n  (edit)=\"editContext()\"\r\n  (managePermissions)=\"managePermissions()\"\r\n>\r\n</igo-context-list>\r\n" }]
-        }], ctorParameters: function () { return [{ type: ToolState }, { type: MapState }]; }, propDecorators: { toolToOpenOnContextChange: [{
+            args: [{ selector: 'igo-context-manager-tool', standalone: true, 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: [{
                 type: Input
             }] } });
 
 let ContextPermissionManagerToolComponent = class ContextPermissionManagerToolComponent {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ContextPermissionManagerToolComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ContextPermissionManagerToolComponent, selector: "igo-context-permission-manager-tool", ngImport: i0, template: "<igo-context-permissions igoContextPermissionsBinding></igo-context-permissions>\n", dependencies: [{ kind: "component", type: i1$1.ContextPermissionsComponent, selector: "igo-context-permissions", inputs: ["context", "permissions"], outputs: ["addPermission", "removePermission", "scopeChanged"] }, { kind: "directive", type: i1$1.ContextPermissionsBindingDirective, selector: "[igoContextPermissionsBinding]" }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: ContextPermissionManagerToolComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.1", 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({
@@ -728,9 +699,9 @@ ContextPermissionManagerToolComponent = __decorate([
         parent: 'contextManager'
     })
 ], ContextPermissionManagerToolComponent);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ContextPermissionManagerToolComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: ContextPermissionManagerToolComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'igo-context-permission-manager-tool', template: "<igo-context-permissions igoContextPermissionsBinding></igo-context-permissions>\n" }]
+            args: [{ selector: 'igo-context-permission-manager-tool', standalone: true, imports: [ContextPermissionsComponent, ContextPermissionsBindingDirective], template: "<igo-context-permissions igoContextPermissionsBinding></igo-context-permissions>\n" }]
         }] });
 
 /**
@@ -760,10 +731,10 @@ class LayerListToolState {
             sortAlpha: this.sortAlpha$.value
         };
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: LayerListToolState, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: LayerListToolState, providedIn: 'root' });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: LayerListToolState, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: LayerListToolState, providedIn: 'root' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: LayerListToolState, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: LayerListToolState, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
@@ -783,8 +754,8 @@ let ContextShareToolComponent = class ContextShareToolComponent {
         this.mapState = mapState;
         this.layerListToolState = layerListToolState;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ContextShareToolComponent, deps: [{ token: MapState }, { token: LayerListToolState }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ContextShareToolComponent, selector: "igo-context-share-tool", ngImport: i0, template: "<igo-share-map [map]=\"map\"></igo-share-map>\r\n", dependencies: [{ kind: "component", type: i1$1.ShareMapComponent, selector: "igo-share-map", inputs: ["map"] }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: ContextShareToolComponent, deps: [{ token: MapState }, { token: LayerListToolState }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.1", 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({
@@ -795,41 +766,10 @@ ContextShareToolComponent = __decorate([
     __metadata("design:paramtypes", [MapState,
         LayerListToolState])
 ], ContextShareToolComponent);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ContextShareToolComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: ContextShareToolComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'igo-context-share-tool', template: "<igo-share-map [map]=\"map\"></igo-share-map>\r\n" }]
-        }], ctorParameters: function () { return [{ type: MapState }, { type: LayerListToolState }]; } });
-
-class IgoAppContextModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: IgoAppContextModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: IgoAppContextModule, declarations: [ContextEditorToolComponent,
-            ContextManagerToolComponent,
-            ContextPermissionManagerToolComponent,
-            ContextShareToolComponent], imports: [IgoContextModule], exports: [ContextEditorToolComponent,
-            ContextManagerToolComponent,
-            ContextPermissionManagerToolComponent,
-            ContextShareToolComponent] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: IgoAppContextModule, imports: [IgoContextModule] });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: IgoAppContextModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    imports: [IgoContextModule],
-                    declarations: [
-                        ContextEditorToolComponent,
-                        ContextManagerToolComponent,
-                        ContextPermissionManagerToolComponent,
-                        ContextShareToolComponent
-                    ],
-                    exports: [
-                        ContextEditorToolComponent,
-                        ContextManagerToolComponent,
-                        ContextPermissionManagerToolComponent,
-                        ContextShareToolComponent
-                    ],
-                    schemas: [CUSTOM_ELEMENTS_SCHEMA]
-                }]
-        }] });
+            args: [{ selector: 'igo-context-share-tool', standalone: true, imports: [ShareMapComponent], template: "<igo-share-map [map]=\"map\"></igo-share-map>\n" }]
+        }], ctorParameters: () => [{ type: MapState }, { type: LayerListToolState }] });
 
 /**
  * Service that holds the state of the context module
@@ -906,15 +846,38 @@ class ContextState {
         }
         this.setContext(context);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ContextState, deps: [{ token: i1$1.ContextService }, { token: i2$2.ToolService }, { token: ToolState }, { token: i2.LanguageService }], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ContextState, providedIn: 'root' });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: ContextState, deps: [{ token: i1$1.ContextService }, { token: i2$2.ToolService }, { token: ToolState }, { token: i2.LanguageService }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: ContextState, providedIn: 'root' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ContextState, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: ContextState, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
                 }]
-        }], ctorParameters: function () { return [{ type: i1$1.ContextService }, { type: i2$2.ToolService }, { type: ToolState }, { type: i2.LanguageService }]; } });
+        }], ctorParameters: () => [{ type: i1$1.ContextService }, { type: i2$2.ToolService }, { type: ToolState }, { type: i2.LanguageService }] });
+
+const INTEGRATION_CONTEXT_DIRECTIVES = [
+    ContextEditorToolComponent,
+    ContextManagerToolComponent,
+    ContextPermissionManagerToolComponent,
+    ContextShareToolComponent
+];
+
+/**
+ * @deprecated import the components/directive directly or INTEGRATION_CONTEXT_DIRECTIVES for the set
+ */
+class IgoAppContextModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: IgoAppContextModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.2.1", ngImport: i0, type: IgoAppContextModule, imports: [ContextEditorToolComponent, ContextManagerToolComponent, ContextPermissionManagerToolComponent, ContextShareToolComponent], exports: [ContextEditorToolComponent, ContextManagerToolComponent, ContextPermissionManagerToolComponent, ContextShareToolComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: IgoAppContextModule, imports: [INTEGRATION_CONTEXT_DIRECTIVES] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: IgoAppContextModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [...INTEGRATION_CONTEXT_DIRECTIVES],
+                    exports: [...INTEGRATION_CONTEXT_DIRECTIVES]
+                }]
+        }] });
 
 /**
  * Service that holds the state of the direction module
@@ -969,15 +932,15 @@ class DirectionState {
             }
         });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DirectionState, deps: [{ token: MapState }], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DirectionState, providedIn: 'root' });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: DirectionState, deps: [{ token: MapState }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: DirectionState, providedIn: 'root' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DirectionState, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: DirectionState, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
                 }]
-        }], ctorParameters: function () { return [{ type: MapState }]; } });
+        }], ctorParameters: () => [{ type: MapState }] });
 
 let DirectionsToolComponent = class DirectionsToolComponent {
     directionState;
@@ -1054,8 +1017,8 @@ let DirectionsToolComponent = class DirectionsToolComponent {
             }
         });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DirectionsToolComponent, deps: [{ token: DirectionState }, { token: MapState }, { token: i2.LanguageService }, { token: i2.MessageService }, { token: i2.StorageService }, { token: ContextState }, { token: i2$1.AuthService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: DirectionsToolComponent, selector: "igo-directions-tool", ngImport: i0, template: "<igo-directions\r\n  [contextUri]=\"currentContextUri\"\r\n  [debounceTime]=\"debounceTime\"\r\n  [stopsStore]=\"stopsStore\"\r\n  [stopsFeatureStore]=\"stopsFeatureStore\"\r\n  [stepFeatureStore]=\"stepFeatureStore\"\r\n  [routesFeatureStore]=\"routesFeatureStore\"\r\n  [zoomToActiveRoute$]=\"zoomToActiveRoute$\"\r\n>\r\n</igo-directions>\r\n", dependencies: [{ kind: "component", type: i1.DirectionsComponent, selector: "igo-directions", inputs: ["contextUri", "stopsStore", "stopsFeatureStore", "routesFeatureStore", "stepFeatureStore", "debounce", "length", "coordRoundedDecimals", "zoomToActiveRoute$"] }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: DirectionsToolComponent, deps: [{ token: DirectionState }, { token: MapState }, { token: i2.LanguageService }, { token: i2.MessageService }, { token: i2.StorageService }, { token: ContextState }, { token: i2$1.AuthService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.1", type: DirectionsToolComponent, isStandalone: true, selector: "igo-directions-tool", ngImport: i0, template: "<igo-directions\r\n  [contextUri]=\"currentContextUri\"\r\n  [debounce]=\"debounceTime\"\r\n  [stopsStore]=\"stopsStore\"\r\n  [stopsFeatureStore]=\"stopsFeatureStore\"\r\n  [stepFeatureStore]=\"stepFeatureStore\"\r\n  [routesFeatureStore]=\"routesFeatureStore\"\r\n  [zoomToActiveRoute$]=\"zoomToActiveRoute$\"\r\n>\r\n</igo-directions>\r\n", dependencies: [{ kind: "ngmodule", type: IgoDirectionsModule }, { kind: "component", type: i1.DirectionsComponent, selector: "igo-directions", inputs: ["contextUri", "stopsStore", "stopsFeatureStore", "routesFeatureStore", "stepFeatureStore", "debounce", "length", "coordRoundedDecimals", "zoomToActiveRoute$"] }] });
 };
 DirectionsToolComponent = __decorate([
     ToolComponent({
@@ -1071,11 +1034,14 @@ DirectionsToolComponent = __decorate([
         ContextState,
         AuthService])
 ], DirectionsToolComponent);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DirectionsToolComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: DirectionsToolComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'igo-directions-tool', template: "<igo-directions\r\n  [contextUri]=\"currentContextUri\"\r\n  [debounceTime]=\"debounceTime\"\r\n  [stopsStore]=\"stopsStore\"\r\n  [stopsFeatureStore]=\"stopsFeatureStore\"\r\n  [stepFeatureStore]=\"stepFeatureStore\"\r\n  [routesFeatureStore]=\"routesFeatureStore\"\r\n  [zoomToActiveRoute$]=\"zoomToActiveRoute$\"\r\n>\r\n</igo-directions>\r\n" }]
-        }], ctorParameters: function () { return [{ type: DirectionState }, { type: MapState }, { type: i2.LanguageService }, { type: i2.MessageService }, { type: i2.StorageService }, { type: ContextState }, { type: i2$1.AuthService }]; } });
+            args: [{ selector: 'igo-directions-tool', standalone: true, imports: [IgoDirectionsModule], template: "<igo-directions\r\n  [contextUri]=\"currentContextUri\"\r\n  [debounce]=\"debounceTime\"\r\n  [stopsStore]=\"stopsStore\"\r\n  [stopsFeatureStore]=\"stopsFeatureStore\"\r\n  [stepFeatureStore]=\"stepFeatureStore\"\r\n  [routesFeatureStore]=\"routesFeatureStore\"\r\n  [zoomToActiveRoute$]=\"zoomToActiveRoute$\"\r\n>\r\n</igo-directions>\r\n" }]
+        }], ctorParameters: () => [{ type: DirectionState }, { type: MapState }, { type: i2.LanguageService }, { type: i2.MessageService }, { type: i2.StorageService }, { type: ContextState }, { type: i2$1.AuthService }] });
 
+/**
+ * @deprecated import the DirectionsToolComponent directly
+ */
 class IgoAppDirectionsModule {
     static forRoot() {
         return {
@@ -1083,17 +1049,15 @@ class IgoAppDirectionsModule {
             providers: []
         };
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: IgoAppDirectionsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: IgoAppDirectionsModule, declarations: [DirectionsToolComponent], imports: [IgoDirectionsModule], exports: [DirectionsToolComponent] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: IgoAppDirectionsModule, imports: [IgoDirectionsModule] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: IgoAppDirectionsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.2.1", ngImport: i0, type: IgoAppDirectionsModule, imports: [DirectionsToolComponent], exports: [DirectionsToolComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: IgoAppDirectionsModule, imports: [DirectionsToolComponent] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: IgoAppDirectionsModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: IgoAppDirectionsModule, decorators: [{
             type: NgModule,
             args: [{
-                    imports: [IgoDirectionsModule],
-                    declarations: [DirectionsToolComponent],
-                    exports: [DirectionsToolComponent],
-                    schemas: [CUSTOM_ELEMENTS_SCHEMA]
+                    imports: [DirectionsToolComponent],
+                    exports: [DirectionsToolComponent]
                 }]
         }] });
 
@@ -1124,15 +1088,15 @@ class DrawState {
             store = new FeatureStore([], { map: this.mapState.map });
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DrawState, deps: [{ token: MapState }], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DrawState, providedIn: 'root' });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: DrawState, deps: [{ token: MapState }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: DrawState, providedIn: 'root' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DrawState, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: DrawState, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
                 }]
-        }], ctorParameters: function () { return [{ type: MapState }]; } });
+        }], ctorParameters: () => [{ type: MapState }] });
 
 /**
  * Tool to measure lengths and areas
@@ -1179,8 +1143,8 @@ let DrawingToolComponent = class DrawingToolComponent {
         this.drawState = drawState;
         this.mapState = mapState;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DrawingToolComponent, deps: [{ token: DrawState }, { token: MapState }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: DrawingToolComponent, selector: "igo-drawing-tool", ngImport: i0, template: "<igo-draw\r\n  [stores]=\"stores\"\r\n  [map]=\"map\"\r\n  (layersIDEvent)=\"addLayersID($event)\"\r\n  [activeDrawingLayer]=\"activeDrawingLayer\"\r\n  [drawControls]=\"drawControls\"\r\n  (drawControlsEvent)=\"addDrawControls($event)\"\r\n  (activeLayerChange)=\"activeDrawingLayer = $event\"\r\n>\r\n</igo-draw>\r\n", dependencies: [{ kind: "component", type: i1.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: "17.2.1", ngImport: i0, type: DrawingToolComponent, deps: [{ token: DrawState }, { token: MapState }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.1", 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({
@@ -1191,38 +1155,38 @@ DrawingToolComponent = __decorate([
     __metadata("design:paramtypes", [DrawState,
         MapState])
 ], DrawingToolComponent);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DrawingToolComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: DrawingToolComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'igo-drawing-tool', changeDetection: ChangeDetectionStrategy.OnPush, template: "<igo-draw\r\n  [stores]=\"stores\"\r\n  [map]=\"map\"\r\n  (layersIDEvent)=\"addLayersID($event)\"\r\n  [activeDrawingLayer]=\"activeDrawingLayer\"\r\n  [drawControls]=\"drawControls\"\r\n  (drawControlsEvent)=\"addDrawControls($event)\"\r\n  (activeLayerChange)=\"activeDrawingLayer = $event\"\r\n>\r\n</igo-draw>\r\n" }]
-        }], ctorParameters: function () { return [{ type: DrawState }, { type: MapState }]; } });
+            args: [{ selector: 'igo-drawing-tool', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, 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 }] });
 
 /**
- * @ignore
+ * @deprecated import the DrawingToolComponent directly
  */
 class IgoAppDrawingToolModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: IgoAppDrawingToolModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: IgoAppDrawingToolModule, declarations: [DrawingToolComponent], imports: [IgoDrawingToolModule], exports: [DrawingToolComponent] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: IgoAppDrawingToolModule, imports: [IgoDrawingToolModule] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: IgoAppDrawingToolModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.2.1", ngImport: i0, type: IgoAppDrawingToolModule, imports: [DrawingToolComponent], exports: [DrawingToolComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: IgoAppDrawingToolModule, imports: [DrawingToolComponent] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: IgoAppDrawingToolModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: IgoAppDrawingToolModule, decorators: [{
             type: NgModule,
             args: [{
-                    imports: [IgoDrawingToolModule],
-                    declarations: [DrawingToolComponent],
-                    exports: [DrawingToolComponent],
-                    schemas: [CUSTOM_ELEMENTS_SCHEMA]
+                    imports: [DrawingToolComponent],
+                    exports: [DrawingToolComponent]
                 }]
         }] });
 
+/**
+ * @deprecated import the DrawingToolComponent directly
+ */
 class IgoAppDrawModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: IgoAppDrawModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: IgoAppDrawModule, imports: [IgoDrawingToolModule], exports: [IgoAppDrawingToolModule] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: IgoAppDrawModule, imports: [IgoDrawingToolModule, IgoAppDrawingToolModule] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: IgoAppDrawModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.2.1", ngImport: i0, type: IgoAppDrawModule, exports: [IgoAppDrawingToolModule] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: IgoAppDrawModule, imports: [IgoAppDrawingToolModule] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: IgoAppDrawModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: IgoAppDrawModule, decorators: [{
             type: NgModule,
             args: [{
-                    imports: [IgoDrawingToolModule],
                     exports: [IgoAppDrawingToolModule]
                 }]
         }] });
@@ -1253,8 +1217,8 @@ let ActiveOgcFilterToolComponent = class ActiveOgcFilterToolComponent {
     constructor(mapState) {
         this.mapState = mapState;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ActiveOgcFilterToolComponent, deps: [{ token: MapState }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ActiveOgcFilterToolComponent, selector: "igo-active-ogc-filter-tool", ngImport: i0, template: "<igo-ogc-filterable-item\r\n  [map]=\"map\"\r\n  [layer]=\"layer\"\r\n  [header]=\"false\"\r\n  [@toolSlideInOut]=\"animate\"\r\n>\r\n</igo-ogc-filterable-item>\r\n", dependencies: [{ kind: "component", type: i1.OgcFilterableItemComponent, selector: "igo-ogc-filterable-item", inputs: ["layer", "map", "header"] }], animations: [toolSlideInOut$1()] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: ActiveOgcFilterToolComponent, deps: [{ token: MapState }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.1", 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({
@@ -1265,10 +1229,10 @@ ActiveOgcFilterToolComponent = __decorate([
     }),
     __metadata("design:paramtypes", [MapState])
 ], ActiveOgcFilterToolComponent);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ActiveOgcFilterToolComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: ActiveOgcFilterToolComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'igo-active-ogc-filter-tool', animations: [toolSlideInOut$1()], template: "<igo-ogc-filterable-item\r\n  [map]=\"map\"\r\n  [layer]=\"layer\"\r\n  [header]=\"false\"\r\n  [@toolSlideInOut]=\"animate\"\r\n>\r\n</igo-ogc-filterable-item>\r\n" }]
-        }], ctorParameters: function () { return [{ type: MapState }]; } });
+            args: [{ selector: 'igo-active-ogc-filter-tool', animations: [toolSlideInOut$1()], standalone: true, 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', [
@@ -1296,8 +1260,8 @@ let ActiveTimeFilterToolComponent = class ActiveTimeFilterToolComponent {
     constructor(mapState) {
         this.mapState = mapState;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ActiveTimeFilterToolComponent, deps: [{ token: MapState }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ActiveTimeFilterToolComponent, selector: "igo-active-time-filter-tool", ngImport: i0, template: "<igo-time-filter-item\r\n  [map]=\"map\"\r\n  [layer]=\"layer\"\r\n  [header]=\"false\"\r\n  [@toolSlideInOut]=\"animate\"\r\n>\r\n</igo-time-filter-item>\r\n", dependencies: [{ kind: "component", type: i1.TimeFilterItemComponent, selector: "igo-time-filter-item", inputs: ["header", "layer"] }], animations: [toolSlideInOut()] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: ActiveTimeFilterToolComponent, deps: [{ token: MapState }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.1", type: ActiveTimeFilterToolComponent, isStandalone: true, selector: "igo-active-time-filter-tool", ngImport: i0, template: "<igo-time-filter-item\r\n  [layer]=\"layer\"\r\n  [header]=\"false\"\r\n  [@toolSlideInOut]=\"animate\"\r\n>\r\n</igo-time-filter-item>\r\n", dependencies: [{ kind: "component", type: TimeFilterItemComponent, selector: "igo-time-filter-item", inputs: ["header", "layer"] }], animations: [toolSlideInOut()] });
 };
 ActiveTimeFilterToolComponent = __decorate([
     ToolComponent({
@@ -1308,15 +1272,15 @@ ActiveTimeFilterToolComponent = __decorate([
     }),
     __metadata("design:paramtypes", [MapState])
 ], ActiveTimeFilterToolComponent);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ActiveTimeFilterToolComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: ActiveTimeFilterToolComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'igo-active-time-filter-tool', animations: [toolSlideInOut()], template: "<igo-time-filter-item\r\n  [map]=\"map\"\r\n  [layer]=\"layer\"\r\n  [header]=\"false\"\r\n  [@toolSlideInOut]=\"animate\"\r\n>\r\n</igo-time-filter-item>\r\n" }]
-        }], ctorParameters: function () { return [{ type: MapState }]; } });
+            args: [{ selector: 'igo-active-time-filter-tool', animations: [toolSlideInOut()], standalone: true, imports: [TimeFilterItemComponent], template: "<igo-time-filter-item\r\n  [layer]=\"layer\"\r\n  [header]=\"false\"\r\n  [@toolSlideInOut]=\"animate\"\r\n>\r\n</igo-time-filter-item>\r\n" }]
+        }], ctorParameters: () => [{ type: MapState }] });
 
 let OgcFilterToolComponent = class OgcFilterToolComponent {
     constructor() { }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: OgcFilterToolComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: OgcFilterToolComponent, selector: "igo-ogc-filter-tool", ngImport: i0, template: "<igo-ogc-filterable-list igoOgcFilterableListBinding></igo-ogc-filterable-list>\r\n", dependencies: [{ kind: "component", type: i1.OgcFilterableListComponent, selector: "igo-ogc-filterable-list", inputs: ["layers", "map"] }, { kind: "directive", type: i1.OgcFilterableListBindingDirective, selector: "[igoOgcFilterableListBinding]" }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: OgcFilterToolComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.1", 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({
@@ -1326,10 +1290,10 @@ OgcFilterToolComponent = __decorate([
     }),
     __metadata("design:paramtypes", [])
 ], OgcFilterToolComponent);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: OgcFilterToolComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: OgcFilterToolComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'igo-ogc-filter-tool', template: "<igo-ogc-filterable-list igoOgcFilterableListBinding></igo-ogc-filterable-list>\r\n" }]
-        }], ctorParameters: function () { return []; } });
+            args: [{ selector: 'igo-ogc-filter-tool', standalone: true, imports: [OgcFilterableListComponent, OgcFilterableListBindingDirective], template: "<igo-ogc-filterable-list igoOgcFilterableListBinding></igo-ogc-filterable-list>\n" }]
+        }], ctorParameters: () => [] });
 
 /**
  * Service that holds the state of storage service
@@ -1342,15 +1306,15 @@ class StorageState {
     constructor(igoStorageService) {
         this.igoStorageService = igoStorageService;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: StorageState, deps: [{ token: i2.StorageService }], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: StorageState, providedIn: 'root' });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: StorageState, deps: [{ token: i2.StorageService }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: StorageState, providedIn: 'root' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: StorageState, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: StorageState, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
                 }]
-        }], ctorParameters: function () { return [{ type: i2.StorageService }]; } });
+        }], ctorParameters: () => [{ type: i2.StorageService }] });
 
 function handleZoomAuto(workspace, storageService) {
     const zoomStrategy = workspace.entityStore.getStrategyOfType(FeatureStoreSelectionStrategy);
@@ -1358,7 +1322,7 @@ function handleZoomAuto(workspace, storageService) {
         ? FeatureMotion.Default
         : FeatureMotion.None);
 }
-function getWorkspaceActions(workspace, rowsInMapExtentCheckCondition$, selectOnlyCheckCondition$, ogcFilterWidget, zoomAuto$, maximize$, storageService, languageService, mediaService, toolState, datePipe) {
+function getWorkspaceActions(workspace, rowsInMapExtentCheckCondition$, selectOnlyCheckCondition$, ogcFilterWidget, zoomAuto$, maximize$, storageService, languageService, mediaService, toolState) {
     const actions = [
         {
             id: 'zoomAuto',
@@ -1467,7 +1431,7 @@ function getWorkspaceActions(workspace, rowsInMapExtentCheckCondition$, selectOn
             title: 'igo.integration.workspace.print.title',
             tooltip: 'igo.integration.workspace.print.tooltip',
             handler: (ws) => {
-                const title = `${ws.layer.title} (${datePipe.transform(Date.now(), 'YYYY-MM-dd-H_mm')})`;
+                const title = `${ws.layer.title} (${dateTransform(new Date(), 'YYYY-MM-DD-HH_mm')})`;
                 const doc = new jsPDF.default('landscape');
                 const totalPagesExp = '{total_pages_count_string}';
                 doc.text(title, 14, 20);
@@ -1515,7 +1479,6 @@ class EditionActionsService {
     languageService;
     mediaService;
     toolState;
-    datePipe;
     maximize$;
     zoomAuto$ = new BehaviorSubject(false);
     storageChange$$;
@@ -1525,13 +1488,12 @@ class EditionActionsService {
     get zoomAuto() {
         return this.storageService.get('zoomAuto');
     }
-    constructor(ogcFilterWidget, storageState, languageService, mediaService, toolState, datePipe) {
+    constructor(ogcFilterWidget, storageState, languageService, mediaService, toolState) {
         this.ogcFilterWidget = ogcFilterWidget;
         this.storageState = storageState;
         this.languageService = languageService;
         this.mediaService = mediaService;
         this.toolState = toolState;
-        this.datePipe = datePipe;
         this.maximize$ = new BehaviorSubject(this.storageService.get('workspaceMaximize'));
     }
     ngOnDestroy() {
@@ -1552,27 +1514,26 @@ class EditionActionsService {
             this.zoomAuto$.next(this.zoomAuto);
             handleZoomAuto(workspace, this.storageService);
         });
-        return getWorkspaceActions(workspace, rowsInMapExtentCheckCondition$, selectOnlyCheckCondition$, this.ogcFilterWidget, this.zoomAuto$, this.maximize$, this.storageService, this.languageService, this.mediaService, this.toolState, this.datePipe);
+        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: "16.2.12", ngImport: i0, type: EditionActionsService, deps: [{ token: OgcFilterWidget }, { token: StorageState }, { token: i2.LanguageService }, { token: i2.MediaService }, { token: ToolState }, { token: i4.DatePipe }], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: EditionActionsService, providedIn: 'root' });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: EditionActionsService, deps: [{ token: OgcFilterWidget }, { token: StorageState }, { token: i2.LanguageService }, { token: i2.MediaService }, { token: ToolState }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: EditionActionsService, providedIn: 'root' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: EditionActionsService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: EditionActionsService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
                 }]
-        }], ctorParameters: function () { return [{ type: i2$2.Widget, decorators: [{
+        }], ctorParameters: () => [{ type: i2$2.Widget, decorators: [{
                     type: Inject,
                     args: [OgcFilterWidget]
-                }] }, { type: StorageState }, { type: i2.LanguageService }, { type: i2.MediaService }, { type: ToolState }, { type: i4.DatePipe }]; } });
+                }] }, { type: StorageState }, { type: i2.LanguageService }, { type: i2.MediaService }, { type: ToolState }] });
 
 class FeatureActionsService {
     storageState;
     languageService;
     toolState;
     mediaService;
-    datePipe;
     maximize$;
     zoomAuto$ = new BehaviorSubject(false);
     storageChange$$;
@@ -1582,12 +1543,11 @@ class FeatureActionsService {
     get zoomAuto() {
         return this.storageService.get('zoomAuto');
     }
-    constructor(storageState, languageService, toolState, mediaService, datePipe) {
+    constructor(storageState, languageService, toolState, mediaService) {
         this.storageState = storageState;
         this.languageService = languageService;
         this.toolState = toolState;
         this.mediaService = mediaService;
-        this.datePipe = datePipe;
         this.maximize$ = new BehaviorSubject(this.storageService.get('workspaceMaximize'));
     }
     ngOnDestroy() {
@@ -1608,17 +1568,17 @@ class FeatureActionsService {
             this.zoomAuto$.next(this.zoomAuto);
             handleZoomAuto(workspace, this.storageService);
         });
-        return getWorkspaceActions(workspace, rowsInMapExtentCheckCondition$, selectOnlyCheckCondition$, undefined, this.zoomAuto$, this.maximize$, this.storageService, this.languageService, this.mediaService, this.toolState, this.datePipe);
+        return getWorkspaceActions(workspace, rowsInMapExtentCheckCondition$, selectOnlyCheckCondition$, undefined, this.zoomAuto$, this.maximize$, this.storageService, this.languageService, this.mediaService, this.toolState);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FeatureActionsService, deps: [{ token: StorageState }, { token: i2.LanguageService }, { token: ToolState }, { token: i2.MediaService }, { token: i4.DatePipe }], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FeatureActionsService, providedIn: 'root' });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: FeatureActionsService, deps: [{ token: StorageState }, { token: i2.LanguageService }, { token: ToolState }, { token: i2.MediaService }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: FeatureActionsService, providedIn: 'root' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FeatureActionsService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: FeatureActionsService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
                 }]
-        }], ctorParameters: function () { return [{ type: StorageState }, { type: i2.LanguageService }, { type: ToolState }, { type: i2.MediaService }, { type: i4.DatePipe }]; } });
+        }], ctorParameters: () => [{ type: StorageState }, { type: i2.LanguageService }, { type: ToolState }, { type: i2.MediaService }] });
 
 class WfsActionsService {
     ogcFilterWidget;
@@ -1626,7 +1586,6 @@ class WfsActionsService {
     languageService;
     mediaService;
     toolState;
-    datePipe;
     maximize$;
     selectOnlyCheckCondition$ = new BehaviorSubject(false);
     // rowsInMapExtentCheckCondition$: BehaviorSubject<boolean> = new BehaviorSubject(true);
@@ -1638,13 +1597,12 @@ class WfsActionsService {
     get zoomAuto() {
         return this.storageService.get('zoomAuto');
     }
-    constructor(ogcFilterWidget, storageState, languageService, mediaService, toolState, datePipe) {
+    constructor(ogcFilterWidget, storageState, languageService, mediaService, toolState) {
         this.ogcFilterWidget = ogcFilterWidget;
         this.storageState = storageState;
         this.languageService = languageService;
         this.mediaService = mediaService;
         this.toolState = toolState;
-        this.datePipe = datePipe;
         this.maximize$ = new BehaviorSubject(this.storageService.get('workspaceMaximize'));
     }
     ngOnDestroy() {
@@ -1665,20 +1623,20 @@ class WfsActionsService {
             this.zoomAuto$.next(this.zoomAuto);
             handleZoomAuto(workspace, this.storageService);
         });
-        return getWorkspaceActions(workspace, rowsInMapExtentCheckCondition$, selectOnlyCheckCondition$, this.ogcFilterWidget, this.zoomAuto$, this.maximize$, this.storageService, this.languageService, this.mediaService, this.toolState, this.datePipe);
+        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: "16.2.12", ngImport: i0, type: WfsActionsService, deps: [{ token: OgcFilterWidget }, { token: StorageState }, { token: i2.LanguageService }, { token: i2.MediaService }, { token: ToolState }, { token: i4.DatePipe }], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: WfsActionsService, providedIn: 'root' });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: WfsActionsService, deps: [{ token: OgcFilterWidget }, { token: StorageState }, { token: i2.LanguageService }, { token: i2.MediaService }, { token: ToolState }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: WfsActionsService, providedIn: 'root' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: WfsActionsService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: WfsActionsService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
                 }]
-        }], ctorParameters: function () { return [{ type: i2$2.Widget, decorators: [{
+        }], ctorParameters: () => [{ type: i2$2.Widget, decorators: [{
                     type: Inject,
                     args: [OgcFilterWidget]
-                }] }, { type: StorageState }, { type: i2.LanguageService }, { type: i2.MediaService }, { type: ToolState }, { type: i4.DatePipe }]; } });
+                }] }, { type: StorageState }, { type: i2.LanguageService }, { type: i2.MediaService }, { type: ToolState }] });
 
 /**
  * Service that holds the state of the workspace module
@@ -1861,15 +1819,15 @@ class WorkspaceState {
             this.activeWorkspace$$.unsubscribe();
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: WorkspaceState, deps: [{ token: FeatureActionsService }, { token: WfsActionsService }, { token: EditionActionsService }, { token: i2.StorageService }], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: WorkspaceState, providedIn: 'root' });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: WorkspaceState, deps: [{ token: FeatureActionsService }, { token: WfsActionsService }, { token: EditionActionsService }, { token: i2.StorageService }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: WorkspaceState, providedIn: 'root' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: WorkspaceState, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: WorkspaceState, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
                 }]
-        }], ctorParameters: function () { return [{ type: FeatureActionsService }, { type: WfsActionsService }, { type: EditionActionsService }, { type: i2.StorageService }]; } });
+        }], ctorParameters: () => [{ type: FeatureActionsService }, { type: WfsActionsService }, { type: EditionActionsService }, { type: i2.StorageService }] });
 
 /**
  * Tool to apply spatial filter
@@ -2389,8 +2347,8 @@ let SpatialFilterToolComponent = class SpatialFilterToolComponent {
         }
         this.activeLayers.push(layer);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SpatialFilterToolComponent, deps: [{ token: i7.MatIconRegistry }, { token: i1.SpatialFilterService }, { token: i1.DataSourceService }, { token: i1.LayerService }, { token: MapState }, { token: i2.MessageService }, { token: i2.LanguageService }, { token: ImportExportState }, { token: ToolState }, { token: WorkspaceState }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: SpatialFilterToolComponent, selector: "igo-spatial-filter-tool", inputs: { type: "type", itemType: "itemType", freehandDrawIsActive: "freehandDrawIsActive" }, ngImport: i0, template: "<igo-panel>\r\n  <igo-spatial-filter-type\r\n    [store]=\"spatialListStore\"\r\n    [selectedQueryType]=\"queryType\"\r\n    [zone]=\"zone\"\r\n    [layers]=\"activeLayers\"\r\n    (eventType)=\"getOutputType($event)\"\r\n    (eventQueryType)=\"getOutputQueryType($event)\"\r\n    (zoneChange)=\"onZoneChange($event)\"\r\n    (zoneWithBufferChange)=\"onZoneChange($event, true)\"\r\n    (bufferChange)=\"buffer = $event\"\r\n    (measureUnitChange)=\"measureUnit = $event\"\r\n  >\r\n  </igo-spatial-filter-type>\r\n\r\n  <igo-spatial-filter-item\r\n    [type]=\"type\"\r\n    [queryType]=\"queryType\"\r\n    [map]=\"map\"\r\n    [zone]=\"zone\"\r\n    [loading]=\"loading\"\r\n    [store]=\"store\"\r\n    [layers]=\"activeLayers\"\r\n    [allLayers]=\"layers\"\r\n    [thematicLength]=\"thematicLength\"\r\n    (radiusEvent)=\"buffer = $event\"\r\n    (bufferEvent)=\"buffer = $event\"\r\n    (measureUnitChange)=\"measureUnit = $event\"\r\n    (freehandControl)=\"freehandDrawIsActive = $event\"\r\n    (drawZoneEvent)=\"zone = $event\"\r\n    (zoneWithBufferChange)=\"onZoneChange($event, true)\"\r\n    (itemTypeChange)=\"itemType = $event\"\r\n    (thematicChange)=\"thematics = $event\"\r\n    (toggleSearch)=\"getOutputToggleSearch()\"\r\n    (clearButtonEvent)=\"clearMap()\"\r\n    (clearSearchEvent)=\"getOutputClearSearch()\"\r\n    (export)=\"activateExportTool()\"\r\n    (openWorkspace)=\"activateWorkspace()\"\r\n    (entityChange)=\"activateWorkspace($event)\"\r\n  >\r\n  </igo-spatial-filter-item>\r\n</igo-panel>\r\n\r\n<igo-panel>\r\n  <ng-container *ngIf=\"selectedFeature$ | async as feature\">\r\n    <igo-feature-details [feature]=\"feature\"></igo-feature-details>\r\n  </ng-container>\r\n</igo-panel>\r\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: i1.SpatialFilterTypeComponent, selector: "igo-spatial-filter-type", inputs: ["store", "selectedQueryType", "zone", "layers"], outputs: ["eventType", "eventQueryType", "zoneChange", "zoneWithBufferChange", "bufferChange", "measureUnitChange"] }, { kind: "component", type: i1.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: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i4.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: SpatialFilterToolComponent, deps: [{ token: i7.MatIconRegistry }, { token: i1.SpatialFilterService }, { token: i1.DataSourceService }, { token: i1.LayerService }, { token: MapState }, { token: i2.MessageService }, { token: i2.LanguageService }, { token: ImportExportState }, { token: ToolState }, { token: WorkspaceState }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.1", type: SpatialFilterToolComponent, isStandalone: true, selector: "igo-spatial-filter-tool", inputs: { type: "type", itemType: "itemType", freehandDrawIsActive: "freehandDrawIsActive" }, ngImport: i0, template: "<igo-spatial-filter-type\r\n  [store]=\"spatialListStore\"\r\n  [selectedQueryType]=\"queryType\"\r\n  [zone]=\"zone\"\r\n  [layers]=\"activeLayers\"\r\n  (eventType)=\"getOutputType($event)\"\r\n  (eventQueryType)=\"getOutputQueryType($event)\"\r\n  (zoneChange)=\"onZoneChange($event)\"\r\n  (zoneWithBufferChange)=\"onZoneChange($event, true)\"\r\n  (bufferChange)=\"buffer = $event\"\r\n  (measureUnitChange)=\"measureUnit = $event\"\r\n>\r\n</igo-spatial-filter-type>\r\n\r\n<igo-spatial-filter-item\r\n  [type]=\"type\"\r\n  [queryType]=\"queryType\"\r\n  [map]=\"map\"\r\n  [zone]=\"zone\"\r\n  [loading]=\"loading\"\r\n  [store]=\"store\"\r\n  [layers]=\"activeLayers\"\r\n  [allLayers]=\"layers\"\r\n  [thematicLength]=\"thematicLength\"\r\n  (radiusEvent)=\"buffer = $event\"\r\n  (bufferEvent)=\"buffer = $event\"\r\n  (measureUnitChange)=\"measureUnit = $event\"\r\n  (freehandControl)=\"freehandDrawIsActive = $event\"\r\n  (drawZoneEvent)=\"zone = $event\"\r\n  (zoneWithBufferChange)=\"onZoneChange($event, true)\"\r\n  (itemTypeChange)=\"itemType = $event\"\r\n  (thematicChange)=\"thematics = $event\"\r\n  (toggleSearch)=\"getOutputToggleSearch()\"\r\n  (clearButtonEvent)=\"clearMap()\"\r\n  (clearSearchEvent)=\"getOutputClearSearch()\"\r\n  (export)=\"activateExportTool()\"\r\n  (openWorkspace)=\"activateWorkspace()\"\r\n  (entityChange)=\"activateWorkspace($event)\"\r\n>\r\n</igo-spatial-filter-item>\r\n<ng-container *ngIf=\"selectedFeature$ | async as feature\">\r\n  <igo-feature-details [feature]=\"feature\"></igo-feature-details>\r\n</ng-container>\r\n", 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 });
 };
 SpatialFilterToolComponent = __decorate([
     ToolComponent({
@@ -2414,10 +2372,17 @@ SpatialFilterToolComponent = __decorate([
         WorkspaceState,
         ChangeDetectorRef])
 ], SpatialFilterToolComponent);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SpatialFilterToolComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: SpatialFilterToolComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'igo-spatial-filter-tool', changeDetection: ChangeDetectionStrategy.OnPush, template: "<igo-panel>\r\n  <igo-spatial-filter-type\r\n    [store]=\"spatialListStore\"\r\n    [selectedQueryType]=\"queryType\"\r\n    [zone]=\"zone\"\r\n    [layers]=\"activeLayers\"\r\n    (eventType)=\"getOutputType($event)\"\r\n    (eventQueryType)=\"getOutputQueryType($event)\"\r\n    (zoneChange)=\"onZoneChange($event)\"\r\n    (zoneWithBufferChange)=\"onZoneChange($event, true)\"\r\n    (bufferChange)=\"buffer = $event\"\r\n    (measureUnitChange)=\"measureUnit = $event\"\r\n  >\r\n  </igo-spatial-filter-type>\r\n\r\n  <igo-spatial-filter-item\r\n    [type]=\"type\"\r\n    [queryType]=\"queryType\"\r\n    [map]=\"map\"\r\n    [zone]=\"zone\"\r\n    [loading]=\"loading\"\r\n    [store]=\"store\"\r\n    [layers]=\"activeLayers\"\r\n    [allLayers]=\"layers\"\r\n    [thematicLength]=\"thematicLength\"\r\n    (radiusEvent)=\"buffer = $event\"\r\n    (bufferEvent)=\"buffer = $event\"\r\n    (measureUnitChange)=\"measureUnit = $event\"\r\n    (freehandControl)=\"freehandDrawIsActive = $event\"\r\n    (drawZoneEvent)=\"zone = $event\"\r\n    (zoneWithBufferChange)=\"onZoneChange($event, true)\"\r\n    (itemTypeChange)=\"itemType = $event\"\r\n    (thematicChange)=\"thematics = $event\"\r\n    (toggleSearch)=\"getOutputToggleSearch()\"\r\n    (clearButtonEvent)=\"clearMap()\"\r\n    (clearSearchEvent)=\"getOutputClearSearch()\"\r\n    (export)=\"activateExportTool()\"\r\n    (openWorkspace)=\"activateWorkspace()\"\r\n    (entityChange)=\"activateWorkspace($event)\"\r\n  >\r\n  </igo-spatial-filter-item>\r\n</igo-panel>\r\n\r\n<igo-panel>\r\n  <ng-container *ngIf=\"selectedFeature$ | async as feature\">\r\n    <igo-feature-details [feature]=\"feature\"></igo-feature-details>\r\n  </ng-container>\r\n</igo-panel>\r\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: function () { return [{ type: i7.MatIconRegistry }, { type: i1.SpatialFilterService }, { type: i1.DataSourceService }, { type: i1.LayerService }, { type: MapState }, { type: i2.MessageService }, { type: i2.LanguageService }, { type: ImportExportState }, { type: ToolState }, { type: WorkspaceState }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { type: [{
+            args: [{ selector: 'igo-spatial-filter-tool', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [
+                        SpatialFilterTypeComponent,
+                        SpatialFilterItemComponent,
+                        PanelComponent,
+                        FeatureDetailsComponent,
+                        NgIf,
+                        AsyncPipe
+                    ], template: "<igo-spatial-filter-type\r\n  [store]=\"spatialListStore\"\r\n  [selectedQueryType]=\"queryType\"\r\n  [zone]=\"zone\"\r\n  [layers]=\"activeLayers\"\r\n  (eventType)=\"getOutputType($event)\"\r\n  (eventQueryType)=\"getOutputQueryType($event)\"\r\n  (zoneChange)=\"onZoneChange($event)\"\r\n  (zoneWithBufferChange)=\"onZoneChange($event, true)\"\r\n  (bufferChange)=\"buffer = $event\"\r\n  (measureUnitChange)=\"measureUnit = $event\"\r\n>\r\n</igo-spatial-filter-type>\r\n\r\n<igo-spatial-filter-item\r\n  [type]=\"type\"\r\n  [queryType]=\"queryType\"\r\n  [map]=\"map\"\r\n  [zone]=\"zone\"\r\n  [loading]=\"loading\"\r\n  [store]=\"store\"\r\n  [layers]=\"activeLayers\"\r\n  [allLayers]=\"layers\"\r\n  [thematicLength]=\"thematicLength\"\r\n  (radiusEvent)=\"buffer = $event\"\r\n  (bufferEvent)=\"buffer = $event\"\r\n  (measureUnitChange)=\"measureUnit = $event\"\r\n  (freehandControl)=\"freehandDrawIsActive = $event\"\r\n  (drawZoneEvent)=\"zone = $event\"\r\n  (zoneWithBufferChange)=\"onZoneChange($event, true)\"\r\n  (itemTypeChange)=\"itemType = $event\"\r\n  (thematicChange)=\"thematics = $event\"\r\n  (toggleSearch)=\"getOutputToggleSearch()\"\r\n  (clearButtonEvent)=\"clearMap()\"\r\n  (clearSearchEvent)=\"getOutputClearSearch()\"\r\n  (export)=\"activateExportTool()\"\r\n  (openWorkspace)=\"activateWorkspace()\"\r\n  (entityChange)=\"activateWorkspace($event)\"\r\n>\r\n</igo-spatial-filter-item>\r\n<ng-container *ngIf=\"selectedFeature$ | async as feature\">\r\n  <igo-feature-details [feature]=\"feature\"></igo-feature-details>\r\n</ng-container>\r\n", 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: i7.MatIconRegistry }, { type: i1.SpatialFilterService }, { type: i1.DataSourceService }, { type: i1.LayerService }, { type: MapState }, { type: i2.MessageService }, { type: i2.LanguageService }, { type: ImportExportState }, { type: ToolState }, { type: WorkspaceState }, { type: i0.ChangeDetectorRef }], propDecorators: { type: [{
                 type: Input
             }], itemType: [{
                 type: Input
@@ -2427,8 +2392,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
 
 let TimeFilterToolComponent = class TimeFilterToolComponent {
     constructor() { }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TimeFilterToolComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TimeFilterToolComponent, selector: "igo-time-filter-tool", ngImport: i0, template: "<igo-time-filter-list igoTimeFilterListBinding></igo-time-filter-list>\n", dependencies: [{ kind: "component", type: i1.TimeFilterListComponent, selector: "igo-time-filter-list", inputs: ["layers"] }, { kind: "directive", type: i1.TimeFilterListBindingDirective, selector: "[igoTimeFilterListBinding]" }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: TimeFilterToolComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.1", 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({
@@ -2438,11 +2403,14 @@ TimeFilterToolComponent = __decorate([
     }),
     __metadata("design:paramtypes", [])
 ], TimeFilterToolComponent);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TimeFilterToolComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: TimeFilterToolComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'igo-time-filter-tool', template: "<igo-time-filter-list igoTimeFilterListBinding></igo-time-filter-list>\n" }]
-        }], ctorParameters: function () { return []; } });
+            args: [{ selector: 'igo-time-filter-tool', standalone: true, imports: [TimeFilterListComponent, TimeFilterListBindingDirective], template: "<igo-time-filter-list igoTimeFilterListBinding></igo-time-filter-list>\n" }]
+        }], ctorParameters: () => [] });
 
+/**
+ * @deprecated import the components directly or INTEGRATION_FILTER_DIRECTIVES for the set
+ */
 class IgoAppFilterModule {
     static forRoot() {
         return {
@@ -2450,23 +2418,26 @@ class IgoAppFilterModule {
             providers: []
         };
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: IgoAppFilterModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: IgoAppFilterModule, declarations: [OgcFilterToolComponent,
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: IgoAppFilterModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.2.1", ngImport: i0, type: IgoAppFilterModule, imports: [OgcFilterToolComponent,
+            ActiveOgcFilterToolComponent,
+            TimeFilterToolComponent,
+            ActiveTimeFilterToolComponent,
+            SpatialFilterToolComponent], exports: [OgcFilterToolComponent,
             ActiveOgcFilterToolComponent,
             TimeFilterToolComponent,
             ActiveTimeFilterToolComponent,
-            SpatialFilterToolComponent], imports: [IgoFilterModule, IgoQueryModule, CommonModule], exports: [OgcFilterToolComponent,
+            SpatialFilterToolComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: IgoAppFilterModule, imports: [OgcFilterToolComponent,
             ActiveOgcFilterToolComponent,
             TimeFilterToolComponent,
             ActiveTimeFilterToolComponent,
             SpatialFilterToolComponent] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: IgoAppFilterModule, imports: [IgoFilterModule, IgoQueryModule, CommonModule] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: IgoAppFilterModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: IgoAppFilterModule, decorators: [{
             type: NgModule,
             args: [{
-                    imports: [IgoFilterModule, IgoQueryModule, CommonModule],
-                    declarations: [
+                    imports: [
                         OgcFilterToolComponent,
                         ActiveOgcFilterToolComponent,
                         TimeFilterToolComponent,
@@ -2479,8 +2450,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                         TimeFilterToolComponent,
                         ActiveTimeFilterToolComponent,
                         SpatialFilterToolComponent
-                    ],
-                    schemas: [CUSTOM_ELEMENTS_SCHEMA]
+                    ]
                 }]
         }] });
 
@@ -2625,8 +2595,8 @@ let DataIssueReporterToolComponent = class DataIssueReporterToolComponent {
             this.clearForm();
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DataIssueReporterToolComponent, deps: [{ token: MapState }, { token: i2$2.FormService }, { token: i2.LanguageService }, { token: i2.MessageService }, { token: i3.HttpClient }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: DataIssueReporterToolComponent, selector: "igo-issue-reporter-tool", inputs: { url: "url" }, ngImport: i0, template: "<igo-form\r\n  *ngIf=\"form$ | async as form\"\r\n  [form]=\"form\"\r\n  [formData]=\"data$ | async\"\r\n  (submitForm)=\"onSubmit($event)\"\r\n>\r\n  <div *ngIf=\"form.fields.length\" class=\"form-container\">\r\n    <igo-form-field\r\n      *ngFor=\"let field of form.fields\"\r\n      [field]=\"field\"\r\n    ></igo-form-field>\r\n  </div>\r\n\r\n  <div formButtons class=\"actions-container\">\r\n    <button\r\n      mat-stroked-button\r\n      type=\"button\"\r\n      color=\"primary\"\r\n      (click)=\"clearForm()\"\r\n    >\r\n      {{ 'igo.integration.dataIssueReporterTool.reset.button' | translate }}\r\n    </button>\r\n    <button\r\n      mat-flat-button\r\n      type=\"submit\"\r\n      color=\"primary\"\r\n      [disabled]=\"submitDisabled\"\r\n    >\r\n      {{ 'igo.integration.dataIssueReporterTool.submit.button' | translate }}\r\n    </button>\r\n  </div>\r\n</igo-form>\r\n", styles: [":host .actions-container button:not(:last-child){margin-right:8px}:host .form-container{width:100%;padding:10px}:host .form-container igo-form-field{display:block;height:auto}\n"], dependencies: [{ kind: "directive", type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i10.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i2$2.FormComponent, selector: "igo-form", inputs: ["form", "formData", "autocomplete"], outputs: ["submitForm"] }, { kind: "component", type: i2$2.FormFieldComponent, selector: "igo-form-field", inputs: ["field"] }, { kind: "pipe", type: i4.AsyncPipe, name: "async" }, { kind: "pipe", type: i7$1.TranslatePipe, name: "translate" }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: DataIssueReporterToolComponent, deps: [{ token: MapState }, { token: i2$2.FormService }, { token: i2.LanguageService }, { token: i2.MessageService }, { token: i3.HttpClient }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.1", type: DataIssueReporterToolComponent, selector: "igo-issue-reporter-tool", inputs: { url: "url" }, ngImport: i0, template: "<igo-form\r\n  *ngIf=\"form$ | async as form\"\r\n  [form]=\"form\"\r\n  [formData]=\"data$ | async\"\r\n  (submitForm)=\"onSubmit($any($event))\"\r\n>\r\n  <div *ngIf=\"form.fields.length\" class=\"form-container\">\r\n    <igo-form-field\r\n      *ngFor=\"let field of form.fields\"\r\n      [field]=\"field\"\r\n    ></igo-form-field>\r\n  </div>\r\n\r\n  <div formButtons class=\"actions-container\">\r\n    <button\r\n      mat-stroked-button\r\n      type=\"button\"\r\n      color=\"primary\"\r\n      (click)=\"clearForm()\"\r\n    >\r\n      {{ 'igo.integration.dataIssueReporterTool.reset.button' | translate }}\r\n    </button>\r\n    <button\r\n      mat-flat-button\r\n      type=\"submit\"\r\n      color=\"primary\"\r\n      [disabled]=\"submitDisabled\"\r\n    >\r\n      {{ 'igo.integration.dataIssueReporterTool.submit.button' | translate }}\r\n    </button>\r\n  </div>\r\n</igo-form>\r\n", styles: [":host .actions-container button:not(:last-child){margin-right:8px}:host .form-container{width:100%;padding:10px}:host .form-container igo-form-field{display:block;height:auto}\n"], dependencies: [{ kind: "directive", type: i5$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i5$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i6.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: i5$1.AsyncPipe, name: "async" }, { kind: "pipe", type: i7$2.TranslatePipe, name: "translate" }] });
 };
 DataIssueReporterToolComponent = __decorate([
     ToolComponent({
@@ -2640,27 +2610,27 @@ DataIssueReporterToolComponent = __decorate([
         MessageService,
         HttpClient])
 ], DataIssueReporterToolComponent);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DataIssueReporterToolComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: DataIssueReporterToolComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'igo-issue-reporter-tool', template: "<igo-form\r\n  *ngIf=\"form$ | async as form\"\r\n  [form]=\"form\"\r\n  [formData]=\"data$ | async\"\r\n  (submitForm)=\"onSubmit($event)\"\r\n>\r\n  <div *ngIf=\"form.fields.length\" class=\"form-container\">\r\n    <igo-form-field\r\n      *ngFor=\"let field of form.fields\"\r\n      [field]=\"field\"\r\n    ></igo-form-field>\r\n  </div>\r\n\r\n  <div formButtons class=\"actions-container\">\r\n    <button\r\n      mat-stroked-button\r\n      type=\"button\"\r\n      color=\"primary\"\r\n      (click)=\"clearForm()\"\r\n    >\r\n      {{ 'igo.integration.dataIssueReporterTool.reset.button' | translate }}\r\n    </button>\r\n    <button\r\n      mat-flat-button\r\n      type=\"submit\"\r\n      color=\"primary\"\r\n      [disabled]=\"submitDisabled\"\r\n    >\r\n      {{ 'igo.integration.dataIssueReporterTool.submit.button' | translate }}\r\n    </button>\r\n  </div>\r\n</igo-form>\r\n", styles: [":host .actions-container button:not(:last-child){margin-right:8px}:host .form-container{width:100%;padding:10px}:host .form-container igo-form-field{display:block;height:auto}\n"] }]
-        }], ctorParameters: function () { return [{ type: MapState }, { type: i2$2.FormService }, { type: i2.LanguageService }, { type: i2.MessageService }, { type: i3.HttpClient }]; }, propDecorators: { url: [{
+            args: [{ selector: 'igo-issue-reporter-tool', template: "<igo-form\r\n  *ngIf=\"form$ | async as form\"\r\n  [form]=\"form\"\r\n  [formData]=\"data$ | async\"\r\n  (submitForm)=\"onSubmit($any($event))\"\r\n>\r\n  <div *ngIf=\"form.fields.length\" class=\"form-container\">\r\n    <igo-form-field\r\n      *ngFor=\"let field of form.fields\"\r\n      [field]=\"field\"\r\n    ></igo-form-field>\r\n  </div>\r\n\r\n  <div formButtons class=\"actions-container\">\r\n    <button\r\n      mat-stroked-button\r\n      type=\"button\"\r\n      color=\"primary\"\r\n      (click)=\"clearForm()\"\r\n    >\r\n      {{ 'igo.integration.dataIssueReporterTool.reset.button' | translate }}\r\n    </button>\r\n    <button\r\n      mat-flat-button\r\n      type=\"submit\"\r\n      color=\"primary\"\r\n      [disabled]=\"submitDisabled\"\r\n    >\r\n      {{ 'igo.integration.dataIssueReporterTool.submit.button' | translate }}\r\n    </button>\r\n  </div>\r\n</igo-form>\r\n", styles: [":host .actions-container button:not(:last-child){margin-right:8px}:host .form-container{width:100%;padding:10px}:host .form-container igo-form-field{display:block;height:auto}\n"] }]
+        }], ctorParameters: () => [{ type: MapState }, { type: i2$2.FormService }, { type: i2.LanguageService }, { type: i2.MessageService }, { type: i3.HttpClient }], propDecorators: { url: [{
                 type: Input
             }] } });
 
 class IgoAppGeometryFormModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: IgoAppGeometryFormModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: IgoAppGeometryFormModule, declarations: [DataIssueReporterToolComponent], imports: [CommonModule,
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: IgoAppGeometryFormModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.2.1", ngImport: i0, type: IgoAppGeometryFormModule, declarations: [DataIssueReporterToolComponent], imports: [CommonModule,
             MatButtonModule,
             IgoLanguageModule,
             IgoFormModule,
             IgoMessageModule], exports: [DataIssueReporterToolComponent] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: IgoAppGeometryFormModule, imports: [CommonModule,
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: IgoAppGeometryFormModule, imports: [CommonModule,
             MatButtonModule,
             IgoLanguageModule,
             IgoFormModule,
             IgoMessageModule] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: IgoAppGeometryFormModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: IgoAppGeometryFormModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [
@@ -2735,8 +2705,8 @@ let ImportExportToolComponent = class ImportExportToolComponent {
     importExportTypeChange(event) {
         this.importExportType = event.value;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ImportExportToolComponent, deps: [{ token: MapState }, { token: ImportExportState }, { token: WorkspaceState }, { token: ContextState }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ImportExportToolComponent, selector: "igo-import-export-tool", inputs: { projectionsLimitations: "projectionsLimitations", selectFirstProj: "selectFirstProj", importExportType: "importExportType", importExportShowBothType: "importExportShowBothType" }, ngImport: i0, template: "<mat-tab-group *ngIf=\"importExportShowBothType\">\r\n  <mat-tab\r\n    [label]=\"'igo.integration.importExportTool.importExportData' | translate\"\r\n  >\r\n    <igo-import-export\r\n      [contextUri]=\"(contextState.context$ | async).uri\"\r\n      [map]=\"map\"\r\n      [selectFirstProj]=\"selectFirstProj\"\r\n      [projectionsLimitations]=\"projectionsLimitations\"\r\n      [store]=\"workspaceStore\"\r\n      [selectedMode]=\"importExportState.selectedMode$ | async\"\r\n      (selectMode)=\"modeChanged($event)\"\r\n      [exportOptions$]=\"importExportState.exportOptions$\"\r\n      (exportOptionsChange)=\"exportOptionsChange($event)\"\r\n    >\r\n    </igo-import-export>\r\n  </mat-tab>\r\n  <mat-tab\r\n    [label]=\"'igo.integration.importExportTool.importExportContext' | translate\"\r\n  >\r\n    <igo-context-import-export [map]=\"map\"></igo-context-import-export>\r\n  </mat-tab>\r\n</mat-tab-group>\r\n\r\n<igo-import-export\r\n  *ngIf=\"!importExportShowBothType && importExportType === 'layer'\"\r\n  [contextUri]=\"(contextState.context$ | async).uri\"\r\n  [map]=\"map\"\r\n  [store]=\"workspaceStore\"\r\n  [selectedMode]=\"importExportState.selectedMode$ | async\"\r\n  (selectMode)=\"modeChanged($event)\"\r\n  [exportOptions$]=\"importExportState.exportOptions$\"\r\n  (exportOptionsChange)=\"exportOptionsChange($event)\"\r\n>\r\n</igo-import-export>\r\n\r\n<igo-context-import-export\r\n  *ngIf=\"!importExportShowBothType && importExportType === 'context'\"\r\n  [map]=\"map\"\r\n>\r\n</igo-context-import-export>\r\n", styles: ["mat-form-field{width:100%}\n"], dependencies: [{ kind: "component", type: i1.ImportExportComponent, selector: "igo-import-export", inputs: ["selectFirstProj", "map", "contextUri", "projectionsLimitations", "store", "selectedMode", "exportOptions$"], outputs: ["selectMode", "exportOptionsChange"] }, { kind: "component", type: i1$1.ContextImportExportComponent, selector: "igo-context-import-export", inputs: ["map"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i8$1.MatTab, selector: "mat-tab", inputs: ["disabled"], exportAs: ["matTab"] }, { kind: "component", type: i8$1.MatTabGroup, selector: "mat-tab-group", inputs: ["color", "disableRipple", "fitInkBarToContent", "mat-stretch-tabs"], exportAs: ["matTabGroup"] }, { kind: "pipe", type: i4.AsyncPipe, name: "async" }, { kind: "pipe", type: i7$1.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.1", 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: "17.2.1", 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\">\r\n  <mat-tab\r\n    [label]=\"'igo.integration.importExportTool.importExportData' | translate\"\r\n  >\r\n    <igo-import-export\r\n      [contextUri]=\"(contextState.context$ | async).uri\"\r\n      [map]=\"map\"\r\n      [selectFirstProj]=\"selectFirstProj\"\r\n      [projectionsLimitations]=\"projectionsLimitations\"\r\n      [store]=\"workspaceStore\"\r\n      [selectedMode]=\"importExportState.selectedMode$ | async\"\r\n      (selectMode)=\"modeChanged($any($event))\"\r\n      [exportOptions$]=\"importExportState.exportOptions$\"\r\n      (exportOptionsChange)=\"exportOptionsChange($event)\"\r\n    >\r\n    </igo-import-export>\r\n  </mat-tab>\r\n  <mat-tab\r\n    [label]=\"'igo.integration.importExportTool.importExportContext' | translate\"\r\n  >\r\n    <igo-context-import-export [map]=\"map\"></igo-context-import-export>\r\n  </mat-tab>\r\n</mat-tab-group>\r\n\r\n<igo-import-export\r\n  *ngIf=\"!importExportShowBothType && importExportType === 'layer'\"\r\n  [contextUri]=\"(contextState.context$ | async).uri\"\r\n  [map]=\"map\"\r\n  [store]=\"workspaceStore\"\r\n  [selectedMode]=\"importExportState.selectedMode$ | async\"\r\n  (selectMode)=\"modeChanged($any($event))\"\r\n  [exportOptions$]=\"importExportState.exportOptions$\"\r\n  (exportOptionsChange)=\"exportOptionsChange($event)\"\r\n>\r\n</igo-import-export>\r\n\r\n<igo-context-import-export\r\n  *ngIf=\"!importExportShowBothType && importExportType === 'context'\"\r\n  [map]=\"map\"\r\n>\r\n</igo-context-import-export>\r\n", styles: ["mat-form-field{width:100%}\n"], dependencies: [{ kind: "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"], exportAs: ["matTab"] }, { kind: "component", type: i5$2.MatTabGroup, selector: "mat-tab-group", inputs: ["color", "fitInkBarToContent", "mat-stretch-tabs", "dynamicHeight", "selectedIndex", "headerPosition", "animationDuration", "contentTabIndex", "disablePagination", "disableRipple", "preserveContent", "backgroundColor"], 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: TranslateModule }, { kind: "pipe", type: i7$2.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 ImportExportToolComponent = __decorate([
     ToolComponent({
@@ -2749,10 +2719,17 @@ ImportExportToolComponent = __decorate([
         WorkspaceState,
         ContextState])
 ], ImportExportToolComponent);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ImportExportToolComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: ImportExportToolComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'igo-import-export-tool', changeDetection: ChangeDetectionStrategy.OnPush, template: "<mat-tab-group *ngIf=\"importExportShowBothType\">\r\n  <mat-tab\r\n    [label]=\"'igo.integration.importExportTool.importExportData' | translate\"\r\n  >\r\n    <igo-import-export\r\n      [contextUri]=\"(contextState.context$ | async).uri\"\r\n      [map]=\"map\"\r\n      [selectFirstProj]=\"selectFirstProj\"\r\n      [projectionsLimitations]=\"projectionsLimitations\"\r\n      [store]=\"workspaceStore\"\r\n      [selectedMode]=\"importExportState.selectedMode$ | async\"\r\n      (selectMode)=\"modeChanged($event)\"\r\n      [exportOptions$]=\"importExportState.exportOptions$\"\r\n      (exportOptionsChange)=\"exportOptionsChange($event)\"\r\n    >\r\n    </igo-import-export>\r\n  </mat-tab>\r\n  <mat-tab\r\n    [label]=\"'igo.integration.importExportTool.importExportContext' | translate\"\r\n  >\r\n    <igo-context-import-export [map]=\"map\"></igo-context-import-export>\r\n  </mat-tab>\r\n</mat-tab-group>\r\n\r\n<igo-import-export\r\n  *ngIf=\"!importExportShowBothType && importExportType === 'layer'\"\r\n  [contextUri]=\"(contextState.context$ | async).uri\"\r\n  [map]=\"map\"\r\n  [store]=\"workspaceStore\"\r\n  [selectedMode]=\"importExportState.selectedMode$ | async\"\r\n  (selectMode)=\"modeChanged($event)\"\r\n  [exportOptions$]=\"importExportState.exportOptions$\"\r\n  (exportOptionsChange)=\"exportOptionsChange($event)\"\r\n>\r\n</igo-import-export>\r\n\r\n<igo-context-import-export\r\n  *ngIf=\"!importExportShowBothType && importExportType === 'context'\"\r\n  [map]=\"map\"\r\n>\r\n</igo-context-import-export>\r\n", styles: ["mat-form-field{width:100%}\n"] }]
-        }], ctorParameters: function () { return [{ type: MapState }, { type: ImportExportState }, { type: WorkspaceState }, { type: ContextState }]; }, propDecorators: { projectionsLimitations: [{
+            args: [{ selector: 'igo-import-export-tool', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [
+                        NgIf,
+                        MatTabsModule,
+                        ImportExportComponent,
+                        ContextImportExportComponent,
+                        AsyncPipe,
+                        TranslateModule
+                    ], template: "<mat-tab-group *ngIf=\"importExportShowBothType\">\r\n  <mat-tab\r\n    [label]=\"'igo.integration.importExportTool.importExportData' | translate\"\r\n  >\r\n    <igo-import-export\r\n      [contextUri]=\"(contextState.context$ | async).uri\"\r\n      [map]=\"map\"\r\n      [selectFirstProj]=\"selectFirstProj\"\r\n      [projectionsLimitations]=\"projectionsLimitations\"\r\n      [store]=\"workspaceStore\"\r\n      [selectedMode]=\"importExportState.selectedMode$ | async\"\r\n      (selectMode)=\"modeChanged($any($event))\"\r\n      [exportOptions$]=\"importExportState.exportOptions$\"\r\n      (exportOptionsChange)=\"exportOptionsChange($event)\"\r\n    >\r\n    </igo-import-export>\r\n  </mat-tab>\r\n  <mat-tab\r\n    [label]=\"'igo.integration.importExportTool.importExportContext' | translate\"\r\n  >\r\n    <igo-context-import-export [map]=\"map\"></igo-context-import-export>\r\n  </mat-tab>\r\n</mat-tab-group>\r\n\r\n<igo-import-export\r\n  *ngIf=\"!importExportShowBothType && importExportType === 'layer'\"\r\n  [contextUri]=\"(contextState.context$ | async).uri\"\r\n  [map]=\"map\"\r\n  [store]=\"workspaceStore\"\r\n  [selectedMode]=\"importExportState.selectedMode$ | async\"\r\n  (selectMode)=\"modeChanged($any($event))\"\r\n  [exportOptions$]=\"importExportState.exportOptions$\"\r\n  (exportOptionsChange)=\"exportOptionsChange($event)\"\r\n>\r\n</igo-import-export>\r\n\r\n<igo-context-import-export\r\n  *ngIf=\"!importExportShowBothType && importExportType === 'context'\"\r\n  [map]=\"map\"\r\n>\r\n</igo-context-import-export>\r\n", styles: ["mat-form-field{width:100%}\n"] }]
+        }], ctorParameters: () => [{ type: MapState }, { type: ImportExportState }, { type: WorkspaceState }, { type: ContextState }], propDecorators: { projectionsLimitations: [{
                 type: Input
             }], selectFirstProj: [{
                 type: Input
@@ -2762,6 +2739,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                 type: Input
             }] } });
 
+/**
+ * @deprecated import the ImportExportToolComponent directly
+ */
 class IgoAppImportExportModule {
     static forRoot() {
         return {
@@ -2769,116 +2749,15 @@ class IgoAppImportExportModule {
             providers: []
         };
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: IgoAppImportExportModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: IgoAppImportExportModule, declarations: [ImportExportToolComponent], imports: [IgoImportExportModule,
-            IgoContextImportExportModule,
-            CommonModule,
-            IgoLanguageModule,
-            MatButtonToggleModule,
-            MatTabsModule,
-            IgoStyleModule], exports: [ImportExportToolComponent] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: IgoAppImportExportModule, imports: [IgoImportExportModule,
-            IgoContextImportExportModule,
-            CommonModule,
-            IgoLanguageModule,
-            MatButtonToggleModule,
-            MatTabsModule,
-            IgoStyleModule] });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: IgoAppImportExportModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    imports: [
-                        IgoImportExportModule,
-                        IgoContextImportExportModule,
-                        CommonModule,
-                        IgoLanguageModule,
-                        MatButtonToggleModule,
-                        MatTabsModule,
-                        IgoStyleModule
-                    ],
-                    declarations: [ImportExportToolComponent],
-                    exports: [ImportExportToolComponent],
-                    schemas: [CUSTOM_ELEMENTS_SCHEMA]
-                }]
-        }] });
-
-class WorkspaceButtonComponent {
-    workspaceState;
-    hasWorkspace$ = new BehaviorSubject(false);
-    hasWorkspace$$;
-    _layer;
-    layer$ = new BehaviorSubject(undefined);
-    set layer(value) {
-        this._layer = value;
-        this.layer$.next(this._layer);
-    }
-    get layer() {
-        return this._layer;
-    }
-    color = 'primary';
-    constructor(workspaceState) {
-        this.workspaceState = workspaceState;
-    }
-    ngOnInit() {
-        this.hasWorkspace$$ = combineLatest([
-            this.workspaceState.workspaceEnabled$,
-            this.layer$
-        ]).subscribe((bunch) => this.hasWorkspace$.next(bunch[0] && bunch[1]?.options.workspace?.enabled));
-    }
-    ngOnDestroy() {
-        this.hasWorkspace$$.unsubscribe();
-    }
-    activateWorkspace() {
-        if (this.workspaceState.workspace$.value &&
-            this.workspaceState.workspace$.value.layer.id ===
-                this.layer.id &&
-            this.workspaceState.workspacePanelExpanded) {
-            this.workspaceState.workspacePanelExpanded = false;
-        }
-        else {
-            this.workspaceState.workspacePanelExpanded = true;
-            this.workspaceState.setActiveWorkspaceById(this.layer.id);
-        }
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: WorkspaceButtonComponent, deps: [{ token: WorkspaceState }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: WorkspaceButtonComponent, selector: "igo-workspace-button", inputs: { layer: "layer", color: "color" }, ngImport: i0, template: "<button\r\n  *ngIf=\"hasWorkspace$ | async\"\r\n  mat-icon-button\r\n  tooltip-position=\"below\"\r\n  matTooltipShowDelay=\"500\"\r\n  [matTooltip]=\"'igo.integration.workspace.toggleWorkspace' | translate\"\r\n  [color]=\"color\"\r\n  (click)=\"activateWorkspace()\"\r\n>\r\n  <mat-icon svgIcon=\"table\"></mat-icon>\r\n</button>\r\n", styles: [""], dependencies: [{ kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i7.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i10.MatIconButton, selector: "button[mat-icon-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "directive", type: i6.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }, { kind: "pipe", type: i4.AsyncPipe, name: "async" }, { kind: "pipe", type: i7$1.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: WorkspaceButtonComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'igo-workspace-button', changeDetection: ChangeDetectionStrategy.OnPush, template: "<button\r\n  *ngIf=\"hasWorkspace$ | async\"\r\n  mat-icon-button\r\n  tooltip-position=\"below\"\r\n  matTooltipShowDelay=\"500\"\r\n  [matTooltip]=\"'igo.integration.workspace.toggleWorkspace' | translate\"\r\n  [color]=\"color\"\r\n  (click)=\"activateWorkspace()\"\r\n>\r\n  <mat-icon svgIcon=\"table\"></mat-icon>\r\n</button>\r\n" }]
-        }], ctorParameters: function () { return [{ type: WorkspaceState }]; }, propDecorators: { layer: [{
-                type: Input
-            }], color: [{
-                type: Input
-            }] } });
-
-class IgoAppWorkspaceModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: IgoAppWorkspaceModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: IgoAppWorkspaceModule, declarations: [WorkspaceButtonComponent], imports: [CommonModule,
-            MatIconModule,
-            MatButtonModule,
-            MatTooltipModule,
-            IgoLanguageModule], exports: [WorkspaceButtonComponent] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: IgoAppWorkspaceModule, providers: [DatePipe], imports: [CommonModule,
-            MatIconModule,
-            MatButtonModule,
-            MatTooltipModule,
-            IgoLanguageModule] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: IgoAppImportExportModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.2.1", ngImport: i0, type: IgoAppImportExportModule, imports: [ImportExportToolComponent], exports: [ImportExportToolComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: IgoAppImportExportModule, imports: [ImportExportToolComponent] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: IgoAppWorkspaceModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: IgoAppImportExportModule, decorators: [{
             type: NgModule,
             args: [{
-                    imports: [
-                        CommonModule,
-                        MatIconModule,
-                        MatButtonModule,
-                        MatTooltipModule,
-                        IgoLanguageModule
-                    ],
-                    declarations: [WorkspaceButtonComponent],
-                    exports: [WorkspaceButtonComponent],
-                    providers: [DatePipe]
+                    imports: [ImportExportToolComponent],
+                    exports: [ImportExportToolComponent]
                 }]
         }] });
 
@@ -2947,10 +2826,9 @@ class AdvancedCoordinatesComponent {
      * Listen a state of the map, a state of a form, update the coordinates
      */
     ngOnInit() {
-        this.mapState$$ = combineLatest([
-            this.map.viewController.state$.pipe(debounceTime(50)),
-            this.form.valueChanges
-        ]).subscribe(() => {
+        this.mapState$$ = this.map.viewController.state$
+            .pipe(debounceTime(50))
+            .subscribe(() => {
             this.setScaleValue(this.map);
             this.currentCenterDefaultProj = this.map.viewController.getCenter(this.defaultProj.code);
             const currentMtmZone = zoneMtm(this.currentCenterDefaultProj[0]);
@@ -3260,13 +3138,28 @@ class AdvancedCoordinatesComponent {
             }
         });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AdvancedCoordinatesComponent, deps: [{ token: MapState }, { token: i2.LanguageService }, { token: i2.MessageService }, { token: i0.ChangeDetectorRef }, { token: i2.StorageService }, { token: i2.ConfigService }, { token: i3$1.UntypedFormBuilder }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: AdvancedCoordinatesComponent, selector: "igo-advanced-coordinates", inputs: { projectionsLimitations: "projectionsLimitations" }, ngImport: i0, template: "<div class=\"advanced-coordinates__coordinates-container\">\r\n  <div class=\"advanced-coordinates__coordinates-container__inner\">\r\n    <mat-form-field *ngIf=\"units; else elseBlock\" subscriptSizing=\"dynamic\">\r\n      <mat-label>{{\r\n        'igo.integration.advanced-map-tool.advanced-coordinates.lon' | translate\r\n      }}</mat-label>\r\n      <textarea\r\n        #textArea\r\n        matInput\r\n        readonly\r\n        rows=\"1\"\r\n        [placeholder]=\"\r\n          'igo.integration.advanced-map-tool.advanced-coordinates.lon'\r\n            | translate\r\n        \"\r\n        [value]=\"coordinates[0]\"\r\n      ></textarea>\r\n    </mat-form-field>\r\n    <ng-template #elseBlock>\r\n      <mat-form-field subscriptSizing=\"dynamic\">\r\n        <textarea\r\n          #textArea\r\n          matInput\r\n          readonly\r\n          rows=\"1\"\r\n          [placeholder]=\"\r\n            'igo.integration.advanced-map-tool.advanced-coordinates.est'\r\n              | translate\r\n          \"\r\n          [value]=\"coordinates[0]\"\r\n        ></textarea>\r\n      </mat-form-field>\r\n    </ng-template>\r\n\r\n    <mat-form-field *ngIf=\"units; else elseBlock2\" subscriptSizing=\"dynamic\">\r\n      <mat-label>{{\r\n        'igo.integration.advanced-map-tool.advanced-coordinates.lat' | translate\r\n      }}</mat-label>\r\n      <textarea\r\n        #textArea\r\n        matInput\r\n        readonly\r\n        rows=\"1\"\r\n        [placeholder]=\"\r\n          'igo.integration.advanced-map-tool.advanced-coordinates.lat'\r\n            | translate\r\n        \"\r\n        [value]=\"coordinates[1]\"\r\n      ></textarea>\r\n    </mat-form-field>\r\n    <ng-template #elseBlock2>\r\n      <mat-form-field subscriptSizing=\"dynamic\">\r\n        <textarea\r\n          #textArea\r\n          matInput\r\n          readonly\r\n          rows=\"1\"\r\n          [placeholder]=\"\r\n            'igo.integration.advanced-map-tool.advanced-coordinates.nord'\r\n              | translate\r\n          \"\r\n          [value]=\"coordinates[1]\"\r\n        ></textarea>\r\n      </mat-form-field>\r\n    </ng-template>\r\n    <button\r\n      mat-icon-button\r\n      [attr.aria-label]=\"\r\n        'igo.integration.advanced-map-tool.advanced-coordinates.copy'\r\n          | translate\r\n      \"\r\n      class=\"igo-form-button-group advanced-coordinates__copy-coordinates\"\r\n      (click)=\"copyTextToClipboard()\"\r\n    >\r\n      <mat-icon svgIcon=\"content-copy\"></mat-icon>\r\n    </button>\r\n  </div>\r\n\r\n  <form class=\"igo-form advanced-coordinates__form\" [formGroup]=\"form\">\r\n    <div class=\"advanced-coordinates__coordinates-container__inner\">\r\n      <mat-form-field class=\"igo-input-container\" subscriptSizing=\"dynamic\">\r\n        <mat-label>{{\r\n          'igo.integration.advanced-map-tool.advanced-coordinates.coordSystem'\r\n            | translate\r\n        }}</mat-label>\r\n        <mat-select [(value)]=\"inputProj\">\r\n          <mat-option\r\n            matTooltipShowDelay=\"500\"\r\n            *ngFor=\"let projection of projections$ | async\"\r\n            [value]=\"projection\"\r\n            (click)=\"$event.stopPropagation()\"\r\n          >\r\n            {{ projection.translatedValue || projection.alias }}\r\n          </mat-option>\r\n        </mat-select>\r\n      </mat-form-field>\r\n    </div>\r\n    <div class=\"advanced-coordinates__coordinates-container__inner\">\r\n      <mat-slide-toggle\r\n        class=\"center-toggle mat-typography\"\r\n        [checked]=\"center\"\r\n        [labelPosition]=\"'before'\"\r\n        (change)=\"displayCenter($event.checked)\"\r\n      >\r\n        {{\r\n          'igo.integration.advanced-map-tool.advanced-coordinates.center'\r\n            | translate\r\n        }}\r\n      </mat-slide-toggle>\r\n    </div>\r\n  </form>\r\n\r\n  <p class=\"igo-zoom mat-typography\">\r\n    {{\r\n      'igo.integration.advanced-map-tool.advanced-coordinates.zoom' | translate\r\n    }}\r\n    {{ map.viewController.getZoom() }}\r\n  </p>\r\n  <p class=\"igo-zoom mat-typography\">\r\n    {{\r\n      'igo.integration.advanced-map-tool.advanced-coordinates.scale' | translate\r\n    }}\r\n    {{ formattedScale$ | async }}\r\n  </p>\r\n  <p class=\"igo-zoom mat-typography\">\r\n    {{\r\n      'igo.integration.advanced-map-tool.advanced-coordinates.resolution'\r\n        | translate\r\n    }}\r\n    {{ map.viewController.getResolution() | number: '1.0-0' }}\r\n  </p>\r\n</div>\r\n", styles: [":host{padding:12px 0}textarea{resize:none}.advanced-coordinates__coordinates-container{width:100%;display:flex;flex-direction:column;padding:12px 0}.advanced-coordinates__coordinates-container__inner{display:flex;align-items:center;margin-bottom:16px}.advanced-coordinates__coordinates-container__inner mat-form-field{flex:1}.advanced-coordinates__coordinates-container__inner mat-form-field:not(:first-child),.advanced-coordinates__coordinates-container__inner button:not(:first-child){margin-left:8px}.advanced-coordinates__form{display:flex;flex-direction:column}.advanced-coordinates__form mat-slide-toggle{flex:1}.advanced-coordinates__form mat-slide-toggle ::ng-deep .mdc-form-field{display:flex;justify-content:space-between}.advanced-coordinates__form mat-slide-toggle ::ng-deep .mdc-label{flex:1}\n"], dependencies: [{ kind: "directive", type: i3$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i3$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i3$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: i4$1.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i4$1.MatLabel, selector: "mat-label" }, { kind: "component", type: i5.MatSelect, selector: "mat-select", inputs: ["disabled", "disableRipple", "tabIndex", "panelWidth", "hideSingleSelectionIndicator"], exportAs: ["matSelect"] }, { kind: "component", type: i6$1.MatOption, selector: "mat-option", exportAs: ["matOption"] }, { kind: "directive", type: i7$2.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "directive", type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i7.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i10$1.MatSlideToggle, selector: "mat-slide-toggle", inputs: ["disabled", "disableRipple", "color", "tabIndex"], exportAs: ["matSlideToggle"] }, { kind: "component", type: i10.MatIconButton, selector: "button[mat-icon-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "pipe", type: i4.AsyncPipe, name: "async" }, { kind: "pipe", type: i4.DecimalPipe, name: "number" }, { kind: "pipe", type: i7$1.TranslatePipe, name: "translate" }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: AdvancedCoordinatesComponent, deps: [{ token: MapState }, { token: i2.LanguageService }, { token: i2.MessageService }, { token: i0.ChangeDetectorRef }, { token: i2.StorageService }, { token: i2.ConfigService }, { token: i3$1.UntypedFormBuilder }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.1", 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 svgIcon=\"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 mat-typography\"\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 mat-typography\">\n    {{\n      'igo.integration.advanced-map-tool.advanced-coordinates.zoom' | translate\n    }}\n    {{ map.viewController.getZoom() }}\n  </p>\n  <p class=\"igo-zoom mat-typography\">\n    {{\n      'igo.integration.advanced-map-tool.advanced-coordinates.scale' | translate\n    }}\n    {{ formattedScale$ | async }}\n  </p>\n  <p class=\"igo-zoom mat-typography\">\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: i4.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i4.MatLabel, selector: "mat-label" }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i5$3.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i6.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i7.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i3$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i3$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i3$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: MatSelectModule }, { kind: "component", type: i8.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"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "component", type: i9.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: i10.MatSlideToggle, selector: "mat-slide-toggle", inputs: ["name", "id", "labelPosition", "aria-label", "aria-labelledby", "aria-describedby", "required", "color", "disabled", "disableRipple", "tabIndex", "checked", "hideIcon"], outputs: ["change", "toggleChange"], exportAs: ["matSlideToggle"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: DecimalPipe, name: "number" }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i7$2.TranslatePipe, name: "translate" }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AdvancedCoordinatesComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: AdvancedCoordinatesComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'igo-advanced-coordinates', template: "<div class=\"advanced-coordinates__coordinates-container\">\r\n  <div class=\"advanced-coordinates__coordinates-container__inner\">\r\n    <mat-form-field *ngIf=\"units; else elseBlock\" subscriptSizing=\"dynamic\">\r\n      <mat-label>{{\r\n        'igo.integration.advanced-map-tool.advanced-coordinates.lon' | translate\r\n      }}</mat-label>\r\n      <textarea\r\n        #textArea\r\n        matInput\r\n        readonly\r\n        rows=\"1\"\r\n        [placeholder]=\"\r\n          'igo.integration.advanced-map-tool.advanced-coordinates.lon'\r\n            | translate\r\n        \"\r\n        [value]=\"coordinates[0]\"\r\n      ></textarea>\r\n    </mat-form-field>\r\n    <ng-template #elseBlock>\r\n      <mat-form-field subscriptSizing=\"dynamic\">\r\n        <textarea\r\n          #textArea\r\n          matInput\r\n          readonly\r\n          rows=\"1\"\r\n          [placeholder]=\"\r\n            'igo.integration.advanced-map-tool.advanced-coordinates.est'\r\n              | translate\r\n          \"\r\n          [value]=\"coordinates[0]\"\r\n        ></textarea>\r\n      </mat-form-field>\r\n    </ng-template>\r\n\r\n    <mat-form-field *ngIf=\"units; else elseBlock2\" subscriptSizing=\"dynamic\">\r\n      <mat-label>{{\r\n        'igo.integration.advanced-map-tool.advanced-coordinates.lat' | translate\r\n      }}</mat-label>\r\n      <textarea\r\n        #textArea\r\n        matInput\r\n        readonly\r\n        rows=\"1\"\r\n        [placeholder]=\"\r\n          'igo.integration.advanced-map-tool.advanced-coordinates.lat'\r\n            | translate\r\n        \"\r\n        [value]=\"coordinates[1]\"\r\n      ></textarea>\r\n    </mat-form-field>\r\n    <ng-template #elseBlock2>\r\n      <mat-form-field subscriptSizing=\"dynamic\">\r\n        <textarea\r\n          #textArea\r\n          matInput\r\n          readonly\r\n          rows=\"1\"\r\n          [placeholder]=\"\r\n            'igo.integration.advanced-map-tool.advanced-coordinates.nord'\r\n              | translate\r\n          \"\r\n          [value]=\"coordinates[1]\"\r\n        ></textarea>\r\n      </mat-form-field>\r\n    </ng-template>\r\n    <button\r\n      mat-icon-button\r\n      [attr.aria-label]=\"\r\n        'igo.integration.advanced-map-tool.advanced-coordinates.copy'\r\n          | translate\r\n      \"\r\n      class=\"igo-form-button-group advanced-coordinates__copy-coordinates\"\r\n      (click)=\"copyTextToClipboard()\"\r\n    >\r\n      <mat-icon svgIcon=\"content-copy\"></mat-icon>\r\n    </button>\r\n  </div>\r\n\r\n  <form class=\"igo-form advanced-coordinates__form\" [formGroup]=\"form\">\r\n    <div class=\"advanced-coordinates__coordinates-container__inner\">\r\n      <mat-form-field class=\"igo-input-container\" subscriptSizing=\"dynamic\">\r\n        <mat-label>{{\r\n          'igo.integration.advanced-map-tool.advanced-coordinates.coordSystem'\r\n            | translate\r\n        }}</mat-label>\r\n        <mat-select [(value)]=\"inputProj\">\r\n          <mat-option\r\n            matTooltipShowDelay=\"500\"\r\n            *ngFor=\"let projection of projections$ | async\"\r\n            [value]=\"projection\"\r\n            (click)=\"$event.stopPropagation()\"\r\n          >\r\n            {{ projection.translatedValue || projection.alias }}\r\n          </mat-option>\r\n        </mat-select>\r\n      </mat-form-field>\r\n    </div>\r\n    <div class=\"advanced-coordinates__coordinates-container__inner\">\r\n      <mat-slide-toggle\r\n        class=\"center-toggle mat-typography\"\r\n        [checked]=\"center\"\r\n        [labelPosition]=\"'before'\"\r\n        (change)=\"displayCenter($event.checked)\"\r\n      >\r\n        {{\r\n          'igo.integration.advanced-map-tool.advanced-coordinates.center'\r\n            | translate\r\n        }}\r\n      </mat-slide-toggle>\r\n    </div>\r\n  </form>\r\n\r\n  <p class=\"igo-zoom mat-typography\">\r\n    {{\r\n      'igo.integration.advanced-map-tool.advanced-coordinates.zoom' | translate\r\n    }}\r\n    {{ map.viewController.getZoom() }}\r\n  </p>\r\n  <p class=\"igo-zoom mat-typography\">\r\n    {{\r\n      'igo.integration.advanced-map-tool.advanced-coordinates.scale' | translate\r\n    }}\r\n    {{ formattedScale$ | async }}\r\n  </p>\r\n  <p class=\"igo-zoom mat-typography\">\r\n    {{\r\n      'igo.integration.advanced-map-tool.advanced-coordinates.resolution'\r\n        | translate\r\n    }}\r\n    {{ map.viewController.getResolution() | number: '1.0-0' }}\r\n  </p>\r\n</div>\r\n", styles: [":host{padding:12px 0}textarea{resize:none}.advanced-coordinates__coordinates-container{width:100%;display:flex;flex-direction:column;padding:12px 0}.advanced-coordinates__coordinates-container__inner{display:flex;align-items:center;margin-bottom:16px}.advanced-coordinates__coordinates-container__inner mat-form-field{flex:1}.advanced-coordinates__coordinates-container__inner mat-form-field:not(:first-child),.advanced-coordinates__coordinates-container__inner button:not(:first-child){margin-left:8px}.advanced-coordinates__form{display:flex;flex-direction:column}.advanced-coordinates__form mat-slide-toggle{flex:1}.advanced-coordinates__form mat-slide-toggle ::ng-deep .mdc-form-field{display:flex;justify-content:space-between}.advanced-coordinates__form mat-slide-toggle ::ng-deep .mdc-label{flex:1}\n"] }]
-        }], ctorParameters: function () { return [{ type: MapState }, { type: i2.LanguageService }, { type: i2.MessageService }, { type: i0.ChangeDetectorRef }, { type: i2.StorageService }, { type: i2.ConfigService }, { type: i3$1.UntypedFormBuilder }]; }, propDecorators: { projectionsLimitations: [{
+            args: [{ selector: 'igo-advanced-coordinates', standalone: true, imports: [
+                        NgIf,
+                        MatFormFieldModule,
+                        MatInputModule,
+                        MatButtonModule,
+                        MatIconModule,
+                        FormsModule,
+                        ReactiveFormsModule,
+                        MatSelectModule,
+                        NgFor,
+                        MatOptionModule,
+                        MatSlideToggleModule,
+                        AsyncPipe,
+                        DecimalPipe,
+                        TranslateModule
+                    ], 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 svgIcon=\"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 mat-typography\"\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 mat-typography\">\n    {{\n      'igo.integration.advanced-map-tool.advanced-coordinates.zoom' | translate\n    }}\n    {{ map.viewController.getZoom() }}\n  </p>\n  <p class=\"igo-zoom mat-typography\">\n    {{\n      'igo.integration.advanced-map-tool.advanced-coordinates.scale' | translate\n    }}\n    {{ formattedScale$ | async }}\n  </p>\n  <p class=\"igo-zoom mat-typography\">\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: MapState }, { type: i2.LanguageService }, { type: i2.MessageService }, { type: i0.ChangeDetectorRef }, { type: i2.StorageService }, { type: i2.ConfigService }, { type: i3$1.UntypedFormBuilder }], propDecorators: { projectionsLimitations: [{
                 type: Input
             }] } });
 
@@ -3377,13 +3270,26 @@ class AdvancedSwipeComponent {
     contextEmit() {
         this.toolState.toolbox.activateTool('contextManager');
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AdvancedSwipeComponent, deps: [{ token: MapState }, { token: i1$1.ContextService }, { token: i3$1.UntypedFormBuilder }, { token: ToolState }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: AdvancedSwipeComponent, selector: "igo-advanced-swipe", ngImport: i0, template: "<div\r\n  *ngIf=\"userControlledLayerList.length; else noLayersBlock\"\r\n  class=\"igo-swipe-select-container\"\r\n>\r\n  <form class=\"igo-form\" [formGroup]=\"form\">\r\n    <mat-form-field>\r\n      <mat-label>{{\r\n        'igo.integration.advanced-map-tool.advanced-swipe.swipe-select'\r\n          | translate\r\n      }}</mat-label>\r\n      <mat-select formControlName=\"layers\" multiple>\r\n        <mat-option [value]=\"1\" (click)=\"selectAll(e)\" #e>\r\n          {{\r\n            'igo.integration.advanced-map-tool.advanced-swipe.selectAll'\r\n              | translate\r\n          }}\r\n        </mat-option>\r\n        <mat-divider></mat-divider>\r\n        <mat-option\r\n          *ngFor=\"let layer of userControlledLayerList\"\r\n          [value]=\"layer\"\r\n          (click)=\"applyNewLayers(e)\"\r\n          >{{ layer.title }}</mat-option\r\n        >\r\n      </mat-select>\r\n    </mat-form-field>\r\n    <mat-slide-toggle\r\n      class=\"swipe-toggle mat-typography\"\r\n      [checked]=\"swipe\"\r\n      [labelPosition]=\"'before'\"\r\n      (change)=\"startSwipe($event.checked)\"\r\n    >\r\n      {{ 'igo.integration.advanced-map-tool.advanced-swipe.swipe' | translate }}\r\n    </mat-slide-toggle>\r\n  </form>\r\n</div>\r\n\r\n<ng-template #noLayersBlock>\r\n  <mat-list>\r\n    <p class=\"map-empty mat-typography\">\r\n      {{ 'igo.integration.advanced-map-tool.advanced-swipe.empty' | translate }}\r\n    </p>\r\n    <p class=\"map-empty mat-typography\">\r\n      {{\r\n        'igo.integration.advanced-map-tool.advanced-swipe.customize' | translate\r\n      }}\r\n    </p>\r\n    <mat-list-item>\r\n      <mat-icon matListItemIcon svgIcon=\"magnify\"></mat-icon>\r\n      <span\r\n        matListItemTitle\r\n        class=\"search-tool mat-typography\"\r\n        (click)=\"searchEmit()\"\r\n      >\r\n        {{\r\n          'igo.integration.advanced-map-tool.advanced-swipe.search-tool'\r\n            | translate\r\n        }}\r\n      </span>\r\n    </mat-list-item>\r\n    <mat-list-item>\r\n      <mat-icon matListItemIcon svgIcon=\"layers-plus\"></mat-icon>\r\n      <span\r\n        matListItemTitle\r\n        class=\"catalog-tool mat-typography\"\r\n        (click)=\"catalogEmit()\"\r\n      >\r\n        {{\r\n          'igo.integration.advanced-map-tool.advanced-swipe.catalog-tool'\r\n            | translate\r\n        }}\r\n      </span>\r\n    </mat-list-item>\r\n    <mat-list-item>\r\n      <mat-icon matListItemIcon svgIcon=\"star\"></mat-icon>\r\n      <span\r\n        matListItemTitle\r\n        class=\"context-tool mat-typography\"\r\n        (click)=\"contextEmit()\"\r\n      >\r\n        {{\r\n          'igo.integration.advanced-map-tool.advanced-swipe.context-tool'\r\n            | translate\r\n        }}\r\n      </span>\r\n    </mat-list-item>\r\n  </mat-list>\r\n</ng-template>\r\n", styles: [":host{padding:12px 0}:host .igo-swipe-select-container{padding:12px 0}:host .igo-swipe-select-container mat-form-field{width:100%}:host .igo-form{display:flex;flex-direction:column;width:100%}:host mat-slide-toggle{flex:1}:host mat-slide-toggle ::ng-deep .mdc-form-field{display:flex;justify-content:space-between}:host mat-slide-toggle ::ng-deep .mdc-label{flex:1}:host .map-empty,:host .search-tool,:host .catalog-tool,:host .context-tool{margin:4px}:host .map-empty{padding:12px 0;text-align:justify}:host .search-tool,:host .catalog-tool,:host .context-tool{cursor:pointer}:host mat-list mat-list-item h4{font-weight:700}:host mat-list-item ::ng-deep .mdc-list-item__primary-text{font-size:smaller}:host .advanced-tool-line{height:2px;background-color:gray}\n"], dependencies: [{ kind: "directive", type: i3$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i3$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i3$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i3$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: i5$1.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { kind: "component", type: i4$1.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i4$1.MatLabel, selector: "mat-label" }, { kind: "component", type: i5.MatSelect, selector: "mat-select", inputs: ["disabled", "disableRipple", "tabIndex", "panelWidth", "hideSingleSelectionIndicator"], exportAs: ["matSelect"] }, { kind: "component", type: i6$1.MatOption, selector: "mat-option", exportAs: ["matOption"] }, { kind: "directive", type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i10$2.MatList, selector: "mat-list", exportAs: ["matList"] }, { kind: "component", type: i10$2.MatListItem, selector: "mat-list-item, a[mat-list-item], button[mat-list-item]", inputs: ["activated"], exportAs: ["matListItem"] }, { kind: "directive", type: i10$2.MatListItemIcon, selector: "[matListItemIcon]" }, { kind: "directive", type: i10$2.MatListItemTitle, selector: "[matListItemTitle]" }, { kind: "component", type: i7.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i10$1.MatSlideToggle, selector: "mat-slide-toggle", inputs: ["disabled", "disableRipple", "color", "tabIndex"], exportAs: ["matSlideToggle"] }, { kind: "pipe", type: i7$1.TranslatePipe, name: "translate" }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: AdvancedSwipeComponent, deps: [{ token: MapState }, { token: i1$1.ContextService }, { token: i3$1.UntypedFormBuilder }, { token: ToolState }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.1", 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 mat-typography\"\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 mat-typography\">\n      {{ 'igo.integration.advanced-map-tool.advanced-swipe.empty' | translate }}\n    </p>\n    <p class=\"map-empty mat-typography\">\n      {{\n        'igo.integration.advanced-map-tool.advanced-swipe.customize' | translate\n      }}\n    </p>\n    <mat-list-item>\n      <mat-icon matListItemIcon svgIcon=\"magnify\"></mat-icon>\n      <span\n        matListItemTitle\n        class=\"search-tool mat-typography\"\n        (click)=\"searchEmit()\"\n      >\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 svgIcon=\"layers-plus\"></mat-icon>\n      <span\n        matListItemTitle\n        class=\"catalog-tool mat-typography\"\n        (click)=\"catalogEmit()\"\n      >\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 svgIcon=\"star\"></mat-icon>\n      <span\n        matListItemTitle\n        class=\"context-tool mat-typography\"\n        (click)=\"contextEmit()\"\n      >\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,:host .search-tool,:host .catalog-tool,:host .context-tool{margin:4px}:host .map-empty{padding:12px 0;text-align:justify}:host .search-tool,:host .catalog-tool,:host .context-tool{cursor:pointer}:host mat-list mat-list-item h4{font-weight:700}:host mat-list-item ::ng-deep .mdc-list-item__primary-text{font-size:smaller}:host .advanced-tool-line{height:2px;background-color:gray}\n"], dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i3$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i3$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i3$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i3$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i4.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i4.MatLabel, selector: "mat-label" }, { kind: "ngmodule", type: MatSelectModule }, { kind: "component", type: i8.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"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "component", type: i9.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "ngmodule", type: MatOptionModule }, { kind: "ngmodule", type: MatDividerModule }, { kind: "component", type: i8$1.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: i10.MatSlideToggle, selector: "mat-slide-toggle", inputs: ["name", "id", "labelPosition", "aria-label", "aria-labelledby", "aria-describedby", "required", "color", "disabled", "disableRipple", "tabIndex", "checked", "hideIcon"], outputs: ["change", "toggleChange"], exportAs: ["matSlideToggle"] }, { kind: "ngmodule", type: MatListModule }, { kind: "component", type: i10$1.MatList, selector: "mat-list", exportAs: ["matList"] }, { kind: "component", type: i10$1.MatListItem, selector: "mat-list-item, a[mat-list-item], button[mat-list-item]", inputs: ["activated"], exportAs: ["matListItem"] }, { kind: "directive", type: i10$1.MatListItemIcon, selector: "[matListItemIcon]" }, { kind: "directive", type: i10$1.MatListItemTitle, selector: "[matListItemTitle]" }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i7.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i7$2.TranslatePipe, name: "translate" }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AdvancedSwipeComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: AdvancedSwipeComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'igo-advanced-swipe', template: "<div\r\n  *ngIf=\"userControlledLayerList.length; else noLayersBlock\"\r\n  class=\"igo-swipe-select-container\"\r\n>\r\n  <form class=\"igo-form\" [formGroup]=\"form\">\r\n    <mat-form-field>\r\n      <mat-label>{{\r\n        'igo.integration.advanced-map-tool.advanced-swipe.swipe-select'\r\n          | translate\r\n      }}</mat-label>\r\n      <mat-select formControlName=\"layers\" multiple>\r\n        <mat-option [value]=\"1\" (click)=\"selectAll(e)\" #e>\r\n          {{\r\n            'igo.integration.advanced-map-tool.advanced-swipe.selectAll'\r\n              | translate\r\n          }}\r\n        </mat-option>\r\n        <mat-divider></mat-divider>\r\n        <mat-option\r\n          *ngFor=\"let layer of userControlledLayerList\"\r\n          [value]=\"layer\"\r\n          (click)=\"applyNewLayers(e)\"\r\n          >{{ layer.title }}</mat-option\r\n        >\r\n      </mat-select>\r\n    </mat-form-field>\r\n    <mat-slide-toggle\r\n      class=\"swipe-toggle mat-typography\"\r\n      [checked]=\"swipe\"\r\n      [labelPosition]=\"'before'\"\r\n      (change)=\"startSwipe($event.checked)\"\r\n    >\r\n      {{ 'igo.integration.advanced-map-tool.advanced-swipe.swipe' | translate }}\r\n    </mat-slide-toggle>\r\n  </form>\r\n</div>\r\n\r\n<ng-template #noLayersBlock>\r\n  <mat-list>\r\n    <p class=\"map-empty mat-typography\">\r\n      {{ 'igo.integration.advanced-map-tool.advanced-swipe.empty' | translate }}\r\n    </p>\r\n    <p class=\"map-empty mat-typography\">\r\n      {{\r\n        'igo.integration.advanced-map-tool.advanced-swipe.customize' | translate\r\n      }}\r\n    </p>\r\n    <mat-list-item>\r\n      <mat-icon matListItemIcon svgIcon=\"magnify\"></mat-icon>\r\n      <span\r\n        matListItemTitle\r\n        class=\"search-tool mat-typography\"\r\n        (click)=\"searchEmit()\"\r\n      >\r\n        {{\r\n          'igo.integration.advanced-map-tool.advanced-swipe.search-tool'\r\n            | translate\r\n        }}\r\n      </span>\r\n    </mat-list-item>\r\n    <mat-list-item>\r\n      <mat-icon matListItemIcon svgIcon=\"layers-plus\"></mat-icon>\r\n      <span\r\n        matListItemTitle\r\n        class=\"catalog-tool mat-typography\"\r\n        (click)=\"catalogEmit()\"\r\n      >\r\n        {{\r\n          'igo.integration.advanced-map-tool.advanced-swipe.catalog-tool'\r\n            | translate\r\n        }}\r\n      </span>\r\n    </mat-list-item>\r\n    <mat-list-item>\r\n      <mat-icon matListItemIcon svgIcon=\"star\"></mat-icon>\r\n      <span\r\n        matListItemTitle\r\n        class=\"context-tool mat-typography\"\r\n        (click)=\"contextEmit()\"\r\n      >\r\n        {{\r\n          'igo.integration.advanced-map-tool.advanced-swipe.context-tool'\r\n            | translate\r\n        }}\r\n      </span>\r\n    </mat-list-item>\r\n  </mat-list>\r\n</ng-template>\r\n", styles: [":host{padding:12px 0}:host .igo-swipe-select-container{padding:12px 0}:host .igo-swipe-select-container mat-form-field{width:100%}:host .igo-form{display:flex;flex-direction:column;width:100%}:host mat-slide-toggle{flex:1}:host mat-slide-toggle ::ng-deep .mdc-form-field{display:flex;justify-content:space-between}:host mat-slide-toggle ::ng-deep .mdc-label{flex:1}:host .map-empty,:host .search-tool,:host .catalog-tool,:host .context-tool{margin:4px}:host .map-empty{padding:12px 0;text-align:justify}:host .search-tool,:host .catalog-tool,:host .context-tool{cursor:pointer}:host mat-list mat-list-item h4{font-weight:700}:host mat-list-item ::ng-deep .mdc-list-item__primary-text{font-size:smaller}:host .advanced-tool-line{height:2px;background-color:gray}\n"] }]
-        }], ctorParameters: function () { return [{ type: MapState }, { type: i1$1.ContextService }, { type: i3$1.UntypedFormBuilder }, { type: ToolState }]; } });
+            args: [{ selector: 'igo-advanced-swipe', standalone: true, imports: [
+                        NgIf,
+                        FormsModule,
+                        ReactiveFormsModule,
+                        MatFormFieldModule,
+                        MatSelectModule,
+                        MatOptionModule,
+                        MatDividerModule,
+                        NgFor,
+                        MatSlideToggleModule,
+                        MatListModule,
+                        MatIconModule,
+                        TranslateModule
+                    ], 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 mat-typography\"\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 mat-typography\">\n      {{ 'igo.integration.advanced-map-tool.advanced-swipe.empty' | translate }}\n    </p>\n    <p class=\"map-empty mat-typography\">\n      {{\n        'igo.integration.advanced-map-tool.advanced-swipe.customize' | translate\n      }}\n    </p>\n    <mat-list-item>\n      <mat-icon matListItemIcon svgIcon=\"magnify\"></mat-icon>\n      <span\n        matListItemTitle\n        class=\"search-tool mat-typography\"\n        (click)=\"searchEmit()\"\n      >\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 svgIcon=\"layers-plus\"></mat-icon>\n      <span\n        matListItemTitle\n        class=\"catalog-tool mat-typography\"\n        (click)=\"catalogEmit()\"\n      >\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 svgIcon=\"star\"></mat-icon>\n      <span\n        matListItemTitle\n        class=\"context-tool mat-typography\"\n        (click)=\"contextEmit()\"\n      >\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,:host .search-tool,:host .catalog-tool,:host .context-tool{margin:4px}:host .map-empty{padding:12px 0;text-align:justify}:host .search-tool,:host .catalog-tool,:host .context-tool{cursor:pointer}:host mat-list mat-list-item h4{font-weight:700}:host mat-list-item ::ng-deep .mdc-list-item__primary-text{font-size:smaller}:host .advanced-tool-line{height:2px;background-color:gray}\n"] }]
+        }], ctorParameters: () => [{ type: MapState }, { type: i1$1.ContextService }, { type: i3$1.UntypedFormBuilder }, { type: ToolState }] });
 
 let AdvancedMapToolComponent = class AdvancedMapToolComponent {
     mapState;
@@ -3402,8 +3308,8 @@ let AdvancedMapToolComponent = class AdvancedMapToolComponent {
     toggleFollow(value) {
         this.mapState.map.geolocationController.followPosition = value;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AdvancedMapToolComponent, deps: [{ token: MapState }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: AdvancedMapToolComponent, selector: "igo-advanced-map-tool", ngImport: i0, template: "<h4 class=\"nameOfTool\">\r\n  {{\r\n    'igo.integration.advanced-map-tool.advanced-swipe.swipe-tool' | translate\r\n  }}\r\n</h4>\r\n<igo-advanced-swipe></igo-advanced-swipe>\r\n<mat-divider class=\"advanced-tool-line\"></mat-divider>\r\n<h4 class=\"nameOfTool\">\r\n  {{\r\n    'igo.integration.advanced-map-tool.advanced-coordinates.coordinates'\r\n      | translate\r\n  }}\r\n</h4>\r\n<igo-advanced-coordinates></igo-advanced-coordinates>\r\n<mat-divider class=\"advanced-tool-line\"></mat-divider>\r\n\r\n<h4 class=\"nameOfTool\">\r\n  {{ 'igo.integration.advanced-map-tool.geolocation.title' | translate }}\r\n</h4>\r\n\r\n<div class=\"igo-input-container\">\r\n  <div class=\"geolocation-slide-toggle-container\">\r\n    <mat-slide-toggle\r\n      class=\"geolocation-option\"\r\n      [checked]=\"tracking$ | async\"\r\n      [labelPosition]=\"'before'\"\r\n      (change)=\"toggleTracking($event.checked)\"\r\n    >\r\n      {{ 'igo.integration.advanced-map-tool.geolocation.tracking' | translate }}\r\n    </mat-slide-toggle>\r\n\r\n    <mat-slide-toggle\r\n      class=\"geolocation-option\"\r\n      [disabled]=\"(tracking$ | async) !== true\"\r\n      [labelPosition]=\"'before'\"\r\n      [checked]=\"followPosition$ | async\"\r\n      (change)=\"toggleFollow($event.checked)\"\r\n    >\r\n      {{ 'igo.integration.advanced-map-tool.geolocation.follow' | translate }}\r\n    </mat-slide-toggle>\r\n  </div>\r\n</div>\r\n", styles: [":host{display:block;padding:0 16px 12px}.nameOfTool{text-align:center;font-weight:700;font-size:small;margin:12px 0 8px}.advanced-tool-line{height:2px;background-color:gray}.geolocation-slide-toggle-container{display:flex;flex-direction:column;padding:12px 0}.geolocation-slide-toggle-container mat-slide-toggle{flex:1}.geolocation-slide-toggle-container mat-slide-toggle:not(:last-child){margin-bottom:16px}.geolocation-slide-toggle-container mat-slide-toggle ::ng-deep .mdc-form-field{display:flex;justify-content:space-between}.geolocation-slide-toggle-container mat-slide-toggle ::ng-deep .mdc-label{flex:1}mat-divider{margin:0 -16px}\n"], dependencies: [{ kind: "component", type: i5$1.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { kind: "component", type: i10$1.MatSlideToggle, selector: "mat-slide-toggle", inputs: ["disabled", "disableRipple", "color", "tabIndex"], exportAs: ["matSlideToggle"] }, { kind: "component", type: AdvancedSwipeComponent, selector: "igo-advanced-swipe" }, { kind: "component", type: AdvancedCoordinatesComponent, selector: "igo-advanced-coordinates", inputs: ["projectionsLimitations"] }, { kind: "pipe", type: i4.AsyncPipe, name: "async" }, { kind: "pipe", type: i7$1.TranslatePipe, name: "translate" }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: AdvancedMapToolComponent, deps: [{ token: MapState }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.1", 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;font-weight:700;font-size:small;margin:12px 0 8px}.advanced-tool-line{height:2px;background-color:gray}.geolocation-slide-toggle-container{display:flex;flex-direction:column;padding:12px 0}.geolocation-slide-toggle-container mat-slide-toggle{flex:1}.geolocation-slide-toggle-container mat-slide-toggle:not(:last-child){margin-bottom:16px}.geolocation-slide-toggle-container mat-slide-toggle ::ng-deep .mdc-form-field{display:flex;justify-content:space-between}.geolocation-slide-toggle-container mat-slide-toggle ::ng-deep .mdc-label{flex:1}mat-divider{margin:0 -16px}\n"], dependencies: [{ kind: "component", type: AdvancedSwipeComponent, selector: "igo-advanced-swipe" }, { kind: "ngmodule", type: MatDividerModule }, { kind: "component", type: i8$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: i10.MatSlideToggle, selector: "mat-slide-toggle", inputs: ["name", "id", "labelPosition", "aria-label", "aria-labelledby", "aria-describedby", "required", "color", "disabled", "disableRipple", "tabIndex", "checked", "hideIcon"], outputs: ["change", "toggleChange"], exportAs: ["matSlideToggle"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i7$2.TranslatePipe, name: "translate" }] });
 };
 AdvancedMapToolComponent = __decorate([
     ToolComponent({
@@ -3417,10 +3323,74 @@ AdvancedMapToolComponent = __decorate([
     ,
     __metadata("design:paramtypes", [MapState])
 ], AdvancedMapToolComponent);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AdvancedMapToolComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: AdvancedMapToolComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'igo-advanced-map-tool', standalone: true, imports: [
+                        AdvancedSwipeComponent,
+                        MatDividerModule,
+                        AdvancedCoordinatesComponent,
+                        MatSlideToggleModule,
+                        AsyncPipe,
+                        TranslateModule
+                    ], 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;font-weight:700;font-size:small;margin:12px 0 8px}.advanced-tool-line{height:2px;background-color:gray}.geolocation-slide-toggle-container{display:flex;flex-direction:column;padding:12px 0}.geolocation-slide-toggle-container mat-slide-toggle{flex:1}.geolocation-slide-toggle-container mat-slide-toggle:not(:last-child){margin-bottom:16px}.geolocation-slide-toggle-container mat-slide-toggle ::ng-deep .mdc-form-field{display:flex;justify-content:space-between}.geolocation-slide-toggle-container mat-slide-toggle ::ng-deep .mdc-label{flex:1}mat-divider{margin:0 -16px}\n"] }]
+        }], ctorParameters: () => [{ type: MapState }] });
+
+class WorkspaceButtonComponent {
+    workspaceState;
+    hasWorkspace$ = new BehaviorSubject(false);
+    hasWorkspace$$;
+    _layer;
+    layer$ = new BehaviorSubject(undefined);
+    set layer(value) {
+        this._layer = value;
+        this.layer$.next(this._layer);
+    }
+    get layer() {
+        return this._layer;
+    }
+    color = 'primary';
+    constructor(workspaceState) {
+        this.workspaceState = workspaceState;
+    }
+    ngOnInit() {
+        this.hasWorkspace$$ = combineLatest([
+            this.workspaceState.workspaceEnabled$,
+            this.layer$
+        ]).subscribe((bunch) => this.hasWorkspace$.next(bunch[0] && bunch[1]?.options.workspace?.enabled));
+    }
+    ngOnDestroy() {
+        this.hasWorkspace$$.unsubscribe();
+    }
+    activateWorkspace() {
+        if (this.workspaceState.workspace$.value &&
+            this.workspaceState.workspace$.value.layer.id ===
+                this.layer.id &&
+            this.workspaceState.workspacePanelExpanded) {
+            this.workspaceState.workspacePanelExpanded = false;
+        }
+        else {
+            this.workspaceState.workspacePanelExpanded = true;
+            this.workspaceState.setActiveWorkspaceById(this.layer.id);
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: WorkspaceButtonComponent, deps: [{ token: WorkspaceState }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.1", 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 svgIcon=\"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: i6.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i5.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i7.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i7$2.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: WorkspaceButtonComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'igo-advanced-map-tool', template: "<h4 class=\"nameOfTool\">\r\n  {{\r\n    'igo.integration.advanced-map-tool.advanced-swipe.swipe-tool' | translate\r\n  }}\r\n</h4>\r\n<igo-advanced-swipe></igo-advanced-swipe>\r\n<mat-divider class=\"advanced-tool-line\"></mat-divider>\r\n<h4 class=\"nameOfTool\">\r\n  {{\r\n    'igo.integration.advanced-map-tool.advanced-coordinates.coordinates'\r\n      | translate\r\n  }}\r\n</h4>\r\n<igo-advanced-coordinates></igo-advanced-coordinates>\r\n<mat-divider class=\"advanced-tool-line\"></mat-divider>\r\n\r\n<h4 class=\"nameOfTool\">\r\n  {{ 'igo.integration.advanced-map-tool.geolocation.title' | translate }}\r\n</h4>\r\n\r\n<div class=\"igo-input-container\">\r\n  <div class=\"geolocation-slide-toggle-container\">\r\n    <mat-slide-toggle\r\n      class=\"geolocation-option\"\r\n      [checked]=\"tracking$ | async\"\r\n      [labelPosition]=\"'before'\"\r\n      (change)=\"toggleTracking($event.checked)\"\r\n    >\r\n      {{ 'igo.integration.advanced-map-tool.geolocation.tracking' | translate }}\r\n    </mat-slide-toggle>\r\n\r\n    <mat-slide-toggle\r\n      class=\"geolocation-option\"\r\n      [disabled]=\"(tracking$ | async) !== true\"\r\n      [labelPosition]=\"'before'\"\r\n      [checked]=\"followPosition$ | async\"\r\n      (change)=\"toggleFollow($event.checked)\"\r\n    >\r\n      {{ 'igo.integration.advanced-map-tool.geolocation.follow' | translate }}\r\n    </mat-slide-toggle>\r\n  </div>\r\n</div>\r\n", styles: [":host{display:block;padding:0 16px 12px}.nameOfTool{text-align:center;font-weight:700;font-size:small;margin:12px 0 8px}.advanced-tool-line{height:2px;background-color:gray}.geolocation-slide-toggle-container{display:flex;flex-direction:column;padding:12px 0}.geolocation-slide-toggle-container mat-slide-toggle{flex:1}.geolocation-slide-toggle-container mat-slide-toggle:not(:last-child){margin-bottom:16px}.geolocation-slide-toggle-container mat-slide-toggle ::ng-deep .mdc-form-field{display:flex;justify-content:space-between}.geolocation-slide-toggle-container mat-slide-toggle ::ng-deep .mdc-label{flex:1}mat-divider{margin:0 -16px}\n"] }]
-        }], ctorParameters: function () { return [{ type: MapState }]; } });
+            args: [{ selector: 'igo-workspace-button', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [
+                        NgIf,
+                        MatButtonModule,
+                        MatTooltipModule,
+                        MatIconModule,
+                        AsyncPipe,
+                        TranslateModule
+                    ], 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 svgIcon=\"table\"></mat-icon>\n</button>\n" }]
+        }], ctorParameters: () => [{ type: WorkspaceState }], propDecorators: { layer: [{
+                type: Input
+            }], color: [{
+                type: Input
+            }] } });
 
 let MapDetailsToolComponent = class MapDetailsToolComponent {
     mapState;
@@ -3511,8 +3481,8 @@ let MapDetailsToolComponent = class MapDetailsToolComponent {
         this.importExportState.setMode(ImportExportMode.export);
         this.toolState.toolbox.activateTool('importExport');
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: MapDetailsToolComponent, deps: [{ token: MapState }, { token: ToolState }, { token: i1.SearchSourceService }, { token: i0.ChangeDetectorRef }, { token: ImportExportState }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: MapDetailsToolComponent, selector: "igo-map-details-tool", inputs: { toggleLegendOnVisibilityChange: "toggleLegendOnVisibilityChange", expandLegendOfVisibleLayers: "expandLegendOfVisibleLayers", updateLegendOnResolutionChange: "updateLegendOnResolutionChange", ogcButton: "ogcButton", timeButton: "timeButton", layerListControls: "layerListControls", queryBadge: "queryBadge", layerAdditionAllowed: "layerAdditionAllowed" }, ngImport: i0, template: "<igo-layer-list\r\n  class=\"mapDetailsList\"\r\n  *ngIf=\"(layers$ | async).length; else empty\"\r\n  [map]=\"map\"\r\n  igoLayerListBinding\r\n  [excludeBaseLayers]=\"excludeBaseLayers\"\r\n  [layerFilterAndSortOptions]=\"layerFilterAndSortOptions\"\r\n  [expandLegendOfVisibleLayers]=\"expandLegendOfVisibleLayers\"\r\n  [toggleLegendOnVisibilityChange]=\"toggleLegendOnVisibilityChange\"\r\n  [updateLegendOnResolutionChange]=\"updateLegendOnResolutionChange\"\r\n  floatLabel=\"never\"\r\n  [queryBadge]=\"queryBadge\"\r\n>\r\n  <ng-template #igoLayerItemToolbar let-layer=\"layer\">\r\n    <!-- <igo-download-button [layer]=\"layer\"></igo-download-button> -->\r\n    <igo-workspace-button [layer]=\"layer\"></igo-workspace-button>\r\n    <igo-export-button\r\n      [layer]=\"layer\"\r\n      (click)=\"activateExport(layer)\"\r\n    ></igo-export-button>\r\n    <igo-ogc-filter-button\r\n      [header]=\"ogcButton\"\r\n      [layer]=\"layer\"\r\n    ></igo-ogc-filter-button>\r\n    <igo-time-filter-button\r\n      [header]=\"timeButton\"\r\n      [layer]=\"layer\"\r\n    ></igo-time-filter-button>\r\n    <igo-track-feature-button\r\n      [trackFeature]=\"true\"\r\n      [layer]=\"layer\"\r\n    ></igo-track-feature-button>\r\n    <igo-metadata-button [layer]=\"layer\"></igo-metadata-button>\r\n  </ng-template>\r\n</igo-layer-list>\r\n\r\n<ng-template #empty>\r\n  <mat-list *ngIf=\"delayedShowEmptyMapContent\">\r\n    <p class=\"map-empty mat-typography\">\r\n      {{ 'igo.integration.mapTool.empty' | translate }}\r\n    </p>\r\n    <p\r\n      *ngIf=\"\r\n        layerAdditionAllowed &&\r\n        (searchToolInToolbar || catalogToolInToolbar || contextToolInToolbar)\r\n      \"\r\n      class=\"map-empty mat-typography\"\r\n    >\r\n      {{ 'igo.integration.mapTool.customize' | translate }}\r\n    </p>\r\n    <mat-list-item *ngIf=\"layerAdditionAllowed && searchToolInToolbar\">\r\n      <mat-icon matListItemIcon>\r\n        <svg\r\n          viewBox=\"0 0 24 24\"\r\n          fit=\"\"\r\n          height=\"100%\"\r\n          width=\"100%\"\r\n          preserveAspectRatio=\"xMidYMid meet\"\r\n          focusable=\"false\"\r\n        >\r\n          <path\r\n            d=\"M9.5,3A6.5,6.5 0 0,1 16,9.5C16,11.11 15.41,12.59 14.44,13.73L14.71,14H15.5L20.5,19L19,20.5L14,15.5V14.71L13.73,14.44C12.59,15.41 11.11,16 9.5,16A6.5,6.5 0 0,1 3,9.5A6.5,6.5 0 0,1 9.5,3M9.5,5C7,5 5,7 5,9.5C5,12 7,14 9.5,14C12,14 14,12 14,9.5C14,7 12,5 9.5,5Z\"\r\n          ></path></svg\r\n      ></mat-icon>\r\n      <span\r\n        matListItemTitle\r\n        class=\"search-tool mat-typography\"\r\n        (click)=\"searchEmit()\"\r\n      >\r\n        {{ 'igo.integration.mapTool.search-tool' | translate }}\r\n      </span>\r\n    </mat-list-item>\r\n    <mat-list-item *ngIf=\"layerAdditionAllowed && catalogToolInToolbar\">\r\n      <mat-icon matListItemIcon>\r\n        <svg\r\n          viewBox=\"0 0 24 24\"\r\n          fit=\"\"\r\n          height=\"100%\"\r\n          width=\"100%\"\r\n          preserveAspectRatio=\"xMidYMid meet\"\r\n          focusable=\"false\"\r\n        >\r\n          <path\r\n            d=\"M17,14H19V17H22V19H19V22H17V19H14V17H17V14M11,16L2,9L11,2L20,9L11,16M11,18.54L12,17.75V18C12,18.71 12.12,19.39 12.35,20L11,21.07L2,14.07L3.62,12.81L11,18.54Z\"\r\n          ></path></svg\r\n      ></mat-icon>\r\n      <span\r\n        matListItemTitle\r\n        class=\"catalog-tool mat-typography\"\r\n        (click)=\"catalogEmit()\"\r\n      >\r\n        {{ 'igo.integration.mapTool.catalog-tool' | translate }}\r\n      </span>\r\n    </mat-list-item>\r\n    <mat-list-item *ngIf=\"layerAdditionAllowed && contextToolInToolbar\">\r\n      <mat-icon matListItemIcon>\r\n        <svg\r\n          viewBox=\"0 0 24 24\"\r\n          fit=\"\"\r\n          height=\"100%\"\r\n          width=\"100%\"\r\n          preserveAspectRatio=\"xMidYMid meet\"\r\n          focusable=\"false\"\r\n        >\r\n          <path\r\n            d=\"M12,17.27L18.18,21L16.54,13.97L22,9.24L14.81,8.62L12,2L9.19,8.62L2,9.24L7.45,13.97L5.82,21L12,17.27Z\"\r\n          ></path></svg\r\n      ></mat-icon>\r\n      <span\r\n        matListItemTitle\r\n        class=\"context-tool mat-typography\"\r\n        (click)=\"contextEmit()\"\r\n      >\r\n        {{ 'igo.integration.mapTool.context-tool' | translate }}\r\n      </span>\r\n    </mat-list-item>\r\n  </mat-list>\r\n</ng-template>\r\n", styles: [":host .map-empty,:host .search-tool,:host .catalog-tool,:host .context-tool{margin:10px}:host .map-empty{text-align:justify}:host .search-tool,:host .catalog-tool,:host .context-tool{cursor:pointer}:host mat-list mat-list-item h4{font-weight:700}:host mat-list-item ::ng-deep .mdc-list-item__primary-text{font-size:smaller}:host mat-list.mat-mdc-list-base mat-list-item.mat-mdc-list-item ::ng-deep div.mdc-list-item__content div.mdc-list-item__primary-text{padding-left:5px}:host .mapDetailsList{overflow:hidden}\n"], dependencies: [{ kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i10$2.MatList, selector: "mat-list", exportAs: ["matList"] }, { kind: "component", type: i10$2.MatListItem, selector: "mat-list-item, a[mat-list-item], button[mat-list-item]", inputs: ["activated"], exportAs: ["matListItem"] }, { kind: "directive", type: i10$2.MatListItemIcon, selector: "[matListItemIcon]" }, { kind: "directive", type: i10$2.MatListItemTitle, selector: "[matListItemTitle]" }, { kind: "component", type: i7.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i1.LayerListComponent, selector: "igo-layer-list", inputs: ["layersAreAllVisible", "ogcButton", "timeButton", "map", "layers", "floatLabel", "layerFilterAndSortOptions", "excludeBaseLayers", "toggleLegendOnVisibilityChange", "expandLegendOfVisibleLayers", "updateLegendOnResolutionChange", "queryBadge"], outputs: ["appliedFilterAndSort"] }, { kind: "directive", type: i1.LayerListBindingDirective, selector: "[igoLayerListBinding]" }, { kind: "component", type: i1.TrackFeatureButtonComponent, selector: "igo-track-feature-button", inputs: ["layer", "trackFeature"] }, { kind: "component", type: i1.MetadataButtonComponent, selector: "igo-metadata-button", inputs: ["layer", "color"] }, { kind: "component", type: i1.ExportButtonComponent, selector: "igo-export-button", inputs: ["layer", "color"] }, { kind: "component", type: i1.TimeFilterButtonComponent, selector: "igo-time-filter-button", inputs: ["layer", "map", "color", "header"] }, { kind: "component", type: i1.OgcFilterButtonComponent, selector: "igo-ogc-filter-button", inputs: ["layer", "map", "color", "header"] }, { kind: "component", type: WorkspaceButtonComponent, selector: "igo-workspace-button", inputs: ["layer", "color"] }, { kind: "pipe", type: i4.AsyncPipe, name: "async" }, { kind: "pipe", type: i7$1.TranslatePipe, name: "translate" }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: MapDetailsToolComponent, deps: [{ token: MapState }, { token: ToolState }, { token: i1.SearchSourceService }, { token: i0.ChangeDetectorRef }, { token: ImportExportState }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.1", 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-list\r\n  class=\"mapDetailsList\"\r\n  *ngIf=\"(layers$ | async).length; else empty\"\r\n  [map]=\"map\"\r\n  igoLayerListBinding\r\n  [excludeBaseLayers]=\"excludeBaseLayers\"\r\n  [layerFilterAndSortOptions]=\"layerFilterAndSortOptions\"\r\n  [expandLegendOfVisibleLayers]=\"expandLegendOfVisibleLayers\"\r\n  [toggleLegendOnVisibilityChange]=\"toggleLegendOnVisibilityChange\"\r\n  [updateLegendOnResolutionChange]=\"updateLegendOnResolutionChange\"\r\n  [queryBadge]=\"queryBadge\"\r\n>\r\n  <ng-template #igoLayerItemToolbar let-layer=\"layer\">\r\n    <!-- <igo-download-button [layer]=\"layer\"></igo-download-button> -->\r\n    <igo-workspace-button [layer]=\"layer\"></igo-workspace-button>\r\n    <igo-export-button\r\n      [layer]=\"layer\"\r\n      (click)=\"activateExport(layer)\"\r\n    ></igo-export-button>\r\n    <igo-ogc-filter-button\r\n      [header]=\"ogcButton\"\r\n      [layer]=\"layer\"\r\n    ></igo-ogc-filter-button>\r\n    <igo-time-filter-button\r\n      [header]=\"timeButton\"\r\n      [layer]=\"layer\"\r\n    ></igo-time-filter-button>\r\n    <igo-track-feature-button\r\n      [trackFeature]=\"true\"\r\n      [layer]=\"layer\"\r\n    ></igo-track-feature-button>\r\n    <igo-metadata-button [layer]=\"layer\"></igo-metadata-button>\r\n  </ng-template>\r\n</igo-layer-list>\r\n\r\n<ng-template #empty>\r\n  <mat-list *ngIf=\"delayedShowEmptyMapContent\">\r\n    <p class=\"map-empty mat-typography\">\r\n      {{ 'igo.integration.mapTool.empty' | translate }}\r\n    </p>\r\n    <p\r\n      *ngIf=\"\r\n        layerAdditionAllowed &&\r\n        (searchToolInToolbar || catalogToolInToolbar || contextToolInToolbar)\r\n      \"\r\n      class=\"map-empty mat-typography\"\r\n    >\r\n      {{ 'igo.integration.mapTool.customize' | translate }}\r\n    </p>\r\n    <mat-list-item *ngIf=\"layerAdditionAllowed && searchToolInToolbar\">\r\n      <mat-icon matListItemIcon>\r\n        <svg\r\n          viewBox=\"0 0 24 24\"\r\n          fit=\"\"\r\n          height=\"100%\"\r\n          width=\"100%\"\r\n          preserveAspectRatio=\"xMidYMid meet\"\r\n          focusable=\"false\"\r\n        >\r\n          <path\r\n            d=\"M9.5,3A6.5,6.5 0 0,1 16,9.5C16,11.11 15.41,12.59 14.44,13.73L14.71,14H15.5L20.5,19L19,20.5L14,15.5V14.71L13.73,14.44C12.59,15.41 11.11,16 9.5,16A6.5,6.5 0 0,1 3,9.5A6.5,6.5 0 0,1 9.5,3M9.5,5C7,5 5,7 5,9.5C5,12 7,14 9.5,14C12,14 14,12 14,9.5C14,7 12,5 9.5,5Z\"\r\n          ></path>\r\n        </svg>\r\n      </mat-icon>\r\n      <span\r\n        matListItemTitle\r\n        class=\"search-tool mat-typography\"\r\n        (click)=\"searchEmit()\"\r\n      >\r\n        {{ 'igo.integration.mapTool.search-tool' | translate }}\r\n      </span>\r\n    </mat-list-item>\r\n    <mat-list-item *ngIf=\"layerAdditionAllowed && catalogToolInToolbar\">\r\n      <mat-icon matListItemIcon>\r\n        <svg\r\n          viewBox=\"0 0 24 24\"\r\n          fit=\"\"\r\n          height=\"100%\"\r\n          width=\"100%\"\r\n          preserveAspectRatio=\"xMidYMid meet\"\r\n          focusable=\"false\"\r\n        >\r\n          <path\r\n            d=\"M17,14H19V17H22V19H19V22H17V19H14V17H17V14M11,16L2,9L11,2L20,9L11,16M11,18.54L12,17.75V18C12,18.71 12.12,19.39 12.35,20L11,21.07L2,14.07L3.62,12.81L11,18.54Z\"\r\n          ></path>\r\n        </svg>\r\n      </mat-icon>\r\n      <span\r\n        matListItemTitle\r\n        class=\"catalog-tool mat-typography\"\r\n        (click)=\"catalogEmit()\"\r\n      >\r\n        {{ 'igo.integration.mapTool.catalog-tool' | translate }}\r\n      </span>\r\n    </mat-list-item>\r\n    <mat-list-item *ngIf=\"layerAdditionAllowed && contextToolInToolbar\">\r\n      <mat-icon matListItemIcon>\r\n        <svg\r\n          viewBox=\"0 0 24 24\"\r\n          fit=\"\"\r\n          height=\"100%\"\r\n          width=\"100%\"\r\n          preserveAspectRatio=\"xMidYMid meet\"\r\n          focusable=\"false\"\r\n        >\r\n          <path\r\n            d=\"M12,17.27L18.18,21L16.54,13.97L22,9.24L14.81,8.62L12,2L9.19,8.62L2,9.24L7.45,13.97L5.82,21L12,17.27Z\"\r\n          ></path>\r\n        </svg>\r\n      </mat-icon>\r\n      <span\r\n        matListItemTitle\r\n        class=\"context-tool mat-typography\"\r\n        (click)=\"contextEmit()\"\r\n      >\r\n        {{ 'igo.integration.mapTool.context-tool' | translate }}\r\n      </span>\r\n    </mat-list-item>\r\n  </mat-list>\r\n</ng-template>\r\n", styles: [":host .map-empty,:host .search-tool,:host .catalog-tool,:host .context-tool{margin:10px}:host .map-empty{text-align:justify}:host .search-tool,:host .catalog-tool,:host .context-tool{cursor:pointer}:host mat-list mat-list-item h4{font-weight:700}:host mat-list-item ::ng-deep .mdc-list-item__primary-text{font-size:smaller}:host mat-list.mat-mdc-list-base mat-list-item.mat-mdc-list-item ::ng-deep div.mdc-list-item__content div.mdc-list-item__primary-text{padding-left:5px}:host .mapDetailsList{overflow:hidden}\n"], dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: LayerListComponent, selector: "igo-layer-list", inputs: ["layersAreAllVisible", "ogcButton", "timeButton", "map", "layers", "floatLabel", "layerFilterAndSortOptions", "excludeBaseLayers", "toggleLegendOnVisibilityChange", "expandLegendOfVisibleLayers", "updateLegendOnResolutionChange", "queryBadge"], outputs: ["appliedFilterAndSort"] }, { kind: "directive", type: LayerListBindingDirective, selector: "[igoLayerListBinding]" }, { 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: i10$1.MatList, selector: "mat-list", exportAs: ["matList"] }, { kind: "component", type: i10$1.MatListItem, selector: "mat-list-item, a[mat-list-item], button[mat-list-item]", inputs: ["activated"], exportAs: ["matListItem"] }, { kind: "directive", type: i10$1.MatListItemIcon, selector: "[matListItemIcon]" }, { kind: "directive", type: i10$1.MatListItemTitle, selector: "[matListItemTitle]" }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i7.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i7$2.TranslatePipe, name: "translate" }] });
 };
 MapDetailsToolComponent = __decorate([
     ToolComponent({
@@ -3526,10 +3496,24 @@ MapDetailsToolComponent = __decorate([
         ChangeDetectorRef,
         ImportExportState])
 ], MapDetailsToolComponent);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: MapDetailsToolComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: MapDetailsToolComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'igo-map-details-tool', template: "<igo-layer-list\r\n  class=\"mapDetailsList\"\r\n  *ngIf=\"(layers$ | async).length; else empty\"\r\n  [map]=\"map\"\r\n  igoLayerListBinding\r\n  [excludeBaseLayers]=\"excludeBaseLayers\"\r\n  [layerFilterAndSortOptions]=\"layerFilterAndSortOptions\"\r\n  [expandLegendOfVisibleLayers]=\"expandLegendOfVisibleLayers\"\r\n  [toggleLegendOnVisibilityChange]=\"toggleLegendOnVisibilityChange\"\r\n  [updateLegendOnResolutionChange]=\"updateLegendOnResolutionChange\"\r\n  floatLabel=\"never\"\r\n  [queryBadge]=\"queryBadge\"\r\n>\r\n  <ng-template #igoLayerItemToolbar let-layer=\"layer\">\r\n    <!-- <igo-download-button [layer]=\"layer\"></igo-download-button> -->\r\n    <igo-workspace-button [layer]=\"layer\"></igo-workspace-button>\r\n    <igo-export-button\r\n      [layer]=\"layer\"\r\n      (click)=\"activateExport(layer)\"\r\n    ></igo-export-button>\r\n    <igo-ogc-filter-button\r\n      [header]=\"ogcButton\"\r\n      [layer]=\"layer\"\r\n    ></igo-ogc-filter-button>\r\n    <igo-time-filter-button\r\n      [header]=\"timeButton\"\r\n      [layer]=\"layer\"\r\n    ></igo-time-filter-button>\r\n    <igo-track-feature-button\r\n      [trackFeature]=\"true\"\r\n      [layer]=\"layer\"\r\n    ></igo-track-feature-button>\r\n    <igo-metadata-button [layer]=\"layer\"></igo-metadata-button>\r\n  </ng-template>\r\n</igo-layer-list>\r\n\r\n<ng-template #empty>\r\n  <mat-list *ngIf=\"delayedShowEmptyMapContent\">\r\n    <p class=\"map-empty mat-typography\">\r\n      {{ 'igo.integration.mapTool.empty' | translate }}\r\n    </p>\r\n    <p\r\n      *ngIf=\"\r\n        layerAdditionAllowed &&\r\n        (searchToolInToolbar || catalogToolInToolbar || contextToolInToolbar)\r\n      \"\r\n      class=\"map-empty mat-typography\"\r\n    >\r\n      {{ 'igo.integration.mapTool.customize' | translate }}\r\n    </p>\r\n    <mat-list-item *ngIf=\"layerAdditionAllowed && searchToolInToolbar\">\r\n      <mat-icon matListItemIcon>\r\n        <svg\r\n          viewBox=\"0 0 24 24\"\r\n          fit=\"\"\r\n          height=\"100%\"\r\n          width=\"100%\"\r\n          preserveAspectRatio=\"xMidYMid meet\"\r\n          focusable=\"false\"\r\n        >\r\n          <path\r\n            d=\"M9.5,3A6.5,6.5 0 0,1 16,9.5C16,11.11 15.41,12.59 14.44,13.73L14.71,14H15.5L20.5,19L19,20.5L14,15.5V14.71L13.73,14.44C12.59,15.41 11.11,16 9.5,16A6.5,6.5 0 0,1 3,9.5A6.5,6.5 0 0,1 9.5,3M9.5,5C7,5 5,7 5,9.5C5,12 7,14 9.5,14C12,14 14,12 14,9.5C14,7 12,5 9.5,5Z\"\r\n          ></path></svg\r\n      ></mat-icon>\r\n      <span\r\n        matListItemTitle\r\n        class=\"search-tool mat-typography\"\r\n        (click)=\"searchEmit()\"\r\n      >\r\n        {{ 'igo.integration.mapTool.search-tool' | translate }}\r\n      </span>\r\n    </mat-list-item>\r\n    <mat-list-item *ngIf=\"layerAdditionAllowed && catalogToolInToolbar\">\r\n      <mat-icon matListItemIcon>\r\n        <svg\r\n          viewBox=\"0 0 24 24\"\r\n          fit=\"\"\r\n          height=\"100%\"\r\n          width=\"100%\"\r\n          preserveAspectRatio=\"xMidYMid meet\"\r\n          focusable=\"false\"\r\n        >\r\n          <path\r\n            d=\"M17,14H19V17H22V19H19V22H17V19H14V17H17V14M11,16L2,9L11,2L20,9L11,16M11,18.54L12,17.75V18C12,18.71 12.12,19.39 12.35,20L11,21.07L2,14.07L3.62,12.81L11,18.54Z\"\r\n          ></path></svg\r\n      ></mat-icon>\r\n      <span\r\n        matListItemTitle\r\n        class=\"catalog-tool mat-typography\"\r\n        (click)=\"catalogEmit()\"\r\n      >\r\n        {{ 'igo.integration.mapTool.catalog-tool' | translate }}\r\n      </span>\r\n    </mat-list-item>\r\n    <mat-list-item *ngIf=\"layerAdditionAllowed && contextToolInToolbar\">\r\n      <mat-icon matListItemIcon>\r\n        <svg\r\n          viewBox=\"0 0 24 24\"\r\n          fit=\"\"\r\n          height=\"100%\"\r\n          width=\"100%\"\r\n          preserveAspectRatio=\"xMidYMid meet\"\r\n          focusable=\"false\"\r\n        >\r\n          <path\r\n            d=\"M12,17.27L18.18,21L16.54,13.97L22,9.24L14.81,8.62L12,2L9.19,8.62L2,9.24L7.45,13.97L5.82,21L12,17.27Z\"\r\n          ></path></svg\r\n      ></mat-icon>\r\n      <span\r\n        matListItemTitle\r\n        class=\"context-tool mat-typography\"\r\n        (click)=\"contextEmit()\"\r\n      >\r\n        {{ 'igo.integration.mapTool.context-tool' | translate }}\r\n      </span>\r\n    </mat-list-item>\r\n  </mat-list>\r\n</ng-template>\r\n", styles: [":host .map-empty,:host .search-tool,:host .catalog-tool,:host .context-tool{margin:10px}:host .map-empty{text-align:justify}:host .search-tool,:host .catalog-tool,:host .context-tool{cursor:pointer}:host mat-list mat-list-item h4{font-weight:700}:host mat-list-item ::ng-deep .mdc-list-item__primary-text{font-size:smaller}:host mat-list.mat-mdc-list-base mat-list-item.mat-mdc-list-item ::ng-deep div.mdc-list-item__content div.mdc-list-item__primary-text{padding-left:5px}:host .mapDetailsList{overflow:hidden}\n"] }]
-        }], ctorParameters: function () { return [{ type: MapState }, { type: ToolState }, { type: i1.SearchSourceService }, { type: i0.ChangeDetectorRef }, { type: ImportExportState }]; }, propDecorators: { toggleLegendOnVisibilityChange: [{
+            args: [{ selector: 'igo-map-details-tool', standalone: true, imports: [
+                        NgIf,
+                        LayerListComponent,
+                        LayerListBindingDirective,
+                        WorkspaceButtonComponent,
+                        ExportButtonComponent,
+                        OgcFilterButtonComponent,
+                        TimeFilterButtonComponent,
+                        TrackFeatureButtonComponent,
+                        MetadataButtonComponent,
+                        MatListModule,
+                        MatIconModule,
+                        AsyncPipe,
+                        TranslateModule
+                    ], template: "<igo-layer-list\r\n  class=\"mapDetailsList\"\r\n  *ngIf=\"(layers$ | async).length; else empty\"\r\n  [map]=\"map\"\r\n  igoLayerListBinding\r\n  [excludeBaseLayers]=\"excludeBaseLayers\"\r\n  [layerFilterAndSortOptions]=\"layerFilterAndSortOptions\"\r\n  [expandLegendOfVisibleLayers]=\"expandLegendOfVisibleLayers\"\r\n  [toggleLegendOnVisibilityChange]=\"toggleLegendOnVisibilityChange\"\r\n  [updateLegendOnResolutionChange]=\"updateLegendOnResolutionChange\"\r\n  [queryBadge]=\"queryBadge\"\r\n>\r\n  <ng-template #igoLayerItemToolbar let-layer=\"layer\">\r\n    <!-- <igo-download-button [layer]=\"layer\"></igo-download-button> -->\r\n    <igo-workspace-button [layer]=\"layer\"></igo-workspace-button>\r\n    <igo-export-button\r\n      [layer]=\"layer\"\r\n      (click)=\"activateExport(layer)\"\r\n    ></igo-export-button>\r\n    <igo-ogc-filter-button\r\n      [header]=\"ogcButton\"\r\n      [layer]=\"layer\"\r\n    ></igo-ogc-filter-button>\r\n    <igo-time-filter-button\r\n      [header]=\"timeButton\"\r\n      [layer]=\"layer\"\r\n    ></igo-time-filter-button>\r\n    <igo-track-feature-button\r\n      [trackFeature]=\"true\"\r\n      [layer]=\"layer\"\r\n    ></igo-track-feature-button>\r\n    <igo-metadata-button [layer]=\"layer\"></igo-metadata-button>\r\n  </ng-template>\r\n</igo-layer-list>\r\n\r\n<ng-template #empty>\r\n  <mat-list *ngIf=\"delayedShowEmptyMapContent\">\r\n    <p class=\"map-empty mat-typography\">\r\n      {{ 'igo.integration.mapTool.empty' | translate }}\r\n    </p>\r\n    <p\r\n      *ngIf=\"\r\n        layerAdditionAllowed &&\r\n        (searchToolInToolbar || catalogToolInToolbar || contextToolInToolbar)\r\n      \"\r\n      class=\"map-empty mat-typography\"\r\n    >\r\n      {{ 'igo.integration.mapTool.customize' | translate }}\r\n    </p>\r\n    <mat-list-item *ngIf=\"layerAdditionAllowed && searchToolInToolbar\">\r\n      <mat-icon matListItemIcon>\r\n        <svg\r\n          viewBox=\"0 0 24 24\"\r\n          fit=\"\"\r\n          height=\"100%\"\r\n          width=\"100%\"\r\n          preserveAspectRatio=\"xMidYMid meet\"\r\n          focusable=\"false\"\r\n        >\r\n          <path\r\n            d=\"M9.5,3A6.5,6.5 0 0,1 16,9.5C16,11.11 15.41,12.59 14.44,13.73L14.71,14H15.5L20.5,19L19,20.5L14,15.5V14.71L13.73,14.44C12.59,15.41 11.11,16 9.5,16A6.5,6.5 0 0,1 3,9.5A6.5,6.5 0 0,1 9.5,3M9.5,5C7,5 5,7 5,9.5C5,12 7,14 9.5,14C12,14 14,12 14,9.5C14,7 12,5 9.5,5Z\"\r\n          ></path>\r\n        </svg>\r\n      </mat-icon>\r\n      <span\r\n        matListItemTitle\r\n        class=\"search-tool mat-typography\"\r\n        (click)=\"searchEmit()\"\r\n      >\r\n        {{ 'igo.integration.mapTool.search-tool' | translate }}\r\n      </span>\r\n    </mat-list-item>\r\n    <mat-list-item *ngIf=\"layerAdditionAllowed && catalogToolInToolbar\">\r\n      <mat-icon matListItemIcon>\r\n        <svg\r\n          viewBox=\"0 0 24 24\"\r\n          fit=\"\"\r\n          height=\"100%\"\r\n          width=\"100%\"\r\n          preserveAspectRatio=\"xMidYMid meet\"\r\n          focusable=\"false\"\r\n        >\r\n          <path\r\n            d=\"M17,14H19V17H22V19H19V22H17V19H14V17H17V14M11,16L2,9L11,2L20,9L11,16M11,18.54L12,17.75V18C12,18.71 12.12,19.39 12.35,20L11,21.07L2,14.07L3.62,12.81L11,18.54Z\"\r\n          ></path>\r\n        </svg>\r\n      </mat-icon>\r\n      <span\r\n        matListItemTitle\r\n        class=\"catalog-tool mat-typography\"\r\n        (click)=\"catalogEmit()\"\r\n      >\r\n        {{ 'igo.integration.mapTool.catalog-tool' | translate }}\r\n      </span>\r\n    </mat-list-item>\r\n    <mat-list-item *ngIf=\"layerAdditionAllowed && contextToolInToolbar\">\r\n      <mat-icon matListItemIcon>\r\n        <svg\r\n          viewBox=\"0 0 24 24\"\r\n          fit=\"\"\r\n          height=\"100%\"\r\n          width=\"100%\"\r\n          preserveAspectRatio=\"xMidYMid meet\"\r\n          focusable=\"false\"\r\n        >\r\n          <path\r\n            d=\"M12,17.27L18.18,21L16.54,13.97L22,9.24L14.81,8.62L12,2L9.19,8.62L2,9.24L7.45,13.97L5.82,21L12,17.27Z\"\r\n          ></path>\r\n        </svg>\r\n      </mat-icon>\r\n      <span\r\n        matListItemTitle\r\n        class=\"context-tool mat-typography\"\r\n        (click)=\"contextEmit()\"\r\n      >\r\n        {{ 'igo.integration.mapTool.context-tool' | translate }}\r\n      </span>\r\n    </mat-list-item>\r\n  </mat-list>\r\n</ng-template>\r\n", styles: [":host .map-empty,:host .search-tool,:host .catalog-tool,:host .context-tool{margin:10px}:host .map-empty{text-align:justify}:host .search-tool,:host .catalog-tool,:host .context-tool{cursor:pointer}:host mat-list mat-list-item h4{font-weight:700}:host mat-list-item ::ng-deep .mdc-list-item__primary-text{font-size:smaller}:host mat-list.mat-mdc-list-base mat-list-item.mat-mdc-list-item ::ng-deep div.mdc-list-item__content div.mdc-list-item__primary-text{padding-left:5px}:host .mapDetailsList{overflow:hidden}\n"] }]
+        }], ctorParameters: () => [{ type: MapState }, { type: ToolState }, { type: i1.SearchSourceService }, { type: i0.ChangeDetectorRef }, { type: ImportExportState }], propDecorators: { toggleLegendOnVisibilityChange: [{
                 type: Input
             }], expandLegendOfVisibleLayers: [{
                 type: Input
@@ -3657,8 +3641,8 @@ let MapLegendToolComponent = class MapLegendToolComponent {
     contextEmit() {
         this.toolState.toolbox.activateTool('contextManager');
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: MapLegendToolComponent, deps: [{ token: MapState }, { token: ToolState }, { token: i1.SearchSourceService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: MapLegendToolComponent, selector: "igo-map-legend-tool", inputs: { updateLegendOnResolutionChange: "updateLegendOnResolutionChange", layerAdditionAllowed: "layerAdditionAllowed", allowShowAllLegends: "allowShowAllLegends", showAllLegendsValue: "showAllLegendsValue", layerListControls: "layerListControls" }, ngImport: i0, template: "<igo-layer-legend-list\r\n  *ngIf=\"showAllLegend()\"\r\n  igoLayerLegendListBinding\r\n  [excludeBaseLayers]=\"excludeBaseLayers\"\r\n  [allowShowAllLegends]=\"allowShowAllLegends\"\r\n  [updateLegendOnResolutionChange]=\"updateLegendOnResolutionChange\"\r\n  [showAllLegendsValue]=\"showAllLegendsValue$ | async\"\r\n  (allLegendsShown)=\"onShowAllLegends($event)\"\r\n>\r\n</igo-layer-legend-list>\r\n<ng-template\r\n  *ngIf=\"(layers$ | async).length !== 0; else emptyLayers\"\r\n></ng-template>\r\n\r\n<p\r\n  class=\"map-empty mat-typography\"\r\n  *ngIf=\"\r\n    !allowShowAllLegends &&\r\n    (layers$ | async).length !== 0 &&\r\n    (visibleOrInRangeLayers$ | async).length === 0\r\n  \"\r\n>\r\n  {{\r\n    (visibleLayers$ | async).length\r\n      ? ('igo.integration.mapTool.noLayersInRange' | translate)\r\n      : ('igo.integration.mapTool.noLayersVisible' | translate)\r\n  }}\r\n</p>\r\n\r\n<ng-template #emptyLayers>\r\n  <mat-list *ngIf=\"delayedShowEmptyMapContent\">\r\n    <p class=\"map-empty mat-typography\">\r\n      {{ 'igo.integration.mapTool.empty' | translate }}\r\n    </p>\r\n    <p\r\n      *ngIf=\"\r\n        layerAdditionAllowed &&\r\n        (searchToolInToolbar || catalogToolInToolbar || contextToolInToolbar)\r\n      \"\r\n      class=\"map-empty mat-typography\"\r\n    >\r\n      {{ 'igo.integration.mapTool.customize' | translate }}\r\n    </p>\r\n\r\n    <mat-list-item *ngIf=\"layerAdditionAllowed && searchToolInToolbar\">\r\n      <mat-icon matListItemIcon>\r\n        <svg\r\n          viewBox=\"0 0 24 24\"\r\n          fit=\"\"\r\n          height=\"100%\"\r\n          width=\"100%\"\r\n          preserveAspectRatio=\"xMidYMid meet\"\r\n          focusable=\"false\"\r\n        >\r\n          <path\r\n            d=\"M9.5,3A6.5,6.5 0 0,1 16,9.5C16,11.11 15.41,12.59 14.44,13.73L14.71,14H15.5L20.5,19L19,20.5L14,15.5V14.71L13.73,14.44C12.59,15.41 11.11,16 9.5,16A6.5,6.5 0 0,1 3,9.5A6.5,6.5 0 0,1 9.5,3M9.5,5C7,5 5,7 5,9.5C5,12 7,14 9.5,14C12,14 14,12 14,9.5C14,7 12,5 9.5,5Z\"\r\n          ></path></svg\r\n      ></mat-icon>\r\n      <span\r\n        matListItemTitle\r\n        class=\"search-tool mat-typography\"\r\n        (click)=\"searchEmit()\"\r\n      >\r\n        {{ 'igo.integration.mapTool.search-tool' | translate }}\r\n      </span>\r\n    </mat-list-item>\r\n    <mat-list-item *ngIf=\"layerAdditionAllowed && catalogToolInToolbar\">\r\n      <mat-icon matListItemIcon>\r\n        <svg\r\n          viewBox=\"0 0 24 24\"\r\n          fit=\"\"\r\n          height=\"100%\"\r\n          width=\"100%\"\r\n          preserveAspectRatio=\"xMidYMid meet\"\r\n          focusable=\"false\"\r\n        >\r\n          <path\r\n            d=\"M17,14H19V17H22V19H19V22H17V19H14V17H17V14M11,16L2,9L11,2L20,9L11,16M11,18.54L12,17.75V18C12,18.71 12.12,19.39 12.35,20L11,21.07L2,14.07L3.62,12.81L11,18.54Z\"\r\n          ></path></svg\r\n      ></mat-icon>\r\n      <span\r\n        matListItemTitle\r\n        class=\"catalog-tool mat-typography\"\r\n        (click)=\"catalogEmit()\"\r\n      >\r\n        {{ 'igo.integration.mapTool.catalog-tool' | translate }}\r\n      </span>\r\n    </mat-list-item>\r\n    <mat-list-item *ngIf=\"layerAdditionAllowed && contextToolInToolbar\">\r\n      <mat-icon matListItemIcon>\r\n        <svg\r\n          viewBox=\"0 0 24 24\"\r\n          fit=\"\"\r\n          height=\"100%\"\r\n          width=\"100%\"\r\n          preserveAspectRatio=\"xMidYMid meet\"\r\n          focusable=\"false\"\r\n        >\r\n          <path\r\n            d=\"M12,17.27L18.18,21L16.54,13.97L22,9.24L14.81,8.62L12,2L9.19,8.62L2,9.24L7.45,13.97L5.82,21L12,17.27Z\"\r\n          ></path></svg\r\n      ></mat-icon>\r\n      <span\r\n        matListItemTitle\r\n        class=\"context-tool mat-typography\"\r\n        (click)=\"contextEmit()\"\r\n      >\r\n        {{ 'igo.integration.mapTool.context-tool' | translate }}\r\n      </span>\r\n    </mat-list-item>\r\n  </mat-list>\r\n</ng-template>\r\n", styles: [":host .map-empty,:host .search-tool,:host .catalog-tool,:host .context-tool{margin:10px}:host .map-empty{text-align:justify}:host .search-tool,:host .catalog-tool,:host .context-tool{cursor:pointer}:host mat-list mat-list-item h4{font-weight:700}:host mat-list-item ::ng-deep .mdc-list-item__primary-text{font-size:smaller}:host mat-list.mat-mdc-list-base mat-list-item.mat-mdc-list-item ::ng-deep div.mdc-list-item__content div.mdc-list-item__primary-text{padding-left:5px}\n"], dependencies: [{ kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i10$2.MatList, selector: "mat-list", exportAs: ["matList"] }, { kind: "component", type: i10$2.MatListItem, selector: "mat-list-item, a[mat-list-item], button[mat-list-item]", inputs: ["activated"], exportAs: ["matListItem"] }, { kind: "directive", type: i10$2.MatListItemIcon, selector: "[matListItemIcon]" }, { kind: "directive", type: i10$2.MatListItemTitle, selector: "[matListItemTitle]" }, { kind: "component", type: i7.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i1.LayerLegendListComponent, selector: "igo-layer-legend-list", inputs: ["layers", "excludeBaseLayers", "updateLegendOnResolutionChange", "allowShowAllLegends", "showAllLegendsValue"], outputs: ["allLegendsShown"] }, { kind: "directive", type: i1.LayerLegendListBindingDirective, selector: "[igoLayerLegendListBinding]" }, { kind: "pipe", type: i4.AsyncPipe, name: "async" }, { kind: "pipe", type: i7$1.TranslatePipe, name: "translate" }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: MapLegendToolComponent, deps: [{ token: MapState }, { token: ToolState }, { token: i1.SearchSourceService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.1", 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 mat-typography\"\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 mat-typography\">\n      {{ 'igo.integration.mapTool.empty' | translate }}\n    </p>\n    <p\n      *ngIf=\"\n        layerAdditionAllowed &&\n        (searchToolInToolbar || catalogToolInToolbar || contextToolInToolbar)\n      \"\n      class=\"map-empty mat-typography\"\n    >\n      {{ 'igo.integration.mapTool.customize' | translate }}\n    </p>\n\n    <mat-list-item *ngIf=\"layerAdditionAllowed && searchToolInToolbar\">\n      <mat-icon matListItemIcon>\n        <svg\n          viewBox=\"0 0 24 24\"\n          fit=\"\"\n          height=\"100%\"\n          width=\"100%\"\n          preserveAspectRatio=\"xMidYMid meet\"\n          focusable=\"false\"\n        >\n          <path\n            d=\"M9.5,3A6.5,6.5 0 0,1 16,9.5C16,11.11 15.41,12.59 14.44,13.73L14.71,14H15.5L20.5,19L19,20.5L14,15.5V14.71L13.73,14.44C12.59,15.41 11.11,16 9.5,16A6.5,6.5 0 0,1 3,9.5A6.5,6.5 0 0,1 9.5,3M9.5,5C7,5 5,7 5,9.5C5,12 7,14 9.5,14C12,14 14,12 14,9.5C14,7 12,5 9.5,5Z\"\n          ></path></svg\n      ></mat-icon>\n      <span\n        matListItemTitle\n        class=\"search-tool mat-typography\"\n        (click)=\"searchEmit()\"\n      >\n        {{ 'igo.integration.mapTool.search-tool' | translate }}\n      </span>\n    </mat-list-item>\n    <mat-list-item *ngIf=\"layerAdditionAllowed && catalogToolInToolbar\">\n      <mat-icon matListItemIcon>\n        <svg\n          viewBox=\"0 0 24 24\"\n          fit=\"\"\n          height=\"100%\"\n          width=\"100%\"\n          preserveAspectRatio=\"xMidYMid meet\"\n          focusable=\"false\"\n        >\n          <path\n            d=\"M17,14H19V17H22V19H19V22H17V19H14V17H17V14M11,16L2,9L11,2L20,9L11,16M11,18.54L12,17.75V18C12,18.71 12.12,19.39 12.35,20L11,21.07L2,14.07L3.62,12.81L11,18.54Z\"\n          ></path></svg\n      ></mat-icon>\n      <span\n        matListItemTitle\n        class=\"catalog-tool mat-typography\"\n        (click)=\"catalogEmit()\"\n      >\n        {{ 'igo.integration.mapTool.catalog-tool' | translate }}\n      </span>\n    </mat-list-item>\n    <mat-list-item *ngIf=\"layerAdditionAllowed && contextToolInToolbar\">\n      <mat-icon matListItemIcon>\n        <svg\n          viewBox=\"0 0 24 24\"\n          fit=\"\"\n          height=\"100%\"\n          width=\"100%\"\n          preserveAspectRatio=\"xMidYMid meet\"\n          focusable=\"false\"\n        >\n          <path\n            d=\"M12,17.27L18.18,21L16.54,13.97L22,9.24L14.81,8.62L12,2L9.19,8.62L2,9.24L7.45,13.97L5.82,21L12,17.27Z\"\n          ></path></svg\n      ></mat-icon>\n      <span\n        matListItemTitle\n        class=\"context-tool mat-typography\"\n        (click)=\"contextEmit()\"\n      >\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: i10$1.MatList, selector: "mat-list", exportAs: ["matList"] }, { kind: "component", type: i10$1.MatListItem, selector: "mat-list-item, a[mat-list-item], button[mat-list-item]", inputs: ["activated"], exportAs: ["matListItem"] }, { kind: "directive", type: i10$1.MatListItemIcon, selector: "[matListItemIcon]" }, { kind: "directive", type: i10$1.MatListItemTitle, selector: "[matListItemTitle]" }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i7.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i7$2.TranslatePipe, name: "translate" }] });
 };
 MapLegendToolComponent = __decorate([
     ToolComponent({
@@ -3671,10 +3655,18 @@ MapLegendToolComponent = __decorate([
         SearchSourceService,
         ChangeDetectorRef])
 ], MapLegendToolComponent);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: MapLegendToolComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: MapLegendToolComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'igo-map-legend-tool', template: "<igo-layer-legend-list\r\n  *ngIf=\"showAllLegend()\"\r\n  igoLayerLegendListBinding\r\n  [excludeBaseLayers]=\"excludeBaseLayers\"\r\n  [allowShowAllLegends]=\"allowShowAllLegends\"\r\n  [updateLegendOnResolutionChange]=\"updateLegendOnResolutionChange\"\r\n  [showAllLegendsValue]=\"showAllLegendsValue$ | async\"\r\n  (allLegendsShown)=\"onShowAllLegends($event)\"\r\n>\r\n</igo-layer-legend-list>\r\n<ng-template\r\n  *ngIf=\"(layers$ | async).length !== 0; else emptyLayers\"\r\n></ng-template>\r\n\r\n<p\r\n  class=\"map-empty mat-typography\"\r\n  *ngIf=\"\r\n    !allowShowAllLegends &&\r\n    (layers$ | async).length !== 0 &&\r\n    (visibleOrInRangeLayers$ | async).length === 0\r\n  \"\r\n>\r\n  {{\r\n    (visibleLayers$ | async).length\r\n      ? ('igo.integration.mapTool.noLayersInRange' | translate)\r\n      : ('igo.integration.mapTool.noLayersVisible' | translate)\r\n  }}\r\n</p>\r\n\r\n<ng-template #emptyLayers>\r\n  <mat-list *ngIf=\"delayedShowEmptyMapContent\">\r\n    <p class=\"map-empty mat-typography\">\r\n      {{ 'igo.integration.mapTool.empty' | translate }}\r\n    </p>\r\n    <p\r\n      *ngIf=\"\r\n        layerAdditionAllowed &&\r\n        (searchToolInToolbar || catalogToolInToolbar || contextToolInToolbar)\r\n      \"\r\n      class=\"map-empty mat-typography\"\r\n    >\r\n      {{ 'igo.integration.mapTool.customize' | translate }}\r\n    </p>\r\n\r\n    <mat-list-item *ngIf=\"layerAdditionAllowed && searchToolInToolbar\">\r\n      <mat-icon matListItemIcon>\r\n        <svg\r\n          viewBox=\"0 0 24 24\"\r\n          fit=\"\"\r\n          height=\"100%\"\r\n          width=\"100%\"\r\n          preserveAspectRatio=\"xMidYMid meet\"\r\n          focusable=\"false\"\r\n        >\r\n          <path\r\n            d=\"M9.5,3A6.5,6.5 0 0,1 16,9.5C16,11.11 15.41,12.59 14.44,13.73L14.71,14H15.5L20.5,19L19,20.5L14,15.5V14.71L13.73,14.44C12.59,15.41 11.11,16 9.5,16A6.5,6.5 0 0,1 3,9.5A6.5,6.5 0 0,1 9.5,3M9.5,5C7,5 5,7 5,9.5C5,12 7,14 9.5,14C12,14 14,12 14,9.5C14,7 12,5 9.5,5Z\"\r\n          ></path></svg\r\n      ></mat-icon>\r\n      <span\r\n        matListItemTitle\r\n        class=\"search-tool mat-typography\"\r\n        (click)=\"searchEmit()\"\r\n      >\r\n        {{ 'igo.integration.mapTool.search-tool' | translate }}\r\n      </span>\r\n    </mat-list-item>\r\n    <mat-list-item *ngIf=\"layerAdditionAllowed && catalogToolInToolbar\">\r\n      <mat-icon matListItemIcon>\r\n        <svg\r\n          viewBox=\"0 0 24 24\"\r\n          fit=\"\"\r\n          height=\"100%\"\r\n          width=\"100%\"\r\n          preserveAspectRatio=\"xMidYMid meet\"\r\n          focusable=\"false\"\r\n        >\r\n          <path\r\n            d=\"M17,14H19V17H22V19H19V22H17V19H14V17H17V14M11,16L2,9L11,2L20,9L11,16M11,18.54L12,17.75V18C12,18.71 12.12,19.39 12.35,20L11,21.07L2,14.07L3.62,12.81L11,18.54Z\"\r\n          ></path></svg\r\n      ></mat-icon>\r\n      <span\r\n        matListItemTitle\r\n        class=\"catalog-tool mat-typography\"\r\n        (click)=\"catalogEmit()\"\r\n      >\r\n        {{ 'igo.integration.mapTool.catalog-tool' | translate }}\r\n      </span>\r\n    </mat-list-item>\r\n    <mat-list-item *ngIf=\"layerAdditionAllowed && contextToolInToolbar\">\r\n      <mat-icon matListItemIcon>\r\n        <svg\r\n          viewBox=\"0 0 24 24\"\r\n          fit=\"\"\r\n          height=\"100%\"\r\n          width=\"100%\"\r\n          preserveAspectRatio=\"xMidYMid meet\"\r\n          focusable=\"false\"\r\n        >\r\n          <path\r\n            d=\"M12,17.27L18.18,21L16.54,13.97L22,9.24L14.81,8.62L12,2L9.19,8.62L2,9.24L7.45,13.97L5.82,21L12,17.27Z\"\r\n          ></path></svg\r\n      ></mat-icon>\r\n      <span\r\n        matListItemTitle\r\n        class=\"context-tool mat-typography\"\r\n        (click)=\"contextEmit()\"\r\n      >\r\n        {{ 'igo.integration.mapTool.context-tool' | translate }}\r\n      </span>\r\n    </mat-list-item>\r\n  </mat-list>\r\n</ng-template>\r\n", styles: [":host .map-empty,:host .search-tool,:host .catalog-tool,:host .context-tool{margin:10px}:host .map-empty{text-align:justify}:host .search-tool,:host .catalog-tool,:host .context-tool{cursor:pointer}:host mat-list mat-list-item h4{font-weight:700}:host mat-list-item ::ng-deep .mdc-list-item__primary-text{font-size:smaller}:host mat-list.mat-mdc-list-base mat-list-item.mat-mdc-list-item ::ng-deep div.mdc-list-item__content div.mdc-list-item__primary-text{padding-left:5px}\n"] }]
-        }], ctorParameters: function () { return [{ type: MapState }, { type: ToolState }, { type: i1.SearchSourceService }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { updateLegendOnResolutionChange: [{
+            args: [{ selector: 'igo-map-legend-tool', standalone: true, imports: [
+                        NgIf,
+                        LayerLegendListComponent,
+                        LayerLegendListBindingDirective,
+                        MatListModule,
+                        MatIconModule,
+                        AsyncPipe,
+                        TranslateModule
+                    ], 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 mat-typography\"\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 mat-typography\">\n      {{ 'igo.integration.mapTool.empty' | translate }}\n    </p>\n    <p\n      *ngIf=\"\n        layerAdditionAllowed &&\n        (searchToolInToolbar || catalogToolInToolbar || contextToolInToolbar)\n      \"\n      class=\"map-empty mat-typography\"\n    >\n      {{ 'igo.integration.mapTool.customize' | translate }}\n    </p>\n\n    <mat-list-item *ngIf=\"layerAdditionAllowed && searchToolInToolbar\">\n      <mat-icon matListItemIcon>\n        <svg\n          viewBox=\"0 0 24 24\"\n          fit=\"\"\n          height=\"100%\"\n          width=\"100%\"\n          preserveAspectRatio=\"xMidYMid meet\"\n          focusable=\"false\"\n        >\n          <path\n            d=\"M9.5,3A6.5,6.5 0 0,1 16,9.5C16,11.11 15.41,12.59 14.44,13.73L14.71,14H15.5L20.5,19L19,20.5L14,15.5V14.71L13.73,14.44C12.59,15.41 11.11,16 9.5,16A6.5,6.5 0 0,1 3,9.5A6.5,6.5 0 0,1 9.5,3M9.5,5C7,5 5,7 5,9.5C5,12 7,14 9.5,14C12,14 14,12 14,9.5C14,7 12,5 9.5,5Z\"\n          ></path></svg\n      ></mat-icon>\n      <span\n        matListItemTitle\n        class=\"search-tool mat-typography\"\n        (click)=\"searchEmit()\"\n      >\n        {{ 'igo.integration.mapTool.search-tool' | translate }}\n      </span>\n    </mat-list-item>\n    <mat-list-item *ngIf=\"layerAdditionAllowed && catalogToolInToolbar\">\n      <mat-icon matListItemIcon>\n        <svg\n          viewBox=\"0 0 24 24\"\n          fit=\"\"\n          height=\"100%\"\n          width=\"100%\"\n          preserveAspectRatio=\"xMidYMid meet\"\n          focusable=\"false\"\n        >\n          <path\n            d=\"M17,14H19V17H22V19H19V22H17V19H14V17H17V14M11,16L2,9L11,2L20,9L11,16M11,18.54L12,17.75V18C12,18.71 12.12,19.39 12.35,20L11,21.07L2,14.07L3.62,12.81L11,18.54Z\"\n          ></path></svg\n      ></mat-icon>\n      <span\n        matListItemTitle\n        class=\"catalog-tool mat-typography\"\n        (click)=\"catalogEmit()\"\n      >\n        {{ 'igo.integration.mapTool.catalog-tool' | translate }}\n      </span>\n    </mat-list-item>\n    <mat-list-item *ngIf=\"layerAdditionAllowed && contextToolInToolbar\">\n      <mat-icon matListItemIcon>\n        <svg\n          viewBox=\"0 0 24 24\"\n          fit=\"\"\n          height=\"100%\"\n          width=\"100%\"\n          preserveAspectRatio=\"xMidYMid meet\"\n          focusable=\"false\"\n        >\n          <path\n            d=\"M12,17.27L18.18,21L16.54,13.97L22,9.24L14.81,8.62L12,2L9.19,8.62L2,9.24L7.45,13.97L5.82,21L12,17.27Z\"\n          ></path></svg\n      ></mat-icon>\n      <span\n        matListItemTitle\n        class=\"context-tool mat-typography\"\n        (click)=\"contextEmit()\"\n      >\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.SearchSourceService }, { type: i0.ChangeDetectorRef }], propDecorators: { updateLegendOnResolutionChange: [{
                 type: Input
             }], layerAdditionAllowed: [{
                 type: Input
@@ -3842,15 +3834,15 @@ class MapProximityState {
         }
         return label;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: MapProximityState, deps: [{ token: MapState }, { token: i2.StorageService }], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: MapProximityState, providedIn: 'root' });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: MapProximityState, deps: [{ token: MapState }, { token: i2.StorageService }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: MapProximityState, providedIn: 'root' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: MapProximityState, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: MapProximityState, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
                 }]
-        }], ctorParameters: function () { return [{ type: MapState }, { type: i2.StorageService }]; } });
+        }], ctorParameters: () => [{ type: MapState }, { type: i2.StorageService }] });
 
 let MapProximityToolComponent = class MapProximityToolComponent {
     mapState;
@@ -3937,8 +3929,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: "16.2.12", ngImport: i0, type: MapProximityToolComponent, deps: [{ token: MapState }, { token: MapProximityState }, { token: i2.LanguageService }, { token: i2.MessageService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: MapProximityToolComponent, selector: "igo-map-proximity-tool", viewQueries: [{ propertyName: "table", first: true, predicate: ["table"], descendants: true, static: true }], ngImport: i0, template: "<igo-entity-table\r\n  #table\r\n  class=\"table-compact\"\r\n  [store]=\"mapProximityState.proximityFeatureStore\"\r\n  [template]=\"tableTemplate\"\r\n></igo-entity-table>\r\n<br />\r\n<mat-form-field\r\n  *ngIf=\"mapProximityState.currentPositionCoordinate$ | async as coord\"\r\n  class=\"coordinates\"\r\n>\r\n  <textarea\r\n    #textArea\r\n    matInput\r\n    readonly\r\n    rows=\"1\"\r\n    [placeholder]=\"'igo.integration.map-proximity-tool.lon' | translate\"\r\n    [value]=\"coord[0]\"\r\n  ></textarea>\r\n</mat-form-field>\r\n<mat-form-field\r\n  *ngIf=\"mapProximityState.currentPositionCoordinate$ | async as coord2\"\r\n  class=\"coordinates2\"\r\n>\r\n  <textarea\r\n    #textArea\r\n    matInput\r\n    readonly\r\n    rows=\"1\"\r\n    [placeholder]=\"'igo.integration.map-proximity-tool.lat' | translate\"\r\n    [value]=\"coord2[1]\"\r\n  ></textarea>\r\n</mat-form-field>\r\n\r\n<button\r\n  *ngIf=\"\r\n    (mapProximityState.currentPositionCoordinate$ | async) &&\r\n    (mapProximityState.currentPositionCoordinate$ | async).length\r\n  \"\r\n  mat-icon-button\r\n  (click)=\"copyTextToClipboard()\"\r\n>\r\n  <mat-icon svgIcon=\"content-copy\"></mat-icon>\r\n</button>\r\n<div class=\"title-container\">\r\n  <mat-label class=\"title mat-typography\">{{\r\n    'igo.integration.map-proximity-tool.method' | translate\r\n  }}</mat-label>\r\n</div>\r\n<div class=\"igo-input-container mat-typography\">\r\n  <mat-radio-group (change)=\"onLocationTypeChange($event)\">\r\n    <mat-radio-button\r\n      [checked]=\"\r\n        (mapProximityState.proximitylocationType$ | async) === 'geolocation'\r\n      \"\r\n      value=\"geolocation\"\r\n      >{{\r\n        'igo.integration.map-proximity-tool.geolocation' | translate\r\n      }}</mat-radio-button\r\n    >\r\n    <mat-radio-button\r\n      [checked]=\"\r\n        (mapProximityState.proximitylocationType$ | async) === 'mapCenter'\r\n      \"\r\n      value=\"mapCenter\"\r\n      >{{\r\n        'igo.integration.map-proximity-tool.mapCenter' | translate\r\n      }}</mat-radio-button\r\n    >\r\n  </mat-radio-group>\r\n</div>\r\n\r\n<div class=\"radius-unit\">\r\n  <mat-form-field class=\"radius-field\" floatLabel=\"always\">\r\n    <mat-label>{{\r\n      'igo.integration.map-proximity-tool.radiusM' | translate\r\n    }}</mat-label>\r\n    <input\r\n      type=\"number\"\r\n      pattern=\"[0-9]*\"\r\n      [(ngModel)]=\"maxDistance\"\r\n      matInput\r\n      placeholder=\"{{\r\n        'igo.integration.map-proximity-tool.radiusM' | translate\r\n      }}\"\r\n    />\r\n  </mat-form-field>\r\n</div>\r\n", styles: [":host .table-compact{height:auto}:host .table-compact ::ng-deep .mat-mdc-header-cell.mat-column-selectionCheckbox{width:52px}:host textarea{resize:none}:host mat-form-field{padding:10px 15px}:host mat-form-field.coordinates{width:110px}:host mat-form-field.coordinates2{width:100px;padding:0 10px 0 3px}:host mat-form-field.igo-input-container{width:60%;padding:0 15px}:host .radius-unit{display:flex;width:90%;margin-left:2px;padding:5px}:host .radius-unit mat-form-field.radius-field{display:flex;flex-flow:column nowrap;width:100%}:host .title-container{padding:10px}:host .title{margin-left:5px;font-size:initial}:host .mat-mdc-radio-group{display:flex;flex-direction:column}:host .mat-mdc-radio-button{display:inline-flex;position:relative;margin-left:12px}\n"], dependencies: [{ kind: "directive", type: i3$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i3$1.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { kind: "directive", type: i3$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3$1.PatternValidator, selector: "[pattern][formControlName],[pattern][formControl],[pattern][ngModel]", inputs: ["pattern"] }, { kind: "directive", type: i3$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i4$1.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i4$1.MatLabel, selector: "mat-label" }, { kind: "directive", type: i7$2.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i7.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i9.MatRadioGroup, selector: "mat-radio-group", exportAs: ["matRadioGroup"] }, { kind: "component", type: i9.MatRadioButton, selector: "mat-radio-button", inputs: ["disableRipple", "tabIndex"], exportAs: ["matRadioButton"] }, { kind: "component", type: i10.MatIconButton, selector: "button[mat-icon-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i2$2.EntityTableComponent, selector: "igo-entity-table", inputs: ["store", "paginator", "template", "scrollBehavior", "sortNullsFirst", "withPaginator", "paginatorOptions"], outputs: ["entityClick", "entitySelectChange", "entitySortChange"] }, { kind: "pipe", type: i4.AsyncPipe, name: "async" }, { kind: "pipe", type: i7$1.TranslatePipe, name: "translate" }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: MapProximityToolComponent, deps: [{ token: MapState }, { token: MapProximityState }, { token: i2.LanguageService }, { token: i2.MessageService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.1", 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 svgIcon=\"content-copy\"></mat-icon>\n</button>\n<div class=\"title-container\">\n  <mat-label class=\"title mat-typography\">{{\n    'igo.integration.map-proximity-tool.method' | translate\n  }}</mat-label>\n</div>\n<div class=\"igo-input-container mat-typography\">\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: i4.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i4.MatLabel, selector: "mat-label" }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i5$3.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i6.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i7.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatRadioModule }, { kind: "directive", type: i8$2.MatRadioGroup, selector: "mat-radio-group", inputs: ["color", "name", "labelPosition", "value", "selected", "disabled", "required"], outputs: ["change"], exportAs: ["matRadioGroup"] }, { kind: "component", type: i8$2.MatRadioButton, selector: "mat-radio-button", inputs: ["id", "name", "aria-label", "aria-labelledby", "aria-describedby", "disableRipple", "tabIndex", "checked", "value", "labelPosition", "disabled", "required", "color"], outputs: ["change"], exportAs: ["matRadioButton"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i3$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i3$1.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { kind: "directive", type: i3$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3$1.PatternValidator, selector: "[pattern][formControlName],[pattern][formControl],[pattern][ngModel]", inputs: ["pattern"] }, { kind: "directive", type: i3$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i7$2.TranslatePipe, name: "translate" }] });
 };
 MapProximityToolComponent = __decorate([
     ToolComponent({
@@ -3955,10 +3947,21 @@ MapProximityToolComponent = __decorate([
         LanguageService,
         MessageService])
 ], MapProximityToolComponent);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: MapProximityToolComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: MapProximityToolComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'igo-map-proximity-tool', template: "<igo-entity-table\r\n  #table\r\n  class=\"table-compact\"\r\n  [store]=\"mapProximityState.proximityFeatureStore\"\r\n  [template]=\"tableTemplate\"\r\n></igo-entity-table>\r\n<br />\r\n<mat-form-field\r\n  *ngIf=\"mapProximityState.currentPositionCoordinate$ | async as coord\"\r\n  class=\"coordinates\"\r\n>\r\n  <textarea\r\n    #textArea\r\n    matInput\r\n    readonly\r\n    rows=\"1\"\r\n    [placeholder]=\"'igo.integration.map-proximity-tool.lon' | translate\"\r\n    [value]=\"coord[0]\"\r\n  ></textarea>\r\n</mat-form-field>\r\n<mat-form-field\r\n  *ngIf=\"mapProximityState.currentPositionCoordinate$ | async as coord2\"\r\n  class=\"coordinates2\"\r\n>\r\n  <textarea\r\n    #textArea\r\n    matInput\r\n    readonly\r\n    rows=\"1\"\r\n    [placeholder]=\"'igo.integration.map-proximity-tool.lat' | translate\"\r\n    [value]=\"coord2[1]\"\r\n  ></textarea>\r\n</mat-form-field>\r\n\r\n<button\r\n  *ngIf=\"\r\n    (mapProximityState.currentPositionCoordinate$ | async) &&\r\n    (mapProximityState.currentPositionCoordinate$ | async).length\r\n  \"\r\n  mat-icon-button\r\n  (click)=\"copyTextToClipboard()\"\r\n>\r\n  <mat-icon svgIcon=\"content-copy\"></mat-icon>\r\n</button>\r\n<div class=\"title-container\">\r\n  <mat-label class=\"title mat-typography\">{{\r\n    'igo.integration.map-proximity-tool.method' | translate\r\n  }}</mat-label>\r\n</div>\r\n<div class=\"igo-input-container mat-typography\">\r\n  <mat-radio-group (change)=\"onLocationTypeChange($event)\">\r\n    <mat-radio-button\r\n      [checked]=\"\r\n        (mapProximityState.proximitylocationType$ | async) === 'geolocation'\r\n      \"\r\n      value=\"geolocation\"\r\n      >{{\r\n        'igo.integration.map-proximity-tool.geolocation' | translate\r\n      }}</mat-radio-button\r\n    >\r\n    <mat-radio-button\r\n      [checked]=\"\r\n        (mapProximityState.proximitylocationType$ | async) === 'mapCenter'\r\n      \"\r\n      value=\"mapCenter\"\r\n      >{{\r\n        'igo.integration.map-proximity-tool.mapCenter' | translate\r\n      }}</mat-radio-button\r\n    >\r\n  </mat-radio-group>\r\n</div>\r\n\r\n<div class=\"radius-unit\">\r\n  <mat-form-field class=\"radius-field\" floatLabel=\"always\">\r\n    <mat-label>{{\r\n      'igo.integration.map-proximity-tool.radiusM' | translate\r\n    }}</mat-label>\r\n    <input\r\n      type=\"number\"\r\n      pattern=\"[0-9]*\"\r\n      [(ngModel)]=\"maxDistance\"\r\n      matInput\r\n      placeholder=\"{{\r\n        'igo.integration.map-proximity-tool.radiusM' | translate\r\n      }}\"\r\n    />\r\n  </mat-form-field>\r\n</div>\r\n", styles: [":host .table-compact{height:auto}:host .table-compact ::ng-deep .mat-mdc-header-cell.mat-column-selectionCheckbox{width:52px}:host textarea{resize:none}:host mat-form-field{padding:10px 15px}:host mat-form-field.coordinates{width:110px}:host mat-form-field.coordinates2{width:100px;padding:0 10px 0 3px}:host mat-form-field.igo-input-container{width:60%;padding:0 15px}:host .radius-unit{display:flex;width:90%;margin-left:2px;padding:5px}:host .radius-unit mat-form-field.radius-field{display:flex;flex-flow:column nowrap;width:100%}:host .title-container{padding:10px}:host .title{margin-left:5px;font-size:initial}:host .mat-mdc-radio-group{display:flex;flex-direction:column}:host .mat-mdc-radio-button{display:inline-flex;position:relative;margin-left:12px}\n"] }]
-        }], ctorParameters: function () { return [{ type: MapState }, { type: MapProximityState }, { type: i2.LanguageService }, { type: i2.MessageService }]; }, propDecorators: { table: [{
+            args: [{ selector: 'igo-map-proximity-tool', standalone: true, imports: [
+                        EntityTableComponent,
+                        NgIf,
+                        MatFormFieldModule,
+                        MatInputModule,
+                        MatButtonModule,
+                        MatIconModule,
+                        MatRadioModule,
+                        FormsModule,
+                        AsyncPipe,
+                        TranslateModule
+                    ], 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 svgIcon=\"content-copy\"></mat-icon>\n</button>\n<div class=\"title-container\">\n  <mat-label class=\"title mat-typography\">{{\n    'igo.integration.map-proximity-tool.method' | translate\n  }}</mat-label>\n</div>\n<div class=\"igo-input-container mat-typography\">\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: MapState }, { type: MapProximityState }, { type: i2.LanguageService }, { type: i2.MessageService }], propDecorators: { table: [{
                 type: ViewChild,
                 args: ['table', { static: true }]
             }] } });
@@ -4016,8 +4019,8 @@ let MapToolComponent = class MapToolComponent {
         this.importExportState.setMode(ImportExportMode.export);
         this.toolState.toolbox.activateTool('importExport');
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: MapToolComponent, deps: [{ token: MapState }, { token: ToolState }, { token: ImportExportState }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: MapToolComponent, selector: "igo-map-tool", inputs: { toggleLegendOnVisibilityChange: "toggleLegendOnVisibilityChange", expandLegendOfVisibleLayers: "expandLegendOfVisibleLayers", updateLegendOnResolutionChange: "updateLegendOnResolutionChange", ogcButton: "ogcButton", timeButton: "timeButton", layerListControls: "layerListControls", queryBadge: "queryBadge" }, ngImport: i0, template: "<mat-tab-group>\r\n  <mat-tab [label]=\"'igo.integration.tools.map' | translate\">\r\n    <igo-layer-list\r\n      [map]=\"map\"\r\n      igoLayerListBinding\r\n      [excludeBaseLayers]=\"excludeBaseLayers\"\r\n      [layerFilterAndSortOptions]=\"layerFilterAndSortOptions\"\r\n      [expandLegendOfVisibleLayers]=\"expandLegendOfVisibleLayers\"\r\n      [toggleLegendOnVisibilityChange]=\"toggleLegendOnVisibilityChange\"\r\n      [updateLegendOnResolutionChange]=\"updateLegendOnResolutionChange\"\r\n      [floatLabel]=\"false\"\r\n      [queryBadge]=\"queryBadge\"\r\n    >\r\n      <ng-template #igoLayerItemToolbar let-layer=\"layer\">\r\n        <!-- <igo-download-button [layer]=\"layer\"></igo-download-button> -->\r\n        <igo-workspace-button [layer]=\"layer\"></igo-workspace-button>\r\n        <igo-export-button\r\n          [layer]=\"layer\"\r\n          (click)=\"activateExport(layer)\"\r\n        ></igo-export-button>\r\n        <igo-ogc-filter-button\r\n          [header]=\"ogcButton\"\r\n          [layer]=\"layer\"\r\n        ></igo-ogc-filter-button>\r\n        <igo-time-filter-button\r\n          [header]=\"timeButton\"\r\n          [layer]=\"layer\"\r\n        ></igo-time-filter-button>\r\n        <igo-track-feature-button\r\n          [trackFeature]=\"true\"\r\n          [layer]=\"layer\"\r\n        ></igo-track-feature-button>\r\n        <igo-metadata-button [layer]=\"layer\"></igo-metadata-button>\r\n      </ng-template>\r\n    </igo-layer-list>\r\n  </mat-tab>\r\n\r\n  <mat-tab [label]=\"'igo.integration.tools.contexts' | translate\">\r\n    <igo-context-list igoContextListBinding></igo-context-list>\r\n  </mat-tab>\r\n</mat-tab-group>\r\n", styles: [":host ::ng-deep .mat-mdc-tab-body-content{overflow:hidden}\n"], dependencies: [{ kind: "component", type: i8$1.MatTab, selector: "mat-tab", inputs: ["disabled"], exportAs: ["matTab"] }, { kind: "component", type: i8$1.MatTabGroup, selector: "mat-tab-group", inputs: ["color", "disableRipple", "fitInkBarToContent", "mat-stretch-tabs"], exportAs: ["matTabGroup"] }, { kind: "component", type: i1.LayerListComponent, selector: "igo-layer-list", inputs: ["layersAreAllVisible", "ogcButton", "timeButton", "map", "layers", "floatLabel", "layerFilterAndSortOptions", "excludeBaseLayers", "toggleLegendOnVisibilityChange", "expandLegendOfVisibleLayers", "updateLegendOnResolutionChange", "queryBadge"], outputs: ["appliedFilterAndSort"] }, { kind: "directive", type: i1.LayerListBindingDirective, selector: "[igoLayerListBinding]" }, { kind: "component", type: i1.TrackFeatureButtonComponent, selector: "igo-track-feature-button", inputs: ["layer", "trackFeature"] }, { kind: "component", type: i1.MetadataButtonComponent, selector: "igo-metadata-button", inputs: ["layer", "color"] }, { kind: "component", type: i1.ExportButtonComponent, selector: "igo-export-button", inputs: ["layer", "color"] }, { kind: "component", type: i1.TimeFilterButtonComponent, selector: "igo-time-filter-button", inputs: ["layer", "map", "color", "header"] }, { kind: "component", type: i1.OgcFilterButtonComponent, selector: "igo-ogc-filter-button", inputs: ["layer", "map", "color", "header"] }, { kind: "component", type: i1$1.ContextListComponent, selector: "igo-context-list", inputs: ["contexts", "selectedContext", "map", "defaultContextId", "term"], outputs: ["select", "unselect", "edit", "delete", "save", "clone", "create", "hide", "show", "showHiddenContexts", "favorite", "managePermissions", "manageTools", "filterPermissionsChanged"] }, { kind: "directive", type: i1$1.ContextListBindingDirective, selector: "[igoContextListBinding]" }, { kind: "component", type: WorkspaceButtonComponent, selector: "igo-workspace-button", inputs: ["layer", "color"] }, { kind: "pipe", type: i7$1.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: MapToolComponent, deps: [{ token: MapState }, { token: ToolState }, { token: ImportExportState }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.1", 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>\r\n  <mat-tab [label]=\"'igo.integration.tools.map' | translate\">\r\n    <igo-layer-list\r\n      [map]=\"map\"\r\n      igoLayerListBinding\r\n      [excludeBaseLayers]=\"excludeBaseLayers\"\r\n      [layerFilterAndSortOptions]=\"layerFilterAndSortOptions\"\r\n      [expandLegendOfVisibleLayers]=\"expandLegendOfVisibleLayers\"\r\n      [toggleLegendOnVisibilityChange]=\"toggleLegendOnVisibilityChange\"\r\n      [updateLegendOnResolutionChange]=\"updateLegendOnResolutionChange\"\r\n      [queryBadge]=\"queryBadge\"\r\n    >\r\n      <ng-template #igoLayerItemToolbar let-layer=\"layer\">\r\n        <!-- <igo-download-button [layer]=\"layer\"></igo-download-button> -->\r\n        <igo-workspace-button [layer]=\"layer\"></igo-workspace-button>\r\n        <igo-export-button\r\n          [layer]=\"layer\"\r\n          (click)=\"activateExport(layer)\"\r\n        ></igo-export-button>\r\n        <igo-ogc-filter-button\r\n          [header]=\"ogcButton\"\r\n          [layer]=\"layer\"\r\n        ></igo-ogc-filter-button>\r\n        <igo-time-filter-button\r\n          [header]=\"timeButton\"\r\n          [layer]=\"layer\"\r\n        ></igo-time-filter-button>\r\n        <igo-track-feature-button\r\n          [trackFeature]=\"true\"\r\n          [layer]=\"layer\"\r\n        ></igo-track-feature-button>\r\n        <igo-metadata-button [layer]=\"layer\"></igo-metadata-button>\r\n      </ng-template>\r\n    </igo-layer-list>\r\n  </mat-tab>\r\n\r\n  <mat-tab [label]=\"'igo.integration.tools.contexts' | translate\">\r\n    <igo-context-list igoContextListBinding></igo-context-list>\r\n  </mat-tab>\r\n</mat-tab-group>\r\n", styles: [":host ::ng-deep .mat-mdc-tab-body-content{overflow:hidden}\n"], dependencies: [{ kind: "ngmodule", type: MatTabsModule }, { kind: "component", type: i5$2.MatTab, selector: "mat-tab", inputs: ["disabled", "label", "aria-label", "aria-labelledby", "labelClass", "bodyClass"], exportAs: ["matTab"] }, { kind: "component", type: i5$2.MatTabGroup, selector: "mat-tab-group", inputs: ["color", "fitInkBarToContent", "mat-stretch-tabs", "dynamicHeight", "selectedIndex", "headerPosition", "animationDuration", "contentTabIndex", "disablePagination", "disableRipple", "preserveContent", "backgroundColor"], outputs: ["selectedIndexChange", "focusChange", "animationDone", "selectedTabChange"], exportAs: ["matTabGroup"] }, { kind: "component", type: LayerListComponent, selector: "igo-layer-list", inputs: ["layersAreAllVisible", "ogcButton", "timeButton", "map", "layers", "floatLabel", "layerFilterAndSortOptions", "excludeBaseLayers", "toggleLegendOnVisibilityChange", "expandLegendOfVisibleLayers", "updateLegendOnResolutionChange", "queryBadge"], outputs: ["appliedFilterAndSort"] }, { kind: "directive", type: LayerListBindingDirective, selector: "[igoLayerListBinding]" }, { 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: 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: TranslateModule }, { kind: "pipe", type: i7$2.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 MapToolComponent = __decorate([
     ToolComponent({
@@ -4029,10 +4032,23 @@ MapToolComponent = __decorate([
         ToolState,
         ImportExportState])
 ], MapToolComponent);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: MapToolComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: MapToolComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'igo-map-tool', changeDetection: ChangeDetectionStrategy.OnPush, template: "<mat-tab-group>\r\n  <mat-tab [label]=\"'igo.integration.tools.map' | translate\">\r\n    <igo-layer-list\r\n      [map]=\"map\"\r\n      igoLayerListBinding\r\n      [excludeBaseLayers]=\"excludeBaseLayers\"\r\n      [layerFilterAndSortOptions]=\"layerFilterAndSortOptions\"\r\n      [expandLegendOfVisibleLayers]=\"expandLegendOfVisibleLayers\"\r\n      [toggleLegendOnVisibilityChange]=\"toggleLegendOnVisibilityChange\"\r\n      [updateLegendOnResolutionChange]=\"updateLegendOnResolutionChange\"\r\n      [floatLabel]=\"false\"\r\n      [queryBadge]=\"queryBadge\"\r\n    >\r\n      <ng-template #igoLayerItemToolbar let-layer=\"layer\">\r\n        <!-- <igo-download-button [layer]=\"layer\"></igo-download-button> -->\r\n        <igo-workspace-button [layer]=\"layer\"></igo-workspace-button>\r\n        <igo-export-button\r\n          [layer]=\"layer\"\r\n          (click)=\"activateExport(layer)\"\r\n        ></igo-export-button>\r\n        <igo-ogc-filter-button\r\n          [header]=\"ogcButton\"\r\n          [layer]=\"layer\"\r\n        ></igo-ogc-filter-button>\r\n        <igo-time-filter-button\r\n          [header]=\"timeButton\"\r\n          [layer]=\"layer\"\r\n        ></igo-time-filter-button>\r\n        <igo-track-feature-button\r\n          [trackFeature]=\"true\"\r\n          [layer]=\"layer\"\r\n        ></igo-track-feature-button>\r\n        <igo-metadata-button [layer]=\"layer\"></igo-metadata-button>\r\n      </ng-template>\r\n    </igo-layer-list>\r\n  </mat-tab>\r\n\r\n  <mat-tab [label]=\"'igo.integration.tools.contexts' | translate\">\r\n    <igo-context-list igoContextListBinding></igo-context-list>\r\n  </mat-tab>\r\n</mat-tab-group>\r\n", styles: [":host ::ng-deep .mat-mdc-tab-body-content{overflow:hidden}\n"] }]
-        }], ctorParameters: function () { return [{ type: MapState }, { type: ToolState }, { type: ImportExportState }]; }, propDecorators: { toggleLegendOnVisibilityChange: [{
+            args: [{ selector: 'igo-map-tool', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [
+                        MatTabsModule,
+                        LayerListComponent,
+                        LayerListBindingDirective,
+                        WorkspaceButtonComponent,
+                        ExportButtonComponent,
+                        OgcFilterButtonComponent,
+                        TimeFilterButtonComponent,
+                        TrackFeatureButtonComponent,
+                        MetadataButtonComponent,
+                        ContextListComponent,
+                        ContextListBindingDirective,
+                        TranslateModule
+                    ], template: "<mat-tab-group>\r\n  <mat-tab [label]=\"'igo.integration.tools.map' | translate\">\r\n    <igo-layer-list\r\n      [map]=\"map\"\r\n      igoLayerListBinding\r\n      [excludeBaseLayers]=\"excludeBaseLayers\"\r\n      [layerFilterAndSortOptions]=\"layerFilterAndSortOptions\"\r\n      [expandLegendOfVisibleLayers]=\"expandLegendOfVisibleLayers\"\r\n      [toggleLegendOnVisibilityChange]=\"toggleLegendOnVisibilityChange\"\r\n      [updateLegendOnResolutionChange]=\"updateLegendOnResolutionChange\"\r\n      [queryBadge]=\"queryBadge\"\r\n    >\r\n      <ng-template #igoLayerItemToolbar let-layer=\"layer\">\r\n        <!-- <igo-download-button [layer]=\"layer\"></igo-download-button> -->\r\n        <igo-workspace-button [layer]=\"layer\"></igo-workspace-button>\r\n        <igo-export-button\r\n          [layer]=\"layer\"\r\n          (click)=\"activateExport(layer)\"\r\n        ></igo-export-button>\r\n        <igo-ogc-filter-button\r\n          [header]=\"ogcButton\"\r\n          [layer]=\"layer\"\r\n        ></igo-ogc-filter-button>\r\n        <igo-time-filter-button\r\n          [header]=\"timeButton\"\r\n          [layer]=\"layer\"\r\n        ></igo-time-filter-button>\r\n        <igo-track-feature-button\r\n          [trackFeature]=\"true\"\r\n          [layer]=\"layer\"\r\n        ></igo-track-feature-button>\r\n        <igo-metadata-button [layer]=\"layer\"></igo-metadata-button>\r\n      </ng-template>\r\n    </igo-layer-list>\r\n  </mat-tab>\r\n\r\n  <mat-tab [label]=\"'igo.integration.tools.contexts' | translate\">\r\n    <igo-context-list igoContextListBinding></igo-context-list>\r\n  </mat-tab>\r\n</mat-tab-group>\r\n", styles: [":host ::ng-deep .mat-mdc-tab-body-content{overflow:hidden}\n"] }]
+        }], ctorParameters: () => [{ type: MapState }, { type: ToolState }, { type: ImportExportState }], propDecorators: { toggleLegendOnVisibilityChange: [{
                 type: Input
             }], expandLegendOfVisibleLayers: [{
                 type: Input
@@ -4277,8 +4293,8 @@ let MapToolsComponent = class MapToolsComponent {
         }
         return false;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: MapToolsComponent, deps: [{ token: LayerListToolState }, { token: ToolState }, { token: MapState }, { token: i1.SearchSourceService }, { token: ImportExportState }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: MapToolsComponent, selector: "igo-map-tools", inputs: { allowShowAllLegends: "allowShowAllLegends", showAllLegendsValue: "showAllLegendsValue", toggleLegendOnVisibilityChange: "toggleLegendOnVisibilityChange", expandLegendOfVisibleLayers: "expandLegendOfVisibleLayers", updateLegendOnResolutionChange: "updateLegendOnResolutionChange", selectedTabAtOpening: "selectedTabAtOpening", ogcButton: "ogcButton", timeButton: "timeButton", layerAdditionAllowed: "layerAdditionAllowed", layerListControls: "layerListControls", queryBadge: "queryBadge" }, viewQueries: [{ propertyName: "tabGroup", first: true, predicate: ["tabGroup"], descendants: true, static: true }], ngImport: i0, template: "<mat-tab-group\r\n  #tabGroup\r\n  [selectedIndex]=\"layerListToolState.selectedTab$ | async\"\r\n  (selectedTabChange)=\"tabChanged($event)\"\r\n>\r\n  <mat-tab [label]=\"'igo.integration.tools.layers' | translate\">\r\n    <igo-layer-list\r\n      *ngIf=\"(layers$ | async).length !== 0; else emptyLayers\"\r\n      igoLayerListBinding\r\n      [excludeBaseLayers]=\"excludeBaseLayers\"\r\n      [layerFilterAndSortOptions]=\"layerFilterAndSortOptions\"\r\n      [expandLegendOfVisibleLayers]=\"expandLegendOfVisibleLayers\"\r\n      [toggleLegendOnVisibilityChange]=\"toggleLegendOnVisibilityChange\"\r\n      [updateLegendOnResolutionChange]=\"updateLegendOnResolutionChange\"\r\n      [floatLabel]=\"false\"\r\n      [queryBadge]=\"queryBadge\"\r\n      [map]=\"map\"\r\n      (appliedFilterAndSort)=\"onLayerListChange($event)\"\r\n    >\r\n      <ng-template #igoLayerItemToolbar let-layer=\"layer\">\r\n        <igo-style-modal-layer-button\r\n          *ngIf=\"isStyleEditButton(layer)\"\r\n          [layer]=\"layer\"\r\n        ></igo-style-modal-layer-button>\r\n        <igo-metadata-button [layer]=\"layer\"></igo-metadata-button>\r\n        <igo-track-feature-button\r\n          [trackFeature]=\"true\"\r\n          [layer]=\"layer\"\r\n        ></igo-track-feature-button>\r\n        <igo-time-filter-button\r\n          *ngIf=\"isTimeFilterButton(layer)\"\r\n          [header]=\"timeButton\"\r\n          [layer]=\"layer\"\r\n          (click)=\"activateTimeFilter()\"\r\n        ></igo-time-filter-button>\r\n        <igo-ogc-filter-button\r\n          *ngIf=\"isOGCFilterButton(layer)\"\r\n          [header]=\"ogcButton\"\r\n          [layer]=\"layer\"\r\n          (click)=\"activateOgcFilter()\"\r\n        ></igo-ogc-filter-button>\r\n        <igo-export-button\r\n          *ngIf=\"isExportButton(layer)\"\r\n          [layer]=\"layer\"\r\n          (click)=\"activateExport(layer)\"\r\n        ></igo-export-button>\r\n        <igo-workspace-button [layer]=\"layer\"></igo-workspace-button>\r\n      </ng-template>\r\n    </igo-layer-list>\r\n  </mat-tab>\r\n\r\n  <mat-tab [label]=\"'igo.integration.tools.legend' | translate\">\r\n    <igo-layer-legend-list\r\n      *ngIf=\"showAllLegend()\"\r\n      igoLayerLegendListBinding\r\n      [allowShowAllLegends]=\"allowShowAllLegends\"\r\n      [showAllLegendsValue]=\"showAllLegendsValue$ | async\"\r\n      (allLegendsShown)=\"onShowAllLegends($event)\"\r\n      [excludeBaseLayers]=\"excludeBaseLayers\"\r\n      [updateLegendOnResolutionChange]=\"updateLegendOnResolutionChange\"\r\n    >\r\n    </igo-layer-legend-list>\r\n    <ng-template\r\n      *ngIf=\"(layers$ | async).length !== 0; else emptyLayers\"\r\n    ></ng-template>\r\n\r\n    <p\r\n      class=\"map-empty mat-typography\"\r\n      *ngIf=\"\r\n        !allowShowAllLegends &&\r\n        (layers$ | async).length !== 0 &&\r\n        (visibleOrInRangeLayers$ | async).length === 0\r\n      \"\r\n    >\r\n      {{\r\n        (visibleLayers$ | async).length\r\n          ? ('igo.integration.mapTool.noLayersInRange' | translate)\r\n          : ('igo.integration.mapTool.noLayersVisible' | translate)\r\n      }}\r\n    </p>\r\n  </mat-tab>\r\n\r\n  <ng-template #emptyLayers>\r\n    <mat-list *ngIf=\"delayedShowEmptyMapContent\">\r\n      <p class=\"map-empty mat-typography\">\r\n        {{ 'igo.integration.mapTool.empty' | translate }}\r\n      </p>\r\n      <p\r\n        *ngIf=\"\r\n          layerAdditionAllowed &&\r\n          (searchToolInToolbar || catalogToolInToolbar || contextToolInToolbar)\r\n        \"\r\n        class=\"map-empty mat-typography\"\r\n      >\r\n        {{ 'igo.integration.mapTool.customize' | translate }}\r\n      </p>\r\n\r\n      <mat-list-item *ngIf=\"layerAdditionAllowed && searchToolInToolbar\">\r\n        <mat-icon matListItemIcon>\r\n          <svg\r\n            viewBox=\"0 0 24 24\"\r\n            fit=\"\"\r\n            height=\"100%\"\r\n            width=\"100%\"\r\n            preserveAspectRatio=\"xMidYMid meet\"\r\n            focusable=\"false\"\r\n          >\r\n            <path\r\n              d=\"M9.5,3A6.5,6.5 0 0,1 16,9.5C16,11.11 15.41,12.59 14.44,13.73L14.71,14H15.5L20.5,19L19,20.5L14,15.5V14.71L13.73,14.44C12.59,15.41 11.11,16 9.5,16A6.5,6.5 0 0,1 3,9.5A6.5,6.5 0 0,1 9.5,3M9.5,5C7,5 5,7 5,9.5C5,12 7,14 9.5,14C12,14 14,12 14,9.5C14,7 12,5 9.5,5Z\"\r\n            ></path></svg\r\n        ></mat-icon>\r\n        <span\r\n          matListItemTitle\r\n          class=\"search-tool mat-typography\"\r\n          (click)=\"searchEmit()\"\r\n        >\r\n          {{ 'igo.integration.mapTool.search-tool' | translate }}\r\n        </span>\r\n      </mat-list-item>\r\n      <mat-list-item *ngIf=\"layerAdditionAllowed && catalogToolInToolbar\">\r\n        <mat-icon matListItemIcon>\r\n          <svg\r\n            viewBox=\"0 0 24 24\"\r\n            fit=\"\"\r\n            height=\"100%\"\r\n            width=\"100%\"\r\n            preserveAspectRatio=\"xMidYMid meet\"\r\n            focusable=\"false\"\r\n          >\r\n            <path\r\n              d=\"M17,14H19V17H22V19H19V22H17V19H14V17H17V14M11,16L2,9L11,2L20,9L11,16M11,18.54L12,17.75V18C12,18.71 12.12,19.39 12.35,20L11,21.07L2,14.07L3.62,12.81L11,18.54Z\"\r\n            ></path></svg\r\n        ></mat-icon>\r\n        <span\r\n          matListItemTitle\r\n          class=\"catalog-tool mat-typography\"\r\n          (click)=\"catalogEmit()\"\r\n        >\r\n          {{ 'igo.integration.mapTool.catalog-tool' | translate }}\r\n        </span>\r\n      </mat-list-item>\r\n      <mat-list-item *ngIf=\"layerAdditionAllowed && contextToolInToolbar\">\r\n        <mat-icon matListItemIcon>\r\n          <svg\r\n            viewBox=\"0 0 24 24\"\r\n            fit=\"\"\r\n            height=\"100%\"\r\n            width=\"100%\"\r\n            preserveAspectRatio=\"xMidYMid meet\"\r\n            focusable=\"false\"\r\n          >\r\n            <path\r\n              d=\"M12,17.27L18.18,21L16.54,13.97L22,9.24L14.81,8.62L12,2L9.19,8.62L2,9.24L7.45,13.97L5.82,21L12,17.27Z\"\r\n            ></path></svg\r\n        ></mat-icon>\r\n        <span\r\n          matListItemTitle\r\n          class=\"context-tool mat-typography\"\r\n          (click)=\"contextEmit()\"\r\n        >\r\n          {{ 'igo.integration.mapTool.context-tool' | translate }}\r\n        </span>\r\n      </mat-list-item>\r\n    </mat-list>\r\n  </ng-template>\r\n</mat-tab-group>\r\n", styles: [":host mat-tab-group{height:100%}:host ::ng-deep .mat-mdc-tab-body-wrapper{flex:1}:host ::ng-deep .mat-tab-body{margin-top:8px}:host ::ng-deep .mat-mdc-tab-body-content{overflow:hidden}:host .map-empty,:host .search-tool,:host .catalog-tool,:host .context-tool{margin:10px}:host .map-empty{text-align:justify}:host .search-tool,:host .catalog-tool,:host .context-tool{cursor:pointer}:host mat-list mat-list-item h4{font-weight:700}:host mat-list-item ::ng-deep .mdc-list-item__primary-text{font-size:smaller}:host mat-list.mat-mdc-list-base mat-list-item.mat-mdc-list-item ::ng-deep div.mdc-list-item__content div.mdc-list-item__primary-text{padding-left:5px}\n"], dependencies: [{ kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i8$1.MatTab, selector: "mat-tab", inputs: ["disabled"], exportAs: ["matTab"] }, { kind: "component", type: i8$1.MatTabGroup, selector: "mat-tab-group", inputs: ["color", "disableRipple", "fitInkBarToContent", "mat-stretch-tabs"], exportAs: ["matTabGroup"] }, { kind: "component", type: i10$2.MatList, selector: "mat-list", exportAs: ["matList"] }, { kind: "component", type: i10$2.MatListItem, selector: "mat-list-item, a[mat-list-item], button[mat-list-item]", inputs: ["activated"], exportAs: ["matListItem"] }, { kind: "directive", type: i10$2.MatListItemIcon, selector: "[matListItemIcon]" }, { kind: "directive", type: i10$2.MatListItemTitle, selector: "[matListItemTitle]" }, { kind: "component", type: i7.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i1.LayerListComponent, selector: "igo-layer-list", inputs: ["layersAreAllVisible", "ogcButton", "timeButton", "map", "layers", "floatLabel", "layerFilterAndSortOptions", "excludeBaseLayers", "toggleLegendOnVisibilityChange", "expandLegendOfVisibleLayers", "updateLegendOnResolutionChange", "queryBadge"], outputs: ["appliedFilterAndSort"] }, { kind: "component", type: i1.LayerLegendListComponent, selector: "igo-layer-legend-list", inputs: ["layers", "excludeBaseLayers", "updateLegendOnResolutionChange", "allowShowAllLegends", "showAllLegendsValue"], outputs: ["allLegendsShown"] }, { kind: "directive", type: i1.LayerListBindingDirective, selector: "[igoLayerListBinding]" }, { kind: "directive", type: i1.LayerLegendListBindingDirective, selector: "[igoLayerLegendListBinding]" }, { kind: "component", type: i1.TrackFeatureButtonComponent, selector: "igo-track-feature-button", inputs: ["layer", "trackFeature"] }, { kind: "component", type: i1.MetadataButtonComponent, selector: "igo-metadata-button", inputs: ["layer", "color"] }, { kind: "component", type: i1.ExportButtonComponent, selector: "igo-export-button", inputs: ["layer", "color"] }, { kind: "component", type: i1.StyleModalLayerButtonComponent, selector: "igo-style-modal-layer-button", inputs: ["layer"] }, { kind: "component", type: i1.TimeFilterButtonComponent, selector: "igo-time-filter-button", inputs: ["layer", "map", "color", "header"] }, { kind: "component", type: i1.OgcFilterButtonComponent, selector: "igo-ogc-filter-button", inputs: ["layer", "map", "color", "header"] }, { kind: "component", type: WorkspaceButtonComponent, selector: "igo-workspace-button", inputs: ["layer", "color"] }, { kind: "pipe", type: i4.AsyncPipe, name: "async" }, { kind: "pipe", type: i7$1.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: MapToolsComponent, deps: [{ token: LayerListToolState }, { token: ToolState }, { token: MapState }, { token: i1.SearchSourceService }, { token: ImportExportState }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.1", 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\r\n  #tabGroup\r\n  [selectedIndex]=\"layerListToolState.selectedTab$ | async\"\r\n  (selectedTabChange)=\"tabChanged($event)\"\r\n>\r\n  <mat-tab [label]=\"'igo.integration.tools.layers' | translate\">\r\n    <igo-layer-list\r\n      *ngIf=\"(layers$ | async).length !== 0; else emptyLayers\"\r\n      igoLayerListBinding\r\n      [excludeBaseLayers]=\"excludeBaseLayers\"\r\n      [layerFilterAndSortOptions]=\"layerFilterAndSortOptions\"\r\n      [expandLegendOfVisibleLayers]=\"expandLegendOfVisibleLayers\"\r\n      [toggleLegendOnVisibilityChange]=\"toggleLegendOnVisibilityChange\"\r\n      [updateLegendOnResolutionChange]=\"updateLegendOnResolutionChange\"\r\n      [queryBadge]=\"queryBadge\"\r\n      [map]=\"map\"\r\n      (appliedFilterAndSort)=\"onLayerListChange($event)\"\r\n    >\r\n      <ng-template #igoLayerItemToolbar let-layer=\"layer\">\r\n        <igo-style-modal-layer-button\r\n          *ngIf=\"isStyleEditButton(layer)\"\r\n          [layer]=\"layer\"\r\n        ></igo-style-modal-layer-button>\r\n        <igo-metadata-button [layer]=\"layer\"></igo-metadata-button>\r\n        <igo-track-feature-button\r\n          [trackFeature]=\"true\"\r\n          [layer]=\"layer\"\r\n        ></igo-track-feature-button>\r\n        <igo-time-filter-button\r\n          *ngIf=\"isTimeFilterButton(layer)\"\r\n          [header]=\"timeButton\"\r\n          [layer]=\"layer\"\r\n          (click)=\"activateTimeFilter()\"\r\n        ></igo-time-filter-button>\r\n        <igo-ogc-filter-button\r\n          *ngIf=\"isOGCFilterButton(layer)\"\r\n          [header]=\"ogcButton\"\r\n          [layer]=\"layer\"\r\n          (click)=\"activateOgcFilter()\"\r\n        ></igo-ogc-filter-button>\r\n        <igo-export-button\r\n          *ngIf=\"isExportButton(layer)\"\r\n          [layer]=\"layer\"\r\n          (click)=\"activateExport(layer)\"\r\n        ></igo-export-button>\r\n        <igo-workspace-button [layer]=\"layer\"></igo-workspace-button>\r\n      </ng-template>\r\n    </igo-layer-list>\r\n  </mat-tab>\r\n\r\n  <mat-tab [label]=\"'igo.integration.tools.legend' | translate\">\r\n    <igo-layer-legend-list\r\n      *ngIf=\"showAllLegend()\"\r\n      igoLayerLegendListBinding\r\n      [allowShowAllLegends]=\"allowShowAllLegends\"\r\n      [showAllLegendsValue]=\"showAllLegendsValue$ | async\"\r\n      (allLegendsShown)=\"onShowAllLegends($event)\"\r\n      [excludeBaseLayers]=\"excludeBaseLayers\"\r\n      [updateLegendOnResolutionChange]=\"updateLegendOnResolutionChange\"\r\n    >\r\n    </igo-layer-legend-list>\r\n    <ng-template\r\n      *ngIf=\"(layers$ | async).length !== 0; else emptyLayers\"\r\n    ></ng-template>\r\n\r\n    <p\r\n      class=\"map-empty mat-typography\"\r\n      *ngIf=\"\r\n        !allowShowAllLegends &&\r\n        (layers$ | async).length !== 0 &&\r\n        (visibleOrInRangeLayers$ | async).length === 0\r\n      \"\r\n    >\r\n      {{\r\n        (visibleLayers$ | async).length\r\n          ? ('igo.integration.mapTool.noLayersInRange' | translate)\r\n          : ('igo.integration.mapTool.noLayersVisible' | translate)\r\n      }}\r\n    </p>\r\n  </mat-tab>\r\n\r\n  <ng-template #emptyLayers>\r\n    <mat-list *ngIf=\"delayedShowEmptyMapContent\">\r\n      <p class=\"map-empty mat-typography\">\r\n        {{ 'igo.integration.mapTool.empty' | translate }}\r\n      </p>\r\n      <p\r\n        *ngIf=\"\r\n          layerAdditionAllowed &&\r\n          (searchToolInToolbar || catalogToolInToolbar || contextToolInToolbar)\r\n        \"\r\n        class=\"map-empty mat-typography\"\r\n      >\r\n        {{ 'igo.integration.mapTool.customize' | translate }}\r\n      </p>\r\n\r\n      <mat-list-item *ngIf=\"layerAdditionAllowed && searchToolInToolbar\">\r\n        <mat-icon matListItemIcon>\r\n          <svg\r\n            viewBox=\"0 0 24 24\"\r\n            fit=\"\"\r\n            height=\"100%\"\r\n            width=\"100%\"\r\n            preserveAspectRatio=\"xMidYMid meet\"\r\n            focusable=\"false\"\r\n          >\r\n            <path\r\n              d=\"M9.5,3A6.5,6.5 0 0,1 16,9.5C16,11.11 15.41,12.59 14.44,13.73L14.71,14H15.5L20.5,19L19,20.5L14,15.5V14.71L13.73,14.44C12.59,15.41 11.11,16 9.5,16A6.5,6.5 0 0,1 3,9.5A6.5,6.5 0 0,1 9.5,3M9.5,5C7,5 5,7 5,9.5C5,12 7,14 9.5,14C12,14 14,12 14,9.5C14,7 12,5 9.5,5Z\"\r\n            ></path>\r\n          </svg>\r\n        </mat-icon>\r\n        <span\r\n          matListItemTitle\r\n          class=\"search-tool mat-typography\"\r\n          (click)=\"searchEmit()\"\r\n        >\r\n          {{ 'igo.integration.mapTool.search-tool' | translate }}\r\n        </span>\r\n      </mat-list-item>\r\n      <mat-list-item *ngIf=\"layerAdditionAllowed && catalogToolInToolbar\">\r\n        <mat-icon matListItemIcon>\r\n          <svg\r\n            viewBox=\"0 0 24 24\"\r\n            fit=\"\"\r\n            height=\"100%\"\r\n            width=\"100%\"\r\n            preserveAspectRatio=\"xMidYMid meet\"\r\n            focusable=\"false\"\r\n          >\r\n            <path\r\n              d=\"M17,14H19V17H22V19H19V22H17V19H14V17H17V14M11,16L2,9L11,2L20,9L11,16M11,18.54L12,17.75V18C12,18.71 12.12,19.39 12.35,20L11,21.07L2,14.07L3.62,12.81L11,18.54Z\"\r\n            ></path>\r\n          </svg>\r\n        </mat-icon>\r\n        <span\r\n          matListItemTitle\r\n          class=\"catalog-tool mat-typography\"\r\n          (click)=\"catalogEmit()\"\r\n        >\r\n          {{ 'igo.integration.mapTool.catalog-tool' | translate }}\r\n        </span>\r\n      </mat-list-item>\r\n      <mat-list-item *ngIf=\"layerAdditionAllowed && contextToolInToolbar\">\r\n        <mat-icon matListItemIcon>\r\n          <svg\r\n            viewBox=\"0 0 24 24\"\r\n            fit=\"\"\r\n            height=\"100%\"\r\n            width=\"100%\"\r\n            preserveAspectRatio=\"xMidYMid meet\"\r\n            focusable=\"false\"\r\n          >\r\n            <path\r\n              d=\"M12,17.27L18.18,21L16.54,13.97L22,9.24L14.81,8.62L12,2L9.19,8.62L2,9.24L7.45,13.97L5.82,21L12,17.27Z\"\r\n            ></path>\r\n          </svg>\r\n        </mat-icon>\r\n        <span\r\n          matListItemTitle\r\n          class=\"context-tool mat-typography\"\r\n          (click)=\"contextEmit()\"\r\n        >\r\n          {{ 'igo.integration.mapTool.context-tool' | translate }}\r\n        </span>\r\n      </mat-list-item>\r\n    </mat-list>\r\n  </ng-template>\r\n</mat-tab-group>\r\n", styles: [":host mat-tab-group{height:100%}:host ::ng-deep .mat-mdc-tab-body-wrapper{flex:1}:host ::ng-deep .mat-tab-body{margin-top:8px}:host ::ng-deep .mat-mdc-tab-body-content{overflow:hidden}:host .map-empty,:host .search-tool,:host .catalog-tool,:host .context-tool{margin:10px}:host .map-empty{text-align:justify}:host .search-tool,:host .catalog-tool,:host .context-tool{cursor:pointer}:host mat-list mat-list-item h4{font-weight:700}:host mat-list-item ::ng-deep .mdc-list-item__primary-text{font-size:smaller}:host mat-list.mat-mdc-list-base mat-list-item.mat-mdc-list-item ::ng-deep div.mdc-list-item__content div.mdc-list-item__primary-text{padding-left:5px}\n"], dependencies: [{ kind: "ngmodule", type: MatTabsModule }, { kind: "component", type: i5$2.MatTab, selector: "mat-tab", inputs: ["disabled", "label", "aria-label", "aria-labelledby", "labelClass", "bodyClass"], exportAs: ["matTab"] }, { kind: "component", type: i5$2.MatTabGroup, selector: "mat-tab-group", inputs: ["color", "fitInkBarToContent", "mat-stretch-tabs", "dynamicHeight", "selectedIndex", "headerPosition", "animationDuration", "contentTabIndex", "disablePagination", "disableRipple", "preserveContent", "backgroundColor"], outputs: ["selectedIndexChange", "focusChange", "animationDone", "selectedTabChange"], exportAs: ["matTabGroup"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: LayerListComponent, selector: "igo-layer-list", inputs: ["layersAreAllVisible", "ogcButton", "timeButton", "map", "layers", "floatLabel", "layerFilterAndSortOptions", "excludeBaseLayers", "toggleLegendOnVisibilityChange", "expandLegendOfVisibleLayers", "updateLegendOnResolutionChange", "queryBadge"], outputs: ["appliedFilterAndSort"] }, { kind: "directive", type: LayerListBindingDirective, selector: "[igoLayerListBinding]" }, { 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: i10$1.MatList, selector: "mat-list", exportAs: ["matList"] }, { kind: "component", type: i10$1.MatListItem, selector: "mat-list-item, a[mat-list-item], button[mat-list-item]", inputs: ["activated"], exportAs: ["matListItem"] }, { kind: "directive", type: i10$1.MatListItemIcon, selector: "[matListItemIcon]" }, { kind: "directive", type: i10$1.MatListItemTitle, selector: "[matListItemTitle]" }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i7.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i7$2.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 MapToolsComponent = __decorate([
     ToolComponent({
@@ -4292,10 +4308,28 @@ MapToolsComponent = __decorate([
         SearchSourceService,
         ImportExportState])
 ], MapToolsComponent);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: MapToolsComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: MapToolsComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'igo-map-tools', changeDetection: ChangeDetectionStrategy.OnPush, template: "<mat-tab-group\r\n  #tabGroup\r\n  [selectedIndex]=\"layerListToolState.selectedTab$ | async\"\r\n  (selectedTabChange)=\"tabChanged($event)\"\r\n>\r\n  <mat-tab [label]=\"'igo.integration.tools.layers' | translate\">\r\n    <igo-layer-list\r\n      *ngIf=\"(layers$ | async).length !== 0; else emptyLayers\"\r\n      igoLayerListBinding\r\n      [excludeBaseLayers]=\"excludeBaseLayers\"\r\n      [layerFilterAndSortOptions]=\"layerFilterAndSortOptions\"\r\n      [expandLegendOfVisibleLayers]=\"expandLegendOfVisibleLayers\"\r\n      [toggleLegendOnVisibilityChange]=\"toggleLegendOnVisibilityChange\"\r\n      [updateLegendOnResolutionChange]=\"updateLegendOnResolutionChange\"\r\n      [floatLabel]=\"false\"\r\n      [queryBadge]=\"queryBadge\"\r\n      [map]=\"map\"\r\n      (appliedFilterAndSort)=\"onLayerListChange($event)\"\r\n    >\r\n      <ng-template #igoLayerItemToolbar let-layer=\"layer\">\r\n        <igo-style-modal-layer-button\r\n          *ngIf=\"isStyleEditButton(layer)\"\r\n          [layer]=\"layer\"\r\n        ></igo-style-modal-layer-button>\r\n        <igo-metadata-button [layer]=\"layer\"></igo-metadata-button>\r\n        <igo-track-feature-button\r\n          [trackFeature]=\"true\"\r\n          [layer]=\"layer\"\r\n        ></igo-track-feature-button>\r\n        <igo-time-filter-button\r\n          *ngIf=\"isTimeFilterButton(layer)\"\r\n          [header]=\"timeButton\"\r\n          [layer]=\"layer\"\r\n          (click)=\"activateTimeFilter()\"\r\n        ></igo-time-filter-button>\r\n        <igo-ogc-filter-button\r\n          *ngIf=\"isOGCFilterButton(layer)\"\r\n          [header]=\"ogcButton\"\r\n          [layer]=\"layer\"\r\n          (click)=\"activateOgcFilter()\"\r\n        ></igo-ogc-filter-button>\r\n        <igo-export-button\r\n          *ngIf=\"isExportButton(layer)\"\r\n          [layer]=\"layer\"\r\n          (click)=\"activateExport(layer)\"\r\n        ></igo-export-button>\r\n        <igo-workspace-button [layer]=\"layer\"></igo-workspace-button>\r\n      </ng-template>\r\n    </igo-layer-list>\r\n  </mat-tab>\r\n\r\n  <mat-tab [label]=\"'igo.integration.tools.legend' | translate\">\r\n    <igo-layer-legend-list\r\n      *ngIf=\"showAllLegend()\"\r\n      igoLayerLegendListBinding\r\n      [allowShowAllLegends]=\"allowShowAllLegends\"\r\n      [showAllLegendsValue]=\"showAllLegendsValue$ | async\"\r\n      (allLegendsShown)=\"onShowAllLegends($event)\"\r\n      [excludeBaseLayers]=\"excludeBaseLayers\"\r\n      [updateLegendOnResolutionChange]=\"updateLegendOnResolutionChange\"\r\n    >\r\n    </igo-layer-legend-list>\r\n    <ng-template\r\n      *ngIf=\"(layers$ | async).length !== 0; else emptyLayers\"\r\n    ></ng-template>\r\n\r\n    <p\r\n      class=\"map-empty mat-typography\"\r\n      *ngIf=\"\r\n        !allowShowAllLegends &&\r\n        (layers$ | async).length !== 0 &&\r\n        (visibleOrInRangeLayers$ | async).length === 0\r\n      \"\r\n    >\r\n      {{\r\n        (visibleLayers$ | async).length\r\n          ? ('igo.integration.mapTool.noLayersInRange' | translate)\r\n          : ('igo.integration.mapTool.noLayersVisible' | translate)\r\n      }}\r\n    </p>\r\n  </mat-tab>\r\n\r\n  <ng-template #emptyLayers>\r\n    <mat-list *ngIf=\"delayedShowEmptyMapContent\">\r\n      <p class=\"map-empty mat-typography\">\r\n        {{ 'igo.integration.mapTool.empty' | translate }}\r\n      </p>\r\n      <p\r\n        *ngIf=\"\r\n          layerAdditionAllowed &&\r\n          (searchToolInToolbar || catalogToolInToolbar || contextToolInToolbar)\r\n        \"\r\n        class=\"map-empty mat-typography\"\r\n      >\r\n        {{ 'igo.integration.mapTool.customize' | translate }}\r\n      </p>\r\n\r\n      <mat-list-item *ngIf=\"layerAdditionAllowed && searchToolInToolbar\">\r\n        <mat-icon matListItemIcon>\r\n          <svg\r\n            viewBox=\"0 0 24 24\"\r\n            fit=\"\"\r\n            height=\"100%\"\r\n            width=\"100%\"\r\n            preserveAspectRatio=\"xMidYMid meet\"\r\n            focusable=\"false\"\r\n          >\r\n            <path\r\n              d=\"M9.5,3A6.5,6.5 0 0,1 16,9.5C16,11.11 15.41,12.59 14.44,13.73L14.71,14H15.5L20.5,19L19,20.5L14,15.5V14.71L13.73,14.44C12.59,15.41 11.11,16 9.5,16A6.5,6.5 0 0,1 3,9.5A6.5,6.5 0 0,1 9.5,3M9.5,5C7,5 5,7 5,9.5C5,12 7,14 9.5,14C12,14 14,12 14,9.5C14,7 12,5 9.5,5Z\"\r\n            ></path></svg\r\n        ></mat-icon>\r\n        <span\r\n          matListItemTitle\r\n          class=\"search-tool mat-typography\"\r\n          (click)=\"searchEmit()\"\r\n        >\r\n          {{ 'igo.integration.mapTool.search-tool' | translate }}\r\n        </span>\r\n      </mat-list-item>\r\n      <mat-list-item *ngIf=\"layerAdditionAllowed && catalogToolInToolbar\">\r\n        <mat-icon matListItemIcon>\r\n          <svg\r\n            viewBox=\"0 0 24 24\"\r\n            fit=\"\"\r\n            height=\"100%\"\r\n            width=\"100%\"\r\n            preserveAspectRatio=\"xMidYMid meet\"\r\n            focusable=\"false\"\r\n          >\r\n            <path\r\n              d=\"M17,14H19V17H22V19H19V22H17V19H14V17H17V14M11,16L2,9L11,2L20,9L11,16M11,18.54L12,17.75V18C12,18.71 12.12,19.39 12.35,20L11,21.07L2,14.07L3.62,12.81L11,18.54Z\"\r\n            ></path></svg\r\n        ></mat-icon>\r\n        <span\r\n          matListItemTitle\r\n          class=\"catalog-tool mat-typography\"\r\n          (click)=\"catalogEmit()\"\r\n        >\r\n          {{ 'igo.integration.mapTool.catalog-tool' | translate }}\r\n        </span>\r\n      </mat-list-item>\r\n      <mat-list-item *ngIf=\"layerAdditionAllowed && contextToolInToolbar\">\r\n        <mat-icon matListItemIcon>\r\n          <svg\r\n            viewBox=\"0 0 24 24\"\r\n            fit=\"\"\r\n            height=\"100%\"\r\n            width=\"100%\"\r\n            preserveAspectRatio=\"xMidYMid meet\"\r\n            focusable=\"false\"\r\n          >\r\n            <path\r\n              d=\"M12,17.27L18.18,21L16.54,13.97L22,9.24L14.81,8.62L12,2L9.19,8.62L2,9.24L7.45,13.97L5.82,21L12,17.27Z\"\r\n            ></path></svg\r\n        ></mat-icon>\r\n        <span\r\n          matListItemTitle\r\n          class=\"context-tool mat-typography\"\r\n          (click)=\"contextEmit()\"\r\n        >\r\n          {{ 'igo.integration.mapTool.context-tool' | translate }}\r\n        </span>\r\n      </mat-list-item>\r\n    </mat-list>\r\n  </ng-template>\r\n</mat-tab-group>\r\n", styles: [":host mat-tab-group{height:100%}:host ::ng-deep .mat-mdc-tab-body-wrapper{flex:1}:host ::ng-deep .mat-tab-body{margin-top:8px}:host ::ng-deep .mat-mdc-tab-body-content{overflow:hidden}:host .map-empty,:host .search-tool,:host .catalog-tool,:host .context-tool{margin:10px}:host .map-empty{text-align:justify}:host .search-tool,:host .catalog-tool,:host .context-tool{cursor:pointer}:host mat-list mat-list-item h4{font-weight:700}:host mat-list-item ::ng-deep .mdc-list-item__primary-text{font-size:smaller}:host mat-list.mat-mdc-list-base mat-list-item.mat-mdc-list-item ::ng-deep div.mdc-list-item__content div.mdc-list-item__primary-text{padding-left:5px}\n"] }]
-        }], ctorParameters: function () { return [{ type: LayerListToolState }, { type: ToolState }, { type: MapState }, { type: i1.SearchSourceService }, { type: ImportExportState }]; }, propDecorators: { allowShowAllLegends: [{
+            args: [{ selector: 'igo-map-tools', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [
+                        MatTabsModule,
+                        NgIf,
+                        LayerListComponent,
+                        LayerListBindingDirective,
+                        StyleModalLayerButtonComponent,
+                        MetadataButtonComponent,
+                        TrackFeatureButtonComponent,
+                        TimeFilterButtonComponent,
+                        OgcFilterButtonComponent,
+                        ExportButtonComponent,
+                        WorkspaceButtonComponent,
+                        LayerLegendListComponent,
+                        LayerLegendListBindingDirective,
+                        MatListModule,
+                        MatIconModule,
+                        AsyncPipe,
+                        TranslateModule
+                    ], template: "<mat-tab-group\r\n  #tabGroup\r\n  [selectedIndex]=\"layerListToolState.selectedTab$ | async\"\r\n  (selectedTabChange)=\"tabChanged($event)\"\r\n>\r\n  <mat-tab [label]=\"'igo.integration.tools.layers' | translate\">\r\n    <igo-layer-list\r\n      *ngIf=\"(layers$ | async).length !== 0; else emptyLayers\"\r\n      igoLayerListBinding\r\n      [excludeBaseLayers]=\"excludeBaseLayers\"\r\n      [layerFilterAndSortOptions]=\"layerFilterAndSortOptions\"\r\n      [expandLegendOfVisibleLayers]=\"expandLegendOfVisibleLayers\"\r\n      [toggleLegendOnVisibilityChange]=\"toggleLegendOnVisibilityChange\"\r\n      [updateLegendOnResolutionChange]=\"updateLegendOnResolutionChange\"\r\n      [queryBadge]=\"queryBadge\"\r\n      [map]=\"map\"\r\n      (appliedFilterAndSort)=\"onLayerListChange($event)\"\r\n    >\r\n      <ng-template #igoLayerItemToolbar let-layer=\"layer\">\r\n        <igo-style-modal-layer-button\r\n          *ngIf=\"isStyleEditButton(layer)\"\r\n          [layer]=\"layer\"\r\n        ></igo-style-modal-layer-button>\r\n        <igo-metadata-button [layer]=\"layer\"></igo-metadata-button>\r\n        <igo-track-feature-button\r\n          [trackFeature]=\"true\"\r\n          [layer]=\"layer\"\r\n        ></igo-track-feature-button>\r\n        <igo-time-filter-button\r\n          *ngIf=\"isTimeFilterButton(layer)\"\r\n          [header]=\"timeButton\"\r\n          [layer]=\"layer\"\r\n          (click)=\"activateTimeFilter()\"\r\n        ></igo-time-filter-button>\r\n        <igo-ogc-filter-button\r\n          *ngIf=\"isOGCFilterButton(layer)\"\r\n          [header]=\"ogcButton\"\r\n          [layer]=\"layer\"\r\n          (click)=\"activateOgcFilter()\"\r\n        ></igo-ogc-filter-button>\r\n        <igo-export-button\r\n          *ngIf=\"isExportButton(layer)\"\r\n          [layer]=\"layer\"\r\n          (click)=\"activateExport(layer)\"\r\n        ></igo-export-button>\r\n        <igo-workspace-button [layer]=\"layer\"></igo-workspace-button>\r\n      </ng-template>\r\n    </igo-layer-list>\r\n  </mat-tab>\r\n\r\n  <mat-tab [label]=\"'igo.integration.tools.legend' | translate\">\r\n    <igo-layer-legend-list\r\n      *ngIf=\"showAllLegend()\"\r\n      igoLayerLegendListBinding\r\n      [allowShowAllLegends]=\"allowShowAllLegends\"\r\n      [showAllLegendsValue]=\"showAllLegendsValue$ | async\"\r\n      (allLegendsShown)=\"onShowAllLegends($event)\"\r\n      [excludeBaseLayers]=\"excludeBaseLayers\"\r\n      [updateLegendOnResolutionChange]=\"updateLegendOnResolutionChange\"\r\n    >\r\n    </igo-layer-legend-list>\r\n    <ng-template\r\n      *ngIf=\"(layers$ | async).length !== 0; else emptyLayers\"\r\n    ></ng-template>\r\n\r\n    <p\r\n      class=\"map-empty mat-typography\"\r\n      *ngIf=\"\r\n        !allowShowAllLegends &&\r\n        (layers$ | async).length !== 0 &&\r\n        (visibleOrInRangeLayers$ | async).length === 0\r\n      \"\r\n    >\r\n      {{\r\n        (visibleLayers$ | async).length\r\n          ? ('igo.integration.mapTool.noLayersInRange' | translate)\r\n          : ('igo.integration.mapTool.noLayersVisible' | translate)\r\n      }}\r\n    </p>\r\n  </mat-tab>\r\n\r\n  <ng-template #emptyLayers>\r\n    <mat-list *ngIf=\"delayedShowEmptyMapContent\">\r\n      <p class=\"map-empty mat-typography\">\r\n        {{ 'igo.integration.mapTool.empty' | translate }}\r\n      </p>\r\n      <p\r\n        *ngIf=\"\r\n          layerAdditionAllowed &&\r\n          (searchToolInToolbar || catalogToolInToolbar || contextToolInToolbar)\r\n        \"\r\n        class=\"map-empty mat-typography\"\r\n      >\r\n        {{ 'igo.integration.mapTool.customize' | translate }}\r\n      </p>\r\n\r\n      <mat-list-item *ngIf=\"layerAdditionAllowed && searchToolInToolbar\">\r\n        <mat-icon matListItemIcon>\r\n          <svg\r\n            viewBox=\"0 0 24 24\"\r\n            fit=\"\"\r\n            height=\"100%\"\r\n            width=\"100%\"\r\n            preserveAspectRatio=\"xMidYMid meet\"\r\n            focusable=\"false\"\r\n          >\r\n            <path\r\n              d=\"M9.5,3A6.5,6.5 0 0,1 16,9.5C16,11.11 15.41,12.59 14.44,13.73L14.71,14H15.5L20.5,19L19,20.5L14,15.5V14.71L13.73,14.44C12.59,15.41 11.11,16 9.5,16A6.5,6.5 0 0,1 3,9.5A6.5,6.5 0 0,1 9.5,3M9.5,5C7,5 5,7 5,9.5C5,12 7,14 9.5,14C12,14 14,12 14,9.5C14,7 12,5 9.5,5Z\"\r\n            ></path>\r\n          </svg>\r\n        </mat-icon>\r\n        <span\r\n          matListItemTitle\r\n          class=\"search-tool mat-typography\"\r\n          (click)=\"searchEmit()\"\r\n        >\r\n          {{ 'igo.integration.mapTool.search-tool' | translate }}\r\n        </span>\r\n      </mat-list-item>\r\n      <mat-list-item *ngIf=\"layerAdditionAllowed && catalogToolInToolbar\">\r\n        <mat-icon matListItemIcon>\r\n          <svg\r\n            viewBox=\"0 0 24 24\"\r\n            fit=\"\"\r\n            height=\"100%\"\r\n            width=\"100%\"\r\n            preserveAspectRatio=\"xMidYMid meet\"\r\n            focusable=\"false\"\r\n          >\r\n            <path\r\n              d=\"M17,14H19V17H22V19H19V22H17V19H14V17H17V14M11,16L2,9L11,2L20,9L11,16M11,18.54L12,17.75V18C12,18.71 12.12,19.39 12.35,20L11,21.07L2,14.07L3.62,12.81L11,18.54Z\"\r\n            ></path>\r\n          </svg>\r\n        </mat-icon>\r\n        <span\r\n          matListItemTitle\r\n          class=\"catalog-tool mat-typography\"\r\n          (click)=\"catalogEmit()\"\r\n        >\r\n          {{ 'igo.integration.mapTool.catalog-tool' | translate }}\r\n        </span>\r\n      </mat-list-item>\r\n      <mat-list-item *ngIf=\"layerAdditionAllowed && contextToolInToolbar\">\r\n        <mat-icon matListItemIcon>\r\n          <svg\r\n            viewBox=\"0 0 24 24\"\r\n            fit=\"\"\r\n            height=\"100%\"\r\n            width=\"100%\"\r\n            preserveAspectRatio=\"xMidYMid meet\"\r\n            focusable=\"false\"\r\n          >\r\n            <path\r\n              d=\"M12,17.27L18.18,21L16.54,13.97L22,9.24L14.81,8.62L12,2L9.19,8.62L2,9.24L7.45,13.97L5.82,21L12,17.27Z\"\r\n            ></path>\r\n          </svg>\r\n        </mat-icon>\r\n        <span\r\n          matListItemTitle\r\n          class=\"context-tool mat-typography\"\r\n          (click)=\"contextEmit()\"\r\n        >\r\n          {{ 'igo.integration.mapTool.context-tool' | translate }}\r\n        </span>\r\n      </mat-list-item>\r\n    </mat-list>\r\n  </ng-template>\r\n</mat-tab-group>\r\n", styles: [":host mat-tab-group{height:100%}:host ::ng-deep .mat-mdc-tab-body-wrapper{flex:1}:host ::ng-deep .mat-tab-body{margin-top:8px}:host ::ng-deep .mat-mdc-tab-body-content{overflow:hidden}:host .map-empty,:host .search-tool,:host .catalog-tool,:host .context-tool{margin:10px}:host .map-empty{text-align:justify}:host .search-tool,:host .catalog-tool,:host .context-tool{cursor:pointer}:host mat-list mat-list-item h4{font-weight:700}:host mat-list-item ::ng-deep .mdc-list-item__primary-text{font-size:smaller}:host mat-list.mat-mdc-list-base mat-list-item.mat-mdc-list-item ::ng-deep div.mdc-list-item__content div.mdc-list-item__primary-text{padding-left:5px}\n"] }]
+        }], ctorParameters: () => [{ type: LayerListToolState }, { type: ToolState }, { type: MapState }, { type: i1.SearchSourceService }, { type: ImportExportState }], propDecorators: { allowShowAllLegends: [{
                 type: Input
             }], showAllLegendsValue: [{
                 type: Input
@@ -4322,6 +4356,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                 args: ['tabGroup', { static: true }]
             }] } });
 
+/**
+ * @deprecated import the ImportExportToolComponent directly or INTEGRATION_MAP_DIRECTIVES for the set
+ */
 class IgoAppMapModule {
     static forRoot() {
         return {
@@ -4329,121 +4366,35 @@ class IgoAppMapModule {
             providers: []
         };
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: IgoAppMapModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: IgoAppMapModule, declarations: [AdvancedMapToolComponent,
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: IgoAppMapModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.2.1", ngImport: i0, type: IgoAppMapModule, imports: [AdvancedMapToolComponent,
             MapProximityToolComponent,
             MapToolComponent,
             MapToolsComponent,
             MapDetailsToolComponent,
-            MapLegendToolComponent,
-            AdvancedSwipeComponent,
-            AdvancedCoordinatesComponent], imports: [FormsModule,
-            ReactiveFormsModule,
-            MatButtonToggleModule,
-            MatDividerModule,
-            MatSelectModule,
-            MatOptionModule,
-            MatFormFieldModule,
-            MatInputModule,
-            MatCheckboxModule,
-            IgoSpinnerModule,
-            CommonModule,
-            MatTabsModule,
-            MatListModule,
-            MatIconModule,
-            IgoLanguageModule,
-            IgoLayerModule,
-            IgoMetadataModule,
-            IgoDownloadModule,
-            IgoImportExportModule,
-            IgoStyleModule,
-            IgoFilterModule,
-            MatRadioModule,
-            IgoContextModule,
-            IgoAppWorkspaceModule,
-            MatSlideToggleModule,
-            MatMenuModule,
-            MatButtonModule,
-            MatTooltipModule,
-            IgoEntityTableModule], exports: [AdvancedMapToolComponent,
+            MapLegendToolComponent], exports: [AdvancedMapToolComponent,
+            MapProximityToolComponent,
+            MapToolComponent,
+            MapToolsComponent,
+            MapDetailsToolComponent,
+            MapLegendToolComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: IgoAppMapModule, imports: [AdvancedMapToolComponent,
             MapProximityToolComponent,
             MapToolComponent,
             MapToolsComponent,
             MapDetailsToolComponent,
             MapLegendToolComponent] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: IgoAppMapModule, imports: [FormsModule,
-            ReactiveFormsModule,
-            MatButtonToggleModule,
-            MatDividerModule,
-            MatSelectModule,
-            MatOptionModule,
-            MatFormFieldModule,
-            MatInputModule,
-            MatCheckboxModule,
-            IgoSpinnerModule,
-            CommonModule,
-            MatTabsModule,
-            MatListModule,
-            MatIconModule,
-            IgoLanguageModule,
-            IgoLayerModule,
-            IgoMetadataModule,
-            IgoDownloadModule,
-            IgoImportExportModule,
-            IgoStyleModule,
-            IgoFilterModule,
-            MatRadioModule,
-            IgoContextModule,
-            IgoAppWorkspaceModule,
-            MatSlideToggleModule,
-            MatMenuModule,
-            MatButtonModule,
-            MatTooltipModule,
-            IgoEntityTableModule] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: IgoAppMapModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: IgoAppMapModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [
-                        FormsModule,
-                        ReactiveFormsModule,
-                        MatButtonToggleModule,
-                        MatDividerModule,
-                        MatSelectModule,
-                        MatOptionModule,
-                        MatFormFieldModule,
-                        MatInputModule,
-                        MatCheckboxModule,
-                        IgoSpinnerModule,
-                        CommonModule,
-                        MatTabsModule,
-                        MatListModule,
-                        MatIconModule,
-                        IgoLanguageModule,
-                        IgoLayerModule,
-                        IgoMetadataModule,
-                        IgoDownloadModule,
-                        IgoImportExportModule,
-                        IgoStyleModule,
-                        IgoFilterModule,
-                        MatRadioModule,
-                        IgoContextModule,
-                        IgoAppWorkspaceModule,
-                        MatSlideToggleModule,
-                        MatMenuModule,
-                        MatButtonModule,
-                        MatTooltipModule,
-                        IgoEntityTableModule
-                    ],
-                    declarations: [
                         AdvancedMapToolComponent,
                         MapProximityToolComponent,
                         MapToolComponent,
                         MapToolsComponent,
                         MapDetailsToolComponent,
-                        MapLegendToolComponent,
-                        AdvancedSwipeComponent,
-                        AdvancedCoordinatesComponent
+                        MapLegendToolComponent
                     ],
                     exports: [
                         AdvancedMapToolComponent,
@@ -4452,8 +4403,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                         MapToolsComponent,
                         MapDetailsToolComponent,
                         MapLegendToolComponent
-                    ],
-                    schemas: [CUSTOM_ELEMENTS_SCHEMA]
+                    ]
                 }]
         }] });
 
@@ -4482,15 +4432,15 @@ class MeasureState {
             }
         });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: MeasureState, deps: [{ token: MapState }], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: MeasureState, providedIn: 'root' });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: MeasureState, deps: [{ token: MapState }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: MeasureState, providedIn: 'root' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: MeasureState, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: MeasureState, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
                 }]
-        }], ctorParameters: function () { return [{ type: MapState }]; } });
+        }], ctorParameters: () => [{ type: MapState }] });
 
 /**
  * Tool to measure lengths and areas
@@ -4516,8 +4466,8 @@ let MeasurerToolComponent = class MeasurerToolComponent {
         this.measureState = measureState;
         this.mapState = mapState;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: MeasurerToolComponent, deps: [{ token: MeasureState }, { token: MapState }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: MeasurerToolComponent, selector: "igo-measurer-tool", ngImport: i0, template: "<igo-measurer [store]=\"store\" [map]=\"map\"></igo-measurer>\n", dependencies: [{ kind: "component", type: i1.MeasurerComponent, selector: "igo-measurer", inputs: ["map", "store", "activeMeasureType", "minSegmentLength"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: MeasurerToolComponent, deps: [{ token: MeasureState }, { token: MapState }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.1", 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({
@@ -4528,39 +4478,38 @@ MeasurerToolComponent = __decorate([
     __metadata("design:paramtypes", [MeasureState,
         MapState])
 ], MeasurerToolComponent);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: MeasurerToolComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: MeasurerToolComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'igo-measurer-tool', changeDetection: ChangeDetectionStrategy.OnPush, template: "<igo-measurer [store]=\"store\" [map]=\"map\"></igo-measurer>\n" }]
-        }], ctorParameters: function () { return [{ type: MeasureState }, { type: MapState }]; } });
+            args: [{ selector: 'igo-measurer-tool', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [MeasurerComponent], template: "<igo-measurer [store]=\"store\" [map]=\"map\"></igo-measurer>\n" }]
+        }], ctorParameters: () => [{ type: MeasureState }, { type: MapState }] });
 
 /**
- * @ignore
+ * @deprecated import the MeasurerToolComponent directly
  */
 class IgoAppMeasurerToolModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: IgoAppMeasurerToolModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: IgoAppMeasurerToolModule, declarations: [MeasurerToolComponent], imports: [IgoMeasurerModule], exports: [MeasurerToolComponent] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: IgoAppMeasurerToolModule, imports: [IgoMeasurerModule] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: IgoAppMeasurerToolModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.2.1", ngImport: i0, type: IgoAppMeasurerToolModule, imports: [MeasurerToolComponent], exports: [MeasurerToolComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: IgoAppMeasurerToolModule, imports: [MeasurerToolComponent] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: IgoAppMeasurerToolModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: IgoAppMeasurerToolModule, decorators: [{
             type: NgModule,
             args: [{
-                    imports: [IgoMeasurerModule],
-                    declarations: [MeasurerToolComponent],
-                    exports: [MeasurerToolComponent],
-                    schemas: [CUSTOM_ELEMENTS_SCHEMA]
+                    imports: [MeasurerToolComponent],
+                    exports: [MeasurerToolComponent]
                 }]
         }] });
 
+/**
+ * @deprecated import the MeasurerToolComponent directly
+ */
 class IgoAppMeasureModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: IgoAppMeasureModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: IgoAppMeasureModule, exports: [IgoAppMeasurerToolModule] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: IgoAppMeasureModule, imports: [IgoAppMeasurerToolModule] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: IgoAppMeasureModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.2.1", ngImport: i0, type: IgoAppMeasureModule, exports: [IgoAppMeasurerToolModule] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: IgoAppMeasureModule, imports: [IgoAppMeasurerToolModule] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: IgoAppMeasureModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: IgoAppMeasureModule, decorators: [{
             type: NgModule,
             args: [{
-                    imports: [],
-                    declarations: [],
                     exports: [IgoAppMeasurerToolModule]
                 }]
         }] });
@@ -4573,8 +4522,8 @@ let PrintToolComponent = class PrintToolComponent {
     constructor(mapState) {
         this.mapState = mapState;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PrintToolComponent, deps: [{ token: MapState }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: PrintToolComponent, selector: "igo-print-tool", ngImport: i0, template: "<igo-print [map]=\"map\"></igo-print>\n", dependencies: [{ kind: "component", type: i1.PrintComponent, selector: "igo-print", inputs: ["map", "outputFormat", "paperFormat", "orientation", "imageFormat", "legendPosition", "resolution"] }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: PrintToolComponent, deps: [{ token: MapState }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.1", 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({
@@ -4584,11 +4533,14 @@ PrintToolComponent = __decorate([
     }),
     __metadata("design:paramtypes", [MapState])
 ], PrintToolComponent);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PrintToolComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: PrintToolComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'igo-print-tool', template: "<igo-print [map]=\"map\"></igo-print>\n" }]
-        }], ctorParameters: function () { return [{ type: MapState }]; } });
+            args: [{ selector: 'igo-print-tool', standalone: true, imports: [PrintComponent], template: "<igo-print [map]=\"map\"></igo-print>\n" }]
+        }], ctorParameters: () => [{ type: MapState }] });
 
+/**
+ * @deprecated import the PrintToolComponent directly
+ */
 class IgoAppPrintModule {
     static forRoot() {
         return {
@@ -4596,20 +4548,27 @@ class IgoAppPrintModule {
             providers: []
         };
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: IgoAppPrintModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: IgoAppPrintModule, declarations: [PrintToolComponent], imports: [IgoPrintModule], exports: [PrintToolComponent] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: IgoAppPrintModule, imports: [IgoPrintModule] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: IgoAppPrintModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.2.1", ngImport: i0, type: IgoAppPrintModule, imports: [PrintToolComponent], exports: [PrintToolComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: IgoAppPrintModule, imports: [PrintToolComponent] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: IgoAppPrintModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: IgoAppPrintModule, decorators: [{
             type: NgModule,
             args: [{
-                    imports: [IgoPrintModule],
-                    declarations: [PrintToolComponent],
-                    exports: [PrintToolComponent],
-                    schemas: [CUSTOM_ELEMENTS_SCHEMA]
+                    imports: [PrintToolComponent],
+                    exports: [PrintToolComponent]
                 }]
         }] });
 
+const INTEGRATION_MAP_DIRECTIVES = [
+    AdvancedMapToolComponent,
+    MapProximityToolComponent,
+    MapToolComponent,
+    MapToolsComponent,
+    MapDetailsToolComponent,
+    MapLegendToolComponent
+];
+
 /**
  * Service that holds the state of the search module
  */
@@ -4742,15 +4701,15 @@ class SearchState {
         this.storageService.set('searchResultsGeometryEnabled', value);
         this.searchResultsGeometryEnabled$.next(value);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SearchState, deps: [{ token: i1.SearchSourceService }, { token: i2.StorageService }, { token: WorkspaceState }, { token: i2.ConfigService }, { token: MapState }], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SearchState, providedIn: 'root' });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: SearchState, deps: [{ token: i1.SearchSourceService }, { token: i2.StorageService }, { token: WorkspaceState }, { token: i2.ConfigService }, { token: MapState }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: SearchState, providedIn: 'root' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SearchState, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: SearchState, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
                 }]
-        }], ctorParameters: function () { return [{ type: i1.SearchSourceService }, { type: i2.StorageService }, { type: WorkspaceState }, { type: i2.ConfigService }, { type: MapState }]; } });
+        }], ctorParameters: () => [{ type: i1.SearchSourceService }, { type: i2.StorageService }, { type: WorkspaceState }, { type: i2.ConfigService }, { type: MapState }] });
 
 class SearchBarBindingDirective {
     component;
@@ -4798,17 +4757,18 @@ class SearchBarBindingDirective {
             this.searchState.setSearchType(searchType);
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SearchBarBindingDirective, deps: [{ token: i1.SearchBarComponent, self: true }, { token: SearchState }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: SearchBarBindingDirective, selector: "[igoSearchBarBinding]", host: { listeners: { "searchTermChange": "onSearchTermChange($event)", "searchTypeChange": "onSearchTypeChange($event)" } }, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: SearchBarBindingDirective, deps: [{ token: i1.SearchBarComponent, self: true }, { token: SearchState }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.2.1", type: SearchBarBindingDirective, isStandalone: true, selector: "[igoSearchBarBinding]", host: { listeners: { "searchTermChange": "onSearchTermChange($event)", "searchTypeChange": "onSearchTypeChange($event)" } }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SearchBarBindingDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: SearchBarBindingDirective, decorators: [{
             type: Directive,
             args: [{
-                    selector: '[igoSearchBarBinding]'
+                    selector: '[igoSearchBarBinding]',
+                    standalone: true
                 }]
-        }], ctorParameters: function () { return [{ type: i1.SearchBarComponent, decorators: [{
+        }], ctorParameters: () => [{ type: i1.SearchBarComponent, decorators: [{
                     type: Self
-                }] }, { type: SearchState }]; }, propDecorators: { onSearchTermChange: [{
+                }] }, { type: SearchState }], propDecorators: { onSearchTermChange: [{
                 type: HostListener,
                 args: ['searchTermChange', ['$event']]
             }], onSearchTypeChange: [{
@@ -4816,23 +4776,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                 args: ['searchTypeChange', ['$event']]
             }] } });
 
-/**
- * @ignore
- */
-class IgoAppSearchBarModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: IgoAppSearchBarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: IgoAppSearchBarModule, declarations: [SearchBarBindingDirective], imports: [IgoSearchModule], exports: [SearchBarBindingDirective] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: IgoAppSearchBarModule, imports: [IgoSearchModule] });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: IgoAppSearchBarModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    imports: [IgoSearchModule],
-                    declarations: [SearchBarBindingDirective],
-                    exports: [SearchBarBindingDirective]
-                }]
-        }] });
-
 /**
  * Tool to browse the search results
  */
@@ -5311,8 +5254,8 @@ let SearchResultsToolComponent = class SearchResultsToolComponent {
                 });
         }, 250);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SearchResultsToolComponent, deps: [{ token: MapState }, { token: SearchState }, { token: i0.ElementRef }, { token: ToolState }, { token: DirectionState }, { token: i2.ConfigService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: SearchResultsToolComponent, selector: "igo-search-results-tool", inputs: { showIcons: "showIcons", topPanelStateDefault: "topPanelStateDefault", topPanelState: "topPanelState" }, ngImport: i0, template: "<div\r\n  *ngIf=\"(!store || store.stateView.empty) && (debouncedEmpty$ | async)\"\r\n  style=\"margin: 10px\"\r\n>\r\n  <section class=\"mat-typography\">\r\n    <h4>\r\n      <strong>{{\r\n        'igo.integration.searchResultsTool.noResults' | translate\r\n      }}</strong>\r\n    </h4>\r\n    <p>\r\n      <strong>{{\r\n        'igo.integration.searchResultsTool.doSearch' | translate\r\n      }}</strong>\r\n    </p>\r\n    <div\r\n      [innerHTML]=\"\r\n        'igo.integration.searchResultsTool.examples' | translate | sanitizeHtml\r\n      \"\r\n    ></div>\r\n  </section>\r\n</div>\r\n\r\n<igo-flexible\r\n  *ngIf=\"(debouncedEmpty$ | async) === false\"\r\n  #topPanel\r\n  initial=\"100%\"\r\n  initialMobile=\"100%\"\r\n  collapsed=\"calc(100% - 58px)\"\r\n  collapsedMobile=\"calc(100% - 58px)\"\r\n  expanded=\"60%\"\r\n  expandedMobile=\"60%\"\r\n  [state]=\"(feature$ | async) ? topPanelState : 'initial'\"\r\n>\r\n  <div class=\"igo-content\">\r\n    <igo-search-results\r\n      [store]=\"store\"\r\n      [showIcons]=\"showIcons\"\r\n      [term]=\"term\"\r\n      [termSplitter]=\"termSplitter\"\r\n      [settingsChange$]=\"settingsChange$\"\r\n      placeholder=\"false\"\r\n      (resultFocus)=\"onResultFocus($event)\"\r\n      (resultSelect)=\"onResultSelect($event)\"\r\n      (resultUnfocus)=\"onResultUnfocus($event)\"\r\n      (resultMouseenter)=\"onResultFocus($event)\"\r\n      (resultMouseleave)=\"onResultUnfocus($event)\"\r\n      (moreResults)=\"onSearch($event)\"\r\n      [map]=\"map\"\r\n    >\r\n      <ng-template #igoSearchItemToolbar let-result=\"result\">\r\n        <igo-search-add-button\r\n          [map]=\"map\"\r\n          [store]=\"store\"\r\n          [stores]=\"stores\"\r\n          [layer]=\"result\"\r\n          [saveSearchResultInLayer]=\"saveSearchResultInLayer\"\r\n        >\r\n        </igo-search-add-button>\r\n      </ng-template>\r\n    </igo-search-results>\r\n  </div>\r\n\r\n  <div igoFlexibleFill class=\"igo-content\">\r\n    <igo-panel\r\n      [title]=\"featureTitle\"\r\n      *ngIf=\"feature$ | async\"\r\n      (click)=\"toggleTopPanel($event)\"\r\n      [cursorPointer]=\"true\"\r\n    >\r\n      <button\r\n        mat-icon-button\r\n        panelLeftButton\r\n        class=\"igo-icon-button\"\r\n        (click)=\"toggleTopPanel()\"\r\n      >\r\n        <mat-icon\r\n          [svgIcon]=\"\r\n            (topPanelState$ | async) === 'collapsed' ? 'arrow-up' : 'arrow-down'\r\n          \"\r\n        ></mat-icon>\r\n      </button>\r\n\r\n      <button\r\n        *ngIf=\"feature.geometry\"\r\n        mat-icon-button\r\n        panelRightButton\r\n        class=\"igo-icon-button\"\r\n        [matTooltip]=\"\r\n          ((isSelectedResultOutOfView$ | async)\r\n            ? 'igo.integration.searchResultsTool.zoomOnFeatureTooltipOutOfView'\r\n            : 'igo.integration.searchResultsTool.zoomOnFeatureTooltip'\r\n          ) | translate\r\n        \"\r\n        matTooltipShowDelay=\"500\"\r\n        (click)=\"zoomToFeatureExtent()\"\r\n      >\r\n        <mat-icon\r\n          aria-hidden=\"false\"\r\n          [matBadge]=\"(isSelectedResultOutOfView$ | async) ? '!' : ''\"\r\n          matBadgeColor=\"accent\"\r\n          matBadgeSize=\"small\"\r\n          [matBadgeHidden]=\"(isSelectedResultOutOfView$ | async) === false\"\r\n          svgIcon=\"magnify-plus-outline\"\r\n        ></mat-icon>\r\n      </button>\r\n\r\n      <igo-feature-details\r\n        igoFeatureDetailsDirective\r\n        [feature]=\"feature$ | async\"\r\n        [map]=\"map\"\r\n        [toolbox]=\"toolState.toolbox\"\r\n        (routingEvent)=\"getRoute()\"\r\n      >\r\n      </igo-feature-details>\r\n    </igo-panel>\r\n  </div>\r\n</igo-flexible>\r\n", dependencies: [{ kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i7.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i8$2.MatBadge, selector: "[matBadge]", inputs: ["matBadgeDisabled", "matBadgeColor", "matBadgeOverlap", "matBadgePosition", "matBadge", "matBadgeDescription", "matBadgeSize", "matBadgeHidden"] }, { kind: "directive", type: i6.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }, { kind: "component", type: i10.MatIconButton, selector: "button[mat-icon-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i1.FeatureDetailsComponent, selector: "igo-feature-details", inputs: ["source", "map", "toolbox", "feature"], outputs: ["routeEvent", "selectFeature", "htmlDisplayEvent"] }, { kind: "directive", type: i1.FeatureDetailsDirective, selector: "[igoFeatureDetailsDirective]", outputs: ["routingEvent"] }, { kind: "component", type: i1.SearchResultsComponent, selector: "igo-search-results", inputs: ["map", "store", "showIcons", "mode", "withZoomButton", "tabsMode", "term", "settingsChange$", "termSplitter"], outputs: ["resultFocus", "resultUnfocus", "resultSelect", "moreResults", "resultMouseenter", "resultMouseleave"] }, { kind: "component", type: i1.SearchResultAddButtonComponent, selector: "igo-search-add-button", inputs: ["layer", "store", "added", "map", "saveSearchResultInLayer", "color", "stores"] }, { kind: "component", type: i2$2.FlexibleComponent, selector: "igo-flexible", inputs: ["initial", "collapsed", "expanded", "initialMobile", "collapsedMobile", "expandedMobile", "direction", "state"] }, { kind: "component", type: i2$2.PanelComponent, selector: "igo-panel", inputs: ["title", "withHeader", "cursorPointer"] }, { kind: "pipe", type: i4.AsyncPipe, name: "async" }, { kind: "pipe", type: i7$1.TranslatePipe, name: "translate" }, { kind: "pipe", type: i2$2.SanitizeHtmlPipe, name: "sanitizeHtml" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: SearchResultsToolComponent, deps: [{ token: MapState }, { token: SearchState }, { token: i0.ElementRef }, { token: ToolState }, { token: DirectionState }, { token: i2.ConfigService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.1", type: SearchResultsToolComponent, isStandalone: true, selector: "igo-search-results-tool", inputs: { showIcons: "showIcons", topPanelStateDefault: "topPanelStateDefault", topPanelState: "topPanelState" }, ngImport: i0, template: "<div\n  *ngIf=\"(!store || store.stateView.empty) && (debouncedEmpty$ | async)\"\n  style=\"margin: 10px\"\n>\n  <section class=\"mat-typography\">\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          [svgIcon]=\"\n            (topPanelState$ | async) === 'collapsed' ? 'arrow-up' : 'arrow-down'\n          \"\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          svgIcon=\"magnify-plus-outline\"\n        ></mat-icon>\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", 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: i6.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i7.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i5.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "ngmodule", type: MatBadgeModule }, { kind: "directive", type: i9$1.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: TranslateModule }, { kind: "pipe", type: i7$2.TranslatePipe, name: "translate" }, { kind: "pipe", type: SanitizeHtmlPipe, name: "sanitizeHtml" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 SearchResultsToolComponent = __decorate([
     ToolComponent({
@@ -5327,10 +5270,24 @@ SearchResultsToolComponent = __decorate([
         DirectionState,
         ConfigService])
 ], SearchResultsToolComponent);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SearchResultsToolComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: SearchResultsToolComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'igo-search-results-tool', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\r\n  *ngIf=\"(!store || store.stateView.empty) && (debouncedEmpty$ | async)\"\r\n  style=\"margin: 10px\"\r\n>\r\n  <section class=\"mat-typography\">\r\n    <h4>\r\n      <strong>{{\r\n        'igo.integration.searchResultsTool.noResults' | translate\r\n      }}</strong>\r\n    </h4>\r\n    <p>\r\n      <strong>{{\r\n        'igo.integration.searchResultsTool.doSearch' | translate\r\n      }}</strong>\r\n    </p>\r\n    <div\r\n      [innerHTML]=\"\r\n        'igo.integration.searchResultsTool.examples' | translate | sanitizeHtml\r\n      \"\r\n    ></div>\r\n  </section>\r\n</div>\r\n\r\n<igo-flexible\r\n  *ngIf=\"(debouncedEmpty$ | async) === false\"\r\n  #topPanel\r\n  initial=\"100%\"\r\n  initialMobile=\"100%\"\r\n  collapsed=\"calc(100% - 58px)\"\r\n  collapsedMobile=\"calc(100% - 58px)\"\r\n  expanded=\"60%\"\r\n  expandedMobile=\"60%\"\r\n  [state]=\"(feature$ | async) ? topPanelState : 'initial'\"\r\n>\r\n  <div class=\"igo-content\">\r\n    <igo-search-results\r\n      [store]=\"store\"\r\n      [showIcons]=\"showIcons\"\r\n      [term]=\"term\"\r\n      [termSplitter]=\"termSplitter\"\r\n      [settingsChange$]=\"settingsChange$\"\r\n      placeholder=\"false\"\r\n      (resultFocus)=\"onResultFocus($event)\"\r\n      (resultSelect)=\"onResultSelect($event)\"\r\n      (resultUnfocus)=\"onResultUnfocus($event)\"\r\n      (resultMouseenter)=\"onResultFocus($event)\"\r\n      (resultMouseleave)=\"onResultUnfocus($event)\"\r\n      (moreResults)=\"onSearch($event)\"\r\n      [map]=\"map\"\r\n    >\r\n      <ng-template #igoSearchItemToolbar let-result=\"result\">\r\n        <igo-search-add-button\r\n          [map]=\"map\"\r\n          [store]=\"store\"\r\n          [stores]=\"stores\"\r\n          [layer]=\"result\"\r\n          [saveSearchResultInLayer]=\"saveSearchResultInLayer\"\r\n        >\r\n        </igo-search-add-button>\r\n      </ng-template>\r\n    </igo-search-results>\r\n  </div>\r\n\r\n  <div igoFlexibleFill class=\"igo-content\">\r\n    <igo-panel\r\n      [title]=\"featureTitle\"\r\n      *ngIf=\"feature$ | async\"\r\n      (click)=\"toggleTopPanel($event)\"\r\n      [cursorPointer]=\"true\"\r\n    >\r\n      <button\r\n        mat-icon-button\r\n        panelLeftButton\r\n        class=\"igo-icon-button\"\r\n        (click)=\"toggleTopPanel()\"\r\n      >\r\n        <mat-icon\r\n          [svgIcon]=\"\r\n            (topPanelState$ | async) === 'collapsed' ? 'arrow-up' : 'arrow-down'\r\n          \"\r\n        ></mat-icon>\r\n      </button>\r\n\r\n      <button\r\n        *ngIf=\"feature.geometry\"\r\n        mat-icon-button\r\n        panelRightButton\r\n        class=\"igo-icon-button\"\r\n        [matTooltip]=\"\r\n          ((isSelectedResultOutOfView$ | async)\r\n            ? 'igo.integration.searchResultsTool.zoomOnFeatureTooltipOutOfView'\r\n            : 'igo.integration.searchResultsTool.zoomOnFeatureTooltip'\r\n          ) | translate\r\n        \"\r\n        matTooltipShowDelay=\"500\"\r\n        (click)=\"zoomToFeatureExtent()\"\r\n      >\r\n        <mat-icon\r\n          aria-hidden=\"false\"\r\n          [matBadge]=\"(isSelectedResultOutOfView$ | async) ? '!' : ''\"\r\n          matBadgeColor=\"accent\"\r\n          matBadgeSize=\"small\"\r\n          [matBadgeHidden]=\"(isSelectedResultOutOfView$ | async) === false\"\r\n          svgIcon=\"magnify-plus-outline\"\r\n        ></mat-icon>\r\n      </button>\r\n\r\n      <igo-feature-details\r\n        igoFeatureDetailsDirective\r\n        [feature]=\"feature$ | async\"\r\n        [map]=\"map\"\r\n        [toolbox]=\"toolState.toolbox\"\r\n        (routingEvent)=\"getRoute()\"\r\n      >\r\n      </igo-feature-details>\r\n    </igo-panel>\r\n  </div>\r\n</igo-flexible>\r\n" }]
-        }], ctorParameters: function () { return [{ type: MapState }, { type: SearchState }, { type: i0.ElementRef }, { type: ToolState }, { type: DirectionState }, { type: i2.ConfigService }]; }, propDecorators: { showIcons: [{
+            args: [{ selector: 'igo-search-results-tool', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [
+                        NgIf,
+                        FlexibleComponent,
+                        SearchResultsComponent,
+                        SearchResultAddButtonComponent,
+                        PanelComponent,
+                        MatButtonModule,
+                        MatIconModule,
+                        MatTooltipModule,
+                        MatBadgeModule,
+                        FeatureDetailsComponent,
+                        AsyncPipe,
+                        TranslateModule,
+                        SanitizeHtmlPipe
+                    ], template: "<div\n  *ngIf=\"(!store || store.stateView.empty) && (debouncedEmpty$ | async)\"\n  style=\"margin: 10px\"\n>\n  <section class=\"mat-typography\">\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          [svgIcon]=\"\n            (topPanelState$ | async) === 'collapsed' ? 'arrow-up' : 'arrow-down'\n          \"\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          svgIcon=\"magnify-plus-outline\"\n        ></mat-icon>\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" }]
+        }], ctorParameters: () => [{ type: MapState }, { type: SearchState }, { type: i0.ElementRef }, { type: ToolState }, { type: DirectionState }, { type: i2.ConfigService }], propDecorators: { showIcons: [{
                 type: Input
             }], topPanelStateDefault: [{
                 type: Input
@@ -5339,91 +5296,43 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
             }] } });
 
 /**
- * @ignore
+ * @deprecated import the components/directive directly or INTEGRATION_SEARCH_DIRECTIVES for the set
  */
-class IgoAppSearchResultsToolModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: IgoAppSearchResultsToolModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: IgoAppSearchResultsToolModule, declarations: [SearchResultsToolComponent], imports: [CommonModule,
-            MatIconModule,
-            MatBadgeModule,
-            MatTooltipModule,
-            MatButtonModule,
-            IgoLanguageModule,
-            IgoFeatureModule,
-            IgoSearchModule,
-            IgoFlexibleModule,
-            IgoPanelModule,
-            IgoFeatureDetailsModule,
-            IgoCustomHtmlModule], exports: [SearchResultsToolComponent] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: IgoAppSearchResultsToolModule, imports: [CommonModule,
-            MatIconModule,
-            MatBadgeModule,
-            MatTooltipModule,
-            MatButtonModule,
-            IgoLanguageModule,
-            IgoFeatureModule,
-            IgoSearchModule,
-            IgoFlexibleModule,
-            IgoPanelModule,
-            IgoFeatureDetailsModule,
-            IgoCustomHtmlModule] });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: IgoAppSearchResultsToolModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    imports: [
-                        CommonModule,
-                        MatIconModule,
-                        MatBadgeModule,
-                        MatTooltipModule,
-                        MatButtonModule,
-                        IgoLanguageModule,
-                        IgoFeatureModule,
-                        IgoSearchModule,
-                        IgoFlexibleModule,
-                        IgoPanelModule,
-                        IgoFeatureDetailsModule,
-                        IgoCustomHtmlModule
-                    ],
-                    declarations: [SearchResultsToolComponent],
-                    exports: [SearchResultsToolComponent],
-                    schemas: [CUSTOM_ELEMENTS_SCHEMA]
-                }]
-        }] });
-
 class IgoAppSearchModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: IgoAppSearchModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: IgoAppSearchModule, exports: [IgoAppSearchBarModule, IgoAppSearchResultsToolModule] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: IgoAppSearchModule, imports: [IgoAppSearchBarModule, IgoAppSearchResultsToolModule] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: IgoAppSearchModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.2.1", ngImport: i0, type: IgoAppSearchModule, imports: [SearchBarBindingDirective, SearchResultsToolComponent], exports: [SearchBarBindingDirective, SearchResultsToolComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: IgoAppSearchModule, imports: [SearchResultsToolComponent] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: IgoAppSearchModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: IgoAppSearchModule, decorators: [{
             type: NgModule,
             args: [{
-                    imports: [],
-                    declarations: [],
-                    exports: [IgoAppSearchBarModule, IgoAppSearchResultsToolModule]
+                    imports: [SearchBarBindingDirective, SearchResultsToolComponent],
+                    exports: [SearchBarBindingDirective, SearchResultsToolComponent]
                 }]
         }] });
 
-class IgoAppStorageModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: IgoAppStorageModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: IgoAppStorageModule });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: IgoAppStorageModule });
+/**
+ * @deprecated import the WorkspaceButtonComponent directly
+ */
+class IgoAppWorkspaceModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: IgoAppWorkspaceModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.2.1", ngImport: i0, type: IgoAppWorkspaceModule, imports: [WorkspaceButtonComponent], exports: [WorkspaceButtonComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: IgoAppWorkspaceModule, imports: [WorkspaceButtonComponent] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: IgoAppStorageModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: IgoAppWorkspaceModule, decorators: [{
             type: NgModule,
             args: [{
-                    imports: [],
-                    declarations: [],
-                    exports: []
+                    imports: [WorkspaceButtonComponent],
+                    exports: [WorkspaceButtonComponent]
                 }]
         }] });
 
+/**
+ * @deprecated import the components directly
+ */
 class IgoIntegrationModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: IgoIntegrationModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: IgoIntegrationModule, exports: [IgoAppStorageModule,
-            IgoAppAnalyticsModule,
-            IgoAppContextModule,
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: IgoIntegrationModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.2.1", ngImport: i0, type: IgoIntegrationModule, exports: [IgoAppContextModule,
             IgoAppCatalogModule,
             IgoAppDirectionsModule,
             IgoAppDrawModule,
@@ -5436,9 +5345,7 @@ class IgoIntegrationModule {
             IgoAppFilterModule,
             IgoAppAboutModule,
             IgoAppGeometryFormModule] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: IgoIntegrationModule, imports: [IgoAppStorageModule,
-            IgoAppAnalyticsModule,
-            IgoAppContextModule,
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: IgoIntegrationModule, imports: [IgoAppContextModule,
             IgoAppCatalogModule,
             IgoAppDirectionsModule,
             IgoAppDrawModule,
@@ -5452,14 +5359,12 @@ class IgoIntegrationModule {
             IgoAppAboutModule,
             IgoAppGeometryFormModule] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: IgoIntegrationModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: IgoIntegrationModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [],
                     declarations: [],
                     exports: [
-                        IgoAppStorageModule,
-                        IgoAppAnalyticsModule,
                         IgoAppContextModule,
                         IgoAppCatalogModule,
                         IgoAppDirectionsModule,
@@ -5477,20 +5382,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                 }]
         }] });
 
-class IgoAppToolModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: IgoAppToolModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: IgoAppToolModule });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: IgoAppToolModule });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: IgoAppToolModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    imports: [],
-                    declarations: [],
-                    exports: []
-                }]
-        }] });
-
 /**
  * Service that holds the state of the search module
  */
@@ -5622,15 +5513,23 @@ class AnalyticsListenerService {
             });
         });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AnalyticsListenerService, deps: [{ token: i2.AnalyticsService }, { token: i2$1.AuthService }, { token: ContextState }, { token: SearchState }, { token: ToolState }, { token: MapState }], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AnalyticsListenerService, providedIn: 'root' });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: AnalyticsListenerService, deps: [{ token: i2.AnalyticsService }, { token: i2$1.AuthService }, { token: ContextState }, { token: SearchState }, { token: ToolState }, { token: MapState }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: AnalyticsListenerService, providedIn: 'root' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AnalyticsListenerService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: AnalyticsListenerService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
                 }]
-        }], ctorParameters: function () { return [{ type: i2.AnalyticsService }, { type: i2$1.AuthService }, { type: ContextState }, { type: SearchState }, { type: ToolState }, { type: MapState }]; } });
+        }], ctorParameters: () => [{ type: i2.AnalyticsService }, { type: i2$1.AuthService }, { type: ContextState }, { type: SearchState }, { type: ToolState }, { type: MapState }] });
+
+const INTEGRATION_FILTER_DIRECTIVES = [
+    OgcFilterToolComponent,
+    ActiveOgcFilterToolComponent,
+    TimeFilterToolComponent,
+    ActiveTimeFilterToolComponent,
+    SpatialFilterToolComponent
+];
 
 /**
  * Service that holds the state of the query module
@@ -5661,15 +5560,52 @@ 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: "16.2.12", ngImport: i0, type: QueryState, deps: [{ token: i2.ConfigService }, { token: i1.PropertyTypeDetectorService }, { token: i1.CapabilitiesService }, { token: MapState }], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: QueryState, providedIn: 'root' });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: QueryState, deps: [{ token: i2.ConfigService }, { token: i1.PropertyTypeDetectorService }, { token: i1.CapabilitiesService }, { token: MapState }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: QueryState, providedIn: 'root' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: QueryState, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: QueryState, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
                 }]
-        }], ctorParameters: function () { return [{ type: i2.ConfigService }, { type: i1.PropertyTypeDetectorService }, { type: i1.CapabilitiesService }, { type: MapState }]; } });
+        }], ctorParameters: () => [{ type: i2.ConfigService }, { type: i1.PropertyTypeDetectorService }, { type: i1.CapabilitiesService }, { type: MapState }] });
+
+/**
+ * @deprecated import the SearchResultsToolComponent directly
+ */
+class IgoAppSearchResultsToolModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: IgoAppSearchResultsToolModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.2.1", ngImport: i0, type: IgoAppSearchResultsToolModule, imports: [SearchResultsToolComponent], exports: [SearchResultsToolComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: IgoAppSearchResultsToolModule, imports: [SearchResultsToolComponent] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: IgoAppSearchResultsToolModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [SearchResultsToolComponent],
+                    exports: [SearchResultsToolComponent]
+                }]
+        }] });
+
+/**
+ * @deprecated import the SearchBarBindingDirective directly
+ */
+class IgoAppSearchBarModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: IgoAppSearchBarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.2.1", ngImport: i0, type: IgoAppSearchBarModule, imports: [SearchBarBindingDirective], exports: [SearchBarBindingDirective] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: IgoAppSearchBarModule });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: IgoAppSearchBarModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [SearchBarBindingDirective],
+                    exports: [SearchBarBindingDirective]
+                }]
+        }] });
+
+const INTEGRATION_SEARCH_DIRECTIVES = [
+    SearchBarBindingDirective,
+    SearchResultsToolComponent
+];
 
 /*
  * Public API Surface of tools
@@ -5679,5 +5615,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { AboutToolComponent, ActiveOgcFilterToolComponent, ActiveTimeFilterToolComponent, AdvancedMapToolComponent, AnalyticsListenerService, CatalogBrowserToolComponent, CatalogLibraryToolComponent, CatalogState, ContextEditorToolComponent, ContextManagerToolComponent, ContextPermissionManagerToolComponent, ContextShareToolComponent, ContextState, DataIssueReporterToolComponent, DirectionState, DirectionsToolComponent, DrawState, DrawingToolComponent, FeatureActionsService, IgoAppAboutModule, IgoAppAnalyticsModule, IgoAppCatalogBrowserToolModule, IgoAppCatalogLibraryToolModule, IgoAppCatalogModule, IgoAppContextModule, IgoAppDirectionsModule, IgoAppDrawModule, IgoAppDrawingToolModule, IgoAppFilterModule, IgoAppGeometryFormModule, IgoAppImportExportModule, IgoAppMapModule, IgoAppMeasureModule, IgoAppMeasurerToolModule, IgoAppPrintModule, IgoAppSearchBarModule, IgoAppSearchModule, IgoAppSearchResultsToolModule, IgoAppStorageModule, IgoAppToolModule, IgoAppWorkspaceModule, IgoIntegrationModule, ImportExportMode, ImportExportState, ImportExportToolComponent, ImportExportType, MapDetailsToolComponent, MapLegendToolComponent, MapProximityState, MapProximityToolComponent, MapState, MapToolComponent, MapToolsComponent, MeasureState, MeasurerToolComponent, OgcFilterToolComponent, PrintToolComponent, QueryState, SearchBarBindingDirective, SearchResultsToolComponent, SearchState, SpatialFilterToolComponent, StorageState, TimeFilterToolComponent, ToolState, WfsActionsService, WorkspaceButtonComponent, WorkspaceState };
+export { AboutToolComponent, ActiveOgcFilterToolComponent, ActiveTimeFilterToolComponent, AdvancedMapToolComponent, AnalyticsListenerService, CatalogBrowserToolComponent, CatalogLibraryToolComponent, CatalogState, ContextEditorToolComponent, ContextManagerToolComponent, ContextPermissionManagerToolComponent, ContextShareToolComponent, ContextState, DataIssueReporterToolComponent, DirectionState, DirectionsToolComponent, DrawState, DrawingToolComponent, FeatureActionsService, INTEGRATION_CONTEXT_DIRECTIVES, INTEGRATION_FILTER_DIRECTIVES, INTEGRATION_MAP_DIRECTIVES, INTEGRATION_SEARCH_DIRECTIVES, IgoAppAboutModule, IgoAppCatalogBrowserToolModule, IgoAppCatalogLibraryToolModule, IgoAppCatalogModule, IgoAppContextModule, IgoAppDirectionsModule, IgoAppDrawModule, IgoAppDrawingToolModule, IgoAppFilterModule, IgoAppGeometryFormModule, IgoAppImportExportModule, IgoAppMapModule, IgoAppMeasureModule, IgoAppMeasurerToolModule, IgoAppPrintModule, IgoAppSearchBarModule, IgoAppSearchModule, IgoAppSearchResultsToolModule, IgoAppWorkspaceModule, IgoIntegrationModule, ImportExportMode, ImportExportState, ImportExportToolComponent, ImportExportType, MapDetailsToolComponent, MapLegendToolComponent, MapProximityState, MapProximityToolComponent, MapState, MapToolComponent, MapToolsComponent, MeasureState, MeasurerToolComponent, OgcFilterToolComponent, PrintToolComponent, QueryState, SearchBarBindingDirective, SearchResultsToolComponent, SearchState, SpatialFilterToolComponent, StorageState, TimeFilterToolComponent, ToolState, WfsActionsService, WorkspaceButtonComponent, WorkspaceState };
 //# sourceMappingURL=igo2-integration.mjs.map