@igo2/integration 1.9.0 → 1.10.0

package/fesm2015/igo2-integration.js

@@ -5,23 +5,23 @@ import { IgoContextModule, IgoContextImportExportModule } from '@igo2/context';
 import { __decorate } from 'tslib';
 import * as i7 from '@igo2/common';
 import { ToolComponent, EntityStore, EntityStoreFilterCustomFuncStrategy, EntityStoreFilterSelectionStrategy, WorkspaceStore, IgoSpinnerModule, getEntityTitle, FlexibleComponent, IgoFlexibleModule, IgoPanelModule, IgoCustomHtmlModule, IgoInteractiveTourModule } from '@igo2/common';
-import { BehaviorSubject, combineLatest, ReplaySubject, Subject, forkJoin, of } from 'rxjs';
+import { BehaviorSubject, Subject, combineLatest, ReplaySubject, forkJoin, of } from 'rxjs';
 import * as i1 from '@igo2/geo';
-import { IgoMap, IgoCatalogLibraryModule, IgoCatalogBrowserModule, FeatureStore, IgoDirectionsModule, IgoDrawingToolModule, FeatureStoreSelectionStrategy, FeatureMotion, mapExtentStrategyActiveToolTip, noElementSelected, OgcFilterWidget, WfsWorkspace, FeatureWorkspace, IgoImportExportModule, LayerListControlsEnum, sourceCanSearch, VectorLayer, zoneMtm, zoneUtm, computeProjectionsConstraints, IgoLayerModule, IgoMetadataModule, IgoDownloadModule, IgoFilterModule, IgoMeasurerModule, IgoPrintModule, IgoSearchModule, FEATURE, getCommonVectorStyle, featureToOl, computeOlFeaturesExtent, featuresAreOutOfView, featuresAreTooDeepInView, featureFromOl, getCommonVectorSelectedStyle, moveToOlFeatures, IgoFeatureModule, IgoFeatureDetailsModule, SpatialFilterItemType, MeasureLengthUnit, SpatialFilterType, createOverlayMarkerStyle, IgoQueryModule } from '@igo2/geo';
-import * as i5 from '@angular/common';
+import { IgoMap, IgoCatalogLibraryModule, IgoCatalogBrowserModule, StopsStore, StopsFeatureStore, RoutesFeatureStore, StepFeatureStore, IgoDirectionsModule, FeatureStore, IgoDrawingToolModule, FeatureStoreSelectionStrategy, FeatureMotion, mapExtentStrategyActiveToolTip, noElementSelected, OgcFilterWidget, WfsWorkspace, FeatureWorkspace, IgoImportExportModule, LayerListControlsEnum, sourceCanSearch, VectorLayer, zoneMtm, zoneUtm, formatScale, computeProjectionsConstraints, IgoLayerModule, IgoMetadataModule, IgoDownloadModule, IgoFilterModule, IgoMeasurerModule, IgoPrintModule, IgoSearchModule, FEATURE, getCommonVectorStyle, featureToOl, computeOlFeaturesExtent, featuresAreOutOfView, featuresAreTooDeepInView, featureFromOl, getCommonVectorSelectedStyle, moveToOlFeatures, IgoFeatureModule, IgoFeatureDetailsModule, SpatialFilterItemType, MeasureLengthUnit, SpatialFilterType, createOverlayMarkerStyle, IgoQueryModule } from '@igo2/geo';
+import * as i4 from '@angular/common';
 import { CommonModule } from '@angular/common';
 import { take, skipWhile, map, debounceTime, takeUntil, tap, skip } from 'rxjs/operators';
 import * as i2$1 from '@igo2/auth';
 import * as i2$2 from '@igo2/core';
-import { StorageServiceEventEnum, IgoLanguageModule, StorageScope } from '@igo2/core';
+import { StorageScope, StorageServiceEventEnum, IgoLanguageModule } from '@igo2/core';
 import * as i3 from '@angular/material/button';
 import { MatButtonModule } from '@angular/material/button';
-import * as i4 from '@angular/material/tooltip';
+import * as i4$1 from '@angular/material/tooltip';
 import { MatTooltipModule } from '@angular/material/tooltip';
 import * as i6 from '@angular/material/icon';
 import { MatIconModule } from '@angular/material/icon';
 import * as i8 from '@ngx-translate/core';
-import * as i5$1 from '@angular/material/tabs';
+import * as i5 from '@angular/material/tabs';
 import { MatTabsModule } from '@angular/material/tabs';
 import { MatButtonToggleModule } from '@angular/material/button-toggle';
 import * as i7$1 from '@angular/material/list';
@@ -50,6 +50,7 @@ import { MatBadgeModule } from '@angular/material/badge';
 import olFormatGeoJSON from 'ol/format/GeoJSON';
 import olFeature from 'ol/Feature';
 import olPoint from 'ol/geom/Point';
+import pointOnFeature from '@turf/point-on-feature';
 import * as olstyle from 'ol/style';
 import { trigger, state, style, transition, animate } from '@angular/animations';
 import * as i3$2 from '@angular/common/http';
@@ -627,7 +628,7 @@ CatalogBrowserToolComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type:
         i0.ɵɵpipe(1, "async");
     } if (rf & 2) {
         i0.ɵɵproperty("ngIf", i0.ɵɵpipeBind1(1, 1, ctx.store$));
-    } }, directives: [i5.NgIf, i1.CatalogBrowserComponent], pipes: [i5.AsyncPipe], encapsulation: 2, changeDetection: 0 });
+    } }, directives: [i4.NgIf, i1.CatalogBrowserComponent], pipes: [i4.AsyncPipe], encapsulation: 2, changeDetection: 0 });
 CatalogBrowserToolComponent = __decorate([
     ToolComponent({
         name: 'catalogBrowser',
@@ -697,80 +698,119 @@ IgoAppCatalogModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [[],
  * Service that holds the state of the direction module
  */
 class DirectionState {
-    constructor(mapState, directionsFormService) {
+    constructor(mapState) {
         this.mapState = mapState;
-        this.directionsFormService = directionsFormService;
+        this.zoomToActiveRoute$ = new Subject();
+        /**
+         * Store that holds the stop
+         */
+        this.stopsStore = new StopsStore([]);
         /**
-         * Store that holds the stop and the driving route
+         * Store that holds the driving stops as feature
          */
-        this.stopsStore = new FeatureStore([], {
+        this.stopsFeatureStore = new StopsFeatureStore([], {
             map: this.mapState.map
         });
         /**
-         * Store that holds the driving route
+         * Store that holds the driving route as feature
          */
-        this.routeStore = new FeatureStore([], {
+        this.routesFeatureStore = new RoutesFeatureStore([], {
+            map: this.mapState.map
+        });
+        this.stepFeatureStore = new StepFeatureStore([], {
             map: this.mapState.map
         });
-        this.routeFromFeatureDetail = false;
+        this.debounceTime = 200;
+        this.mapState.map.ol.once('rendercomplete', () => {
+            this.stopsFeatureStore.empty$.subscribe((empty) => {
+                var _a;
+                if ((_a = this.stopsFeatureStore.layer) === null || _a === void 0 ? void 0 : _a.options) {
+                    this.stopsFeatureStore.layer.options.showInLayerList = !empty;
+                }
+            });
+            this.routesFeatureStore.empty$.subscribe((empty) => {
+                var _a;
+                if ((_a = this.routesFeatureStore.layer) === null || _a === void 0 ? void 0 : _a.options) {
+                    this.routesFeatureStore.layer.options.showInLayerList = !empty;
+                }
+            });
+        });
         this.mapState.map.layers$.subscribe(() => {
             if (!this.mapState.map.getLayerById('igo-direction-stops-layer')) {
                 this.stopsStore.deleteMany(this.stopsStore.all());
-                this.directionsFormService.setStops([]);
+                this.stopsFeatureStore.deleteMany(this.stopsFeatureStore.all()); // not necessary
             }
             if (!this.mapState.map.getLayerById('igo-direction-route-layer')) {
-                this.routeStore.deleteMany(this.routeStore.all());
+                this.routesFeatureStore.deleteMany(this.routesFeatureStore.all());
             }
         });
     }
-    setRouteFromFeatureDetail(value) {
-        this.routeFromFeatureDetail = value;
-    }
 }
-DirectionState.ɵfac = function DirectionState_Factory(t) { return new (t || DirectionState)(i0.ɵɵinject(MapState), i0.ɵɵinject(i1.DirectionsFormService)); };
+DirectionState.ɵfac = function DirectionState_Factory(t) { return new (t || DirectionState)(i0.ɵɵinject(MapState)); };
 DirectionState.ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: DirectionState, factory: DirectionState.ɵfac, providedIn: 'root' });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DirectionState, [{
         type: Injectable,
         args: [{
                 providedIn: 'root'
             }]
-    }], function () { return [{ type: MapState }, { type: i1.DirectionsFormService }]; }, null); })();
+    }], function () { return [{ type: MapState }]; }, null); })();
 
 let DirectionsToolComponent = class DirectionsToolComponent {
-    constructor(directionState, mapState) {
+    constructor(directionState, mapState, languageService, messageService, storageService) {
         this.directionState = directionState;
         this.mapState = mapState;
+        this.languageService = languageService;
+        this.messageService = messageService;
+        this.storageService = storageService;
     }
     /**
      * stops
      * @internal
      */
     get stopsStore() { return this.directionState.stopsStore; }
+    get debounceTime() { return this.directionState.debounceTime; }
+    /**
+     * stops
+     * @internal
+     */
+    get stopsFeatureStore() { return this.directionState.stopsFeatureStore; }
     /**
      * routes
      * @internal
      */
-    get routeStore() { return this.directionState.routeStore; }
+    get routesFeatureStore() { return this.directionState.routesFeatureStore; }
+    /**
+     * step store
+     * @internal
+     */
+    get stepFeatureStore() { return this.directionState.stepFeatureStore; }
+    /**
+     * step store
+     * @internal
+     */
+    get zoomToActiveRoute$() { return this.directionState.zoomToActiveRoute$; }
     /**
      * Map to measure on
      * @internal
      */
     get map() { return this.mapState.map; }
-    get routeFromFeatureDetail() {
-        return this.directionState.routeFromFeatureDetail;
-    }
-    onActiveRouteDescriptionChange(directions) {
-        this.directionState.activeRouteDescription = directions;
+    ngOnInit() {
+        const warningShown = this.storageService.get('direction.warning.shown');
+        if (!warningShown) {
+            const translate = this.languageService.translate;
+            const title = translate.instant('igo.integration.directions.warning.title');
+            const msg = translate.instant('igo.integration.directions.warning.message');
+            this.messageService.info(msg, title, { timeOut: 20000 });
+            this.storageService.set('direction.warning.shown', true, StorageScope.SESSION);
+        }
     }
 };
-DirectionsToolComponent.ɵfac = function DirectionsToolComponent_Factory(t) { return new (t || DirectionsToolComponent)(i0.ɵɵdirectiveInject(DirectionState), i0.ɵɵdirectiveInject(MapState)); };
-DirectionsToolComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: DirectionsToolComponent, selectors: [["igo-directions-tool"]], decls: 1, vars: 4, consts: [["igoDirectionsFormBinding", "", 3, "stopsStore", "routeStore", "map", "routeFromFeatureDetail", "activeRouteDescription"]], template: function DirectionsToolComponent_Template(rf, ctx) { if (rf & 1) {
-        i0.ɵɵelementStart(0, "igo-directions-form", 0);
-        i0.ɵɵlistener("activeRouteDescription", function DirectionsToolComponent_Template_igo_directions_form_activeRouteDescription_0_listener($event) { return ctx.onActiveRouteDescriptionChange($event); });
-        i0.ɵɵelementEnd();
+DirectionsToolComponent.ɵfac = function DirectionsToolComponent_Factory(t) { return new (t || DirectionsToolComponent)(i0.ɵɵdirectiveInject(DirectionState), i0.ɵɵdirectiveInject(MapState), i0.ɵɵdirectiveInject(i2$2.LanguageService), i0.ɵɵdirectiveInject(i2$2.MessageService), i0.ɵɵdirectiveInject(i2$2.StorageService)); };
+DirectionsToolComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: DirectionsToolComponent, selectors: [["igo-directions-tool"]], decls: 1, vars: 6, consts: [[3, "debounceTime", "stopsStore", "stopsFeatureStore", "stepFeatureStore", "routesFeatureStore", "zoomToActiveRoute$"]], template: function DirectionsToolComponent_Template(rf, ctx) { if (rf & 1) {
+        i0.ɵɵelement(0, "igo-directions", 0);
     } if (rf & 2) {
-        i0.ɵɵproperty("stopsStore", ctx.stopsStore)("routeStore", ctx.routeStore)("map", ctx.map)("routeFromFeatureDetail", ctx.routeFromFeatureDetail);
-    } }, directives: [i1.DirectionsFormComponent, i1.DirectionsFormBindingDirective], encapsulation: 2 });
+        i0.ɵɵproperty("debounceTime", ctx.debounceTime)("stopsStore", ctx.stopsStore)("stopsFeatureStore", ctx.stopsFeatureStore)("stepFeatureStore", ctx.stepFeatureStore)("routesFeatureStore", ctx.routesFeatureStore)("zoomToActiveRoute$", ctx.zoomToActiveRoute$);
+    } }, directives: [i1.DirectionsComponent], encapsulation: 2 });
 DirectionsToolComponent = __decorate([
     ToolComponent({
         name: 'directions',
@@ -784,7 +824,7 @@ DirectionsToolComponent = __decorate([
                 selector: 'igo-directions-tool',
                 templateUrl: './directions-tool.component.html'
             }]
-    }], function () { return [{ type: DirectionState }, { type: MapState }]; }, null); })();
+    }], function () { return [{ type: DirectionState }, { type: MapState }, { type: i2$2.LanguageService }, { type: i2$2.MessageService }, { type: i2$2.StorageService }]; }, null); })();
 
 class IgoAppDirectionsModule {
     static forRoot() {
@@ -1398,7 +1438,7 @@ WorkspaceButtonComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: Wo
         i0.ɵɵpipe(1, "async");
     } if (rf & 2) {
         i0.ɵɵproperty("ngIf", i0.ɵɵpipeBind1(1, 1, ctx.hasWorkspace$));
-    } }, directives: [i5.NgIf, i3.MatButton, i4.MatTooltip, i6.MatIcon], pipes: [i5.AsyncPipe, i8.TranslatePipe], styles: [""], changeDetection: 0 });
+    } }, directives: [i4.NgIf, i3.MatButton, i4$1.MatTooltip, i6.MatIcon], pipes: [i4.AsyncPipe, i8.TranslatePipe], styles: [""], changeDetection: 0 });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(WorkspaceButtonComponent, [{
         type: Component,
         args: [{
@@ -1549,7 +1589,7 @@ ImportExportToolComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: I
         i0.ɵɵproperty("ngIf", !ctx.importExportShowBothType && ctx.importExportType === "layer");
         i0.ɵɵadvance(1);
         i0.ɵɵproperty("ngIf", !ctx.importExportShowBothType && ctx.importExportType === "context");
-    } }, directives: [i5.NgIf, i5$1.MatTabGroup, i5$1.MatTab, i1.ImportExportComponent, i2.ContextImportExportComponent], pipes: [i8.TranslatePipe, i5.AsyncPipe], styles: ["mat-form-field[_ngcontent-%COMP%]{width:100%}"], changeDetection: 0 });
+    } }, directives: [i4.NgIf, i5.MatTabGroup, i5.MatTab, i1.ImportExportComponent, i2.ContextImportExportComponent], pipes: [i8.TranslatePipe, i4.AsyncPipe], styles: ["mat-form-field[_ngcontent-%COMP%]{width:100%}"], changeDetection: 0 });
 ImportExportToolComponent = __decorate([
     ToolComponent({
         name: 'importExport',
@@ -1839,7 +1879,7 @@ MapDetailsToolComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: Map
     } if (rf & 2) {
         const _r1 = i0.ɵɵreference(3);
         i0.ɵɵproperty("ngIf", i0.ɵɵpipeBind1(1, 2, ctx.layers$).length)("ngIfElse", _r1);
-    } }, directives: [i5.NgIf, i1.LayerListComponent, i1.LayerListBindingDirective, WorkspaceButtonComponent, i1.ExportButtonComponent, i1.OgcFilterButtonComponent, i1.TimeFilterButtonComponent, i1.TrackFeatureButtonComponent, i1.MetadataButtonComponent, i7$1.MatList, i7$1.MatListItem, i6.MatIcon, i7$1.MatListIconCssMatStyler, i8$1.MatLine], pipes: [i5.AsyncPipe, i8.TranslatePipe], styles: [".map-empty[_ngcontent-%COMP%], .search-tool[_ngcontent-%COMP%], .catalog-tool[_ngcontent-%COMP%], .context-tool[_ngcontent-%COMP%]{margin:10px}.map-empty[_ngcontent-%COMP%]{text-align:justify}.search-tool[_ngcontent-%COMP%], .catalog-tool[_ngcontent-%COMP%], .context-tool[_ngcontent-%COMP%]{cursor:pointer}mat-list[_ngcontent-%COMP%]   mat-list-item[_ngcontent-%COMP%]   h4[_ngcontent-%COMP%]{font-weight:bold}mat-list-item[_ngcontent-%COMP%]     .mat-list-text{font-size:smaller}mat-list.mat-list-base[_ngcontent-%COMP%]   mat-list-item.mat-list-item[_ngcontent-%COMP%]     div.mat-list-item-content div.mat-list-text{padding-left:5px}.mapDetailsList[_ngcontent-%COMP%]{overflow:hidden}"] });
+    } }, directives: [i4.NgIf, i1.LayerListComponent, i1.LayerListBindingDirective, WorkspaceButtonComponent, i1.ExportButtonComponent, i1.OgcFilterButtonComponent, i1.TimeFilterButtonComponent, i1.TrackFeatureButtonComponent, i1.MetadataButtonComponent, i7$1.MatList, i7$1.MatListItem, i6.MatIcon, i7$1.MatListIconCssMatStyler, i8$1.MatLine], pipes: [i4.AsyncPipe, i8.TranslatePipe], styles: [".map-empty[_ngcontent-%COMP%], .search-tool[_ngcontent-%COMP%], .catalog-tool[_ngcontent-%COMP%], .context-tool[_ngcontent-%COMP%]{margin:10px}.map-empty[_ngcontent-%COMP%]{text-align:justify}.search-tool[_ngcontent-%COMP%], .catalog-tool[_ngcontent-%COMP%], .context-tool[_ngcontent-%COMP%]{cursor:pointer}mat-list[_ngcontent-%COMP%]   mat-list-item[_ngcontent-%COMP%]   h4[_ngcontent-%COMP%]{font-weight:bold}mat-list-item[_ngcontent-%COMP%]     .mat-list-text{font-size:smaller}mat-list.mat-list-base[_ngcontent-%COMP%]   mat-list-item.mat-list-item[_ngcontent-%COMP%]     div.mat-list-item-content div.mat-list-text{padding-left:5px}.mapDetailsList[_ngcontent-%COMP%]{overflow:hidden}"] });
 MapDetailsToolComponent = __decorate([
     ToolComponent({
         name: 'mapDetails',
@@ -1967,7 +2007,7 @@ MapToolComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: MapToolCom
         i0.ɵɵproperty("map", ctx.map)("excludeBaseLayers", ctx.excludeBaseLayers)("layerFilterAndSortOptions", ctx.layerFilterAndSortOptions)("expandLegendOfVisibleLayers", ctx.expandLegendOfVisibleLayers)("toggleLegendOnVisibilityChange", ctx.toggleLegendOnVisibilityChange)("updateLegendOnResolutionChange", ctx.updateLegendOnResolutionChange)("floatLabel", false)("queryBadge", ctx.queryBadge);
         i0.ɵɵadvance(3);
         i0.ɵɵproperty("label", i0.ɵɵpipeBind1(7, 12, "igo.integration.tools.contexts"));
-    } }, directives: [i5$1.MatTabGroup, i5$1.MatTab, i1.LayerListComponent, i1.LayerListBindingDirective, i2.ContextListComponent, i2.ContextListBindingDirective, WorkspaceButtonComponent, i1.ExportButtonComponent, i1.OgcFilterButtonComponent, i1.TimeFilterButtonComponent, i1.TrackFeatureButtonComponent, i1.MetadataButtonComponent], pipes: [i8.TranslatePipe], styles: ["mat-tab-group[_ngcontent-%COMP%], mat-tab-group[_ngcontent-%COMP%]     .mat-tab-body-wrapper{height:100%;overflow:hidden}[_nghost-%COMP%]     .mat-tab-body-content{overflow:hidden}"], changeDetection: 0 });
+    } }, directives: [i5.MatTabGroup, i5.MatTab, i1.LayerListComponent, i1.LayerListBindingDirective, i2.ContextListComponent, i2.ContextListBindingDirective, WorkspaceButtonComponent, i1.ExportButtonComponent, i1.OgcFilterButtonComponent, i1.TimeFilterButtonComponent, i1.TrackFeatureButtonComponent, i1.MetadataButtonComponent], pipes: [i8.TranslatePipe], styles: ["mat-tab-group[_ngcontent-%COMP%], mat-tab-group[_ngcontent-%COMP%]     .mat-tab-body-wrapper{height:100%;overflow:hidden}[_nghost-%COMP%]     .mat-tab-body-content{overflow:hidden}"], changeDetection: 0 });
 MapToolComponent = __decorate([
     ToolComponent({
         name: 'map',
@@ -2431,7 +2471,7 @@ MapToolsComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: MapToolsC
         i0.ɵɵproperty("ngIf", i0.ɵɵpipeBind1(11, 17, ctx.layers$).length !== 0)("ngIfElse", _r5);
         i0.ɵɵadvance(2);
         i0.ɵɵproperty("ngIf", !ctx.allowShowAllLegends && i0.ɵɵpipeBind1(13, 19, ctx.layers$).length !== 0 && i0.ɵɵpipeBind1(14, 21, ctx.visibleOrInRangeLayers$).length === 0);
-    } }, directives: [i5$1.MatTabGroup, i5$1.MatTab, i5.NgIf, i1.LayerListComponent, i1.LayerListBindingDirective, i1.MetadataButtonComponent, i1.TrackFeatureButtonComponent, WorkspaceButtonComponent, i1.TimeFilterButtonComponent, i1.OgcFilterButtonComponent, i1.ExportButtonComponent, i1.LayerLegendListComponent, i1.LayerLegendListBindingDirective, i7$1.MatList, i7$1.MatListItem, i6.MatIcon, i7$1.MatListIconCssMatStyler, i8$1.MatLine], pipes: [i5.AsyncPipe, i8.TranslatePipe], styles: [".map-empty[_ngcontent-%COMP%], .search-tool[_ngcontent-%COMP%], .catalog-tool[_ngcontent-%COMP%], .context-tool[_ngcontent-%COMP%]{margin:10px}.map-empty[_ngcontent-%COMP%]{text-align:justify}.search-tool[_ngcontent-%COMP%], .catalog-tool[_ngcontent-%COMP%], .context-tool[_ngcontent-%COMP%]{cursor:pointer}mat-list[_ngcontent-%COMP%]   mat-list-item[_ngcontent-%COMP%]   h4[_ngcontent-%COMP%]{font-weight:bold}mat-list-item[_ngcontent-%COMP%]     .mat-list-text{font-size:smaller}mat-list.mat-list-base[_ngcontent-%COMP%]   mat-list-item.mat-list-item[_ngcontent-%COMP%]     div.mat-list-item-content div.mat-list-text{padding-left:5px}mat-tab-group[_ngcontent-%COMP%], mat-tab-group[_ngcontent-%COMP%]     .mat-tab-body-wrapper{height:100%;overflow:hidden}[_nghost-%COMP%]     .mat-tab-body-content{overflow:hidden}"], changeDetection: 0 });
+    } }, directives: [i5.MatTabGroup, i5.MatTab, i4.NgIf, i1.LayerListComponent, i1.LayerListBindingDirective, i1.MetadataButtonComponent, i1.TrackFeatureButtonComponent, WorkspaceButtonComponent, i1.TimeFilterButtonComponent, i1.OgcFilterButtonComponent, i1.ExportButtonComponent, i1.LayerLegendListComponent, i1.LayerLegendListBindingDirective, i7$1.MatList, i7$1.MatListItem, i6.MatIcon, i7$1.MatListIconCssMatStyler, i8$1.MatLine], pipes: [i4.AsyncPipe, i8.TranslatePipe], styles: [".map-empty[_ngcontent-%COMP%], .search-tool[_ngcontent-%COMP%], .catalog-tool[_ngcontent-%COMP%], .context-tool[_ngcontent-%COMP%]{margin:10px}.map-empty[_ngcontent-%COMP%]{text-align:justify}.search-tool[_ngcontent-%COMP%], .catalog-tool[_ngcontent-%COMP%], .context-tool[_ngcontent-%COMP%]{cursor:pointer}mat-list[_ngcontent-%COMP%]   mat-list-item[_ngcontent-%COMP%]   h4[_ngcontent-%COMP%]{font-weight:bold}mat-list-item[_ngcontent-%COMP%]     .mat-list-text{font-size:smaller}mat-list.mat-list-base[_ngcontent-%COMP%]   mat-list-item.mat-list-item[_ngcontent-%COMP%]     div.mat-list-item-content div.mat-list-text{padding-left:5px}mat-tab-group[_ngcontent-%COMP%], mat-tab-group[_ngcontent-%COMP%]     .mat-tab-body-wrapper{height:100%;overflow:hidden}[_nghost-%COMP%]     .mat-tab-body-content{overflow:hidden}"], changeDetection: 0 });
 MapToolsComponent = __decorate([
     ToolComponent({
         name: 'mapTools',
@@ -2720,7 +2760,7 @@ MapLegendToolComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: MapL
         i0.ɵɵproperty("ngIf", i0.ɵɵpipeBind1(2, 4, ctx.layers$).length !== 0)("ngIfElse", _r3);
         i0.ɵɵadvance(2);
         i0.ɵɵproperty("ngIf", !ctx.allowShowAllLegends && i0.ɵɵpipeBind1(4, 6, ctx.layers$).length !== 0 && i0.ɵɵpipeBind1(5, 8, ctx.visibleOrInRangeLayers$).length === 0);
-    } }, directives: [i5.NgIf, i1.LayerLegendListComponent, i1.LayerLegendListBindingDirective, i7$1.MatList, i7$1.MatListItem, i6.MatIcon, i7$1.MatListIconCssMatStyler, i8$1.MatLine], pipes: [i5.AsyncPipe, i8.TranslatePipe], styles: [".map-empty[_ngcontent-%COMP%], .search-tool[_ngcontent-%COMP%], .catalog-tool[_ngcontent-%COMP%], .context-tool[_ngcontent-%COMP%]{margin:10px}.map-empty[_ngcontent-%COMP%]{text-align:justify}.search-tool[_ngcontent-%COMP%], .catalog-tool[_ngcontent-%COMP%], .context-tool[_ngcontent-%COMP%]{cursor:pointer}mat-list[_ngcontent-%COMP%]   mat-list-item[_ngcontent-%COMP%]   h4[_ngcontent-%COMP%]{font-weight:bold}mat-list-item[_ngcontent-%COMP%]     .mat-list-text{font-size:smaller}mat-list.mat-list-base[_ngcontent-%COMP%]   mat-list-item.mat-list-item[_ngcontent-%COMP%]     div.mat-list-item-content div.mat-list-text{padding-left:5px}"] });
+    } }, directives: [i4.NgIf, i1.LayerLegendListComponent, i1.LayerLegendListBindingDirective, i7$1.MatList, i7$1.MatListItem, i6.MatIcon, i7$1.MatListIconCssMatStyler, i8$1.MatLine], pipes: [i4.AsyncPipe, i8.TranslatePipe], styles: [".map-empty[_ngcontent-%COMP%], .search-tool[_ngcontent-%COMP%], .catalog-tool[_ngcontent-%COMP%], .context-tool[_ngcontent-%COMP%]{margin:10px}.map-empty[_ngcontent-%COMP%]{text-align:justify}.search-tool[_ngcontent-%COMP%], .catalog-tool[_ngcontent-%COMP%], .context-tool[_ngcontent-%COMP%]{cursor:pointer}mat-list[_ngcontent-%COMP%]   mat-list-item[_ngcontent-%COMP%]   h4[_ngcontent-%COMP%]{font-weight:bold}mat-list-item[_ngcontent-%COMP%]     .mat-list-text{font-size:smaller}mat-list.mat-list-base[_ngcontent-%COMP%]   mat-list-item.mat-list-item[_ngcontent-%COMP%]     div.mat-list-item-content div.mat-list-text{padding-left:5px}"] });
 MapLegendToolComponent = __decorate([
     ToolComponent({
         name: 'mapLegend',
@@ -2955,7 +2995,7 @@ AdvancedSwipeComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: Adva
     } if (rf & 2) {
         const _r1 = i0.ɵɵreference(2);
         i0.ɵɵproperty("ngIf", ctx.userControlledLayerList.length)("ngIfElse", _r1);
-    } }, directives: [i5.NgIf, i3$1.ɵNgNoValidate, i3$1.NgControlStatusGroup, i3$1.FormGroupDirective, i6$1.MatFormField, i6$1.MatLabel, i7$2.MatSelect, i3$1.NgControlStatus, i3$1.FormControlName, i8$1.MatOption, i9.MatDivider, i5.NgForOf, i10.MatSlideToggle, i7$1.MatList, i7$1.MatListItem, i6.MatIcon, i7$1.MatListIconCssMatStyler, i8$1.MatLine], pipes: [i8.TranslatePipe], styles: [".nameOfTool[_ngcontent-%COMP%]{text-align:center;font-weight:bold;font-size:small;margin:15px 10px 0}.igo-swipe-select-container[_ngcontent-%COMP%]{padding:10px}.igo-swipe-select-container[_ngcontent-%COMP%]   mat-form-field[_ngcontent-%COMP%]{width:100%}.igo-form[_ngcontent-%COMP%]{padding:1px 5px;width:100%}.swipe-toggle[_ngcontent-%COMP%]{padding:10px 5px 35px}.map-empty[_ngcontent-%COMP%], .search-tool[_ngcontent-%COMP%], .catalog-tool[_ngcontent-%COMP%], .context-tool[_ngcontent-%COMP%]{margin:5px}.map-empty[_ngcontent-%COMP%]{padding:10px;text-align:justify}.search-tool[_ngcontent-%COMP%], .catalog-tool[_ngcontent-%COMP%], .context-tool[_ngcontent-%COMP%]{cursor:pointer}mat-list[_ngcontent-%COMP%]   mat-list-item[_ngcontent-%COMP%]   h4[_ngcontent-%COMP%]{font-weight:bold}mat-list-item[_ngcontent-%COMP%]     .mat-list-text{font-size:smaller}mat-list.mat-list-base[_ngcontent-%COMP%]   mat-list-item.mat-list-item[_ngcontent-%COMP%]     div.mat-list-item-content div.mat-list-text{padding-left:15px}.advanced-tool-line[_ngcontent-%COMP%]{height:2px;background-color:gray}"] });
+    } }, directives: [i4.NgIf, i3$1.ɵNgNoValidate, i3$1.NgControlStatusGroup, i3$1.FormGroupDirective, i6$1.MatFormField, i6$1.MatLabel, i7$2.MatSelect, i3$1.NgControlStatus, i3$1.FormControlName, i8$1.MatOption, i9.MatDivider, i4.NgForOf, i10.MatSlideToggle, i7$1.MatList, i7$1.MatListItem, i6.MatIcon, i7$1.MatListIconCssMatStyler, i8$1.MatLine], pipes: [i8.TranslatePipe], styles: [".nameOfTool[_ngcontent-%COMP%]{text-align:center;font-weight:bold;font-size:small;margin:15px 10px 0}.igo-swipe-select-container[_ngcontent-%COMP%]{padding:10px}.igo-swipe-select-container[_ngcontent-%COMP%]   mat-form-field[_ngcontent-%COMP%]{width:100%}.igo-form[_ngcontent-%COMP%]{padding:1px 5px;width:100%}.swipe-toggle[_ngcontent-%COMP%]{padding:10px 5px 35px}.map-empty[_ngcontent-%COMP%], .search-tool[_ngcontent-%COMP%], .catalog-tool[_ngcontent-%COMP%], .context-tool[_ngcontent-%COMP%]{margin:5px}.map-empty[_ngcontent-%COMP%]{padding:10px;text-align:justify}.search-tool[_ngcontent-%COMP%], .catalog-tool[_ngcontent-%COMP%], .context-tool[_ngcontent-%COMP%]{cursor:pointer}mat-list[_ngcontent-%COMP%]   mat-list-item[_ngcontent-%COMP%]   h4[_ngcontent-%COMP%]{font-weight:bold}mat-list-item[_ngcontent-%COMP%]     .mat-list-text{font-size:smaller}mat-list.mat-list-base[_ngcontent-%COMP%]   mat-list-item.mat-list-item[_ngcontent-%COMP%]     div.mat-list-item-content div.mat-list-text{padding-left:15px}.advanced-tool-line[_ngcontent-%COMP%]{height:2px;background-color:gray}"] });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(AdvancedSwipeComponent, [{
         type: Component,
         args: [{
@@ -3028,6 +3068,7 @@ class AdvancedCoordinatesComponent {
         this.storageService = storageService;
         this.config = config;
         this.formBuilder = formBuilder;
+        this.formattedScale$ = new BehaviorSubject('');
         this.projections$ = new BehaviorSubject([]);
         this.center = this.storageService.get('centerToggle');
         this.inMtmZone = true;
@@ -3063,6 +3104,7 @@ class AdvancedCoordinatesComponent {
     ngOnInit() {
         this.mapState$$ = combineLatest([this.map.viewController.state$.pipe(debounceTime(50)), this.form.valueChanges])
             .subscribe(() => {
+            this.setScaleValue(this.map);
             this.currentCenterDefaultProj = this.map.viewController.getCenter(this.defaultProj.code);
             const currentMtmZone = zoneMtm(this.currentCenterDefaultProj[0]);
             const currentUtmZone = zoneUtm(this.currentCenterDefaultProj[0]);
@@ -3101,6 +3143,9 @@ class AdvancedCoordinatesComponent {
         this.map.mapCenter$.next(false);
         this.mapState$$.unsubscribe();
     }
+    setScaleValue(map) {
+        this.formattedScale$.next(': ~ 1 / ' + formatScale(map.viewController.getScale()));
+    }
     /**
      * Coordinates of the center of the map on the appropriate systeme of coordinates
      * @returns Array of two numbers
@@ -3338,7 +3383,7 @@ class AdvancedCoordinatesComponent {
     }
 }
 AdvancedCoordinatesComponent.ɵfac = function AdvancedCoordinatesComponent_Factory(t) { return new (t || AdvancedCoordinatesComponent)(i0.ɵɵdirectiveInject(MapState), i0.ɵɵdirectiveInject(i2$2.LanguageService), i0.ɵɵdirectiveInject(i2$2.MessageService), i0.ɵɵdirectiveInject(i0.ChangeDetectorRef), i0.ɵɵdirectiveInject(i2$2.StorageService), i0.ɵɵdirectiveInject(i2$2.ConfigService), i0.ɵɵdirectiveInject(i3$1.FormBuilder)); };
-AdvancedCoordinatesComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: AdvancedCoordinatesComponent, selectors: [["igo-advanced-coordinates"]], inputs: { projectionsLimitations: "projectionsLimitations" }, decls: 24, vars: 24, consts: [["class", "coordinates", 4, "ngIf", "ngIfElse"], ["elseBlock", ""], ["class", "coordinates2", 4, "ngIf", "ngIfElse"], ["elseBlock2", ""], ["mat-raised-button", "", 1, "igo-form-button-group", 3, "click"], ["svgIcon", "content-copy"], [1, "igo-form", 3, "formGroup"], [1, "igo-input-container"], [3, "value", "valueChange"], ["matTooltipShowDelay", "500", 3, "value", "click", 4, "ngFor", "ngForOf"], [1, "center-toggle", "mat-typography", 3, "checked", "labelPosition", "change"], [1, "igo-zoom", "mat-typography"], [1, "coordinates"], ["matInput", "", "readonly", "", "rows", "1", 3, "placeholder", "value"], ["textArea", ""], [1, "coordinates2"], ["matTooltipShowDelay", "500", 3, "value", "click"]], template: function AdvancedCoordinatesComponent_Template(rf, ctx) { if (rf & 1) {
+AdvancedCoordinatesComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: AdvancedCoordinatesComponent, selectors: [["igo-advanced-coordinates"]], inputs: { projectionsLimitations: "projectionsLimitations" }, decls: 32, vars: 37, consts: [["class", "coordinates", 4, "ngIf", "ngIfElse"], ["elseBlock", ""], ["class", "coordinates2", 4, "ngIf", "ngIfElse"], ["elseBlock2", ""], ["mat-raised-button", "", 1, "igo-form-button-group", 3, "click"], ["svgIcon", "content-copy"], [1, "igo-form", 3, "formGroup"], [1, "igo-input-container"], [3, "value", "valueChange"], ["matTooltipShowDelay", "500", 3, "value", "click", 4, "ngFor", "ngForOf"], [1, "center-toggle", "mat-typography", 3, "checked", "labelPosition", "change"], [1, "igo-zoom", "mat-typography"], [1, "coordinates"], ["matInput", "", "readonly", "", "rows", "1", 3, "placeholder", "value"], ["textArea", ""], [1, "coordinates2"], ["matTooltipShowDelay", "500", 3, "value", "click"]], template: function AdvancedCoordinatesComponent_Template(rf, ctx) { if (rf & 1) {
         i0.ɵɵtemplate(0, AdvancedCoordinatesComponent_mat_form_field_0_Template, 4, 4, "mat-form-field", 0);
         i0.ɵɵtemplate(1, AdvancedCoordinatesComponent_ng_template_1_Template, 4, 4, "ng-template", null, 1, i0.ɵɵtemplateRefExtractor);
         i0.ɵɵtemplate(3, AdvancedCoordinatesComponent_mat_form_field_3_Template, 4, 4, "mat-form-field", 2);
@@ -3371,6 +3416,16 @@ AdvancedCoordinatesComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type
         i0.ɵɵtext(22);
         i0.ɵɵpipe(23, "translate");
         i0.ɵɵelementEnd();
+        i0.ɵɵelementStart(24, "p", 11);
+        i0.ɵɵtext(25);
+        i0.ɵɵpipe(26, "translate");
+        i0.ɵɵpipe(27, "async");
+        i0.ɵɵelementEnd();
+        i0.ɵɵelementStart(28, "p", 11);
+        i0.ɵɵtext(29);
+        i0.ɵɵpipe(30, "translate");
+        i0.ɵɵpipe(31, "number");
+        i0.ɵɵelementEnd();
     } if (rf & 2) {
         const _r1 = i0.ɵɵreference(2);
         const _r4 = i0.ɵɵreference(5);
@@ -3378,22 +3433,26 @@ AdvancedCoordinatesComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type
         i0.ɵɵadvance(3);
         i0.ɵɵproperty("ngIf", ctx.units)("ngIfElse", _r4);
         i0.ɵɵadvance(5);
-        i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(9, 14, "igo.integration.advanced-map-tool.advanced-coordinates.copy"), "\n");
+        i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(9, 18, "igo.integration.advanced-map-tool.advanced-coordinates.copy"), "\n");
         i0.ɵɵadvance(2);
         i0.ɵɵproperty("formGroup", ctx.form);
         i0.ɵɵadvance(3);
-        i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(14, 16, "igo.integration.advanced-map-tool.advanced-coordinates.coordSystem"));
+        i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(14, 20, "igo.integration.advanced-map-tool.advanced-coordinates.coordSystem"));
         i0.ɵɵadvance(2);
         i0.ɵɵproperty("value", ctx.inputProj);
         i0.ɵɵadvance(1);
-        i0.ɵɵproperty("ngForOf", i0.ɵɵpipeBind1(17, 18, ctx.projections$));
+        i0.ɵɵproperty("ngForOf", i0.ɵɵpipeBind1(17, 22, ctx.projections$));
         i0.ɵɵadvance(2);
         i0.ɵɵproperty("checked", ctx.center)("labelPosition", "before");
         i0.ɵɵadvance(1);
-        i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(20, 20, "igo.integration.advanced-map-tool.advanced-coordinates.center"), " ");
+        i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(20, 24, "igo.integration.advanced-map-tool.advanced-coordinates.center"), " ");
         i0.ɵɵadvance(3);
-        i0.ɵɵtextInterpolate2("", i0.ɵɵpipeBind1(23, 22, "igo.integration.advanced-map-tool.advanced-coordinates.zoom"), " ", ctx.map.getZoom(), "");
-    } }, directives: [i5.NgIf, i3.MatButton, i6.MatIcon, i3$1.ɵNgNoValidate, i3$1.NgControlStatusGroup, i3$1.FormGroupDirective, i6$1.MatFormField, i6$1.MatLabel, i7$2.MatSelect, i5.NgForOf, i10.MatSlideToggle, i10$1.MatInput, i8$1.MatOption], pipes: [i8.TranslatePipe, i5.AsyncPipe], styles: ["textarea[_ngcontent-%COMP%]{resize:none}mat-form-field[_ngcontent-%COMP%]{padding:10px 15px}mat-form-field.coordinates[_ngcontent-%COMP%]{width:120px}mat-form-field.coordinates2[_ngcontent-%COMP%]{width:120px;padding:0 10px 0 3px}mat-form-field.igo-input-container[_ngcontent-%COMP%]{width:60%;padding:0 15px}.igo-form-button-group[_ngcontent-%COMP%]{padding:0 10px;margin:0 10px}.center-toggle[_ngcontent-%COMP%]{padding:10px 15px 35px}mat-slide-toggle[_ngcontent-%COMP%]{font-size:small}.igo-zoom[_ngcontent-%COMP%]{padding:0 15px}"] });
+        i0.ɵɵtextInterpolate2("", i0.ɵɵpipeBind1(23, 26, "igo.integration.advanced-map-tool.advanced-coordinates.zoom"), " ", ctx.map.viewController.getZoom(), "");
+        i0.ɵɵadvance(3);
+        i0.ɵɵtextInterpolate2("", i0.ɵɵpipeBind1(26, 28, "igo.integration.advanced-map-tool.advanced-coordinates.scale"), " ", i0.ɵɵpipeBind1(27, 30, ctx.formattedScale$), "");
+        i0.ɵɵadvance(4);
+        i0.ɵɵtextInterpolate2("", i0.ɵɵpipeBind1(30, 32, "igo.integration.advanced-map-tool.advanced-coordinates.resolution"), " ", i0.ɵɵpipeBind2(31, 34, ctx.map.viewController.getResolution(), "1.0-0"), "");
+    } }, directives: [i4.NgIf, i3.MatButton, i6.MatIcon, i3$1.ɵNgNoValidate, i3$1.NgControlStatusGroup, i3$1.FormGroupDirective, i6$1.MatFormField, i6$1.MatLabel, i7$2.MatSelect, i4.NgForOf, i10.MatSlideToggle, i10$1.MatInput, i8$1.MatOption], pipes: [i8.TranslatePipe, i4.AsyncPipe, i4.DecimalPipe], styles: ["textarea[_ngcontent-%COMP%]{resize:none}mat-form-field[_ngcontent-%COMP%]{padding:10px 15px}mat-form-field.coordinates[_ngcontent-%COMP%]{width:120px}mat-form-field.coordinates2[_ngcontent-%COMP%]{width:120px;padding:0 10px 0 3px}mat-form-field.igo-input-container[_ngcontent-%COMP%]{width:60%;padding:0 15px}.igo-form-button-group[_ngcontent-%COMP%]{padding:0 10px;margin:0 10px}.center-toggle[_ngcontent-%COMP%]{padding:10px 15px 35px}mat-slide-toggle[_ngcontent-%COMP%]{font-size:small}.igo-zoom[_ngcontent-%COMP%]{padding:0 15px}"] });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(AdvancedCoordinatesComponent, [{
         type: Component,
         args: [{
@@ -3406,7 +3465,6 @@ AdvancedCoordinatesComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type
         }] }); })();
 
 let AdvancedMapToolComponent = class AdvancedMapToolComponent {
-    ngOnInit() { }
 };
 AdvancedMapToolComponent.ɵfac = function AdvancedMapToolComponent_Factory(t) { return new (t || AdvancedMapToolComponent)(); };
 AdvancedMapToolComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: AdvancedMapToolComponent, selectors: [["igo-advanced-map-tool"]], decls: 10, vars: 6, consts: [[1, "nameOfTool"], [1, "advanced-tool-line"]], template: function AdvancedMapToolComponent_Template(rf, ctx) { if (rf & 1) {
@@ -3938,7 +3996,7 @@ function SearchResultsToolComponent_igo_flexible_1_igo_panel_8_button_4_Template
     const ctx_r7 = i0.ɵɵnextContext(3);
     i0.ɵɵproperty("matTooltip", i0.ɵɵpipeBind1(1, 3, i0.ɵɵpipeBind1(2, 5, ctx_r7.isSelectedResultOutOfView$) ? "igo.integration.searchResultsTool.zoomOnFeatureTooltipOutOfView" : "igo.integration.searchResultsTool.zoomOnFeatureTooltip"));
     i0.ɵɵadvance(3);
-    i0.ɵɵproperty("matBadge", i0.ɵɵpipeBind1(4, 7, ctx_r7.isSelectedResultOutOfView$) ? "!" : "")("matBadgeHidden", !i0.ɵɵpipeBind1(5, 9, ctx_r7.isSelectedResultOutOfView$));
+    i0.ɵɵproperty("matBadge", i0.ɵɵpipeBind1(4, 7, ctx_r7.isSelectedResultOutOfView$) ? "!" : "")("matBadgeHidden", i0.ɵɵpipeBind1(5, 9, ctx_r7.isSelectedResultOutOfView$) === false);
 } }
 function SearchResultsToolComponent_igo_flexible_1_igo_panel_8_Template(rf, ctx) { if (rf & 1) {
     const _r11 = i0.ɵɵgetCurrentView();
@@ -3950,7 +4008,7 @@ function SearchResultsToolComponent_igo_flexible_1_igo_panel_8_Template(rf, ctx)
     i0.ɵɵelementEnd();
     i0.ɵɵtemplate(4, SearchResultsToolComponent_igo_flexible_1_igo_panel_8_button_4_Template, 6, 11, "button", 16);
     i0.ɵɵelementStart(5, "igo-feature-details", 17);
-    i0.ɵɵlistener("routingEvent", function SearchResultsToolComponent_igo_flexible_1_igo_panel_8_Template_igo_feature_details_routingEvent_5_listener($event) { i0.ɵɵrestoreView(_r11); const ctx_r12 = i0.ɵɵnextContext(2); return ctx_r12.getRoute($event); });
+    i0.ɵɵlistener("routingEvent", function SearchResultsToolComponent_igo_flexible_1_igo_panel_8_Template_igo_feature_details_routingEvent_5_listener() { i0.ɵɵrestoreView(_r11); const ctx_r12 = i0.ɵɵnextContext(2); return ctx_r12.getRoute(); });
     i0.ɵɵpipe(6, "async");
     i0.ɵɵelementEnd();
     i0.ɵɵelementEnd();
@@ -4214,6 +4272,9 @@ let SearchResultsToolComponent = class SearchResultsToolComponent {
         if (this.showResultsGeometries$$) {
             this.showResultsGeometries$$.unsubscribe();
         }
+        if (this.getRoute$$) {
+            this.getRoute$$.unsubscribe();
+        }
     }
     /**
      * Try to add a feature to the map when it's being focused
@@ -4317,7 +4378,7 @@ let SearchResultsToolComponent = class SearchResultsToolComponent {
         const items = document.getElementsByTagName('igo-search-results-item');
         const igoList = this.elRef.nativeElement.getElementsByTagName('igo-list')[0];
         let selectedItem;
-        // tslint:disable-next-line
+        // eslint-disable-next-line
         for (let i = 0; i < items.length; i++) {
             if (items[i].className.includes('igo-list-item-selected')) {
                 selectedItem = items[i];
@@ -4375,11 +4436,34 @@ let SearchResultsToolComponent = class SearchResultsToolComponent {
         const elemBottom = elemTop + elem.clientHeight + padding;
         return elemBottom <= docViewBottom && elemTop >= docViewTop;
     }
-    getRoute(features) {
+    getRoute() {
         this.toolState.toolbox.activateTool('directions');
-        this.directionState.stopsStore.clear();
-        this.directionState.setRouteFromFeatureDetail(true);
-        this.directionState.stopsStore.insertMany(features);
+        this.directionState.stopsStore.clearStops();
+        setTimeout(() => {
+            let routingCoordLoaded = false;
+            if (this.getRoute$$) {
+                this.getRoute$$.unsubscribe();
+            }
+            this.getRoute$$ = this.directionState.stopsStore.storeInitialized$.subscribe((init) => {
+                if (this.directionState.stopsStore.storeInitialized$.value && !routingCoordLoaded) {
+                    routingCoordLoaded = true;
+                    const stop = this.directionState.stopsStore.all().find((e) => e.position === 1);
+                    let coord;
+                    if (this.feature.geometry) {
+                        if (this.feature.geometry.type === 'Point') {
+                            coord = [this.feature.geometry.coordinates[0], this.feature.geometry.coordinates[1]];
+                        }
+                        else {
+                            const point = pointOnFeature(this.feature.geometry);
+                            coord = [point.geometry.coordinates[0], point.geometry.coordinates[1]];
+                        }
+                    }
+                    stop.text = this.featureTitle;
+                    stop.coordinates = coord;
+                    this.directionState.stopsStore.update(stop);
+                }
+            });
+        }, 250);
     }
 };
 SearchResultsToolComponent.ɵfac = function SearchResultsToolComponent_Factory(t) { return new (t || SearchResultsToolComponent)(i0.ɵɵdirectiveInject(MapState), i0.ɵɵdirectiveInject(SearchState), i0.ɵɵdirectiveInject(i0.ElementRef), i0.ɵɵdirectiveInject(ToolState), i0.ɵɵdirectiveInject(DirectionState), i0.ɵɵdirectiveInject(i2$2.ConfigService)); };
@@ -4390,8 +4474,8 @@ SearchResultsToolComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type:
     } if (rf & 2) {
         i0.ɵɵproperty("ngIf", !ctx.store || ctx.store.stateView.empty);
         i0.ɵɵadvance(1);
-        i0.ɵɵproperty("ngIf", ctx.store && !i0.ɵɵpipeBind1(2, 2, ctx.store.stateView.empty$));
-    } }, directives: [i5.NgIf, i7.FlexibleComponent, i1.SearchResultsComponent, i1.SearchResultAddButtonComponent, i7.PanelComponent, i3.MatButton, i6.MatIcon, i1.FeatureDetailsComponent, i1.FeatureDetailsDirective, i4.MatTooltip, i12.MatBadge], pipes: [i5.AsyncPipe, i8.TranslatePipe, i7.SanitizeHtmlPipe], encapsulation: 2, changeDetection: 0 });
+        i0.ɵɵproperty("ngIf", ctx.store && i0.ɵɵpipeBind1(2, 2, ctx.store.stateView.empty$) === false);
+    } }, directives: [i4.NgIf, i7.FlexibleComponent, i1.SearchResultsComponent, i1.SearchResultAddButtonComponent, i7.PanelComponent, i3.MatButton, i6.MatIcon, i1.FeatureDetailsComponent, i1.FeatureDetailsDirective, i4$1.MatTooltip, i12.MatBadge], pipes: [i4.AsyncPipe, i8.TranslatePipe, i7.SanitizeHtmlPipe], encapsulation: 2, changeDetection: 0 });
 SearchResultsToolComponent = __decorate([
     ToolComponent({
         name: 'searchResults',
@@ -4597,17 +4681,20 @@ let SpatialFilterToolComponent = class SpatialFilterToolComponent {
     }
     activateExportTool() {
         const ids = [];
+        const re = new RegExp('^Zone \\d+');
         for (const layer of this.layers) {
-            ids.push(layer.id);
+            if (!layer.title.match(re)) {
+                ids.push(layer.id);
+            }
         }
         this.importExportState.setMode(ImportExportMode.export);
         this.importExportState.setsExportOptions({ layers: ids });
         this.toolState.toolbox.activateTool('importExport');
     }
-    activateWorkspace() {
+    activateWorkspace(record) {
         let layerToOpenWks;
         this.workspaceState.store.entities$.pipe(takeUntil(this.unsubscribe$)).subscribe(() => {
-            if (this.activeLayers.length && this.workspaceState.store.all().length > 1) {
+            if (!record && this.activeLayers.length && this.workspaceState.store.all().length > 1) {
                 if (this.itemType === SpatialFilterItemType.Thematics) {
                     for (const thematic of this.thematics) {
                         if (!thematic.zeroResults) {
@@ -4629,6 +4716,21 @@ let SpatialFilterToolComponent = class SpatialFilterToolComponent {
                     this.workspaceState.setActiveWorkspaceById(layerToOpenWks.id);
                 }
             }
+            else if (record && this.activeLayers.length && this.workspaceState.store.all().length > 1) {
+                this.selectWorkspaceEntity(record);
+                this.moveendKey = this.map.ol.on('moveend', () => {
+                    this.selectWorkspaceEntity(record);
+                });
+            }
+        });
+    }
+    selectWorkspaceEntity(record) {
+        this.workspaceState.store.all().forEach(workspace => {
+            workspace.entityStore.state.updateAll({ selected: false });
+            if (workspace.title.includes(record.added[0].meta.title)) {
+                this.workspaceState.setActiveWorkspaceById(workspace.id);
+                workspace.entityStore.state.updateMany(record.added, { selected: true });
+            }
         });
     }
     loadFilterList() {
@@ -4988,13 +5090,13 @@ let SpatialFilterToolComponent = class SpatialFilterToolComponent {
     }
 };
 SpatialFilterToolComponent.ɵfac = function SpatialFilterToolComponent_Factory(t) { return new (t || SpatialFilterToolComponent)(i0.ɵɵdirectiveInject(i6.MatIconRegistry), i0.ɵɵdirectiveInject(i1.SpatialFilterService), i0.ɵɵdirectiveInject(i1.DataSourceService), i0.ɵɵdirectiveInject(i1.LayerService), i0.ɵɵdirectiveInject(MapState), i0.ɵɵdirectiveInject(i2$2.MessageService), i0.ɵɵdirectiveInject(i2$2.LanguageService), i0.ɵɵdirectiveInject(ImportExportState), i0.ɵɵdirectiveInject(ToolState), i0.ɵɵdirectiveInject(WorkspaceState), i0.ɵɵdirectiveInject(i0.ChangeDetectorRef)); };
-SpatialFilterToolComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SpatialFilterToolComponent, selectors: [["igo-spatial-filter-tool"]], inputs: { type: "type", itemType: "itemType", freehandDrawIsActive: "freehandDrawIsActive" }, decls: 6, vars: 16, consts: [[3, "store", "selectedQueryType", "zone", "layers", "eventType", "eventQueryType", "zoneChange", "zoneWithBufferChange", "bufferChange", "measureUnitChange"], [3, "type", "queryType", "map", "zone", "loading", "store", "layers", "allLayers", "thematicLength", "radiusEvent", "bufferEvent", "measureUnitChange", "freehandControl", "drawZoneEvent", "zoneWithBufferChange", "itemTypeChange", "thematicChange", "toggleSearch", "clearButtonEvent", "clearSearchEvent", "export", "openWorkspace"], [4, "ngIf"], [3, "feature"]], template: function SpatialFilterToolComponent_Template(rf, ctx) { if (rf & 1) {
+SpatialFilterToolComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SpatialFilterToolComponent, selectors: [["igo-spatial-filter-tool"]], inputs: { type: "type", itemType: "itemType", freehandDrawIsActive: "freehandDrawIsActive" }, decls: 6, vars: 16, consts: [[3, "store", "selectedQueryType", "zone", "layers", "eventType", "eventQueryType", "zoneChange", "zoneWithBufferChange", "bufferChange", "measureUnitChange"], [3, "type", "queryType", "map", "zone", "loading", "store", "layers", "allLayers", "thematicLength", "radiusEvent", "bufferEvent", "measureUnitChange", "freehandControl", "drawZoneEvent", "zoneWithBufferChange", "itemTypeChange", "thematicChange", "toggleSearch", "clearButtonEvent", "clearSearchEvent", "export", "openWorkspace", "entityChange"], [4, "ngIf"], [3, "feature"]], template: function SpatialFilterToolComponent_Template(rf, ctx) { if (rf & 1) {
         i0.ɵɵelementStart(0, "igo-panel");
         i0.ɵɵelementStart(1, "igo-spatial-filter-type", 0);
         i0.ɵɵlistener("eventType", function SpatialFilterToolComponent_Template_igo_spatial_filter_type_eventType_1_listener($event) { return ctx.getOutputType($event); })("eventQueryType", function SpatialFilterToolComponent_Template_igo_spatial_filter_type_eventQueryType_1_listener($event) { return ctx.getOutputQueryType($event); })("zoneChange", function SpatialFilterToolComponent_Template_igo_spatial_filter_type_zoneChange_1_listener($event) { return ctx.onZoneChange($event); })("zoneWithBufferChange", function SpatialFilterToolComponent_Template_igo_spatial_filter_type_zoneWithBufferChange_1_listener($event) { return ctx.onZoneChange($event, true); })("bufferChange", function SpatialFilterToolComponent_Template_igo_spatial_filter_type_bufferChange_1_listener($event) { return ctx.buffer = $event; })("measureUnitChange", function SpatialFilterToolComponent_Template_igo_spatial_filter_type_measureUnitChange_1_listener($event) { return ctx.measureUnit = $event; });
         i0.ɵɵelementEnd();
         i0.ɵɵelementStart(2, "igo-spatial-filter-item", 1);
-        i0.ɵɵlistener("radiusEvent", function SpatialFilterToolComponent_Template_igo_spatial_filter_item_radiusEvent_2_listener($event) { return ctx.buffer = $event; })("bufferEvent", function SpatialFilterToolComponent_Template_igo_spatial_filter_item_bufferEvent_2_listener($event) { return ctx.buffer = $event; })("measureUnitChange", function SpatialFilterToolComponent_Template_igo_spatial_filter_item_measureUnitChange_2_listener($event) { return ctx.measureUnit = $event; })("freehandControl", function SpatialFilterToolComponent_Template_igo_spatial_filter_item_freehandControl_2_listener($event) { return ctx.freehandDrawIsActive = $event; })("drawZoneEvent", function SpatialFilterToolComponent_Template_igo_spatial_filter_item_drawZoneEvent_2_listener($event) { return ctx.zone = $event; })("zoneWithBufferChange", function SpatialFilterToolComponent_Template_igo_spatial_filter_item_zoneWithBufferChange_2_listener($event) { return ctx.onZoneChange($event, true); })("itemTypeChange", function SpatialFilterToolComponent_Template_igo_spatial_filter_item_itemTypeChange_2_listener($event) { return ctx.itemType = $event; })("thematicChange", function SpatialFilterToolComponent_Template_igo_spatial_filter_item_thematicChange_2_listener($event) { return ctx.thematics = $event; })("toggleSearch", function SpatialFilterToolComponent_Template_igo_spatial_filter_item_toggleSearch_2_listener() { return ctx.getOutputToggleSearch(); })("clearButtonEvent", function SpatialFilterToolComponent_Template_igo_spatial_filter_item_clearButtonEvent_2_listener() { return ctx.clearMap(); })("clearSearchEvent", function SpatialFilterToolComponent_Template_igo_spatial_filter_item_clearSearchEvent_2_listener() { return ctx.getOutputClearSearch(); })("export", function SpatialFilterToolComponent_Template_igo_spatial_filter_item_export_2_listener() { return ctx.activateExportTool(); })("openWorkspace", function SpatialFilterToolComponent_Template_igo_spatial_filter_item_openWorkspace_2_listener() { return ctx.activateWorkspace(); });
+        i0.ɵɵlistener("radiusEvent", function SpatialFilterToolComponent_Template_igo_spatial_filter_item_radiusEvent_2_listener($event) { return ctx.buffer = $event; })("bufferEvent", function SpatialFilterToolComponent_Template_igo_spatial_filter_item_bufferEvent_2_listener($event) { return ctx.buffer = $event; })("measureUnitChange", function SpatialFilterToolComponent_Template_igo_spatial_filter_item_measureUnitChange_2_listener($event) { return ctx.measureUnit = $event; })("freehandControl", function SpatialFilterToolComponent_Template_igo_spatial_filter_item_freehandControl_2_listener($event) { return ctx.freehandDrawIsActive = $event; })("drawZoneEvent", function SpatialFilterToolComponent_Template_igo_spatial_filter_item_drawZoneEvent_2_listener($event) { return ctx.zone = $event; })("zoneWithBufferChange", function SpatialFilterToolComponent_Template_igo_spatial_filter_item_zoneWithBufferChange_2_listener($event) { return ctx.onZoneChange($event, true); })("itemTypeChange", function SpatialFilterToolComponent_Template_igo_spatial_filter_item_itemTypeChange_2_listener($event) { return ctx.itemType = $event; })("thematicChange", function SpatialFilterToolComponent_Template_igo_spatial_filter_item_thematicChange_2_listener($event) { return ctx.thematics = $event; })("toggleSearch", function SpatialFilterToolComponent_Template_igo_spatial_filter_item_toggleSearch_2_listener() { return ctx.getOutputToggleSearch(); })("clearButtonEvent", function SpatialFilterToolComponent_Template_igo_spatial_filter_item_clearButtonEvent_2_listener() { return ctx.clearMap(); })("clearSearchEvent", function SpatialFilterToolComponent_Template_igo_spatial_filter_item_clearSearchEvent_2_listener() { return ctx.getOutputClearSearch(); })("export", function SpatialFilterToolComponent_Template_igo_spatial_filter_item_export_2_listener() { return ctx.activateExportTool(); })("openWorkspace", function SpatialFilterToolComponent_Template_igo_spatial_filter_item_openWorkspace_2_listener() { return ctx.activateWorkspace(); })("entityChange", function SpatialFilterToolComponent_Template_igo_spatial_filter_item_entityChange_2_listener($event) { return ctx.activateWorkspace($event); });
         i0.ɵɵelementEnd();
         i0.ɵɵelementEnd();
         i0.ɵɵelementStart(3, "igo-panel");
@@ -5008,7 +5110,7 @@ SpatialFilterToolComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type:
         i0.ɵɵproperty("type", ctx.type)("queryType", ctx.queryType)("map", ctx.map)("zone", ctx.zone)("loading", ctx.loading)("store", ctx.store)("layers", ctx.activeLayers)("allLayers", ctx.layers)("thematicLength", ctx.thematicLength);
         i0.ɵɵadvance(2);
         i0.ɵɵproperty("ngIf", i0.ɵɵpipeBind1(5, 14, ctx.selectedFeature$));
-    } }, directives: [i1.SpatialFilterTypeComponent, i1.SpatialFilterItemComponent, i5.NgIf], pipes: [i5.AsyncPipe], styles: [""], changeDetection: 0 });
+    } }, directives: [i1.SpatialFilterTypeComponent, i1.SpatialFilterItemComponent, i4.NgIf], pipes: [i4.AsyncPipe], styles: [""], changeDetection: 0 });
 SpatialFilterToolComponent = __decorate([
     ToolComponent({
         name: 'spatialFilter',
@@ -5175,16 +5277,16 @@ IgoAppFilterModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [[IgoF
         ActiveTimeFilterToolComponent,
         SpatialFilterToolComponent] }); })();
 
-function AboutToolComponent_button_4_Template(rf, ctx) { if (rf & 1) {
-    const _r5 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 6);
-    i0.ɵɵlistener("click", function AboutToolComponent_button_4_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r5); const ctx_r4 = i0.ɵɵnextContext(); return ctx_r4.openGuide(); });
+function AboutToolComponent_button_2_Template(rf, ctx) { if (rf & 1) {
+    const _r6 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 7);
+    i0.ɵɵlistener("click", function AboutToolComponent_button_2_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r6); const ctx_r5 = i0.ɵɵnextContext(); return ctx_r5.openGuide(); });
     i0.ɵɵpipe(1, "translate");
     i0.ɵɵelementStart(2, "span");
     i0.ɵɵtext(3);
     i0.ɵɵpipe(4, "translate");
     i0.ɵɵelementEnd();
-    i0.ɵɵelement(5, "mat-icon", 7);
+    i0.ɵɵelement(5, "mat-icon", 8);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext();
@@ -5192,45 +5294,53 @@ function AboutToolComponent_button_4_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵadvance(3);
     i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(4, 5, "igo.integration.aboutTool.trainingGuide"));
 } }
-function AboutToolComponent_button_5_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "button", 8);
+function AboutToolComponent_button_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "button", 9);
     i0.ɵɵpipe(1, "translate");
     i0.ɵɵelementStart(2, "span");
     i0.ɵɵtext(3);
     i0.ɵɵpipe(4, "translate");
     i0.ɵɵelementEnd();
-    i0.ɵɵelement(5, "mat-icon", 7);
+    i0.ɵɵelement(5, "mat-icon", 8);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext();
-    const _r2 = i0.ɵɵreference(7);
+    const _r2 = i0.ɵɵreference(5);
     i0.ɵɵproperty("disabled", ctx_r1.loading)("matTooltip", i0.ɵɵpipeBind1(1, 4, "igo.integration.aboutTool.trainingGuideTooltip"))("matMenuTriggerFor", _r2);
     i0.ɵɵadvance(3);
     i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(4, 6, "igo.integration.aboutTool.trainingGuide"));
 } }
-function AboutToolComponent_button_8_Template(rf, ctx) { if (rf & 1) {
-    const _r8 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 9);
-    i0.ɵɵlistener("click", function AboutToolComponent_button_8_Template_button_click_0_listener() { const restoredCtx = i0.ɵɵrestoreView(_r8); const guide_r6 = restoredCtx.$implicit; const ctx_r7 = i0.ɵɵnextContext(); return ctx_r7.openGuide(guide_r6); });
+function AboutToolComponent_button_6_Template(rf, ctx) { if (rf & 1) {
+    const _r9 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 10);
+    i0.ɵɵlistener("click", function AboutToolComponent_button_6_Template_button_click_0_listener() { const restoredCtx = i0.ɵɵrestoreView(_r9); const guide_r7 = restoredCtx.$implicit; const ctx_r8 = i0.ɵɵnextContext(); return ctx_r8.openGuide(guide_r7); });
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const guide_r6 = ctx.$implicit;
+    const guide_r7 = ctx.$implicit;
     const ctx_r3 = i0.ɵɵnextContext();
     i0.ɵɵadvance(1);
-    i0.ɵɵtextInterpolate(ctx_r3.formatFileName(guide_r6));
+    i0.ɵɵtextInterpolate(ctx_r3.formatFileName(guide_r7));
+} }
+function AboutToolComponent_igo_custom_html_7_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "igo-custom-html", 6);
+    i0.ɵɵpipe(1, "translate");
+} if (rf & 2) {
+    const ctx_r4 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("html", i0.ɵɵpipeBind1(1, 1, ctx_r4.headerHtml));
 } }
 const _c0 = function (a0) { return { version: a0 }; };
 let AboutToolComponent = class AboutToolComponent {
-    constructor(configService, auth, http, cdRef) {
+    constructor(configService, auth, http, cdRef, languageService) {
         this.configService = configService;
         this.auth = auth;
         this.http = http;
         this.cdRef = cdRef;
+        this.languageService = languageService;
         this._discoverTitleInLocale = 'IGO';
         this.discoverTitleInLocale$ = of(this._discoverTitleInLocale);
         this._html = 'igo.integration.aboutTool.html';
-        this._headerHtml = 'igo.integration.aboutTool.headerHtml';
+        this._headerHtml = this.languageService.translate.instant('igo.integration.aboutTool.headerHtml');
         this.loading = false;
         this.version = configService.getConfig('version');
         this.baseUrlProfil = configService.getConfig('context.url') + '/user/igo?';
@@ -5291,33 +5401,32 @@ let AboutToolComponent = class AboutToolComponent {
         return name;
     }
 };
-AboutToolComponent.ɵfac = function AboutToolComponent_Factory(t) { return new (t || AboutToolComponent)(i0.ɵɵdirectiveInject(i2$2.ConfigService), i0.ɵɵdirectiveInject(i2$1.AuthService), i0.ɵɵdirectiveInject(i3$2.HttpClient), i0.ɵɵdirectiveInject(i0.ChangeDetectorRef)); };
-AboutToolComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: AboutToolComponent, selectors: [["igo-about-tool"]], inputs: { headerHtml: "headerHtml", html: "html", discoverTitleInLocale: "discoverTitleInLocale", trainingGuideURLs: "trainingGuideURLs" }, decls: 11, vars: 13, consts: [["mat-raised-button", "", "tourToStart", "global", "menuIsOpen", "true", "styleButton", "raised", 3, "discoverTitleInLocale$"], [1, "mat-typography", 3, "html"], ["class", "training-guide-button", "mat-raised-button", "", "tooltip-position", "below", "matTooltipShowDelay", "500", 3, "disabled", "matTooltip", "click", 4, "ngIf"], ["class", "training-guide-button", "mat-raised-button", "", "tooltip-position", "below", "matTooltipShowDelay", "500", 3, "disabled", "matTooltip", "matMenuTriggerFor", 4, "ngIf"], ["menu", "matMenu"], ["mat-menu-item", "", 3, "click", 4, "ngFor", "ngForOf"], ["mat-raised-button", "", "tooltip-position", "below", "matTooltipShowDelay", "500", 1, "training-guide-button", 3, "disabled", "matTooltip", "click"], ["svgIcon", "file-document"], ["mat-raised-button", "", "tooltip-position", "below", "matTooltipShowDelay", "500", 1, "training-guide-button", 3, "disabled", "matTooltip", "matMenuTriggerFor"], ["mat-menu-item", "", 3, "click"]], template: function AboutToolComponent_Template(rf, ctx) { if (rf & 1) {
+AboutToolComponent.ɵfac = function AboutToolComponent_Factory(t) { return new (t || AboutToolComponent)(i0.ɵɵdirectiveInject(i2$2.ConfigService), i0.ɵɵdirectiveInject(i2$1.AuthService), i0.ɵɵdirectiveInject(i3$2.HttpClient), i0.ɵɵdirectiveInject(i0.ChangeDetectorRef), i0.ɵɵdirectiveInject(i2$2.LanguageService)); };
+AboutToolComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: AboutToolComponent, selectors: [["igo-about-tool"]], inputs: { headerHtml: "headerHtml", html: "html", discoverTitleInLocale: "discoverTitleInLocale", trainingGuideURLs: "trainingGuideURLs" }, decls: 10, vars: 11, consts: [["mat-raised-button", "", "tourToStart", "global", "menuIsOpen", "true", "styleButton", "raised", 3, "discoverTitleInLocale$"], ["class", "training-guide-button", "mat-raised-button", "", "tooltip-position", "below", "matTooltipShowDelay", "500", 3, "disabled", "matTooltip", "click", 4, "ngIf"], ["class", "training-guide-button", "mat-raised-button", "", "tooltip-position", "below", "matTooltipShowDelay", "500", 3, "disabled", "matTooltip", "matMenuTriggerFor", 4, "ngIf"], ["menu", "matMenu"], ["mat-menu-item", "", 3, "click", 4, "ngFor", "ngForOf"], ["class", "mat-typography", 3, "html", 4, "ngIf"], [1, "mat-typography", 3, "html"], ["mat-raised-button", "", "tooltip-position", "below", "matTooltipShowDelay", "500", 1, "training-guide-button", 3, "disabled", "matTooltip", "click"], ["svgIcon", "file-document"], ["mat-raised-button", "", "tooltip-position", "below", "matTooltipShowDelay", "500", 1, "training-guide-button", 3, "disabled", "matTooltip", "matMenuTriggerFor"], ["mat-menu-item", "", 3, "click"]], template: function AboutToolComponent_Template(rf, ctx) { if (rf & 1) {
         i0.ɵɵelement(0, "p");
         i0.ɵɵelement(1, "igo-interactive-tour", 0);
-        i0.ɵɵelement(2, "igo-custom-html", 1);
-        i0.ɵɵpipe(3, "translate");
-        i0.ɵɵtemplate(4, AboutToolComponent_button_4_Template, 6, 7, "button", 2);
-        i0.ɵɵtemplate(5, AboutToolComponent_button_5_Template, 6, 8, "button", 3);
-        i0.ɵɵelementStart(6, "mat-menu", null, 4);
-        i0.ɵɵtemplate(8, AboutToolComponent_button_8_Template, 2, 1, "button", 5);
+        i0.ɵɵtemplate(2, AboutToolComponent_button_2_Template, 6, 7, "button", 1);
+        i0.ɵɵtemplate(3, AboutToolComponent_button_3_Template, 6, 8, "button", 2);
+        i0.ɵɵelementStart(4, "mat-menu", null, 3);
+        i0.ɵɵtemplate(6, AboutToolComponent_button_6_Template, 2, 1, "button", 4);
         i0.ɵɵelementEnd();
-        i0.ɵɵelement(9, "igo-custom-html", 1);
-        i0.ɵɵpipe(10, "translate");
+        i0.ɵɵtemplate(7, AboutToolComponent_igo_custom_html_7_Template, 2, 3, "igo-custom-html", 5);
+        i0.ɵɵelement(8, "igo-custom-html", 6);
+        i0.ɵɵpipe(9, "translate");
     } if (rf & 2) {
         i0.ɵɵadvance(1);
         i0.ɵɵproperty("discoverTitleInLocale$", ctx.discoverTitleInLocale$);
         i0.ɵɵadvance(1);
-        i0.ɵɵproperty("html", i0.ɵɵpipeBind1(3, 6, ctx.headerHtml));
-        i0.ɵɵadvance(2);
         i0.ɵɵproperty("ngIf", ctx.auth.authenticated && ctx.trainingGuideURLs && ctx.trainingGuideURLs.length === 1);
         i0.ɵɵadvance(1);
         i0.ɵɵproperty("ngIf", ctx.auth.authenticated && ctx.trainingGuideURLs && ctx.trainingGuideURLs.length > 1);
         i0.ɵɵadvance(3);
         i0.ɵɵproperty("ngForOf", ctx.trainingGuideURLs);
         i0.ɵɵadvance(1);
-        i0.ɵɵproperty("html", i0.ɵɵpipeBind2(10, 8, ctx.html, i0.ɵɵpureFunction1(11, _c0, ctx.version)));
-    } }, directives: [i7.InteractiveTourComponent, i7.CustomHtmlComponent, i5.NgIf, i6$2.MatMenu, i5.NgForOf, i3.MatButton, i4.MatTooltip, i6.MatIcon, i6$2.MatMenuTrigger, i6$2.MatMenuItem], pipes: [i8.TranslatePipe], styles: ["igo-interactive-tour[_ngcontent-%COMP%]{margin-left:20px}.training-guide-button[_ngcontent-%COMP%]{margin-left:5px;background-color:#1976d2;color:#fff;padding:0 12px}"] });
+        i0.ɵɵproperty("ngIf", ctx.headerHtml !== "");
+        i0.ɵɵadvance(1);
+        i0.ɵɵproperty("html", i0.ɵɵpipeBind2(9, 6, ctx.html, i0.ɵɵpureFunction1(9, _c0, ctx.version)));
+    } }, directives: [i7.InteractiveTourComponent, i4.NgIf, i6$2.MatMenu, i4.NgForOf, i7.CustomHtmlComponent, i3.MatButton, i4$1.MatTooltip, i6.MatIcon, i6$2.MatMenuTrigger, i6$2.MatMenuItem], pipes: [i8.TranslatePipe], styles: ["igo-interactive-tour[_ngcontent-%COMP%]{margin-left:20px}.training-guide-button[_ngcontent-%COMP%]{margin-left:5px;background-color:#1976d2;color:#fff;padding:0 12px}"] });
 AboutToolComponent = __decorate([
     ToolComponent({
         name: 'about',
@@ -5332,7 +5441,7 @@ AboutToolComponent = __decorate([
                 templateUrl: './about-tool.component.html',
                 styleUrls: ['./about-tool.component.scss']
             }]
-    }], function () { return [{ type: i2$2.ConfigService }, { type: i2$1.AuthService }, { type: i3$2.HttpClient }, { type: i0.ChangeDetectorRef }]; }, { headerHtml: [{
+    }], function () { return [{ type: i2$2.ConfigService }, { type: i2$1.AuthService }, { type: i3$2.HttpClient }, { type: i0.ChangeDetectorRef }, { type: i2$2.LanguageService }]; }, { headerHtml: [{
             type: Input
         }], html: [{
             type: Input
@@ -5656,5 +5765,5 @@ QueryState.ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: QueryState, f
  * Generated bundle index. Do not edit.
  */
 
-export { AboutToolComponent, ActiveOgcFilterToolComponent, ActiveTimeFilterToolComponent, AdvancedMapToolComponent, AnalyticsListenerService, CatalogBrowserToolComponent, CatalogLibraryToolComponent, CatalogState, ContextEditorToolComponent, ContextManagerToolComponent, ContextPermissionManagerToolComponent, ContextShareToolComponent, ContextState, DirectionsToolComponent, DrawState, DrawingToolComponent, FeatureActionsService, IgoAppAboutModule, IgoAppAnalyticsModule, IgoAppCatalogBrowserToolModule, IgoAppCatalogLibraryToolModule, IgoAppCatalogModule, IgoAppContextModule, IgoAppDirectionsModule, IgoAppDrawModule, IgoAppFilterModule, IgoAppImportExportModule, IgoAppMapModule, IgoAppMeasureModule, IgoAppMeasurerToolModule, IgoAppPrintModule, IgoAppSearchBarModule, IgoAppSearchModule, IgoAppSearchResultsToolModule, IgoAppStorageModule, IgoAppToolModule, IgoAppWorkspaceModule, IgoIntegrationModule, ImportExportMode, ImportExportState, ImportExportToolComponent, ImportExportType, MapDetailsToolComponent, MapLegendToolComponent, 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, DirectionState, DirectionsToolComponent, DrawState, DrawingToolComponent, FeatureActionsService, IgoAppAboutModule, IgoAppAnalyticsModule, IgoAppCatalogBrowserToolModule, IgoAppCatalogLibraryToolModule, IgoAppCatalogModule, IgoAppContextModule, IgoAppDirectionsModule, IgoAppDrawModule, IgoAppFilterModule, IgoAppImportExportModule, IgoAppMapModule, IgoAppMeasureModule, IgoAppMeasurerToolModule, IgoAppPrintModule, IgoAppSearchBarModule, IgoAppSearchModule, IgoAppSearchResultsToolModule, IgoAppStorageModule, IgoAppToolModule, IgoAppWorkspaceModule, IgoIntegrationModule, ImportExportMode, ImportExportState, ImportExportToolComponent, ImportExportType, MapDetailsToolComponent, MapLegendToolComponent, MapState, MapToolComponent, MapToolsComponent, MeasureState, MeasurerToolComponent, OgcFilterToolComponent, PrintToolComponent, QueryState, SearchBarBindingDirective, SearchResultsToolComponent, SearchState, SpatialFilterToolComponent, StorageState, TimeFilterToolComponent, ToolState, WfsActionsService, WorkspaceButtonComponent, WorkspaceState };
 //# sourceMappingURL=igo2-integration.js.map