@igo2/integration 1.9.0 → 1.10.0

package/bundles/igo2-integration.umd.js

@@ -1,8 +1,8 @@
 (function (global, factory) {
-    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@igo2/context'), require('@igo2/common'), require('rxjs'), require('@igo2/geo'), require('@angular/common'), require('rxjs/operators'), require('@igo2/auth'), require('@igo2/core'), require('@angular/material/button'), require('@angular/material/tooltip'), require('@angular/material/icon'), require('@ngx-translate/core'), require('@angular/material/tabs'), require('@angular/material/button-toggle'), require('@angular/material/list'), require('@angular/material/slide-toggle'), require('@angular/material/menu'), require('@angular/material/core'), require('@angular/forms'), require('@angular/material/form-field'), require('@angular/material/select'), require('@angular/material/divider'), require('@igo2/utils'), require('ol/proj'), require('@angular/material/input'), require('@angular/material/checkbox'), require('@angular/material/badge'), require('ol/format/GeoJSON'), require('ol/Feature'), require('ol/geom/Point'), require('ol/style'), require('@angular/animations'), require('@angular/common/http')) :
-    typeof define === 'function' && define.amd ? define('@igo2/integration', ['exports', '@angular/core', '@igo2/context', '@igo2/common', 'rxjs', '@igo2/geo', '@angular/common', 'rxjs/operators', '@igo2/auth', '@igo2/core', '@angular/material/button', '@angular/material/tooltip', '@angular/material/icon', '@ngx-translate/core', '@angular/material/tabs', '@angular/material/button-toggle', '@angular/material/list', '@angular/material/slide-toggle', '@angular/material/menu', '@angular/material/core', '@angular/forms', '@angular/material/form-field', '@angular/material/select', '@angular/material/divider', '@igo2/utils', 'ol/proj', '@angular/material/input', '@angular/material/checkbox', '@angular/material/badge', 'ol/format/GeoJSON', 'ol/Feature', 'ol/geom/Point', 'ol/style', '@angular/animations', '@angular/common/http'], factory) :
-    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.igo2 = global.igo2 || {}, global.igo2.integration = {}), global.ng.core, global.igoContext, global.igoCommon, global.rxjs, global.igoGeo, global.ng.common, global.rxjs.operators, global.igoAuth, global.igoCore, global.ng.material.button, global.ng.material.tooltip, global.ng.material.icon, global['ngxt-core'], global.ng.material.tabs, global.ng.material.buttonToggle, global.ng.material.list, global.ng.material.slideToggle, global.ng.material.menu, global.ng.material.core, global.ng.forms, global.ng.material.formField, global.ng.material.select, global.ng.material.divider, global.igoUtils, global.olProj, global.ng.material.input, global.ng.material.checkbox, global.ng.material.badge, global.olFormatGeoJSON, global.olFeature, global.olPoint, global.olstyle, global.ng.animations, global.ng.common.http));
-}(this, (function (exports, i0, i2, i7, rxjs, i1, i5, operators, i2$1, i2$2, i3, i4, i6, i8, i5$1, buttonToggle, i7$1, i10, i6$2, i8$1, i3$1, i6$1, i7$2, i9, utils, olproj, i10$1, checkbox, i12, olFormatGeoJSON, olFeature, olPoint, olstyle, animations, i3$2) { 'use strict';
+    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@igo2/context'), require('@igo2/common'), require('rxjs'), require('@igo2/geo'), require('@angular/common'), require('rxjs/operators'), require('@igo2/auth'), require('@igo2/core'), require('@angular/material/button'), require('@angular/material/tooltip'), require('@angular/material/icon'), require('@ngx-translate/core'), require('@angular/material/tabs'), require('@angular/material/button-toggle'), require('@angular/material/list'), require('@angular/material/slide-toggle'), require('@angular/material/menu'), require('@angular/material/core'), require('@angular/forms'), require('@angular/material/form-field'), require('@angular/material/select'), require('@angular/material/divider'), require('@igo2/utils'), require('ol/proj'), require('@angular/material/input'), require('@angular/material/checkbox'), require('@angular/material/badge'), require('ol/format/GeoJSON'), require('ol/Feature'), require('ol/geom/Point'), require('@turf/point-on-feature'), require('ol/style'), require('@angular/animations'), require('@angular/common/http')) :
+    typeof define === 'function' && define.amd ? define('@igo2/integration', ['exports', '@angular/core', '@igo2/context', '@igo2/common', 'rxjs', '@igo2/geo', '@angular/common', 'rxjs/operators', '@igo2/auth', '@igo2/core', '@angular/material/button', '@angular/material/tooltip', '@angular/material/icon', '@ngx-translate/core', '@angular/material/tabs', '@angular/material/button-toggle', '@angular/material/list', '@angular/material/slide-toggle', '@angular/material/menu', '@angular/material/core', '@angular/forms', '@angular/material/form-field', '@angular/material/select', '@angular/material/divider', '@igo2/utils', 'ol/proj', '@angular/material/input', '@angular/material/checkbox', '@angular/material/badge', 'ol/format/GeoJSON', 'ol/Feature', 'ol/geom/Point', '@turf/point-on-feature', 'ol/style', '@angular/animations', '@angular/common/http'], factory) :
+    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.igo2 = global.igo2 || {}, global.igo2.integration = {}), global.ng.core, global.igoContext, global.igoCommon, global.rxjs, global.igoGeo, global.ng.common, global.rxjs.operators, global.igoAuth, global.igoCore, global.ng.material.button, global.ng.material.tooltip, global.ng.material.icon, global["ngxt-core"], global.ng.material.tabs, global.ng.material.buttonToggle, global.ng.material.list, global.ng.material.slideToggle, global.ng.material.menu, global.ng.material.core, global.ng.forms, global.ng.material.formField, global.ng.material.select, global.ng.material.divider, global.igoUtils, global.olProj, global.ng.material.input, global.ng.material.checkbox, global.ng.material.badge, global.olFormatGeoJSON, global.olFeature, global.olPoint, global.pointOnFeature, global.olstyle, global.ng.animations, global.ng.common.http));
+})(this, (function (exports, i0, i2, i7, rxjs, i1, i4, operators, i2$1, i2$2, i3, i4$1, i6, i8, i5, buttonToggle, i7$1, i10, i6$2, i8$1, i3$1, i6$1, i7$2, i9, utils, olproj, i10$1, checkbox, i12, olFormatGeoJSON, olFeature, olPoint, pointOnFeature, olstyle, animations, i3$2) { 'use strict';
 
     function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -15,14 +15,12 @@
                     var d = Object.getOwnPropertyDescriptor(e, k);
                     Object.defineProperty(n, k, d.get ? d : {
                         enumerable: true,
-                        get: function () {
-                            return e[k];
-                        }
+                        get: function () { return e[k]; }
                     });
                 }
             });
         }
-        n['default'] = e;
+        n["default"] = e;
         return Object.freeze(n);
     }
 
@@ -30,14 +28,14 @@
     var i2__namespace = /*#__PURE__*/_interopNamespace(i2);
     var i7__namespace = /*#__PURE__*/_interopNamespace(i7);
     var i1__namespace = /*#__PURE__*/_interopNamespace(i1);
-    var i5__namespace = /*#__PURE__*/_interopNamespace(i5);
+    var i4__namespace = /*#__PURE__*/_interopNamespace(i4);
     var i2__namespace$1 = /*#__PURE__*/_interopNamespace(i2$1);
     var i2__namespace$2 = /*#__PURE__*/_interopNamespace(i2$2);
     var i3__namespace = /*#__PURE__*/_interopNamespace(i3);
-    var i4__namespace = /*#__PURE__*/_interopNamespace(i4);
+    var i4__namespace$1 = /*#__PURE__*/_interopNamespace(i4$1);
     var i6__namespace = /*#__PURE__*/_interopNamespace(i6);
     var i8__namespace = /*#__PURE__*/_interopNamespace(i8);
-    var i5__namespace$1 = /*#__PURE__*/_interopNamespace(i5$1);
+    var i5__namespace = /*#__PURE__*/_interopNamespace(i5);
     var i7__namespace$1 = /*#__PURE__*/_interopNamespace(i7$1);
     var i10__namespace = /*#__PURE__*/_interopNamespace(i10);
     var i6__namespace$2 = /*#__PURE__*/_interopNamespace(i6$2);
@@ -52,6 +50,7 @@
     var olFormatGeoJSON__default = /*#__PURE__*/_interopDefaultLegacy(olFormatGeoJSON);
     var olFeature__default = /*#__PURE__*/_interopDefaultLegacy(olFeature);
     var olPoint__default = /*#__PURE__*/_interopDefaultLegacy(olPoint);
+    var pointOnFeature__default = /*#__PURE__*/_interopDefaultLegacy(pointOnFeature);
     var olstyle__namespace = /*#__PURE__*/_interopNamespace(olstyle);
     var i3__namespace$2 = /*#__PURE__*/_interopNamespace(i3$2);
 
@@ -937,7 +936,7 @@
     IgoAppCatalogLibraryToolModule.ɵfac = function IgoAppCatalogLibraryToolModule_Factory(t) { return new (t || IgoAppCatalogLibraryToolModule)(); };
     IgoAppCatalogLibraryToolModule.ɵmod = /*@__PURE__*/ i0__namespace.ɵɵdefineNgModule({ type: IgoAppCatalogLibraryToolModule });
     IgoAppCatalogLibraryToolModule.ɵinj = /*@__PURE__*/ i0__namespace.ɵɵdefineInjector({ imports: [[
-                i5.CommonModule,
+                i4.CommonModule,
                 i1.IgoCatalogLibraryModule
             ]] });
     (function () {
@@ -945,7 +944,7 @@
                 type: i0.NgModule,
                 args: [{
                         imports: [
-                            i5.CommonModule,
+                            i4.CommonModule,
                             i1.IgoCatalogLibraryModule
                         ],
                         declarations: [exports.CatalogLibraryToolComponent],
@@ -955,7 +954,7 @@
             }], null, null);
     })();
     (function () {
-        (typeof ngJitMode === "undefined" || ngJitMode) && i0__namespace.ɵɵsetNgModuleScope(IgoAppCatalogLibraryToolModule, { declarations: [exports.CatalogLibraryToolComponent], imports: [i5.CommonModule,
+        (typeof ngJitMode === "undefined" || ngJitMode) && i0__namespace.ɵɵsetNgModuleScope(IgoAppCatalogLibraryToolModule, { declarations: [exports.CatalogLibraryToolComponent], imports: [i4.CommonModule,
                 i1.IgoCatalogLibraryModule], exports: [exports.CatalogLibraryToolComponent] });
     })();
 
@@ -1057,7 +1056,7 @@
             if (rf & 2) {
                 i0__namespace.ɵɵproperty("ngIf", i0__namespace.ɵɵpipeBind1(1, 1, ctx.store$));
             }
-        }, directives: [i5__namespace.NgIf, i1__namespace.CatalogBrowserComponent], pipes: [i5__namespace.AsyncPipe], encapsulation: 2, changeDetection: 0 });
+        }, directives: [i4__namespace.NgIf, i1__namespace.CatalogBrowserComponent], pipes: [i4__namespace.AsyncPipe], encapsulation: 2, changeDetection: 0 });
     exports.CatalogBrowserToolComponent = __decorate([
         i7.ToolComponent({
             name: 'catalogBrowser',
@@ -1090,7 +1089,7 @@
     IgoAppCatalogBrowserToolModule.ɵfac = function IgoAppCatalogBrowserToolModule_Factory(t) { return new (t || IgoAppCatalogBrowserToolModule)(); };
     IgoAppCatalogBrowserToolModule.ɵmod = /*@__PURE__*/ i0__namespace.ɵɵdefineNgModule({ type: IgoAppCatalogBrowserToolModule });
     IgoAppCatalogBrowserToolModule.ɵinj = /*@__PURE__*/ i0__namespace.ɵɵdefineInjector({ imports: [[
-                i5.CommonModule,
+                i4.CommonModule,
                 i1.IgoCatalogBrowserModule
             ]] });
     (function () {
@@ -1098,7 +1097,7 @@
                 type: i0.NgModule,
                 args: [{
                         imports: [
-                            i5.CommonModule,
+                            i4.CommonModule,
                             i1.IgoCatalogBrowserModule
                         ],
                         declarations: [exports.CatalogBrowserToolComponent],
@@ -1108,7 +1107,7 @@
             }], null, null);
     })();
     (function () {
-        (typeof ngJitMode === "undefined" || ngJitMode) && i0__namespace.ɵɵsetNgModuleScope(IgoAppCatalogBrowserToolModule, { declarations: [exports.CatalogBrowserToolComponent], imports: [i5.CommonModule,
+        (typeof ngJitMode === "undefined" || ngJitMode) && i0__namespace.ɵɵsetNgModuleScope(IgoAppCatalogBrowserToolModule, { declarations: [exports.CatalogBrowserToolComponent], imports: [i4.CommonModule,
                 i1.IgoCatalogBrowserModule], exports: [exports.CatalogBrowserToolComponent] });
     })();
 
@@ -1143,39 +1142,57 @@
      * Service that holds the state of the direction module
      */
     var DirectionState = /** @class */ (function () {
-        function DirectionState(mapState, directionsFormService) {
+        function DirectionState(mapState) {
             var _this = this;
             this.mapState = mapState;
-            this.directionsFormService = directionsFormService;
+            this.zoomToActiveRoute$ = new rxjs.Subject();
+            /**
+             * Store that holds the stop
+             */
+            this.stopsStore = new i1.StopsStore([]);
             /**
-             * Store that holds the stop and the driving route
+             * Store that holds the driving stops as feature
              */
-            this.stopsStore = new i1.FeatureStore([], {
+            this.stopsFeatureStore = new i1.StopsFeatureStore([], {
                 map: this.mapState.map
             });
             /**
-             * Store that holds the driving route
+             * Store that holds the driving route as feature
              */
-            this.routeStore = new i1.FeatureStore([], {
+            this.routesFeatureStore = new i1.RoutesFeatureStore([], {
                 map: this.mapState.map
             });
-            this.routeFromFeatureDetail = false;
+            this.stepFeatureStore = new i1.StepFeatureStore([], {
+                map: this.mapState.map
+            });
+            this.debounceTime = 200;
+            this.mapState.map.ol.once('rendercomplete', function () {
+                _this.stopsFeatureStore.empty$.subscribe(function (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(function (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(function () {
                 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());
                 }
             });
         }
-        DirectionState.prototype.setRouteFromFeatureDetail = function (value) {
-            this.routeFromFeatureDetail = value;
-        };
         return DirectionState;
     }());
-    DirectionState.ɵfac = function DirectionState_Factory(t) { return new (t || DirectionState)(i0__namespace.ɵɵinject(MapState), i0__namespace.ɵɵinject(i1__namespace.DirectionsFormService)); };
+    DirectionState.ɵfac = function DirectionState_Factory(t) { return new (t || DirectionState)(i0__namespace.ɵɵinject(MapState)); };
     DirectionState.ɵprov = /*@__PURE__*/ i0__namespace.ɵɵdefineInjectable({ token: DirectionState, factory: DirectionState.ɵfac, providedIn: 'root' });
     (function () {
         (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(DirectionState, [{
@@ -1183,13 +1200,16 @@
                 args: [{
                         providedIn: 'root'
                     }]
-            }], function () { return [{ type: MapState }, { type: i1__namespace.DirectionsFormService }]; }, null);
+            }], function () { return [{ type: MapState }]; }, null);
     })();
 
     exports.DirectionsToolComponent = /** @class */ (function () {
-        function DirectionsToolComponent(directionState, mapState) {
+        function DirectionsToolComponent(directionState, mapState, languageService, messageService, storageService) {
             this.directionState = directionState;
             this.mapState = mapState;
+            this.languageService = languageService;
+            this.messageService = messageService;
+            this.storageService = storageService;
         }
         Object.defineProperty(DirectionsToolComponent.prototype, "stopsStore", {
             /**
@@ -1200,47 +1220,77 @@
             enumerable: false,
             configurable: true
         });
-        Object.defineProperty(DirectionsToolComponent.prototype, "routeStore", {
+        Object.defineProperty(DirectionsToolComponent.prototype, "debounceTime", {
+            get: function () { return this.directionState.debounceTime; },
+            enumerable: false,
+            configurable: true
+        });
+        Object.defineProperty(DirectionsToolComponent.prototype, "stopsFeatureStore", {
+            /**
+             * stops
+             * @internal
+             */
+            get: function () { return this.directionState.stopsFeatureStore; },
+            enumerable: false,
+            configurable: true
+        });
+        Object.defineProperty(DirectionsToolComponent.prototype, "routesFeatureStore", {
             /**
              * routes
              * @internal
              */
-            get: function () { return this.directionState.routeStore; },
+            get: function () { return this.directionState.routesFeatureStore; },
             enumerable: false,
             configurable: true
         });
-        Object.defineProperty(DirectionsToolComponent.prototype, "map", {
+        Object.defineProperty(DirectionsToolComponent.prototype, "stepFeatureStore", {
             /**
-             * Map to measure on
+             * step store
              * @internal
              */
-            get: function () { return this.mapState.map; },
+            get: function () { return this.directionState.stepFeatureStore; },
             enumerable: false,
             configurable: true
         });
-        Object.defineProperty(DirectionsToolComponent.prototype, "routeFromFeatureDetail", {
-            get: function () {
-                return this.directionState.routeFromFeatureDetail;
-            },
+        Object.defineProperty(DirectionsToolComponent.prototype, "zoomToActiveRoute$", {
+            /**
+             * step store
+             * @internal
+             */
+            get: function () { return this.directionState.zoomToActiveRoute$; },
             enumerable: false,
             configurable: true
         });
-        DirectionsToolComponent.prototype.onActiveRouteDescriptionChange = function (directions) {
-            this.directionState.activeRouteDescription = directions;
+        Object.defineProperty(DirectionsToolComponent.prototype, "map", {
+            /**
+             * Map to measure on
+             * @internal
+             */
+            get: function () { return this.mapState.map; },
+            enumerable: false,
+            configurable: true
+        });
+        DirectionsToolComponent.prototype.ngOnInit = function () {
+            var warningShown = this.storageService.get('direction.warning.shown');
+            if (!warningShown) {
+                var translate = this.languageService.translate;
+                var title = translate.instant('igo.integration.directions.warning.title');
+                var msg = translate.instant('igo.integration.directions.warning.message');
+                this.messageService.info(msg, title, { timeOut: 20000 });
+                this.storageService.set('direction.warning.shown', true, i2$2.StorageScope.SESSION);
+            }
         };
         return DirectionsToolComponent;
     }());
-    exports.DirectionsToolComponent.ɵfac = function DirectionsToolComponent_Factory(t) { return new (t || exports.DirectionsToolComponent)(i0__namespace.ɵɵdirectiveInject(DirectionState), i0__namespace.ɵɵdirectiveInject(MapState)); };
-    exports.DirectionsToolComponent.ɵcmp = /*@__PURE__*/ i0__namespace.ɵɵdefineComponent({ type: exports.DirectionsToolComponent, selectors: [["igo-directions-tool"]], decls: 1, vars: 4, consts: [["igoDirectionsFormBinding", "", 3, "stopsStore", "routeStore", "map", "routeFromFeatureDetail", "activeRouteDescription"]], template: function DirectionsToolComponent_Template(rf, ctx) {
+    exports.DirectionsToolComponent.ɵfac = function DirectionsToolComponent_Factory(t) { return new (t || exports.DirectionsToolComponent)(i0__namespace.ɵɵdirectiveInject(DirectionState), i0__namespace.ɵɵdirectiveInject(MapState), i0__namespace.ɵɵdirectiveInject(i2__namespace$2.LanguageService), i0__namespace.ɵɵdirectiveInject(i2__namespace$2.MessageService), i0__namespace.ɵɵdirectiveInject(i2__namespace$2.StorageService)); };
+    exports.DirectionsToolComponent.ɵcmp = /*@__PURE__*/ i0__namespace.ɵɵdefineComponent({ type: exports.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__namespace.ɵɵelementStart(0, "igo-directions-form", 0);
-                i0__namespace.ɵɵlistener("activeRouteDescription", function DirectionsToolComponent_Template_igo_directions_form_activeRouteDescription_0_listener($event) { return ctx.onActiveRouteDescriptionChange($event); });
-                i0__namespace.ɵɵelementEnd();
+                i0__namespace.ɵɵelement(0, "igo-directions", 0);
             }
             if (rf & 2) {
-                i0__namespace.ɵɵproperty("stopsStore", ctx.stopsStore)("routeStore", ctx.routeStore)("map", ctx.map)("routeFromFeatureDetail", ctx.routeFromFeatureDetail);
+                i0__namespace.ɵɵproperty("debounceTime", ctx.debounceTime)("stopsStore", ctx.stopsStore)("stopsFeatureStore", ctx.stopsFeatureStore)("stepFeatureStore", ctx.stepFeatureStore)("routesFeatureStore", ctx.routesFeatureStore)("zoomToActiveRoute$", ctx.zoomToActiveRoute$);
             }
-        }, directives: [i1__namespace.DirectionsFormComponent, i1__namespace.DirectionsFormBindingDirective], encapsulation: 2 });
+        }, directives: [i1__namespace.DirectionsComponent], encapsulation: 2 });
     exports.DirectionsToolComponent = __decorate([
         i7.ToolComponent({
             name: 'directions',
@@ -1255,7 +1305,7 @@
                         selector: 'igo-directions-tool',
                         templateUrl: './directions-tool.component.html'
                     }]
-            }], function () { return [{ type: DirectionState }, { type: MapState }]; }, null);
+            }], function () { return [{ type: DirectionState }, { type: MapState }, { type: i2__namespace$2.LanguageService }, { type: i2__namespace$2.MessageService }, { type: i2__namespace$2.StorageService }]; }, null);
     })();
 
     var IgoAppDirectionsModule = /** @class */ (function () {
@@ -1951,7 +2001,7 @@
             if (rf & 2) {
                 i0__namespace.ɵɵproperty("ngIf", i0__namespace.ɵɵpipeBind1(1, 1, ctx.hasWorkspace$));
             }
-        }, directives: [i5__namespace.NgIf, i3__namespace.MatButton, i4__namespace.MatTooltip, i6__namespace.MatIcon], pipes: [i5__namespace.AsyncPipe, i8__namespace.TranslatePipe], styles: [""], changeDetection: 0 });
+        }, directives: [i4__namespace.NgIf, i3__namespace.MatButton, i4__namespace$1.MatTooltip, i6__namespace.MatIcon], pipes: [i4__namespace.AsyncPipe, i8__namespace.TranslatePipe], styles: [""], changeDetection: 0 });
     (function () {
         (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(WorkspaceButtonComponent, [{
                 type: i0.Component,
@@ -1976,10 +2026,10 @@
     IgoAppWorkspaceModule.ɵfac = function IgoAppWorkspaceModule_Factory(t) { return new (t || IgoAppWorkspaceModule)(); };
     IgoAppWorkspaceModule.ɵmod = /*@__PURE__*/ i0__namespace.ɵɵdefineNgModule({ type: IgoAppWorkspaceModule });
     IgoAppWorkspaceModule.ɵinj = /*@__PURE__*/ i0__namespace.ɵɵdefineInjector({ imports: [[
-                i5.CommonModule,
+                i4.CommonModule,
                 i6.MatIconModule,
                 i3.MatButtonModule,
-                i4.MatTooltipModule,
+                i4$1.MatTooltipModule,
                 i2$2.IgoLanguageModule
             ]] });
     (function () {
@@ -1987,10 +2037,10 @@
                 type: i0.NgModule,
                 args: [{
                         imports: [
-                            i5.CommonModule,
+                            i4.CommonModule,
                             i6.MatIconModule,
                             i3.MatButtonModule,
-                            i4.MatTooltipModule,
+                            i4$1.MatTooltipModule,
                             i2$2.IgoLanguageModule
                         ],
                         declarations: [WorkspaceButtonComponent],
@@ -1999,10 +2049,10 @@
             }], null, null);
     })();
     (function () {
-        (typeof ngJitMode === "undefined" || ngJitMode) && i0__namespace.ɵɵsetNgModuleScope(IgoAppWorkspaceModule, { declarations: [WorkspaceButtonComponent], imports: [i5.CommonModule,
+        (typeof ngJitMode === "undefined" || ngJitMode) && i0__namespace.ɵɵsetNgModuleScope(IgoAppWorkspaceModule, { declarations: [WorkspaceButtonComponent], imports: [i4.CommonModule,
                 i6.MatIconModule,
                 i3.MatButtonModule,
-                i4.MatTooltipModule,
+                i4$1.MatTooltipModule,
                 i2$2.IgoLanguageModule], exports: [WorkspaceButtonComponent] });
     })();
 
@@ -2132,7 +2182,7 @@
                 i0__namespace.ɵɵadvance(1);
                 i0__namespace.ɵɵproperty("ngIf", !ctx.importExportShowBothType && ctx.importExportType === "context");
             }
-        }, directives: [i5__namespace.NgIf, i5__namespace$1.MatTabGroup, i5__namespace$1.MatTab, i1__namespace.ImportExportComponent, i2__namespace.ContextImportExportComponent], pipes: [i8__namespace.TranslatePipe, i5__namespace.AsyncPipe], styles: ["mat-form-field[_ngcontent-%COMP%]{width:100%}"], changeDetection: 0 });
+        }, directives: [i4__namespace.NgIf, i5__namespace.MatTabGroup, i5__namespace.MatTab, i1__namespace.ImportExportComponent, i2__namespace.ContextImportExportComponent], pipes: [i8__namespace.TranslatePipe, i4__namespace.AsyncPipe], styles: ["mat-form-field[_ngcontent-%COMP%]{width:100%}"], changeDetection: 0 });
     exports.ImportExportToolComponent = __decorate([
         i7.ToolComponent({
             name: 'importExport',
@@ -2176,10 +2226,10 @@
     IgoAppImportExportModule.ɵinj = /*@__PURE__*/ i0__namespace.ɵɵdefineInjector({ imports: [[
                 i1.IgoImportExportModule,
                 i2.IgoContextImportExportModule,
-                i5.CommonModule,
+                i4.CommonModule,
                 i2$2.IgoLanguageModule,
                 buttonToggle.MatButtonToggleModule,
-                i5$1.MatTabsModule
+                i5.MatTabsModule
             ]] });
     (function () {
         (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(IgoAppImportExportModule, [{
@@ -2188,10 +2238,10 @@
                         imports: [
                             i1.IgoImportExportModule,
                             i2.IgoContextImportExportModule,
-                            i5.CommonModule,
+                            i4.CommonModule,
                             i2$2.IgoLanguageModule,
                             buttonToggle.MatButtonToggleModule,
-                            i5$1.MatTabsModule
+                            i5.MatTabsModule
                         ],
                         declarations: [exports.ImportExportToolComponent],
                         exports: [exports.ImportExportToolComponent],
@@ -2202,10 +2252,10 @@
     (function () {
         (typeof ngJitMode === "undefined" || ngJitMode) && i0__namespace.ɵɵsetNgModuleScope(IgoAppImportExportModule, { declarations: [exports.ImportExportToolComponent], imports: [i1.IgoImportExportModule,
                 i2.IgoContextImportExportModule,
-                i5.CommonModule,
+                i4.CommonModule,
                 i2$2.IgoLanguageModule,
                 buttonToggle.MatButtonToggleModule,
-                i5$1.MatTabsModule], exports: [exports.ImportExportToolComponent] });
+                i5.MatTabsModule], exports: [exports.ImportExportToolComponent] });
     })();
 
     function MapDetailsToolComponent_igo_layer_list_0_ng_template_1_Template(rf, ctx) {
@@ -2489,7 +2539,7 @@
                 var _r1 = i0__namespace.ɵɵreference(3);
                 i0__namespace.ɵɵproperty("ngIf", i0__namespace.ɵɵpipeBind1(1, 2, ctx.layers$).length)("ngIfElse", _r1);
             }
-        }, directives: [i5__namespace.NgIf, i1__namespace.LayerListComponent, i1__namespace.LayerListBindingDirective, WorkspaceButtonComponent, i1__namespace.ExportButtonComponent, i1__namespace.OgcFilterButtonComponent, i1__namespace.TimeFilterButtonComponent, i1__namespace.TrackFeatureButtonComponent, i1__namespace.MetadataButtonComponent, i7__namespace$1.MatList, i7__namespace$1.MatListItem, i6__namespace.MatIcon, i7__namespace$1.MatListIconCssMatStyler, i8__namespace$1.MatLine], pipes: [i5__namespace.AsyncPipe, i8__namespace.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__namespace.NgIf, i1__namespace.LayerListComponent, i1__namespace.LayerListBindingDirective, WorkspaceButtonComponent, i1__namespace.ExportButtonComponent, i1__namespace.OgcFilterButtonComponent, i1__namespace.TimeFilterButtonComponent, i1__namespace.TrackFeatureButtonComponent, i1__namespace.MetadataButtonComponent, i7__namespace$1.MatList, i7__namespace$1.MatListItem, i6__namespace.MatIcon, i7__namespace$1.MatListIconCssMatStyler, i8__namespace$1.MatLine], pipes: [i4__namespace.AsyncPipe, i8__namespace.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}"] });
     exports.MapDetailsToolComponent = __decorate([
         i7.ToolComponent({
             name: 'mapDetails',
@@ -2638,7 +2688,7 @@
                 i0__namespace.ɵɵadvance(3);
                 i0__namespace.ɵɵproperty("label", i0__namespace.ɵɵpipeBind1(7, 12, "igo.integration.tools.contexts"));
             }
-        }, directives: [i5__namespace$1.MatTabGroup, i5__namespace$1.MatTab, i1__namespace.LayerListComponent, i1__namespace.LayerListBindingDirective, i2__namespace.ContextListComponent, i2__namespace.ContextListBindingDirective, WorkspaceButtonComponent, i1__namespace.ExportButtonComponent, i1__namespace.OgcFilterButtonComponent, i1__namespace.TimeFilterButtonComponent, i1__namespace.TrackFeatureButtonComponent, i1__namespace.MetadataButtonComponent], pipes: [i8__namespace.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__namespace.MatTabGroup, i5__namespace.MatTab, i1__namespace.LayerListComponent, i1__namespace.LayerListBindingDirective, i2__namespace.ContextListComponent, i2__namespace.ContextListBindingDirective, WorkspaceButtonComponent, i1__namespace.ExportButtonComponent, i1__namespace.OgcFilterButtonComponent, i1__namespace.TimeFilterButtonComponent, i1__namespace.TrackFeatureButtonComponent, i1__namespace.MetadataButtonComponent], pipes: [i8__namespace.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 });
     exports.MapToolComponent = __decorate([
         i7.ToolComponent({
             name: 'map',
@@ -3190,7 +3240,7 @@
                 i0__namespace.ɵɵadvance(2);
                 i0__namespace.ɵɵproperty("ngIf", !ctx.allowShowAllLegends && i0__namespace.ɵɵpipeBind1(13, 19, ctx.layers$).length !== 0 && i0__namespace.ɵɵpipeBind1(14, 21, ctx.visibleOrInRangeLayers$).length === 0);
             }
-        }, directives: [i5__namespace$1.MatTabGroup, i5__namespace$1.MatTab, i5__namespace.NgIf, i1__namespace.LayerListComponent, i1__namespace.LayerListBindingDirective, i1__namespace.MetadataButtonComponent, i1__namespace.TrackFeatureButtonComponent, WorkspaceButtonComponent, i1__namespace.TimeFilterButtonComponent, i1__namespace.OgcFilterButtonComponent, i1__namespace.ExportButtonComponent, i1__namespace.LayerLegendListComponent, i1__namespace.LayerLegendListBindingDirective, i7__namespace$1.MatList, i7__namespace$1.MatListItem, i6__namespace.MatIcon, i7__namespace$1.MatListIconCssMatStyler, i8__namespace$1.MatLine], pipes: [i5__namespace.AsyncPipe, i8__namespace.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__namespace.MatTabGroup, i5__namespace.MatTab, i4__namespace.NgIf, i1__namespace.LayerListComponent, i1__namespace.LayerListBindingDirective, i1__namespace.MetadataButtonComponent, i1__namespace.TrackFeatureButtonComponent, WorkspaceButtonComponent, i1__namespace.TimeFilterButtonComponent, i1__namespace.OgcFilterButtonComponent, i1__namespace.ExportButtonComponent, i1__namespace.LayerLegendListComponent, i1__namespace.LayerLegendListBindingDirective, i7__namespace$1.MatList, i7__namespace$1.MatListItem, i6__namespace.MatIcon, i7__namespace$1.MatListIconCssMatStyler, i8__namespace$1.MatLine], pipes: [i4__namespace.AsyncPipe, i8__namespace.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 });
     exports.MapToolsComponent = __decorate([
         i7.ToolComponent({
             name: 'mapTools',
@@ -3540,7 +3590,7 @@
                 i0__namespace.ɵɵadvance(2);
                 i0__namespace.ɵɵproperty("ngIf", !ctx.allowShowAllLegends && i0__namespace.ɵɵpipeBind1(4, 6, ctx.layers$).length !== 0 && i0__namespace.ɵɵpipeBind1(5, 8, ctx.visibleOrInRangeLayers$).length === 0);
             }
-        }, directives: [i5__namespace.NgIf, i1__namespace.LayerLegendListComponent, i1__namespace.LayerLegendListBindingDirective, i7__namespace$1.MatList, i7__namespace$1.MatListItem, i6__namespace.MatIcon, i7__namespace$1.MatListIconCssMatStyler, i8__namespace$1.MatLine], pipes: [i5__namespace.AsyncPipe, i8__namespace.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__namespace.NgIf, i1__namespace.LayerLegendListComponent, i1__namespace.LayerLegendListBindingDirective, i7__namespace$1.MatList, i7__namespace$1.MatListItem, i6__namespace.MatIcon, i7__namespace$1.MatListIconCssMatStyler, i8__namespace$1.MatLine], pipes: [i4__namespace.AsyncPipe, i8__namespace.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}"] });
     exports.MapLegendToolComponent = __decorate([
         i7.ToolComponent({
             name: 'mapLegend',
@@ -3806,7 +3856,7 @@
                 var _r1 = i0__namespace.ɵɵreference(2);
                 i0__namespace.ɵɵproperty("ngIf", ctx.userControlledLayerList.length)("ngIfElse", _r1);
             }
-        }, directives: [i5__namespace.NgIf, i3__namespace$1.ɵNgNoValidate, i3__namespace$1.NgControlStatusGroup, i3__namespace$1.FormGroupDirective, i6__namespace$1.MatFormField, i6__namespace$1.MatLabel, i7__namespace$2.MatSelect, i3__namespace$1.NgControlStatus, i3__namespace$1.FormControlName, i8__namespace$1.MatOption, i9__namespace.MatDivider, i5__namespace.NgForOf, i10__namespace.MatSlideToggle, i7__namespace$1.MatList, i7__namespace$1.MatListItem, i6__namespace.MatIcon, i7__namespace$1.MatListIconCssMatStyler, i8__namespace$1.MatLine], pipes: [i8__namespace.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__namespace.NgIf, i3__namespace$1.ɵNgNoValidate, i3__namespace$1.NgControlStatusGroup, i3__namespace$1.FormGroupDirective, i6__namespace$1.MatFormField, i6__namespace$1.MatLabel, i7__namespace$2.MatSelect, i3__namespace$1.NgControlStatus, i3__namespace$1.FormControlName, i8__namespace$1.MatOption, i9__namespace.MatDivider, i4__namespace.NgForOf, i10__namespace.MatSlideToggle, i7__namespace$1.MatList, i7__namespace$1.MatListItem, i6__namespace.MatIcon, i7__namespace$1.MatListIconCssMatStyler, i8__namespace$1.MatLine], pipes: [i8__namespace.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__namespace.ɵsetClassMetadata(AdvancedSwipeComponent, [{
                 type: i0.Component,
@@ -3896,6 +3946,7 @@
             this.storageService = storageService;
             this.config = config;
             this.formBuilder = formBuilder;
+            this.formattedScale$ = new rxjs.BehaviorSubject('');
             this.projections$ = new rxjs.BehaviorSubject([]);
             this.center = this.storageService.get('centerToggle');
             this.inMtmZone = true;
@@ -3944,6 +3995,7 @@
             var _this = this;
             this.mapState$$ = rxjs.combineLatest([this.map.viewController.state$.pipe(operators.debounceTime(50)), this.form.valueChanges])
                 .subscribe(function () {
+                _this.setScaleValue(_this.map);
                 _this.currentCenterDefaultProj = _this.map.viewController.getCenter(_this.defaultProj.code);
                 var currentMtmZone = i1.zoneMtm(_this.currentCenterDefaultProj[0]);
                 var currentUtmZone = i1.zoneUtm(_this.currentCenterDefaultProj[0]);
@@ -3982,6 +4034,9 @@
             this.map.mapCenter$.next(false);
             this.mapState$$.unsubscribe();
         };
+        AdvancedCoordinatesComponent.prototype.setScaleValue = function (map) {
+            this.formattedScale$.next(': ~ 1 / ' + i1.formatScale(map.viewController.getScale()));
+        };
         /**
          * Coordinates of the center of the map on the appropriate systeme of coordinates
          * @returns Array of two numbers
@@ -4228,7 +4283,7 @@
         return AdvancedCoordinatesComponent;
     }());
     AdvancedCoordinatesComponent.ɵfac = function AdvancedCoordinatesComponent_Factory(t) { return new (t || AdvancedCoordinatesComponent)(i0__namespace.ɵɵdirectiveInject(MapState), i0__namespace.ɵɵdirectiveInject(i2__namespace$2.LanguageService), i0__namespace.ɵɵdirectiveInject(i2__namespace$2.MessageService), i0__namespace.ɵɵdirectiveInject(i0__namespace.ChangeDetectorRef), i0__namespace.ɵɵdirectiveInject(i2__namespace$2.StorageService), i0__namespace.ɵɵdirectiveInject(i2__namespace$2.ConfigService), i0__namespace.ɵɵdirectiveInject(i3__namespace$1.FormBuilder)); };
-    AdvancedCoordinatesComponent.ɵcmp = /*@__PURE__*/ i0__namespace.ɵɵ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) {
+    AdvancedCoordinatesComponent.ɵcmp = /*@__PURE__*/ i0__namespace.ɵɵ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__namespace.ɵɵtemplate(0, AdvancedCoordinatesComponent_mat_form_field_0_Template, 4, 4, "mat-form-field", 0);
                 i0__namespace.ɵɵtemplate(1, AdvancedCoordinatesComponent_ng_template_1_Template, 4, 4, "ng-template", null, 1, i0__namespace.ɵɵtemplateRefExtractor);
@@ -4262,6 +4317,16 @@
                 i0__namespace.ɵɵtext(22);
                 i0__namespace.ɵɵpipe(23, "translate");
                 i0__namespace.ɵɵelementEnd();
+                i0__namespace.ɵɵelementStart(24, "p", 11);
+                i0__namespace.ɵɵtext(25);
+                i0__namespace.ɵɵpipe(26, "translate");
+                i0__namespace.ɵɵpipe(27, "async");
+                i0__namespace.ɵɵelementEnd();
+                i0__namespace.ɵɵelementStart(28, "p", 11);
+                i0__namespace.ɵɵtext(29);
+                i0__namespace.ɵɵpipe(30, "translate");
+                i0__namespace.ɵɵpipe(31, "number");
+                i0__namespace.ɵɵelementEnd();
             }
             if (rf & 2) {
                 var _r1 = i0__namespace.ɵɵreference(2);
@@ -4270,23 +4335,27 @@
                 i0__namespace.ɵɵadvance(3);
                 i0__namespace.ɵɵproperty("ngIf", ctx.units)("ngIfElse", _r4);
                 i0__namespace.ɵɵadvance(5);
-                i0__namespace.ɵɵtextInterpolate1(" ", i0__namespace.ɵɵpipeBind1(9, 14, "igo.integration.advanced-map-tool.advanced-coordinates.copy"), "\n");
+                i0__namespace.ɵɵtextInterpolate1(" ", i0__namespace.ɵɵpipeBind1(9, 18, "igo.integration.advanced-map-tool.advanced-coordinates.copy"), "\n");
                 i0__namespace.ɵɵadvance(2);
                 i0__namespace.ɵɵproperty("formGroup", ctx.form);
                 i0__namespace.ɵɵadvance(3);
-                i0__namespace.ɵɵtextInterpolate(i0__namespace.ɵɵpipeBind1(14, 16, "igo.integration.advanced-map-tool.advanced-coordinates.coordSystem"));
+                i0__namespace.ɵɵtextInterpolate(i0__namespace.ɵɵpipeBind1(14, 20, "igo.integration.advanced-map-tool.advanced-coordinates.coordSystem"));
                 i0__namespace.ɵɵadvance(2);
                 i0__namespace.ɵɵproperty("value", ctx.inputProj);
                 i0__namespace.ɵɵadvance(1);
-                i0__namespace.ɵɵproperty("ngForOf", i0__namespace.ɵɵpipeBind1(17, 18, ctx.projections$));
+                i0__namespace.ɵɵproperty("ngForOf", i0__namespace.ɵɵpipeBind1(17, 22, ctx.projections$));
                 i0__namespace.ɵɵadvance(2);
                 i0__namespace.ɵɵproperty("checked", ctx.center)("labelPosition", "before");
                 i0__namespace.ɵɵadvance(1);
-                i0__namespace.ɵɵtextInterpolate1(" ", i0__namespace.ɵɵpipeBind1(20, 20, "igo.integration.advanced-map-tool.advanced-coordinates.center"), " ");
+                i0__namespace.ɵɵtextInterpolate1(" ", i0__namespace.ɵɵpipeBind1(20, 24, "igo.integration.advanced-map-tool.advanced-coordinates.center"), " ");
                 i0__namespace.ɵɵadvance(3);
-                i0__namespace.ɵɵtextInterpolate2("", i0__namespace.ɵɵpipeBind1(23, 22, "igo.integration.advanced-map-tool.advanced-coordinates.zoom"), " ", ctx.map.getZoom(), "");
+                i0__namespace.ɵɵtextInterpolate2("", i0__namespace.ɵɵpipeBind1(23, 26, "igo.integration.advanced-map-tool.advanced-coordinates.zoom"), " ", ctx.map.viewController.getZoom(), "");
+                i0__namespace.ɵɵadvance(3);
+                i0__namespace.ɵɵtextInterpolate2("", i0__namespace.ɵɵpipeBind1(26, 28, "igo.integration.advanced-map-tool.advanced-coordinates.scale"), " ", i0__namespace.ɵɵpipeBind1(27, 30, ctx.formattedScale$), "");
+                i0__namespace.ɵɵadvance(4);
+                i0__namespace.ɵɵtextInterpolate2("", i0__namespace.ɵɵpipeBind1(30, 32, "igo.integration.advanced-map-tool.advanced-coordinates.resolution"), " ", i0__namespace.ɵɵpipeBind2(31, 34, ctx.map.viewController.getResolution(), "1.0-0"), "");
             }
-        }, directives: [i5__namespace.NgIf, i3__namespace.MatButton, i6__namespace.MatIcon, i3__namespace$1.ɵNgNoValidate, i3__namespace$1.NgControlStatusGroup, i3__namespace$1.FormGroupDirective, i6__namespace$1.MatFormField, i6__namespace$1.MatLabel, i7__namespace$2.MatSelect, i5__namespace.NgForOf, i10__namespace.MatSlideToggle, i10__namespace$1.MatInput, i8__namespace$1.MatOption], pipes: [i8__namespace.TranslatePipe, i5__namespace.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}"] });
+        }, directives: [i4__namespace.NgIf, i3__namespace.MatButton, i6__namespace.MatIcon, i3__namespace$1.ɵNgNoValidate, i3__namespace$1.NgControlStatusGroup, i3__namespace$1.FormGroupDirective, i6__namespace$1.MatFormField, i6__namespace$1.MatLabel, i7__namespace$2.MatSelect, i4__namespace.NgForOf, i10__namespace.MatSlideToggle, i10__namespace$1.MatInput, i8__namespace$1.MatOption], pipes: [i8__namespace.TranslatePipe, i4__namespace.AsyncPipe, i4__namespace.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__namespace.ɵsetClassMetadata(AdvancedCoordinatesComponent, [{
                 type: i0.Component,
@@ -4303,7 +4372,6 @@
     exports.AdvancedMapToolComponent = /** @class */ (function () {
         function AdvancedMapToolComponent() {
         }
-        AdvancedMapToolComponent.prototype.ngOnInit = function () { };
         return AdvancedMapToolComponent;
     }());
     exports.AdvancedMapToolComponent.ɵfac = function AdvancedMapToolComponent_Factory(t) { return new (t || exports.AdvancedMapToolComponent)(); };
@@ -4374,8 +4442,8 @@
                 i10$1.MatInputModule,
                 checkbox.MatCheckboxModule,
                 i7.IgoSpinnerModule,
-                i5.CommonModule,
-                i5$1.MatTabsModule,
+                i4.CommonModule,
+                i5.MatTabsModule,
                 i7$1.MatListModule,
                 i6.MatIconModule,
                 i2$2.IgoLanguageModule,
@@ -4389,7 +4457,7 @@
                 i10.MatSlideToggleModule,
                 i6$2.MatMenuModule,
                 i3.MatButtonModule,
-                i4.MatTooltipModule
+                i4$1.MatTooltipModule
             ]] });
     (function () {
         (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(IgoAppMapModule, [{
@@ -4406,8 +4474,8 @@
                             i10$1.MatInputModule,
                             checkbox.MatCheckboxModule,
                             i7.IgoSpinnerModule,
-                            i5.CommonModule,
-                            i5$1.MatTabsModule,
+                            i4.CommonModule,
+                            i5.MatTabsModule,
                             i7$1.MatListModule,
                             i6.MatIconModule,
                             i2$2.IgoLanguageModule,
@@ -4421,7 +4489,7 @@
                             i10.MatSlideToggleModule,
                             i6$2.MatMenuModule,
                             i3.MatButtonModule,
-                            i4.MatTooltipModule
+                            i4$1.MatTooltipModule
                         ],
                         declarations: [exports.AdvancedMapToolComponent, exports.MapToolComponent,
                             exports.MapToolsComponent, exports.MapDetailsToolComponent, exports.MapLegendToolComponent, AdvancedSwipeComponent, AdvancedCoordinatesComponent],
@@ -4442,8 +4510,8 @@
                 i10$1.MatInputModule,
                 checkbox.MatCheckboxModule,
                 i7.IgoSpinnerModule,
-                i5.CommonModule,
-                i5$1.MatTabsModule,
+                i4.CommonModule,
+                i5.MatTabsModule,
                 i7$1.MatListModule,
                 i6.MatIconModule,
                 i2$2.IgoLanguageModule,
@@ -4457,7 +4525,7 @@
                 i10.MatSlideToggleModule,
                 i6$2.MatMenuModule,
                 i3.MatButtonModule,
-                i4.MatTooltipModule], exports: [exports.AdvancedMapToolComponent, exports.MapToolComponent, exports.MapToolsComponent, exports.MapDetailsToolComponent, exports.MapLegendToolComponent] });
+                i4$1.MatTooltipModule], exports: [exports.AdvancedMapToolComponent, exports.MapToolComponent, exports.MapToolsComponent, exports.MapDetailsToolComponent, exports.MapLegendToolComponent] });
     })();
 
     /**
@@ -4927,7 +4995,7 @@
             var ctx_r7 = i0__namespace.ɵɵnextContext(3);
             i0__namespace.ɵɵproperty("matTooltip", i0__namespace.ɵɵpipeBind1(1, 3, i0__namespace.ɵɵpipeBind1(2, 5, ctx_r7.isSelectedResultOutOfView$) ? "igo.integration.searchResultsTool.zoomOnFeatureTooltipOutOfView" : "igo.integration.searchResultsTool.zoomOnFeatureTooltip"));
             i0__namespace.ɵɵadvance(3);
-            i0__namespace.ɵɵproperty("matBadge", i0__namespace.ɵɵpipeBind1(4, 7, ctx_r7.isSelectedResultOutOfView$) ? "!" : "")("matBadgeHidden", !i0__namespace.ɵɵpipeBind1(5, 9, ctx_r7.isSelectedResultOutOfView$));
+            i0__namespace.ɵɵproperty("matBadge", i0__namespace.ɵɵpipeBind1(4, 7, ctx_r7.isSelectedResultOutOfView$) ? "!" : "")("matBadgeHidden", i0__namespace.ɵɵpipeBind1(5, 9, ctx_r7.isSelectedResultOutOfView$) === false);
         }
     }
     function SearchResultsToolComponent_igo_flexible_1_igo_panel_8_Template(rf, ctx) {
@@ -4941,7 +5009,7 @@
             i0__namespace.ɵɵelementEnd();
             i0__namespace.ɵɵtemplate(4, SearchResultsToolComponent_igo_flexible_1_igo_panel_8_button_4_Template, 6, 11, "button", 16);
             i0__namespace.ɵɵelementStart(5, "igo-feature-details", 17);
-            i0__namespace.ɵɵlistener("routingEvent", function SearchResultsToolComponent_igo_flexible_1_igo_panel_8_Template_igo_feature_details_routingEvent_5_listener($event) { i0__namespace.ɵɵrestoreView(_r11_1); var ctx_r12 = i0__namespace.ɵɵnextContext(2); return ctx_r12.getRoute($event); });
+            i0__namespace.ɵɵlistener("routingEvent", function SearchResultsToolComponent_igo_flexible_1_igo_panel_8_Template_igo_feature_details_routingEvent_5_listener() { i0__namespace.ɵɵrestoreView(_r11_1); var ctx_r12 = i0__namespace.ɵɵnextContext(2); return ctx_r12.getRoute(); });
             i0__namespace.ɵɵpipe(6, "async");
             i0__namespace.ɵɵelementEnd();
             i0__namespace.ɵɵelementEnd();
@@ -5005,7 +5073,7 @@
             this.term = '';
             this.settingsChange$ = new rxjs.BehaviorSubject(undefined);
             this.topPanelState$ = new rxjs.BehaviorSubject('initial');
-            this.format = new olFormatGeoJSON__default['default']();
+            this.format = new olFormatGeoJSON__default["default"]();
             this.hasFeatureEmphasisOnSelection = configService.getConfig('hasFeatureEmphasisOnSelection');
         }
         Object.defineProperty(SearchResultsToolComponent.prototype, "store", {
@@ -5188,9 +5256,9 @@
                 var extent = olGeometry.getExtent();
                 var x = extent[0] + (extent[2] - extent[0]) / 2;
                 var y = extent[1] + (extent[3] - extent[1]) / 2;
-                var feature1 = new olFeature__default['default']({
+                var feature1 = new olFeature__default["default"]({
                     name: trigger + "AbstractResult'",
-                    geometry: new olPoint__default['default']([x, y])
+                    geometry: new olPoint__default["default"]([x, y])
                 });
                 var abstractResult = i1.featureFromOl(feature1, this.map.projection);
                 var computedStyle = void 0;
@@ -5249,6 +5317,9 @@
             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
@@ -5365,7 +5436,7 @@
             var items = document.getElementsByTagName('igo-search-results-item');
             var igoList = this.elRef.nativeElement.getElementsByTagName('igo-list')[0];
             var selectedItem;
-            // tslint:disable-next-line
+            // eslint-disable-next-line
             for (var i = 0; i < items.length; i++) {
                 if (items[i].className.includes('igo-list-item-selected')) {
                     selectedItem = items[i];
@@ -5423,11 +5494,35 @@
             var elemBottom = elemTop + elem.clientHeight + padding;
             return elemBottom <= docViewBottom && elemTop >= docViewTop;
         };
-        SearchResultsToolComponent.prototype.getRoute = function (features) {
+        SearchResultsToolComponent.prototype.getRoute = function () {
+            var _this = this;
             this.toolState.toolbox.activateTool('directions');
-            this.directionState.stopsStore.clear();
-            this.directionState.setRouteFromFeatureDetail(true);
-            this.directionState.stopsStore.insertMany(features);
+            this.directionState.stopsStore.clearStops();
+            setTimeout(function () {
+                var routingCoordLoaded = false;
+                if (_this.getRoute$$) {
+                    _this.getRoute$$.unsubscribe();
+                }
+                _this.getRoute$$ = _this.directionState.stopsStore.storeInitialized$.subscribe(function (init) {
+                    if (_this.directionState.stopsStore.storeInitialized$.value && !routingCoordLoaded) {
+                        routingCoordLoaded = true;
+                        var stop = _this.directionState.stopsStore.all().find(function (e) { return e.position === 1; });
+                        var coord = void 0;
+                        if (_this.feature.geometry) {
+                            if (_this.feature.geometry.type === 'Point') {
+                                coord = [_this.feature.geometry.coordinates[0], _this.feature.geometry.coordinates[1]];
+                            }
+                            else {
+                                var point = pointOnFeature__default["default"](_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);
         };
         return SearchResultsToolComponent;
     }());
@@ -5441,9 +5536,9 @@
             if (rf & 2) {
                 i0__namespace.ɵɵproperty("ngIf", !ctx.store || ctx.store.stateView.empty);
                 i0__namespace.ɵɵadvance(1);
-                i0__namespace.ɵɵproperty("ngIf", ctx.store && !i0__namespace.ɵɵpipeBind1(2, 2, ctx.store.stateView.empty$));
+                i0__namespace.ɵɵproperty("ngIf", ctx.store && i0__namespace.ɵɵpipeBind1(2, 2, ctx.store.stateView.empty$) === false);
             }
-        }, directives: [i5__namespace.NgIf, i7__namespace.FlexibleComponent, i1__namespace.SearchResultsComponent, i1__namespace.SearchResultAddButtonComponent, i7__namespace.PanelComponent, i3__namespace.MatButton, i6__namespace.MatIcon, i1__namespace.FeatureDetailsComponent, i1__namespace.FeatureDetailsDirective, i4__namespace.MatTooltip, i12__namespace.MatBadge], pipes: [i5__namespace.AsyncPipe, i8__namespace.TranslatePipe, i7__namespace.SanitizeHtmlPipe], encapsulation: 2, changeDetection: 0 });
+        }, directives: [i4__namespace.NgIf, i7__namespace.FlexibleComponent, i1__namespace.SearchResultsComponent, i1__namespace.SearchResultAddButtonComponent, i7__namespace.PanelComponent, i3__namespace.MatButton, i6__namespace.MatIcon, i1__namespace.FeatureDetailsComponent, i1__namespace.FeatureDetailsDirective, i4__namespace$1.MatTooltip, i12__namespace.MatBadge], pipes: [i4__namespace.AsyncPipe, i8__namespace.TranslatePipe, i7__namespace.SanitizeHtmlPipe], encapsulation: 2, changeDetection: 0 });
     exports.SearchResultsToolComponent = __decorate([
         i7.ToolComponent({
             name: 'searchResults',
@@ -5477,10 +5572,10 @@
     IgoAppSearchResultsToolModule.ɵfac = function IgoAppSearchResultsToolModule_Factory(t) { return new (t || IgoAppSearchResultsToolModule)(); };
     IgoAppSearchResultsToolModule.ɵmod = /*@__PURE__*/ i0__namespace.ɵɵdefineNgModule({ type: IgoAppSearchResultsToolModule });
     IgoAppSearchResultsToolModule.ɵinj = /*@__PURE__*/ i0__namespace.ɵɵdefineInjector({ imports: [[
-                i5.CommonModule,
+                i4.CommonModule,
                 i6.MatIconModule,
                 i12.MatBadgeModule,
-                i4.MatTooltipModule,
+                i4$1.MatTooltipModule,
                 i3.MatButtonModule,
                 i2$2.IgoLanguageModule,
                 i1.IgoFeatureModule,
@@ -5495,10 +5590,10 @@
                 type: i0.NgModule,
                 args: [{
                         imports: [
-                            i5.CommonModule,
+                            i4.CommonModule,
                             i6.MatIconModule,
                             i12.MatBadgeModule,
-                            i4.MatTooltipModule,
+                            i4$1.MatTooltipModule,
                             i3.MatButtonModule,
                             i2$2.IgoLanguageModule,
                             i1.IgoFeatureModule,
@@ -5515,10 +5610,10 @@
             }], null, null);
     })();
     (function () {
-        (typeof ngJitMode === "undefined" || ngJitMode) && i0__namespace.ɵɵsetNgModuleScope(IgoAppSearchResultsToolModule, { declarations: [exports.SearchResultsToolComponent], imports: [i5.CommonModule,
+        (typeof ngJitMode === "undefined" || ngJitMode) && i0__namespace.ɵɵsetNgModuleScope(IgoAppSearchResultsToolModule, { declarations: [exports.SearchResultsToolComponent], imports: [i4.CommonModule,
                 i6.MatIconModule,
                 i12.MatBadgeModule,
-                i4.MatTooltipModule,
+                i4$1.MatTooltipModule,
                 i3.MatButtonModule,
                 i2$2.IgoLanguageModule,
                 i1.IgoFeatureModule,
@@ -5646,7 +5741,7 @@
             this.buffer = 0;
             this.iterator = 1;
             this.selectedFeature$ = new rxjs.BehaviorSubject(undefined);
-            this.format = new olFormatGeoJSON__default['default']();
+            this.format = new olFormatGeoJSON__default["default"]();
             this.store = new i7.EntityStore([]); // Store to print results at the end
             this.spatialListStore = new i7.EntityStore([]);
             this.loading = false;
@@ -5696,10 +5791,13 @@
         SpatialFilterToolComponent.prototype.activateExportTool = function () {
             var e_2, _e;
             var ids = [];
+            var re = new RegExp('^Zone \\d+');
             try {
                 for (var _f = __values(this.layers), _g = _f.next(); !_g.done; _g = _f.next()) {
                     var layer = _g.value;
-                    ids.push(layer.id);
+                    if (!layer.title.match(re)) {
+                        ids.push(layer.id);
+                    }
                 }
             }
             catch (e_2_1) { e_2 = { error: e_2_1 }; }
@@ -5713,12 +5811,12 @@
             this.importExportState.setsExportOptions({ layers: ids });
             this.toolState.toolbox.activateTool('importExport');
         };
-        SpatialFilterToolComponent.prototype.activateWorkspace = function () {
+        SpatialFilterToolComponent.prototype.activateWorkspace = function (record) {
             var _this = this;
             var layerToOpenWks;
             this.workspaceState.store.entities$.pipe(operators.takeUntil(this.unsubscribe$)).subscribe(function () {
                 var e_3, _e;
-                if (_this.activeLayers.length && _this.workspaceState.store.all().length > 1) {
+                if (!record && _this.activeLayers.length && _this.workspaceState.store.all().length > 1) {
                     if (_this.itemType === i1.SpatialFilterItemType.Thematics) {
                         var _loop_1 = function (thematic) {
                             if (!thematic.zeroResults) {
@@ -5755,6 +5853,22 @@
                         _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', function () {
+                        _this.selectWorkspaceEntity(record);
+                    });
+                }
+            });
+        };
+        SpatialFilterToolComponent.prototype.selectWorkspaceEntity = function (record) {
+            var _this = this;
+            this.workspaceState.store.all().forEach(function (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 });
+                }
             });
         };
         SpatialFilterToolComponent.prototype.loadFilterList = function () {
@@ -6201,14 +6315,14 @@
         return SpatialFilterToolComponent;
     }());
     exports.SpatialFilterToolComponent.ɵfac = function SpatialFilterToolComponent_Factory(t) { return new (t || exports.SpatialFilterToolComponent)(i0__namespace.ɵɵdirectiveInject(i6__namespace.MatIconRegistry), i0__namespace.ɵɵdirectiveInject(i1__namespace.SpatialFilterService), i0__namespace.ɵɵdirectiveInject(i1__namespace.DataSourceService), i0__namespace.ɵɵdirectiveInject(i1__namespace.LayerService), i0__namespace.ɵɵdirectiveInject(MapState), i0__namespace.ɵɵdirectiveInject(i2__namespace$2.MessageService), i0__namespace.ɵɵdirectiveInject(i2__namespace$2.LanguageService), i0__namespace.ɵɵdirectiveInject(ImportExportState), i0__namespace.ɵɵdirectiveInject(ToolState), i0__namespace.ɵɵdirectiveInject(WorkspaceState), i0__namespace.ɵɵdirectiveInject(i0__namespace.ChangeDetectorRef)); };
-    exports.SpatialFilterToolComponent.ɵcmp = /*@__PURE__*/ i0__namespace.ɵɵdefineComponent({ type: exports.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) {
+    exports.SpatialFilterToolComponent.ɵcmp = /*@__PURE__*/ i0__namespace.ɵɵdefineComponent({ type: exports.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__namespace.ɵɵelementStart(0, "igo-panel");
                 i0__namespace.ɵɵelementStart(1, "igo-spatial-filter-type", 0);
                 i0__namespace.ɵɵ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__namespace.ɵɵelementEnd();
                 i0__namespace.ɵɵelementStart(2, "igo-spatial-filter-item", 1);
-                i0__namespace.ɵɵ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__namespace.ɵɵ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__namespace.ɵɵelementEnd();
                 i0__namespace.ɵɵelementEnd();
                 i0__namespace.ɵɵelementStart(3, "igo-panel");
@@ -6224,7 +6338,7 @@
                 i0__namespace.ɵɵadvance(2);
                 i0__namespace.ɵɵproperty("ngIf", i0__namespace.ɵɵpipeBind1(5, 14, ctx.selectedFeature$));
             }
-        }, directives: [i1__namespace.SpatialFilterTypeComponent, i1__namespace.SpatialFilterItemComponent, i5__namespace.NgIf], pipes: [i5__namespace.AsyncPipe], styles: [""], changeDetection: 0 });
+        }, directives: [i1__namespace.SpatialFilterTypeComponent, i1__namespace.SpatialFilterItemComponent, i4__namespace.NgIf], pipes: [i4__namespace.AsyncPipe], styles: [""], changeDetection: 0 });
     exports.SpatialFilterToolComponent = __decorate([
         i7.ToolComponent({
             name: 'spatialFilter',
@@ -6418,12 +6532,12 @@
     }());
     IgoAppFilterModule.ɵfac = function IgoAppFilterModule_Factory(t) { return new (t || IgoAppFilterModule)(); };
     IgoAppFilterModule.ɵmod = /*@__PURE__*/ i0__namespace.ɵɵdefineNgModule({ type: IgoAppFilterModule });
-    IgoAppFilterModule.ɵinj = /*@__PURE__*/ i0__namespace.ɵɵdefineInjector({ imports: [[i1.IgoFilterModule, i1.IgoQueryModule, i5.CommonModule]] });
+    IgoAppFilterModule.ɵinj = /*@__PURE__*/ i0__namespace.ɵɵdefineInjector({ imports: [[i1.IgoFilterModule, i1.IgoQueryModule, i4.CommonModule]] });
     (function () {
         (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(IgoAppFilterModule, [{
                 type: i0.NgModule,
                 args: [{
-                        imports: [i1.IgoFilterModule, i1.IgoQueryModule, i5.CommonModule],
+                        imports: [i1.IgoFilterModule, i1.IgoQueryModule, i4.CommonModule],
                         declarations: [
                             exports.OgcFilterToolComponent,
                             exports.ActiveOgcFilterToolComponent,
@@ -6447,24 +6561,24 @@
                 exports.ActiveOgcFilterToolComponent,
                 exports.TimeFilterToolComponent,
                 exports.ActiveTimeFilterToolComponent,
-                exports.SpatialFilterToolComponent], imports: [i1.IgoFilterModule, i1.IgoQueryModule, i5.CommonModule], exports: [exports.OgcFilterToolComponent,
+                exports.SpatialFilterToolComponent], imports: [i1.IgoFilterModule, i1.IgoQueryModule, i4.CommonModule], exports: [exports.OgcFilterToolComponent,
                 exports.ActiveOgcFilterToolComponent,
                 exports.TimeFilterToolComponent,
                 exports.ActiveTimeFilterToolComponent,
                 exports.SpatialFilterToolComponent] });
     })();
 
-    function AboutToolComponent_button_4_Template(rf, ctx) {
+    function AboutToolComponent_button_2_Template(rf, ctx) {
         if (rf & 1) {
-            var _r5_1 = i0__namespace.ɵɵgetCurrentView();
-            i0__namespace.ɵɵelementStart(0, "button", 6);
-            i0__namespace.ɵɵlistener("click", function AboutToolComponent_button_4_Template_button_click_0_listener() { i0__namespace.ɵɵrestoreView(_r5_1); var ctx_r4 = i0__namespace.ɵɵnextContext(); return ctx_r4.openGuide(); });
+            var _r6_1 = i0__namespace.ɵɵgetCurrentView();
+            i0__namespace.ɵɵelementStart(0, "button", 7);
+            i0__namespace.ɵɵlistener("click", function AboutToolComponent_button_2_Template_button_click_0_listener() { i0__namespace.ɵɵrestoreView(_r6_1); var ctx_r5 = i0__namespace.ɵɵnextContext(); return ctx_r5.openGuide(); });
             i0__namespace.ɵɵpipe(1, "translate");
             i0__namespace.ɵɵelementStart(2, "span");
             i0__namespace.ɵɵtext(3);
             i0__namespace.ɵɵpipe(4, "translate");
             i0__namespace.ɵɵelementEnd();
-            i0__namespace.ɵɵelement(5, "mat-icon", 7);
+            i0__namespace.ɵɵelement(5, "mat-icon", 8);
             i0__namespace.ɵɵelementEnd();
         }
         if (rf & 2) {
@@ -6474,51 +6588,62 @@
             i0__namespace.ɵɵtextInterpolate(i0__namespace.ɵɵpipeBind1(4, 5, "igo.integration.aboutTool.trainingGuide"));
         }
     }
-    function AboutToolComponent_button_5_Template(rf, ctx) {
+    function AboutToolComponent_button_3_Template(rf, ctx) {
         if (rf & 1) {
-            i0__namespace.ɵɵelementStart(0, "button", 8);
+            i0__namespace.ɵɵelementStart(0, "button", 9);
             i0__namespace.ɵɵpipe(1, "translate");
             i0__namespace.ɵɵelementStart(2, "span");
             i0__namespace.ɵɵtext(3);
             i0__namespace.ɵɵpipe(4, "translate");
             i0__namespace.ɵɵelementEnd();
-            i0__namespace.ɵɵelement(5, "mat-icon", 7);
+            i0__namespace.ɵɵelement(5, "mat-icon", 8);
             i0__namespace.ɵɵelementEnd();
         }
         if (rf & 2) {
             var ctx_r1 = i0__namespace.ɵɵnextContext();
-            var _r2 = i0__namespace.ɵɵreference(7);
+            var _r2 = i0__namespace.ɵɵreference(5);
             i0__namespace.ɵɵproperty("disabled", ctx_r1.loading)("matTooltip", i0__namespace.ɵɵpipeBind1(1, 4, "igo.integration.aboutTool.trainingGuideTooltip"))("matMenuTriggerFor", _r2);
             i0__namespace.ɵɵadvance(3);
             i0__namespace.ɵɵtextInterpolate(i0__namespace.ɵɵpipeBind1(4, 6, "igo.integration.aboutTool.trainingGuide"));
         }
     }
-    function AboutToolComponent_button_8_Template(rf, ctx) {
+    function AboutToolComponent_button_6_Template(rf, ctx) {
         if (rf & 1) {
-            var _r8_1 = i0__namespace.ɵɵgetCurrentView();
-            i0__namespace.ɵɵelementStart(0, "button", 9);
-            i0__namespace.ɵɵlistener("click", function AboutToolComponent_button_8_Template_button_click_0_listener() { var restoredCtx = i0__namespace.ɵɵrestoreView(_r8_1); var guide_r6 = restoredCtx.$implicit; var ctx_r7 = i0__namespace.ɵɵnextContext(); return ctx_r7.openGuide(guide_r6); });
+            var _r9_1 = i0__namespace.ɵɵgetCurrentView();
+            i0__namespace.ɵɵelementStart(0, "button", 10);
+            i0__namespace.ɵɵlistener("click", function AboutToolComponent_button_6_Template_button_click_0_listener() { var restoredCtx = i0__namespace.ɵɵrestoreView(_r9_1); var guide_r7 = restoredCtx.$implicit; var ctx_r8 = i0__namespace.ɵɵnextContext(); return ctx_r8.openGuide(guide_r7); });
             i0__namespace.ɵɵtext(1);
             i0__namespace.ɵɵelementEnd();
         }
         if (rf & 2) {
-            var guide_r6 = ctx.$implicit;
+            var guide_r7 = ctx.$implicit;
             var ctx_r3 = i0__namespace.ɵɵnextContext();
             i0__namespace.ɵɵadvance(1);
-            i0__namespace.ɵɵtextInterpolate(ctx_r3.formatFileName(guide_r6));
+            i0__namespace.ɵɵtextInterpolate(ctx_r3.formatFileName(guide_r7));
+        }
+    }
+    function AboutToolComponent_igo_custom_html_7_Template(rf, ctx) {
+        if (rf & 1) {
+            i0__namespace.ɵɵelement(0, "igo-custom-html", 6);
+            i0__namespace.ɵɵpipe(1, "translate");
+        }
+        if (rf & 2) {
+            var ctx_r4 = i0__namespace.ɵɵnextContext();
+            i0__namespace.ɵɵproperty("html", i0__namespace.ɵɵpipeBind1(1, 1, ctx_r4.headerHtml));
         }
     }
     var _c0 = function (a0) { return { version: a0 }; };
     exports.AboutToolComponent = /** @class */ (function () {
-        function AboutToolComponent(configService, auth, http, cdRef) {
+        function AboutToolComponent(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$ = rxjs.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?';
@@ -6594,36 +6719,35 @@
         };
         return AboutToolComponent;
     }());
-    exports.AboutToolComponent.ɵfac = function AboutToolComponent_Factory(t) { return new (t || exports.AboutToolComponent)(i0__namespace.ɵɵdirectiveInject(i2__namespace$2.ConfigService), i0__namespace.ɵɵdirectiveInject(i2__namespace$1.AuthService), i0__namespace.ɵɵdirectiveInject(i3__namespace$2.HttpClient), i0__namespace.ɵɵdirectiveInject(i0__namespace.ChangeDetectorRef)); };
-    exports.AboutToolComponent.ɵcmp = /*@__PURE__*/ i0__namespace.ɵɵdefineComponent({ type: exports.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) {
+    exports.AboutToolComponent.ɵfac = function AboutToolComponent_Factory(t) { return new (t || exports.AboutToolComponent)(i0__namespace.ɵɵdirectiveInject(i2__namespace$2.ConfigService), i0__namespace.ɵɵdirectiveInject(i2__namespace$1.AuthService), i0__namespace.ɵɵdirectiveInject(i3__namespace$2.HttpClient), i0__namespace.ɵɵdirectiveInject(i0__namespace.ChangeDetectorRef), i0__namespace.ɵɵdirectiveInject(i2__namespace$2.LanguageService)); };
+    exports.AboutToolComponent.ɵcmp = /*@__PURE__*/ i0__namespace.ɵɵdefineComponent({ type: exports.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__namespace.ɵɵelement(0, "p");
                 i0__namespace.ɵɵelement(1, "igo-interactive-tour", 0);
-                i0__namespace.ɵɵelement(2, "igo-custom-html", 1);
-                i0__namespace.ɵɵpipe(3, "translate");
-                i0__namespace.ɵɵtemplate(4, AboutToolComponent_button_4_Template, 6, 7, "button", 2);
-                i0__namespace.ɵɵtemplate(5, AboutToolComponent_button_5_Template, 6, 8, "button", 3);
-                i0__namespace.ɵɵelementStart(6, "mat-menu", null, 4);
-                i0__namespace.ɵɵtemplate(8, AboutToolComponent_button_8_Template, 2, 1, "button", 5);
+                i0__namespace.ɵɵtemplate(2, AboutToolComponent_button_2_Template, 6, 7, "button", 1);
+                i0__namespace.ɵɵtemplate(3, AboutToolComponent_button_3_Template, 6, 8, "button", 2);
+                i0__namespace.ɵɵelementStart(4, "mat-menu", null, 3);
+                i0__namespace.ɵɵtemplate(6, AboutToolComponent_button_6_Template, 2, 1, "button", 4);
                 i0__namespace.ɵɵelementEnd();
-                i0__namespace.ɵɵelement(9, "igo-custom-html", 1);
-                i0__namespace.ɵɵpipe(10, "translate");
+                i0__namespace.ɵɵtemplate(7, AboutToolComponent_igo_custom_html_7_Template, 2, 3, "igo-custom-html", 5);
+                i0__namespace.ɵɵelement(8, "igo-custom-html", 6);
+                i0__namespace.ɵɵpipe(9, "translate");
             }
             if (rf & 2) {
                 i0__namespace.ɵɵadvance(1);
                 i0__namespace.ɵɵproperty("discoverTitleInLocale$", ctx.discoverTitleInLocale$);
                 i0__namespace.ɵɵadvance(1);
-                i0__namespace.ɵɵproperty("html", i0__namespace.ɵɵpipeBind1(3, 6, ctx.headerHtml));
-                i0__namespace.ɵɵadvance(2);
                 i0__namespace.ɵɵproperty("ngIf", ctx.auth.authenticated && ctx.trainingGuideURLs && ctx.trainingGuideURLs.length === 1);
                 i0__namespace.ɵɵadvance(1);
                 i0__namespace.ɵɵproperty("ngIf", ctx.auth.authenticated && ctx.trainingGuideURLs && ctx.trainingGuideURLs.length > 1);
                 i0__namespace.ɵɵadvance(3);
                 i0__namespace.ɵɵproperty("ngForOf", ctx.trainingGuideURLs);
                 i0__namespace.ɵɵadvance(1);
-                i0__namespace.ɵɵproperty("html", i0__namespace.ɵɵpipeBind2(10, 8, ctx.html, i0__namespace.ɵɵpureFunction1(11, _c0, ctx.version)));
+                i0__namespace.ɵɵproperty("ngIf", ctx.headerHtml !== "");
+                i0__namespace.ɵɵadvance(1);
+                i0__namespace.ɵɵproperty("html", i0__namespace.ɵɵpipeBind2(9, 6, ctx.html, i0__namespace.ɵɵpureFunction1(9, _c0, ctx.version)));
             }
-        }, directives: [i7__namespace.InteractiveTourComponent, i7__namespace.CustomHtmlComponent, i5__namespace.NgIf, i6__namespace$2.MatMenu, i5__namespace.NgForOf, i3__namespace.MatButton, i4__namespace.MatTooltip, i6__namespace.MatIcon, i6__namespace$2.MatMenuTrigger, i6__namespace$2.MatMenuItem], pipes: [i8__namespace.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}"] });
+        }, directives: [i7__namespace.InteractiveTourComponent, i4__namespace.NgIf, i6__namespace$2.MatMenu, i4__namespace.NgForOf, i7__namespace.CustomHtmlComponent, i3__namespace.MatButton, i4__namespace$1.MatTooltip, i6__namespace.MatIcon, i6__namespace$2.MatMenuTrigger, i6__namespace$2.MatMenuItem], pipes: [i8__namespace.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}"] });
     exports.AboutToolComponent = __decorate([
         i7.ToolComponent({
             name: 'about',
@@ -6639,7 +6763,7 @@
                         templateUrl: './about-tool.component.html',
                         styleUrls: ['./about-tool.component.scss']
                     }]
-            }], function () { return [{ type: i2__namespace$2.ConfigService }, { type: i2__namespace$1.AuthService }, { type: i3__namespace$2.HttpClient }, { type: i0__namespace.ChangeDetectorRef }]; }, { headerHtml: [{
+            }], function () { return [{ type: i2__namespace$2.ConfigService }, { type: i2__namespace$1.AuthService }, { type: i3__namespace$2.HttpClient }, { type: i0__namespace.ChangeDetectorRef }, { type: i2__namespace$2.LanguageService }]; }, { headerHtml: [{
                     type: i0.Input
                 }], html: [{
                     type: i0.Input
@@ -6667,11 +6791,11 @@
                 i2$2.IgoLanguageModule,
                 i7.IgoCustomHtmlModule,
                 i3.MatButtonModule,
-                i4.MatTooltipModule,
+                i4$1.MatTooltipModule,
                 i6.MatIconModule,
                 i6$2.MatMenuModule,
                 i7.IgoInteractiveTourModule,
-                i5.CommonModule
+                i4.CommonModule
             ]] });
     (function () {
         (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(IgoAppAboutModule, [{
@@ -6681,11 +6805,11 @@
                             i2$2.IgoLanguageModule,
                             i7.IgoCustomHtmlModule,
                             i3.MatButtonModule,
-                            i4.MatTooltipModule,
+                            i4$1.MatTooltipModule,
                             i6.MatIconModule,
                             i6$2.MatMenuModule,
                             i7.IgoInteractiveTourModule,
-                            i5.CommonModule
+                            i4.CommonModule
                         ],
                         declarations: [exports.AboutToolComponent],
                         exports: [exports.AboutToolComponent],
@@ -6697,11 +6821,11 @@
         (typeof ngJitMode === "undefined" || ngJitMode) && i0__namespace.ɵɵsetNgModuleScope(IgoAppAboutModule, { declarations: [exports.AboutToolComponent], imports: [i2$2.IgoLanguageModule,
                 i7.IgoCustomHtmlModule,
                 i3.MatButtonModule,
-                i4.MatTooltipModule,
+                i4$1.MatTooltipModule,
                 i6.MatIconModule,
                 i6$2.MatMenuModule,
                 i7.IgoInteractiveTourModule,
-                i5.CommonModule], exports: [exports.AboutToolComponent] });
+                i4.CommonModule], exports: [exports.AboutToolComponent] });
     })();
 
     var IgoAppStorageModule = /** @class */ (function () {
@@ -7006,6 +7130,7 @@
     exports.AnalyticsListenerService = AnalyticsListenerService;
     exports.CatalogState = CatalogState;
     exports.ContextState = ContextState;
+    exports.DirectionState = DirectionState;
     exports.DrawState = DrawState;
     exports.FeatureActionsService = FeatureActionsService;
     exports.IgoAppAboutModule = IgoAppAboutModule;
@@ -7043,5 +7168,5 @@
 
     Object.defineProperty(exports, '__esModule', { value: true });
 
-})));
+}));
 //# sourceMappingURL=igo2-integration.umd.js.map