@igo2/integration 16.0.0-rc.2 → 16.0.0-rc.4

package/fesm2022/igo2-integration.mjs

@@ -529,7 +529,7 @@ CatalogBrowserToolComponent = __decorate([
 ], CatalogBrowserToolComponent);
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CatalogBrowserToolComponent, [{
         type: Component,
-        args: [{ selector: 'igo-catalog-browser-tool', changeDetection: ChangeDetectionStrategy.OnPush, template: "<igo-catalog-browser\n  *ngIf=\"store$ | async as store\"\n  [catalog]=\"catalog\"\n  [store]=\"store\"\n  [map]=\"map\"\n  [toggleCollapsedGroup]=\"toggleCollapsedGroup\"\n>\n</igo-catalog-browser>\n" }]
+        args: [{ selector: 'igo-catalog-browser-tool', changeDetection: ChangeDetectionStrategy.OnPush, template: "<igo-catalog-browser\r\n  *ngIf=\"store$ | async as store\"\r\n  [catalog]=\"catalog\"\r\n  [store]=\"store\"\r\n  [map]=\"map\"\r\n  [toggleCollapsedGroup]=\"toggleCollapsedGroup\"\r\n>\r\n</igo-catalog-browser>\r\n" }]
     }], function () { return [{ type: i1.CatalogService }, { type: CatalogState }, { type: MapState }, { type: i2$1.AuthService }]; }, { toggleCollapsedGroup: [{
             type: Input
         }] }); })();
@@ -721,7 +721,7 @@ CatalogLibraryToolComponent = __decorate([
 ], CatalogLibraryToolComponent);
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CatalogLibraryToolComponent, [{
         type: Component,
-        args: [{ selector: 'igo-catalog-library-tool', changeDetection: ChangeDetectionStrategy.OnPush, template: "<igo-catalog-library\n  [predefinedCatalogs]=\"predefinedCatalogs\"\n  [addCatalogAllowed]=\"addCatalogAllowed\"\n  [store]=\"store\"\n  (catalogSelectChange)=\"onCatalogSelectChange($event)\"\n>\n</igo-catalog-library>\n" }]
+        args: [{ selector: 'igo-catalog-library-tool', changeDetection: ChangeDetectionStrategy.OnPush, template: "<igo-catalog-library\r\n  [predefinedCatalogs]=\"predefinedCatalogs\"\r\n  [addCatalogAllowed]=\"addCatalogAllowed\"\r\n  [store]=\"store\"\r\n  (catalogSelectChange)=\"onCatalogSelectChange($event)\"\r\n>\r\n</igo-catalog-library>\r\n" }]
     }], function () { return [{ type: i1.CatalogService }, { type: CatalogState }, { type: ToolState }, { type: i2.StorageService }]; }, { addCatalogAllowed: [{
             type: Input
         }], predefinedCatalogs: [{
@@ -828,7 +828,7 @@ ContextManagerToolComponent = __decorate([
 ], ContextManagerToolComponent);
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ContextManagerToolComponent, [{
         type: Component,
-        args: [{ selector: 'igo-context-manager-tool', template: "<igo-context-list\n  igoContextListBinding\n  [map]=\"map\"\n  (edit)=\"editContext()\"\n  (managePermissions)=\"managePermissions()\"\n>\n</igo-context-list>\n" }]
+        args: [{ selector: 'igo-context-manager-tool', template: "<igo-context-list\r\n  igoContextListBinding\r\n  [map]=\"map\"\r\n  (edit)=\"editContext()\"\r\n  (managePermissions)=\"managePermissions()\"\r\n>\r\n</igo-context-list>\r\n" }]
     }], function () { return [{ type: ToolState }, { type: MapState }]; }, { toolToOpenOnContextChange: [{
             type: Input
         }] }); })();
@@ -920,7 +920,7 @@ ContextShareToolComponent = __decorate([
 ], ContextShareToolComponent);
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ContextShareToolComponent, [{
         type: Component,
-        args: [{ selector: 'igo-context-share-tool', template: "<igo-share-map [map]=\"map\"></igo-share-map>\n" }]
+        args: [{ selector: 'igo-context-share-tool', template: "<igo-share-map [map]=\"map\"></igo-share-map>\r\n" }]
     }], function () { return [{ type: MapState }, { type: LayerListToolState }]; }, null); })();
 
 class IgoAppContextModule {
@@ -1201,7 +1201,7 @@ DirectionsToolComponent = __decorate([
 ], DirectionsToolComponent);
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DirectionsToolComponent, [{
         type: Component,
-        args: [{ selector: 'igo-directions-tool', template: "<igo-directions\n  [contextUri]=\"currentContextUri\"\n  [debounceTime]=\"debounceTime\"\n  [stopsStore]=\"stopsStore\"\n  [stopsFeatureStore]=\"stopsFeatureStore\"\n  [stepFeatureStore]=\"stepFeatureStore\"\n  [routesFeatureStore]=\"routesFeatureStore\"\n  [zoomToActiveRoute$]=\"zoomToActiveRoute$\"\n>\n</igo-directions>\n" }]
+        args: [{ selector: 'igo-directions-tool', template: "<igo-directions\r\n  [contextUri]=\"currentContextUri\"\r\n  [debounceTime]=\"debounceTime\"\r\n  [stopsStore]=\"stopsStore\"\r\n  [stopsFeatureStore]=\"stopsFeatureStore\"\r\n  [stepFeatureStore]=\"stepFeatureStore\"\r\n  [routesFeatureStore]=\"routesFeatureStore\"\r\n  [zoomToActiveRoute$]=\"zoomToActiveRoute$\"\r\n>\r\n</igo-directions>\r\n" }]
     }], function () { return [{ type: DirectionState }, { type: MapState }, { type: i2.LanguageService }, { type: i2.MessageService }, { type: i2.StorageService }, { type: ContextState }, { type: i2$1.AuthService }]; }, null); })();
 
 class IgoAppDirectionsModule {
@@ -1328,7 +1328,7 @@ DrawingToolComponent = __decorate([
 ], DrawingToolComponent);
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DrawingToolComponent, [{
         type: Component,
-        args: [{ selector: 'igo-drawing-tool', changeDetection: ChangeDetectionStrategy.OnPush, template: "<igo-draw\n  [stores]=\"stores\"\n  [map]=\"map\"\n  (layersIDEvent)=\"addLayersID($event)\"\n  [activeDrawingLayer]=\"activeDrawingLayer\"\n  [drawControls]=\"drawControls\"\n  (drawControlsEvent)=\"addDrawControls($event)\"\n  (activeLayerChange)=\"activeDrawingLayer = $event\"\n>\n</igo-draw>\n" }]
+        args: [{ selector: 'igo-drawing-tool', changeDetection: ChangeDetectionStrategy.OnPush, template: "<igo-draw\r\n  [stores]=\"stores\"\r\n  [map]=\"map\"\r\n  (layersIDEvent)=\"addLayersID($event)\"\r\n  [activeDrawingLayer]=\"activeDrawingLayer\"\r\n  [drawControls]=\"drawControls\"\r\n  (drawControlsEvent)=\"addDrawControls($event)\"\r\n  (activeLayerChange)=\"activeDrawingLayer = $event\"\r\n>\r\n</igo-draw>\r\n" }]
     }], function () { return [{ type: DrawState }, { type: MapState }]; }, null); })();
 
 /**
@@ -1408,7 +1408,7 @@ ActiveOgcFilterToolComponent = __decorate([
 ], ActiveOgcFilterToolComponent);
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ActiveOgcFilterToolComponent, [{
         type: Component,
-        args: [{ selector: 'igo-active-ogc-filter-tool', animations: [toolSlideInOut$1()], template: "<igo-ogc-filterable-item\n  [map]=\"map\"\n  [layer]=\"layer\"\n  [header]=\"false\"\n  [@toolSlideInOut]=\"animate\"\n>\n</igo-ogc-filterable-item>\n" }]
+        args: [{ selector: 'igo-active-ogc-filter-tool', animations: [toolSlideInOut$1()], template: "<igo-ogc-filterable-item\r\n  [map]=\"map\"\r\n  [layer]=\"layer\"\r\n  [header]=\"false\"\r\n  [@toolSlideInOut]=\"animate\"\r\n>\r\n</igo-ogc-filterable-item>\r\n" }]
     }], function () { return [{ type: MapState }]; }, null); })();
 
 function toolSlideInOut(speed = '300ms', type = 'ease-in-out') {
@@ -1455,7 +1455,7 @@ ActiveTimeFilterToolComponent = __decorate([
 ], ActiveTimeFilterToolComponent);
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ActiveTimeFilterToolComponent, [{
         type: Component,
-        args: [{ selector: 'igo-active-time-filter-tool', animations: [toolSlideInOut()], template: "<igo-time-filter-item\n  [map]=\"map\"\n  [layer]=\"layer\"\n  [header]=\"false\"\n  [@toolSlideInOut]=\"animate\"\n>\n</igo-time-filter-item>\n" }]
+        args: [{ selector: 'igo-active-time-filter-tool', animations: [toolSlideInOut()], template: "<igo-time-filter-item\r\n  [map]=\"map\"\r\n  [layer]=\"layer\"\r\n  [header]=\"false\"\r\n  [@toolSlideInOut]=\"animate\"\r\n>\r\n</igo-time-filter-item>\r\n" }]
     }], function () { return [{ type: MapState }]; }, null); })();
 
 let OgcFilterToolComponent = class OgcFilterToolComponent {
@@ -1475,7 +1475,7 @@ OgcFilterToolComponent = __decorate([
 ], OgcFilterToolComponent);
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(OgcFilterToolComponent, [{
         type: Component,
-        args: [{ selector: 'igo-ogc-filter-tool', template: "<igo-ogc-filterable-list igoOgcFilterableListBinding></igo-ogc-filterable-list>\n" }]
+        args: [{ selector: 'igo-ogc-filter-tool', template: "<igo-ogc-filterable-list igoOgcFilterableListBinding></igo-ogc-filterable-list>\r\n" }]
     }], function () { return []; }, null); })();
 
 /**
@@ -2590,7 +2590,7 @@ SpatialFilterToolComponent = __decorate([
 ], SpatialFilterToolComponent);
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SpatialFilterToolComponent, [{
         type: Component,
-        args: [{ selector: 'igo-spatial-filter-tool', changeDetection: ChangeDetectionStrategy.OnPush, template: "<igo-panel>\n  <igo-spatial-filter-type\n    [store]=\"spatialListStore\"\n    [selectedQueryType]=\"queryType\"\n    [zone]=\"zone\"\n    [layers]=\"activeLayers\"\n    (eventType)=\"getOutputType($event)\"\n    (eventQueryType)=\"getOutputQueryType($event)\"\n    (zoneChange)=\"onZoneChange($event)\"\n    (zoneWithBufferChange)=\"onZoneChange($event, true)\"\n    (bufferChange)=\"buffer = $event\"\n    (measureUnitChange)=\"measureUnit = $event\"\n  >\n  </igo-spatial-filter-type>\n\n  <igo-spatial-filter-item\n    [type]=\"type\"\n    [queryType]=\"queryType\"\n    [map]=\"map\"\n    [zone]=\"zone\"\n    [loading]=\"loading\"\n    [store]=\"store\"\n    [layers]=\"activeLayers\"\n    [allLayers]=\"layers\"\n    [thematicLength]=\"thematicLength\"\n    (radiusEvent)=\"buffer = $event\"\n    (bufferEvent)=\"buffer = $event\"\n    (measureUnitChange)=\"measureUnit = $event\"\n    (freehandControl)=\"freehandDrawIsActive = $event\"\n    (drawZoneEvent)=\"zone = $event\"\n    (zoneWithBufferChange)=\"onZoneChange($event, true)\"\n    (itemTypeChange)=\"itemType = $event\"\n    (thematicChange)=\"thematics = $event\"\n    (toggleSearch)=\"getOutputToggleSearch()\"\n    (clearButtonEvent)=\"clearMap()\"\n    (clearSearchEvent)=\"getOutputClearSearch()\"\n    (export)=\"activateExportTool()\"\n    (openWorkspace)=\"activateWorkspace()\"\n    (entityChange)=\"activateWorkspace($event)\"\n  >\n  </igo-spatial-filter-item>\n</igo-panel>\n\n<igo-panel>\n  <ng-container *ngIf=\"selectedFeature$ | async as feature\">\n    <igo-feature-details [feature]=\"feature\"></igo-feature-details>\n  </ng-container>\n</igo-panel>\n", styles: [":host igo-spatial-filter-item{display:block;padding:0 12px}:host ::ng-deep .mat-mdc-tab-body-wrapper{margin-top:12px;padding:0 12px}\n"] }]
+        args: [{ selector: 'igo-spatial-filter-tool', changeDetection: ChangeDetectionStrategy.OnPush, template: "<igo-panel>\r\n  <igo-spatial-filter-type\r\n    [store]=\"spatialListStore\"\r\n    [selectedQueryType]=\"queryType\"\r\n    [zone]=\"zone\"\r\n    [layers]=\"activeLayers\"\r\n    (eventType)=\"getOutputType($event)\"\r\n    (eventQueryType)=\"getOutputQueryType($event)\"\r\n    (zoneChange)=\"onZoneChange($event)\"\r\n    (zoneWithBufferChange)=\"onZoneChange($event, true)\"\r\n    (bufferChange)=\"buffer = $event\"\r\n    (measureUnitChange)=\"measureUnit = $event\"\r\n  >\r\n  </igo-spatial-filter-type>\r\n\r\n  <igo-spatial-filter-item\r\n    [type]=\"type\"\r\n    [queryType]=\"queryType\"\r\n    [map]=\"map\"\r\n    [zone]=\"zone\"\r\n    [loading]=\"loading\"\r\n    [store]=\"store\"\r\n    [layers]=\"activeLayers\"\r\n    [allLayers]=\"layers\"\r\n    [thematicLength]=\"thematicLength\"\r\n    (radiusEvent)=\"buffer = $event\"\r\n    (bufferEvent)=\"buffer = $event\"\r\n    (measureUnitChange)=\"measureUnit = $event\"\r\n    (freehandControl)=\"freehandDrawIsActive = $event\"\r\n    (drawZoneEvent)=\"zone = $event\"\r\n    (zoneWithBufferChange)=\"onZoneChange($event, true)\"\r\n    (itemTypeChange)=\"itemType = $event\"\r\n    (thematicChange)=\"thematics = $event\"\r\n    (toggleSearch)=\"getOutputToggleSearch()\"\r\n    (clearButtonEvent)=\"clearMap()\"\r\n    (clearSearchEvent)=\"getOutputClearSearch()\"\r\n    (export)=\"activateExportTool()\"\r\n    (openWorkspace)=\"activateWorkspace()\"\r\n    (entityChange)=\"activateWorkspace($event)\"\r\n  >\r\n  </igo-spatial-filter-item>\r\n</igo-panel>\r\n\r\n<igo-panel>\r\n  <ng-container *ngIf=\"selectedFeature$ | async as feature\">\r\n    <igo-feature-details [feature]=\"feature\"></igo-feature-details>\r\n  </ng-container>\r\n</igo-panel>\r\n", styles: [":host igo-spatial-filter-item{display:block;padding:0 12px}:host ::ng-deep .mat-mdc-tab-body-wrapper{margin-top:12px;padding:0 12px}\n"] }]
     }], function () { return [{ type: i7.MatIconRegistry }, { type: i1.SpatialFilterService }, { type: i1.DataSourceService }, { type: i1.LayerService }, { type: MapState }, { type: i2.MessageService }, { type: i2.LanguageService }, { type: ImportExportState }, { type: ToolState }, { type: WorkspaceState }, { type: i0.ChangeDetectorRef }]; }, { type: [{
             type: Input
         }], itemType: [{
@@ -2787,7 +2787,7 @@ ImportExportToolComponent = __decorate([
 ], ImportExportToolComponent);
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ImportExportToolComponent, [{
         type: Component,
-        args: [{ selector: 'igo-import-export-tool', changeDetection: ChangeDetectionStrategy.OnPush, template: "<mat-tab-group *ngIf=\"importExportShowBothType\">\n  <mat-tab\n    [label]=\"'igo.integration.importExportTool.importExportData' | translate\"\n  >\n    <igo-import-export\n      [contextUri]=\"(contextState.context$ | async).uri\"\n      [map]=\"map\"\n      [selectFirstProj]=\"selectFirstProj\"\n      [projectionsLimitations]=\"projectionsLimitations\"\n      [store]=\"workspaceStore\"\n      [selectedMode]=\"importExportState.selectedMode$ | async\"\n      (selectMode)=\"modeChanged($event)\"\n      [exportOptions$]=\"importExportState.exportOptions$\"\n      (exportOptionsChange)=\"exportOptionsChange($event)\"\n    >\n    </igo-import-export>\n  </mat-tab>\n  <mat-tab\n    [label]=\"'igo.integration.importExportTool.importExportContext' | translate\"\n  >\n    <igo-context-import-export [map]=\"map\"></igo-context-import-export>\n  </mat-tab>\n</mat-tab-group>\n\n<igo-import-export\n  *ngIf=\"!importExportShowBothType && importExportType === 'layer'\"\n  [contextUri]=\"(contextState.context$ | async).uri\"\n  [map]=\"map\"\n  [store]=\"workspaceStore\"\n  [selectedMode]=\"importExportState.selectedMode$ | async\"\n  (selectMode)=\"modeChanged($event)\"\n  [exportOptions$]=\"importExportState.exportOptions$\"\n  (exportOptionsChange)=\"exportOptionsChange($event)\"\n>\n</igo-import-export>\n\n<igo-context-import-export\n  *ngIf=\"!importExportShowBothType && importExportType === 'context'\"\n  [map]=\"map\"\n>\n</igo-context-import-export>\n", styles: ["mat-form-field{width:100%}\n"] }]
+        args: [{ selector: 'igo-import-export-tool', changeDetection: ChangeDetectionStrategy.OnPush, template: "<mat-tab-group *ngIf=\"importExportShowBothType\">\r\n  <mat-tab\r\n    [label]=\"'igo.integration.importExportTool.importExportData' | translate\"\r\n  >\r\n    <igo-import-export\r\n      [contextUri]=\"(contextState.context$ | async).uri\"\r\n      [map]=\"map\"\r\n      [selectFirstProj]=\"selectFirstProj\"\r\n      [projectionsLimitations]=\"projectionsLimitations\"\r\n      [store]=\"workspaceStore\"\r\n      [selectedMode]=\"importExportState.selectedMode$ | async\"\r\n      (selectMode)=\"modeChanged($event)\"\r\n      [exportOptions$]=\"importExportState.exportOptions$\"\r\n      (exportOptionsChange)=\"exportOptionsChange($event)\"\r\n    >\r\n    </igo-import-export>\r\n  </mat-tab>\r\n  <mat-tab\r\n    [label]=\"'igo.integration.importExportTool.importExportContext' | translate\"\r\n  >\r\n    <igo-context-import-export [map]=\"map\"></igo-context-import-export>\r\n  </mat-tab>\r\n</mat-tab-group>\r\n\r\n<igo-import-export\r\n  *ngIf=\"!importExportShowBothType && importExportType === 'layer'\"\r\n  [contextUri]=\"(contextState.context$ | async).uri\"\r\n  [map]=\"map\"\r\n  [store]=\"workspaceStore\"\r\n  [selectedMode]=\"importExportState.selectedMode$ | async\"\r\n  (selectMode)=\"modeChanged($event)\"\r\n  [exportOptions$]=\"importExportState.exportOptions$\"\r\n  (exportOptionsChange)=\"exportOptionsChange($event)\"\r\n>\r\n</igo-import-export>\r\n\r\n<igo-context-import-export\r\n  *ngIf=\"!importExportShowBothType && importExportType === 'context'\"\r\n  [map]=\"map\"\r\n>\r\n</igo-context-import-export>\r\n", styles: ["mat-form-field{width:100%}\n"] }]
     }], function () { return [{ type: MapState }, { type: ImportExportState }, { type: WorkspaceState }, { type: ContextState }]; }, { projectionsLimitations: [{
             type: Input
         }], selectFirstProj: [{
@@ -2899,7 +2899,7 @@ class WorkspaceButtonComponent {
 }
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(WorkspaceButtonComponent, [{
         type: Component,
-        args: [{ selector: 'igo-workspace-button', changeDetection: ChangeDetectionStrategy.OnPush, template: "<button\n  *ngIf=\"hasWorkspace$ | async\"\n  mat-icon-button\n  tooltip-position=\"below\"\n  matTooltipShowDelay=\"500\"\n  [matTooltip]=\"'igo.integration.workspace.toggleWorkspace' | translate\"\n  [color]=\"color\"\n  (click)=\"activateWorkspace()\"\n>\n  <mat-icon svgIcon=\"table\"></mat-icon>\n</button>\n" }]
+        args: [{ selector: 'igo-workspace-button', changeDetection: ChangeDetectionStrategy.OnPush, template: "<button\r\n  *ngIf=\"hasWorkspace$ | async\"\r\n  mat-icon-button\r\n  tooltip-position=\"below\"\r\n  matTooltipShowDelay=\"500\"\r\n  [matTooltip]=\"'igo.integration.workspace.toggleWorkspace' | translate\"\r\n  [color]=\"color\"\r\n  (click)=\"activateWorkspace()\"\r\n>\r\n  <mat-icon svgIcon=\"table\"></mat-icon>\r\n</button>\r\n" }]
     }], function () { return [{ type: WorkspaceState }]; }, { layer: [{
             type: Input
         }], color: [{
@@ -3447,7 +3447,7 @@ class AdvancedCoordinatesComponent {
 }
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(AdvancedCoordinatesComponent, [{
         type: Component,
-        args: [{ selector: 'igo-advanced-coordinates', template: "<div class=\"advanced-coordinates__coordinates-container\">\n  <div class=\"advanced-coordinates__coordinates-container__inner\">\n    <mat-form-field *ngIf=\"units; else elseBlock\" class=\"coordinates\">\n      <mat-label>{{\n        'igo.integration.advanced-map-tool.advanced-coordinates.lon' | translate\n      }}</mat-label>\n      <textarea\n        #textArea\n        matInput\n        readonly\n        rows=\"1\"\n        [placeholder]=\"\n          'igo.integration.advanced-map-tool.advanced-coordinates.lon'\n            | translate\n        \"\n        [value]=\"coordinates[0]\"\n      ></textarea>\n    </mat-form-field>\n    <ng-template #elseBlock>\n      <mat-form-field class=\"coordinates\">\n        <textarea\n          #textArea\n          matInput\n          readonly\n          rows=\"1\"\n          [placeholder]=\"\n            'igo.integration.advanced-map-tool.advanced-coordinates.est'\n              | translate\n          \"\n          [value]=\"coordinates[0]\"\n        ></textarea>\n      </mat-form-field>\n    </ng-template>\n\n    <mat-form-field *ngIf=\"units; else elseBlock2\" class=\"coordinates2\">\n      <mat-label>{{\n        'igo.integration.advanced-map-tool.advanced-coordinates.lat' | translate\n      }}</mat-label>\n      <textarea\n        #textArea\n        matInput\n        readonly\n        rows=\"1\"\n        [placeholder]=\"\n          'igo.integration.advanced-map-tool.advanced-coordinates.lat'\n            | translate\n        \"\n        [value]=\"coordinates[1]\"\n      ></textarea>\n    </mat-form-field>\n    <ng-template #elseBlock2>\n      <mat-form-field class=\"coordinates2\">\n        <textarea\n          #textArea\n          matInput\n          readonly\n          rows=\"1\"\n          [placeholder]=\"\n            'igo.integration.advanced-map-tool.advanced-coordinates.nord'\n              | translate\n          \"\n          [value]=\"coordinates[1]\"\n        ></textarea>\n      </mat-form-field>\n    </ng-template>\n  </div>\n\n  <button\n    mat-icon-button\n    [attr.aria-label]=\"\n      'igo.integration.advanced-map-tool.advanced-coordinates.copy' | translate\n    \"\n    class=\"igo-form-button-group advanced-coordinates__copy-coordinates\"\n    (click)=\"copyTextToClipboard()\"\n  >\n    <mat-icon svgIcon=\"content-copy\"></mat-icon>\n  </button>\n</div>\n<form class=\"igo-form advanced-coordinates__form\" [formGroup]=\"form\">\n  <mat-form-field class=\"igo-input-container\">\n    <mat-label>{{\n      'igo.integration.advanced-map-tool.advanced-coordinates.coordSystem'\n        | translate\n    }}</mat-label>\n    <mat-select [(value)]=\"inputProj\">\n      <mat-option\n        matTooltipShowDelay=\"500\"\n        *ngFor=\"let projection of projections$ | async\"\n        [value]=\"projection\"\n        (click)=\"$event.stopPropagation()\"\n      >\n        {{ projection.translatedValue || projection.alias }}\n      </mat-option>\n    </mat-select>\n  </mat-form-field>\n  <mat-slide-toggle\n    class=\"center-toggle mat-typography\"\n    [checked]=\"center\"\n    [labelPosition]=\"'before'\"\n    (change)=\"displayCenter($event.checked)\"\n  >\n    {{\n      'igo.integration.advanced-map-tool.advanced-coordinates.center'\n        | translate\n    }}\n  </mat-slide-toggle>\n</form>\n\n<p class=\"igo-zoom mat-typography\">\n  {{\n    'igo.integration.advanced-map-tool.advanced-coordinates.zoom' | translate\n  }}\n  {{ map.viewController.getZoom() }}\n</p>\n<p class=\"igo-zoom mat-typography\">\n  {{\n    'igo.integration.advanced-map-tool.advanced-coordinates.scale' | translate\n  }}\n  {{ formattedScale$ | async }}\n</p>\n<p class=\"igo-zoom mat-typography\">\n  {{\n    'igo.integration.advanced-map-tool.advanced-coordinates.resolution'\n      | translate\n  }}\n  {{ map.viewController.getResolution() | number: '1.0-0' }}\n</p>\n", styles: ["textarea{resize:none}mat-form-field{padding:10px 15px}mat-form-field.coordinates2{padding:0 10px 0 3px}mat-form-field.igo-input-container{width:100%;padding:0 15px}.igo-form-button-group{padding:0 10px;margin:0 10px}.igo-zoom{padding:0 15px}.advanced-coordinates__coordinates-container{display:flex;flex-direction:row;align-items:center}.advanced-coordinates__coordinates-container__inner{flex:1 1 0}.advanced-coordinates__coordinates-container__inner .mat-mdc-form-field{width:50%}.advanced-coordinates__form ::ng-deep .mat-mdc-slide-toggle{padding:10px 15px 35px;width:100%}mat-slide-toggle{width:100%;padding:0 8px}mat-slide-toggle ::ng-deep .mdc-form-field{width:100%}mat-slide-toggle ::ng-deep .mdc-label{margin-left:0;width:calc(100% - 60px)}\n"] }]
+        args: [{ selector: 'igo-advanced-coordinates', template: "<div class=\"advanced-coordinates__coordinates-container\">\r\n  <div class=\"advanced-coordinates__coordinates-container__inner\">\r\n    <mat-form-field *ngIf=\"units; else elseBlock\" class=\"coordinates\">\r\n      <mat-label>{{\r\n        'igo.integration.advanced-map-tool.advanced-coordinates.lon' | translate\r\n      }}</mat-label>\r\n      <textarea\r\n        #textArea\r\n        matInput\r\n        readonly\r\n        rows=\"1\"\r\n        [placeholder]=\"\r\n          'igo.integration.advanced-map-tool.advanced-coordinates.lon'\r\n            | translate\r\n        \"\r\n        [value]=\"coordinates[0]\"\r\n      ></textarea>\r\n    </mat-form-field>\r\n    <ng-template #elseBlock>\r\n      <mat-form-field class=\"coordinates\">\r\n        <textarea\r\n          #textArea\r\n          matInput\r\n          readonly\r\n          rows=\"1\"\r\n          [placeholder]=\"\r\n            'igo.integration.advanced-map-tool.advanced-coordinates.est'\r\n              | translate\r\n          \"\r\n          [value]=\"coordinates[0]\"\r\n        ></textarea>\r\n      </mat-form-field>\r\n    </ng-template>\r\n\r\n    <mat-form-field *ngIf=\"units; else elseBlock2\" class=\"coordinates2\">\r\n      <mat-label>{{\r\n        'igo.integration.advanced-map-tool.advanced-coordinates.lat' | translate\r\n      }}</mat-label>\r\n      <textarea\r\n        #textArea\r\n        matInput\r\n        readonly\r\n        rows=\"1\"\r\n        [placeholder]=\"\r\n          'igo.integration.advanced-map-tool.advanced-coordinates.lat'\r\n            | translate\r\n        \"\r\n        [value]=\"coordinates[1]\"\r\n      ></textarea>\r\n    </mat-form-field>\r\n    <ng-template #elseBlock2>\r\n      <mat-form-field class=\"coordinates2\">\r\n        <textarea\r\n          #textArea\r\n          matInput\r\n          readonly\r\n          rows=\"1\"\r\n          [placeholder]=\"\r\n            'igo.integration.advanced-map-tool.advanced-coordinates.nord'\r\n              | translate\r\n          \"\r\n          [value]=\"coordinates[1]\"\r\n        ></textarea>\r\n      </mat-form-field>\r\n    </ng-template>\r\n  </div>\r\n\r\n  <button\r\n    mat-icon-button\r\n    [attr.aria-label]=\"\r\n      'igo.integration.advanced-map-tool.advanced-coordinates.copy' | translate\r\n    \"\r\n    class=\"igo-form-button-group advanced-coordinates__copy-coordinates\"\r\n    (click)=\"copyTextToClipboard()\"\r\n  >\r\n    <mat-icon svgIcon=\"content-copy\"></mat-icon>\r\n  </button>\r\n</div>\r\n<form class=\"igo-form advanced-coordinates__form\" [formGroup]=\"form\">\r\n  <mat-form-field class=\"igo-input-container\">\r\n    <mat-label>{{\r\n      'igo.integration.advanced-map-tool.advanced-coordinates.coordSystem'\r\n        | translate\r\n    }}</mat-label>\r\n    <mat-select [(value)]=\"inputProj\">\r\n      <mat-option\r\n        matTooltipShowDelay=\"500\"\r\n        *ngFor=\"let projection of projections$ | async\"\r\n        [value]=\"projection\"\r\n        (click)=\"$event.stopPropagation()\"\r\n      >\r\n        {{ projection.translatedValue || projection.alias }}\r\n      </mat-option>\r\n    </mat-select>\r\n  </mat-form-field>\r\n  <mat-slide-toggle\r\n    class=\"center-toggle mat-typography\"\r\n    [checked]=\"center\"\r\n    [labelPosition]=\"'before'\"\r\n    (change)=\"displayCenter($event.checked)\"\r\n  >\r\n    {{\r\n      'igo.integration.advanced-map-tool.advanced-coordinates.center'\r\n        | translate\r\n    }}\r\n  </mat-slide-toggle>\r\n</form>\r\n\r\n<p class=\"igo-zoom mat-typography\">\r\n  {{\r\n    'igo.integration.advanced-map-tool.advanced-coordinates.zoom' | translate\r\n  }}\r\n  {{ map.viewController.getZoom() }}\r\n</p>\r\n<p class=\"igo-zoom mat-typography\">\r\n  {{\r\n    'igo.integration.advanced-map-tool.advanced-coordinates.scale' | translate\r\n  }}\r\n  {{ formattedScale$ | async }}\r\n</p>\r\n<p class=\"igo-zoom mat-typography\">\r\n  {{\r\n    'igo.integration.advanced-map-tool.advanced-coordinates.resolution'\r\n      | translate\r\n  }}\r\n  {{ map.viewController.getResolution() | number: '1.0-0' }}\r\n</p>\r\n", styles: ["textarea{resize:none}mat-form-field{padding:10px 15px}mat-form-field.coordinates2{padding:0 10px 0 3px}mat-form-field.igo-input-container{width:100%;padding:0 15px}.igo-form-button-group{padding:0 10px;margin:0 10px}.igo-zoom{padding:0 15px}.advanced-coordinates__coordinates-container{display:flex;flex-direction:row;align-items:center}.advanced-coordinates__coordinates-container__inner{flex:1 1 0}.advanced-coordinates__coordinates-container__inner .mat-mdc-form-field{width:50%}.advanced-coordinates__form ::ng-deep .mat-mdc-slide-toggle{padding:10px 15px 35px;width:100%}mat-slide-toggle{width:100%;padding:0 8px}mat-slide-toggle ::ng-deep .mdc-form-field{width:100%}mat-slide-toggle ::ng-deep .mdc-label{margin-left:0;width:calc(100% - 60px)}\n"] }]
     }], function () { return [{ type: MapState }, { type: i2.LanguageService }, { type: i2.MessageService }, { type: i0.ChangeDetectorRef }, { type: i2.StorageService }, { type: i2.ConfigService }, { type: i3$1.UntypedFormBuilder }]; }, { projectionsLimitations: [{
             type: Input
         }] }); })();
@@ -3661,7 +3661,7 @@ class AdvancedSwipeComponent {
 }
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(AdvancedSwipeComponent, [{
         type: Component,
-        args: [{ selector: 'igo-advanced-swipe', template: "<div\n  *ngIf=\"userControlledLayerList.length; else noLayersBlock\"\n  class=\"igo-swipe-select-container\"\n>\n  <form class=\"igo-form\" [formGroup]=\"form\">\n    <mat-form-field>\n      <mat-label>{{\n        'igo.integration.advanced-map-tool.advanced-swipe.swipe-select'\n          | translate\n      }}</mat-label>\n      <mat-select formControlName=\"layers\" multiple>\n        <mat-option [value]=\"1\" (click)=\"selectAll(e)\" #e>\n          {{\n            'igo.integration.advanced-map-tool.advanced-swipe.selectAll'\n              | translate\n          }}\n        </mat-option>\n        <mat-divider></mat-divider>\n        <mat-option\n          *ngFor=\"let layer of userControlledLayerList\"\n          [value]=\"layer\"\n          (click)=\"applyNewLayers(e)\"\n          >{{ layer.title }}</mat-option\n        >\n      </mat-select>\n    </mat-form-field>\n  </form>\n\n  <mat-slide-toggle\n    class=\"swipe-toggle mat-typography\"\n    [checked]=\"swipe\"\n    [labelPosition]=\"'before'\"\n    (change)=\"startSwipe($event.checked)\"\n  >\n    {{ 'igo.integration.advanced-map-tool.advanced-swipe.swipe' | translate }}\n  </mat-slide-toggle>\n</div>\n\n<ng-template #noLayersBlock>\n  <mat-list>\n    <p class=\"map-empty mat-typography\">\n      {{ 'igo.integration.advanced-map-tool.advanced-swipe.empty' | translate }}\n    </p>\n    <p class=\"map-empty mat-typography\">\n      {{\n        'igo.integration.advanced-map-tool.advanced-swipe.customize' | translate\n      }}\n    </p>\n    <mat-list-item>\n      <mat-icon matListItemIcon svgIcon=\"magnify\"></mat-icon>\n      <span\n        matListItemTitle\n        class=\"search-tool mat-typography\"\n        (click)=\"searchEmit()\"\n      >\n        {{\n          'igo.integration.advanced-map-tool.advanced-swipe.search-tool'\n            | translate\n        }}\n      </span>\n    </mat-list-item>\n    <mat-list-item>\n      <mat-icon matListItemIcon svgIcon=\"layers-plus\"></mat-icon>\n      <span\n        matListItemTitle\n        class=\"catalog-tool mat-typography\"\n        (click)=\"catalogEmit()\"\n      >\n        {{\n          'igo.integration.advanced-map-tool.advanced-swipe.catalog-tool'\n            | translate\n        }}\n      </span>\n    </mat-list-item>\n    <mat-list-item>\n      <mat-icon matListItemIcon svgIcon=\"star\"></mat-icon>\n      <span\n        matListItemTitle\n        class=\"context-tool mat-typography\"\n        (click)=\"contextEmit()\"\n      >\n        {{\n          'igo.integration.advanced-map-tool.advanced-swipe.context-tool'\n            | translate\n        }}\n      </span>\n    </mat-list-item>\n  </mat-list>\n</ng-template>\n", styles: [":host .nameOfTool{text-align:center;font-weight:700;font-size:small;margin:15px 10px 0}:host .igo-swipe-select-container{padding:10px}:host .igo-swipe-select-container mat-form-field{width:100%}:host .igo-form{padding:1px 5px;width:100%}:host mat-slide-toggle{width:100%;padding:0 8px}:host mat-slide-toggle ::ng-deep .mdc-form-field{width:100%}:host mat-slide-toggle ::ng-deep .mdc-label{margin-left:0;width:calc(100% - 60px)}:host .map-empty,:host .search-tool,:host .catalog-tool,:host .context-tool{margin:5px}:host .map-empty{padding:10px;text-align:justify}:host .search-tool,:host .catalog-tool,:host .context-tool{cursor:pointer}:host mat-list mat-list-item h4{font-weight:700}:host mat-list-item ::ng-deep .mdc-list-item__primary-text{font-size:smaller}:host mat-list.mat-mdc-list-base mat-list-item.mat-mdc-list-item ::ng-deep div.mdc-list-item__content div.mdc-list-item__primary-text{padding-left:15px}:host .advanced-tool-line{height:2px;background-color:gray}\n"] }]
+        args: [{ selector: 'igo-advanced-swipe', template: "<div\r\n  *ngIf=\"userControlledLayerList.length; else noLayersBlock\"\r\n  class=\"igo-swipe-select-container\"\r\n>\r\n  <form class=\"igo-form\" [formGroup]=\"form\">\r\n    <mat-form-field>\r\n      <mat-label>{{\r\n        'igo.integration.advanced-map-tool.advanced-swipe.swipe-select'\r\n          | translate\r\n      }}</mat-label>\r\n      <mat-select formControlName=\"layers\" multiple>\r\n        <mat-option [value]=\"1\" (click)=\"selectAll(e)\" #e>\r\n          {{\r\n            'igo.integration.advanced-map-tool.advanced-swipe.selectAll'\r\n              | translate\r\n          }}\r\n        </mat-option>\r\n        <mat-divider></mat-divider>\r\n        <mat-option\r\n          *ngFor=\"let layer of userControlledLayerList\"\r\n          [value]=\"layer\"\r\n          (click)=\"applyNewLayers(e)\"\r\n          >{{ layer.title }}</mat-option\r\n        >\r\n      </mat-select>\r\n    </mat-form-field>\r\n  </form>\r\n\r\n  <mat-slide-toggle\r\n    class=\"swipe-toggle mat-typography\"\r\n    [checked]=\"swipe\"\r\n    [labelPosition]=\"'before'\"\r\n    (change)=\"startSwipe($event.checked)\"\r\n  >\r\n    {{ 'igo.integration.advanced-map-tool.advanced-swipe.swipe' | translate }}\r\n  </mat-slide-toggle>\r\n</div>\r\n\r\n<ng-template #noLayersBlock>\r\n  <mat-list>\r\n    <p class=\"map-empty mat-typography\">\r\n      {{ 'igo.integration.advanced-map-tool.advanced-swipe.empty' | translate }}\r\n    </p>\r\n    <p class=\"map-empty mat-typography\">\r\n      {{\r\n        'igo.integration.advanced-map-tool.advanced-swipe.customize' | translate\r\n      }}\r\n    </p>\r\n    <mat-list-item>\r\n      <mat-icon matListItemIcon svgIcon=\"magnify\"></mat-icon>\r\n      <span\r\n        matListItemTitle\r\n        class=\"search-tool mat-typography\"\r\n        (click)=\"searchEmit()\"\r\n      >\r\n        {{\r\n          'igo.integration.advanced-map-tool.advanced-swipe.search-tool'\r\n            | translate\r\n        }}\r\n      </span>\r\n    </mat-list-item>\r\n    <mat-list-item>\r\n      <mat-icon matListItemIcon svgIcon=\"layers-plus\"></mat-icon>\r\n      <span\r\n        matListItemTitle\r\n        class=\"catalog-tool mat-typography\"\r\n        (click)=\"catalogEmit()\"\r\n      >\r\n        {{\r\n          'igo.integration.advanced-map-tool.advanced-swipe.catalog-tool'\r\n            | translate\r\n        }}\r\n      </span>\r\n    </mat-list-item>\r\n    <mat-list-item>\r\n      <mat-icon matListItemIcon svgIcon=\"star\"></mat-icon>\r\n      <span\r\n        matListItemTitle\r\n        class=\"context-tool mat-typography\"\r\n        (click)=\"contextEmit()\"\r\n      >\r\n        {{\r\n          'igo.integration.advanced-map-tool.advanced-swipe.context-tool'\r\n            | translate\r\n        }}\r\n      </span>\r\n    </mat-list-item>\r\n  </mat-list>\r\n</ng-template>\r\n", styles: [":host .nameOfTool{text-align:center;font-weight:700;font-size:small;margin:15px 10px 0}:host .igo-swipe-select-container{padding:10px}:host .igo-swipe-select-container mat-form-field{width:100%}:host .igo-form{padding:1px 5px;width:100%}:host mat-slide-toggle{width:100%;padding:0 8px}:host mat-slide-toggle ::ng-deep .mdc-form-field{width:100%}:host mat-slide-toggle ::ng-deep .mdc-label{margin-left:0;width:calc(100% - 60px)}:host .map-empty,:host .search-tool,:host .catalog-tool,:host .context-tool{margin:5px}:host .map-empty{padding:10px;text-align:justify}:host .search-tool,:host .catalog-tool,:host .context-tool{cursor:pointer}:host mat-list mat-list-item h4{font-weight:700}:host mat-list-item ::ng-deep .mdc-list-item__primary-text{font-size:smaller}:host mat-list.mat-mdc-list-base mat-list-item.mat-mdc-list-item ::ng-deep div.mdc-list-item__content div.mdc-list-item__primary-text{padding-left:15px}:host .advanced-tool-line{height:2px;background-color:gray}\n"] }]
     }], function () { return [{ type: MapState }, { type: i1$1.ContextService }, { type: i3$1.UntypedFormBuilder }, { type: ToolState }]; }, null); })();
 
 let AdvancedMapToolComponent = class AdvancedMapToolComponent {
@@ -3741,7 +3741,7 @@ AdvancedMapToolComponent = __decorate([
 ], AdvancedMapToolComponent);
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(AdvancedMapToolComponent, [{
         type: Component,
-        args: [{ selector: 'igo-advanced-map-tool', template: "<h4 class=\"nameOfTool\">\n  {{\n    'igo.integration.advanced-map-tool.advanced-swipe.swipe-tool' | translate\n  }}\n</h4>\n<igo-advanced-swipe></igo-advanced-swipe>\n<mat-divider class=\"advanced-tool-line\"></mat-divider>\n<h4 class=\"nameOfTool\">\n  {{\n    'igo.integration.advanced-map-tool.advanced-coordinates.coordinates'\n      | translate\n  }}\n</h4>\n<igo-advanced-coordinates></igo-advanced-coordinates>\n<mat-divider class=\"advanced-tool-line\"></mat-divider>\n\n<h4 class=\"nameOfTool\">\n  {{ 'igo.integration.advanced-map-tool.geolocation.title' | translate }}\n</h4>\n\n<div class=\"igo-input-container\">\n  <div class=\"geolocation-slide-toggle-container mat-typography\">\n    <mat-slide-toggle\n      class=\"geolocation-option mat-typography\"\n      [checked]=\"tracking$ | async\"\n      [labelPosition]=\"'before'\"\n      (change)=\"toggleTracking($event.checked)\"\n    >\n      {{ 'igo.integration.advanced-map-tool.geolocation.tracking' | translate }}\n    </mat-slide-toggle>\n\n    <mat-slide-toggle\n      class=\"geolocation-option mat-typography\"\n      [disabled]=\"(tracking$ | async) !== true\"\n      [labelPosition]=\"'before'\"\n      [checked]=\"followPosition$ | async\"\n      (change)=\"toggleFollow($event.checked)\"\n    >\n      {{ 'igo.integration.advanced-map-tool.geolocation.follow' | translate }}\n    </mat-slide-toggle>\n  </div>\n</div>\n", styles: [".nameOfTool{text-align:center;font-weight:700;font-size:small;margin:15px 10px 0}.advanced-tool-line{height:2px;background-color:gray}.geolocation-slide-toggle-container{margin-top:8px}.geolocation-slide-toggle-container mat-slide-toggle{width:100%;padding:0 8px}.geolocation-slide-toggle-container mat-slide-toggle ::ng-deep .mdc-form-field{width:100%}.geolocation-slide-toggle-container mat-slide-toggle ::ng-deep .mdc-label{margin-left:0;width:calc(100% - 60px)}.geolocation-option{display:block;margin-right:10px;margin-bottom:15px}\n"] }]
+        args: [{ selector: 'igo-advanced-map-tool', template: "<h4 class=\"nameOfTool\">\r\n  {{\r\n    'igo.integration.advanced-map-tool.advanced-swipe.swipe-tool' | translate\r\n  }}\r\n</h4>\r\n<igo-advanced-swipe></igo-advanced-swipe>\r\n<mat-divider class=\"advanced-tool-line\"></mat-divider>\r\n<h4 class=\"nameOfTool\">\r\n  {{\r\n    'igo.integration.advanced-map-tool.advanced-coordinates.coordinates'\r\n      | translate\r\n  }}\r\n</h4>\r\n<igo-advanced-coordinates></igo-advanced-coordinates>\r\n<mat-divider class=\"advanced-tool-line\"></mat-divider>\r\n\r\n<h4 class=\"nameOfTool\">\r\n  {{ 'igo.integration.advanced-map-tool.geolocation.title' | translate }}\r\n</h4>\r\n\r\n<div class=\"igo-input-container\">\r\n  <div class=\"geolocation-slide-toggle-container mat-typography\">\r\n    <mat-slide-toggle\r\n      class=\"geolocation-option mat-typography\"\r\n      [checked]=\"tracking$ | async\"\r\n      [labelPosition]=\"'before'\"\r\n      (change)=\"toggleTracking($event.checked)\"\r\n    >\r\n      {{ 'igo.integration.advanced-map-tool.geolocation.tracking' | translate }}\r\n    </mat-slide-toggle>\r\n\r\n    <mat-slide-toggle\r\n      class=\"geolocation-option mat-typography\"\r\n      [disabled]=\"(tracking$ | async) !== true\"\r\n      [labelPosition]=\"'before'\"\r\n      [checked]=\"followPosition$ | async\"\r\n      (change)=\"toggleFollow($event.checked)\"\r\n    >\r\n      {{ 'igo.integration.advanced-map-tool.geolocation.follow' | translate }}\r\n    </mat-slide-toggle>\r\n  </div>\r\n</div>\r\n", styles: [".nameOfTool{text-align:center;font-weight:700;font-size:small;margin:15px 10px 0}.advanced-tool-line{height:2px;background-color:gray}.geolocation-slide-toggle-container{margin-top:8px}.geolocation-slide-toggle-container mat-slide-toggle{width:100%;padding:0 8px}.geolocation-slide-toggle-container mat-slide-toggle ::ng-deep .mdc-form-field{width:100%}.geolocation-slide-toggle-container mat-slide-toggle ::ng-deep .mdc-label{margin-left:0;width:calc(100% - 60px)}.geolocation-option{display:block;margin-right:10px;margin-bottom:15px}\n"] }]
     }], function () { return [{ type: MapState }]; }, null); })();
 
 function MapDetailsToolComponent_igo_layer_list_0_ng_template_1_Template(rf, ctx) { if (rf & 1) {
@@ -3976,7 +3976,7 @@ MapDetailsToolComponent = __decorate([
 ], MapDetailsToolComponent);
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(MapDetailsToolComponent, [{
         type: Component,
-        args: [{ selector: 'igo-map-details-tool', template: "<igo-layer-list\n  class=\"mapDetailsList\"\n  *ngIf=\"(layers$ | async).length; else empty\"\n  [map]=\"map\"\n  igoLayerListBinding\n  [excludeBaseLayers]=\"excludeBaseLayers\"\n  [layerFilterAndSortOptions]=\"layerFilterAndSortOptions\"\n  [expandLegendOfVisibleLayers]=\"expandLegendOfVisibleLayers\"\n  [toggleLegendOnVisibilityChange]=\"toggleLegendOnVisibilityChange\"\n  [updateLegendOnResolutionChange]=\"updateLegendOnResolutionChange\"\n  floatLabel=\"never\"\n  [queryBadge]=\"queryBadge\"\n>\n  <ng-template #igoLayerItemToolbar let-layer=\"layer\">\n    <!-- <igo-download-button [layer]=\"layer\"></igo-download-button> -->\n    <igo-workspace-button [layer]=\"layer\"></igo-workspace-button>\n    <igo-export-button\n      [layer]=\"layer\"\n      (click)=\"activateExport(layer)\"\n    ></igo-export-button>\n    <igo-ogc-filter-button\n      [header]=\"ogcButton\"\n      [layer]=\"layer\"\n    ></igo-ogc-filter-button>\n    <igo-time-filter-button\n      [header]=\"timeButton\"\n      [layer]=\"layer\"\n    ></igo-time-filter-button>\n    <igo-track-feature-button\n      [trackFeature]=\"true\"\n      [layer]=\"layer\"\n    ></igo-track-feature-button>\n    <igo-metadata-button [layer]=\"layer\"></igo-metadata-button>\n  </ng-template>\n</igo-layer-list>\n\n<ng-template #empty>\n  <mat-list *ngIf=\"delayedShowEmptyMapContent\">\n    <p class=\"map-empty mat-typography\">\n      {{ 'igo.integration.mapTool.empty' | translate }}\n    </p>\n    <p\n      *ngIf=\"\n        layerAdditionAllowed &&\n        (searchToolInToolbar || catalogToolInToolbar || contextToolInToolbar)\n      \"\n      class=\"map-empty mat-typography\"\n    >\n      {{ 'igo.integration.mapTool.customize' | translate }}\n    </p>\n    <mat-list-item *ngIf=\"layerAdditionAllowed && searchToolInToolbar\">\n      <mat-icon matListItemIcon>\n        <svg\n          viewBox=\"0 0 24 24\"\n          fit=\"\"\n          height=\"100%\"\n          width=\"100%\"\n          preserveAspectRatio=\"xMidYMid meet\"\n          focusable=\"false\"\n        >\n          <path\n            d=\"M9.5,3A6.5,6.5 0 0,1 16,9.5C16,11.11 15.41,12.59 14.44,13.73L14.71,14H15.5L20.5,19L19,20.5L14,15.5V14.71L13.73,14.44C12.59,15.41 11.11,16 9.5,16A6.5,6.5 0 0,1 3,9.5A6.5,6.5 0 0,1 9.5,3M9.5,5C7,5 5,7 5,9.5C5,12 7,14 9.5,14C12,14 14,12 14,9.5C14,7 12,5 9.5,5Z\"\n          ></path></svg\n      ></mat-icon>\n      <span\n        matListItemTitle\n        class=\"search-tool mat-typography\"\n        (click)=\"searchEmit()\"\n      >\n        {{ 'igo.integration.mapTool.search-tool' | translate }}\n      </span>\n    </mat-list-item>\n    <mat-list-item *ngIf=\"layerAdditionAllowed && catalogToolInToolbar\">\n      <mat-icon matListItemIcon>\n        <svg\n          viewBox=\"0 0 24 24\"\n          fit=\"\"\n          height=\"100%\"\n          width=\"100%\"\n          preserveAspectRatio=\"xMidYMid meet\"\n          focusable=\"false\"\n        >\n          <path\n            d=\"M17,14H19V17H22V19H19V22H17V19H14V17H17V14M11,16L2,9L11,2L20,9L11,16M11,18.54L12,17.75V18C12,18.71 12.12,19.39 12.35,20L11,21.07L2,14.07L3.62,12.81L11,18.54Z\"\n          ></path></svg\n      ></mat-icon>\n      <span\n        matListItemTitle\n        class=\"catalog-tool mat-typography\"\n        (click)=\"catalogEmit()\"\n      >\n        {{ 'igo.integration.mapTool.catalog-tool' | translate }}\n      </span>\n    </mat-list-item>\n    <mat-list-item *ngIf=\"layerAdditionAllowed && contextToolInToolbar\">\n      <mat-icon matListItemIcon>\n        <svg\n          viewBox=\"0 0 24 24\"\n          fit=\"\"\n          height=\"100%\"\n          width=\"100%\"\n          preserveAspectRatio=\"xMidYMid meet\"\n          focusable=\"false\"\n        >\n          <path\n            d=\"M12,17.27L18.18,21L16.54,13.97L22,9.24L14.81,8.62L12,2L9.19,8.62L2,9.24L7.45,13.97L5.82,21L12,17.27Z\"\n          ></path></svg\n      ></mat-icon>\n      <span\n        matListItemTitle\n        class=\"context-tool mat-typography\"\n        (click)=\"contextEmit()\"\n      >\n        {{ 'igo.integration.mapTool.context-tool' | translate }}\n      </span>\n    </mat-list-item>\n  </mat-list>\n</ng-template>\n", styles: [":host .map-empty,:host .search-tool,:host .catalog-tool,:host .context-tool{margin:10px}:host .map-empty{text-align:justify}:host .search-tool,:host .catalog-tool,:host .context-tool{cursor:pointer}:host mat-list mat-list-item h4{font-weight:700}:host mat-list-item ::ng-deep .mdc-list-item__primary-text{font-size:smaller}:host mat-list.mat-mdc-list-base mat-list-item.mat-mdc-list-item ::ng-deep div.mdc-list-item__content div.mdc-list-item__primary-text{padding-left:5px}:host .mapDetailsList{overflow:hidden}\n"] }]
+        args: [{ selector: 'igo-map-details-tool', template: "<igo-layer-list\r\n  class=\"mapDetailsList\"\r\n  *ngIf=\"(layers$ | async).length; else empty\"\r\n  [map]=\"map\"\r\n  igoLayerListBinding\r\n  [excludeBaseLayers]=\"excludeBaseLayers\"\r\n  [layerFilterAndSortOptions]=\"layerFilterAndSortOptions\"\r\n  [expandLegendOfVisibleLayers]=\"expandLegendOfVisibleLayers\"\r\n  [toggleLegendOnVisibilityChange]=\"toggleLegendOnVisibilityChange\"\r\n  [updateLegendOnResolutionChange]=\"updateLegendOnResolutionChange\"\r\n  floatLabel=\"never\"\r\n  [queryBadge]=\"queryBadge\"\r\n>\r\n  <ng-template #igoLayerItemToolbar let-layer=\"layer\">\r\n    <!-- <igo-download-button [layer]=\"layer\"></igo-download-button> -->\r\n    <igo-workspace-button [layer]=\"layer\"></igo-workspace-button>\r\n    <igo-export-button\r\n      [layer]=\"layer\"\r\n      (click)=\"activateExport(layer)\"\r\n    ></igo-export-button>\r\n    <igo-ogc-filter-button\r\n      [header]=\"ogcButton\"\r\n      [layer]=\"layer\"\r\n    ></igo-ogc-filter-button>\r\n    <igo-time-filter-button\r\n      [header]=\"timeButton\"\r\n      [layer]=\"layer\"\r\n    ></igo-time-filter-button>\r\n    <igo-track-feature-button\r\n      [trackFeature]=\"true\"\r\n      [layer]=\"layer\"\r\n    ></igo-track-feature-button>\r\n    <igo-metadata-button [layer]=\"layer\"></igo-metadata-button>\r\n  </ng-template>\r\n</igo-layer-list>\r\n\r\n<ng-template #empty>\r\n  <mat-list *ngIf=\"delayedShowEmptyMapContent\">\r\n    <p class=\"map-empty mat-typography\">\r\n      {{ 'igo.integration.mapTool.empty' | translate }}\r\n    </p>\r\n    <p\r\n      *ngIf=\"\r\n        layerAdditionAllowed &&\r\n        (searchToolInToolbar || catalogToolInToolbar || contextToolInToolbar)\r\n      \"\r\n      class=\"map-empty mat-typography\"\r\n    >\r\n      {{ 'igo.integration.mapTool.customize' | translate }}\r\n    </p>\r\n    <mat-list-item *ngIf=\"layerAdditionAllowed && searchToolInToolbar\">\r\n      <mat-icon matListItemIcon>\r\n        <svg\r\n          viewBox=\"0 0 24 24\"\r\n          fit=\"\"\r\n          height=\"100%\"\r\n          width=\"100%\"\r\n          preserveAspectRatio=\"xMidYMid meet\"\r\n          focusable=\"false\"\r\n        >\r\n          <path\r\n            d=\"M9.5,3A6.5,6.5 0 0,1 16,9.5C16,11.11 15.41,12.59 14.44,13.73L14.71,14H15.5L20.5,19L19,20.5L14,15.5V14.71L13.73,14.44C12.59,15.41 11.11,16 9.5,16A6.5,6.5 0 0,1 3,9.5A6.5,6.5 0 0,1 9.5,3M9.5,5C7,5 5,7 5,9.5C5,12 7,14 9.5,14C12,14 14,12 14,9.5C14,7 12,5 9.5,5Z\"\r\n          ></path></svg\r\n      ></mat-icon>\r\n      <span\r\n        matListItemTitle\r\n        class=\"search-tool mat-typography\"\r\n        (click)=\"searchEmit()\"\r\n      >\r\n        {{ 'igo.integration.mapTool.search-tool' | translate }}\r\n      </span>\r\n    </mat-list-item>\r\n    <mat-list-item *ngIf=\"layerAdditionAllowed && catalogToolInToolbar\">\r\n      <mat-icon matListItemIcon>\r\n        <svg\r\n          viewBox=\"0 0 24 24\"\r\n          fit=\"\"\r\n          height=\"100%\"\r\n          width=\"100%\"\r\n          preserveAspectRatio=\"xMidYMid meet\"\r\n          focusable=\"false\"\r\n        >\r\n          <path\r\n            d=\"M17,14H19V17H22V19H19V22H17V19H14V17H17V14M11,16L2,9L11,2L20,9L11,16M11,18.54L12,17.75V18C12,18.71 12.12,19.39 12.35,20L11,21.07L2,14.07L3.62,12.81L11,18.54Z\"\r\n          ></path></svg\r\n      ></mat-icon>\r\n      <span\r\n        matListItemTitle\r\n        class=\"catalog-tool mat-typography\"\r\n        (click)=\"catalogEmit()\"\r\n      >\r\n        {{ 'igo.integration.mapTool.catalog-tool' | translate }}\r\n      </span>\r\n    </mat-list-item>\r\n    <mat-list-item *ngIf=\"layerAdditionAllowed && contextToolInToolbar\">\r\n      <mat-icon matListItemIcon>\r\n        <svg\r\n          viewBox=\"0 0 24 24\"\r\n          fit=\"\"\r\n          height=\"100%\"\r\n          width=\"100%\"\r\n          preserveAspectRatio=\"xMidYMid meet\"\r\n          focusable=\"false\"\r\n        >\r\n          <path\r\n            d=\"M12,17.27L18.18,21L16.54,13.97L22,9.24L14.81,8.62L12,2L9.19,8.62L2,9.24L7.45,13.97L5.82,21L12,17.27Z\"\r\n          ></path></svg\r\n      ></mat-icon>\r\n      <span\r\n        matListItemTitle\r\n        class=\"context-tool mat-typography\"\r\n        (click)=\"contextEmit()\"\r\n      >\r\n        {{ 'igo.integration.mapTool.context-tool' | translate }}\r\n      </span>\r\n    </mat-list-item>\r\n  </mat-list>\r\n</ng-template>\r\n", styles: [":host .map-empty,:host .search-tool,:host .catalog-tool,:host .context-tool{margin:10px}:host .map-empty{text-align:justify}:host .search-tool,:host .catalog-tool,:host .context-tool{cursor:pointer}:host mat-list mat-list-item h4{font-weight:700}:host mat-list-item ::ng-deep .mdc-list-item__primary-text{font-size:smaller}:host mat-list.mat-mdc-list-base mat-list-item.mat-mdc-list-item ::ng-deep div.mdc-list-item__content div.mdc-list-item__primary-text{padding-left:5px}:host .mapDetailsList{overflow:hidden}\n"] }]
     }], function () { return [{ type: MapState }, { type: ToolState }, { type: i1.SearchSourceService }, { type: i0.ChangeDetectorRef }, { type: ImportExportState }]; }, { toggleLegendOnVisibilityChange: [{
             type: Input
         }], expandLegendOfVisibleLayers: [{
@@ -4251,7 +4251,7 @@ MapLegendToolComponent = __decorate([
 ], MapLegendToolComponent);
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(MapLegendToolComponent, [{
         type: Component,
-        args: [{ selector: 'igo-map-legend-tool', template: "<igo-layer-legend-list\n  *ngIf=\"showAllLegend()\"\n  igoLayerLegendListBinding\n  [excludeBaseLayers]=\"excludeBaseLayers\"\n  [allowShowAllLegends]=\"allowShowAllLegends\"\n  [updateLegendOnResolutionChange]=\"updateLegendOnResolutionChange\"\n  [showAllLegendsValue]=\"showAllLegendsValue$ | async\"\n  (allLegendsShown)=\"onShowAllLegends($event)\"\n>\n</igo-layer-legend-list>\n<ng-template\n  *ngIf=\"(layers$ | async).length !== 0; else emptyLayers\"\n></ng-template>\n\n<p\n  class=\"map-empty mat-typography\"\n  *ngIf=\"\n    !allowShowAllLegends &&\n    (layers$ | async).length !== 0 &&\n    (visibleOrInRangeLayers$ | async).length === 0\n  \"\n>\n  {{\n    (visibleLayers$ | async).length\n      ? ('igo.integration.mapTool.noLayersInRange' | translate)\n      : ('igo.integration.mapTool.noLayersVisible' | translate)\n  }}\n</p>\n\n<ng-template #emptyLayers>\n  <mat-list *ngIf=\"delayedShowEmptyMapContent\">\n    <p class=\"map-empty mat-typography\">\n      {{ 'igo.integration.mapTool.empty' | translate }}\n    </p>\n    <p\n      *ngIf=\"\n        layerAdditionAllowed &&\n        (searchToolInToolbar || catalogToolInToolbar || contextToolInToolbar)\n      \"\n      class=\"map-empty mat-typography\"\n    >\n      {{ 'igo.integration.mapTool.customize' | translate }}\n    </p>\n\n    <mat-list-item *ngIf=\"layerAdditionAllowed && searchToolInToolbar\">\n      <mat-icon matListItemIcon>\n        <svg\n          viewBox=\"0 0 24 24\"\n          fit=\"\"\n          height=\"100%\"\n          width=\"100%\"\n          preserveAspectRatio=\"xMidYMid meet\"\n          focusable=\"false\"\n        >\n          <path\n            d=\"M9.5,3A6.5,6.5 0 0,1 16,9.5C16,11.11 15.41,12.59 14.44,13.73L14.71,14H15.5L20.5,19L19,20.5L14,15.5V14.71L13.73,14.44C12.59,15.41 11.11,16 9.5,16A6.5,6.5 0 0,1 3,9.5A6.5,6.5 0 0,1 9.5,3M9.5,5C7,5 5,7 5,9.5C5,12 7,14 9.5,14C12,14 14,12 14,9.5C14,7 12,5 9.5,5Z\"\n          ></path></svg\n      ></mat-icon>\n      <span\n        matListItemTitle\n        class=\"search-tool mat-typography\"\n        (click)=\"searchEmit()\"\n      >\n        {{ 'igo.integration.mapTool.search-tool' | translate }}\n      </span>\n    </mat-list-item>\n    <mat-list-item *ngIf=\"layerAdditionAllowed && catalogToolInToolbar\">\n      <mat-icon matListItemIcon>\n        <svg\n          viewBox=\"0 0 24 24\"\n          fit=\"\"\n          height=\"100%\"\n          width=\"100%\"\n          preserveAspectRatio=\"xMidYMid meet\"\n          focusable=\"false\"\n        >\n          <path\n            d=\"M17,14H19V17H22V19H19V22H17V19H14V17H17V14M11,16L2,9L11,2L20,9L11,16M11,18.54L12,17.75V18C12,18.71 12.12,19.39 12.35,20L11,21.07L2,14.07L3.62,12.81L11,18.54Z\"\n          ></path></svg\n      ></mat-icon>\n      <span\n        matListItemTitle\n        class=\"catalog-tool mat-typography\"\n        (click)=\"catalogEmit()\"\n      >\n        {{ 'igo.integration.mapTool.catalog-tool' | translate }}\n      </span>\n    </mat-list-item>\n    <mat-list-item *ngIf=\"layerAdditionAllowed && contextToolInToolbar\">\n      <mat-icon matListItemIcon>\n        <svg\n          viewBox=\"0 0 24 24\"\n          fit=\"\"\n          height=\"100%\"\n          width=\"100%\"\n          preserveAspectRatio=\"xMidYMid meet\"\n          focusable=\"false\"\n        >\n          <path\n            d=\"M12,17.27L18.18,21L16.54,13.97L22,9.24L14.81,8.62L12,2L9.19,8.62L2,9.24L7.45,13.97L5.82,21L12,17.27Z\"\n          ></path></svg\n      ></mat-icon>\n      <span\n        matListItemTitle\n        class=\"context-tool mat-typography\"\n        (click)=\"contextEmit()\"\n      >\n        {{ 'igo.integration.mapTool.context-tool' | translate }}\n      </span>\n    </mat-list-item>\n  </mat-list>\n</ng-template>\n", styles: [":host .map-empty,:host .search-tool,:host .catalog-tool,:host .context-tool{margin:10px}:host .map-empty{text-align:justify}:host .search-tool,:host .catalog-tool,:host .context-tool{cursor:pointer}:host mat-list mat-list-item h4{font-weight:700}:host mat-list-item ::ng-deep .mdc-list-item__primary-text{font-size:smaller}:host mat-list.mat-mdc-list-base mat-list-item.mat-mdc-list-item ::ng-deep div.mdc-list-item__content div.mdc-list-item__primary-text{padding-left:5px}\n"] }]
+        args: [{ selector: 'igo-map-legend-tool', template: "<igo-layer-legend-list\r\n  *ngIf=\"showAllLegend()\"\r\n  igoLayerLegendListBinding\r\n  [excludeBaseLayers]=\"excludeBaseLayers\"\r\n  [allowShowAllLegends]=\"allowShowAllLegends\"\r\n  [updateLegendOnResolutionChange]=\"updateLegendOnResolutionChange\"\r\n  [showAllLegendsValue]=\"showAllLegendsValue$ | async\"\r\n  (allLegendsShown)=\"onShowAllLegends($event)\"\r\n>\r\n</igo-layer-legend-list>\r\n<ng-template\r\n  *ngIf=\"(layers$ | async).length !== 0; else emptyLayers\"\r\n></ng-template>\r\n\r\n<p\r\n  class=\"map-empty mat-typography\"\r\n  *ngIf=\"\r\n    !allowShowAllLegends &&\r\n    (layers$ | async).length !== 0 &&\r\n    (visibleOrInRangeLayers$ | async).length === 0\r\n  \"\r\n>\r\n  {{\r\n    (visibleLayers$ | async).length\r\n      ? ('igo.integration.mapTool.noLayersInRange' | translate)\r\n      : ('igo.integration.mapTool.noLayersVisible' | translate)\r\n  }}\r\n</p>\r\n\r\n<ng-template #emptyLayers>\r\n  <mat-list *ngIf=\"delayedShowEmptyMapContent\">\r\n    <p class=\"map-empty mat-typography\">\r\n      {{ 'igo.integration.mapTool.empty' | translate }}\r\n    </p>\r\n    <p\r\n      *ngIf=\"\r\n        layerAdditionAllowed &&\r\n        (searchToolInToolbar || catalogToolInToolbar || contextToolInToolbar)\r\n      \"\r\n      class=\"map-empty mat-typography\"\r\n    >\r\n      {{ 'igo.integration.mapTool.customize' | translate }}\r\n    </p>\r\n\r\n    <mat-list-item *ngIf=\"layerAdditionAllowed && searchToolInToolbar\">\r\n      <mat-icon matListItemIcon>\r\n        <svg\r\n          viewBox=\"0 0 24 24\"\r\n          fit=\"\"\r\n          height=\"100%\"\r\n          width=\"100%\"\r\n          preserveAspectRatio=\"xMidYMid meet\"\r\n          focusable=\"false\"\r\n        >\r\n          <path\r\n            d=\"M9.5,3A6.5,6.5 0 0,1 16,9.5C16,11.11 15.41,12.59 14.44,13.73L14.71,14H15.5L20.5,19L19,20.5L14,15.5V14.71L13.73,14.44C12.59,15.41 11.11,16 9.5,16A6.5,6.5 0 0,1 3,9.5A6.5,6.5 0 0,1 9.5,3M9.5,5C7,5 5,7 5,9.5C5,12 7,14 9.5,14C12,14 14,12 14,9.5C14,7 12,5 9.5,5Z\"\r\n          ></path></svg\r\n      ></mat-icon>\r\n      <span\r\n        matListItemTitle\r\n        class=\"search-tool mat-typography\"\r\n        (click)=\"searchEmit()\"\r\n      >\r\n        {{ 'igo.integration.mapTool.search-tool' | translate }}\r\n      </span>\r\n    </mat-list-item>\r\n    <mat-list-item *ngIf=\"layerAdditionAllowed && catalogToolInToolbar\">\r\n      <mat-icon matListItemIcon>\r\n        <svg\r\n          viewBox=\"0 0 24 24\"\r\n          fit=\"\"\r\n          height=\"100%\"\r\n          width=\"100%\"\r\n          preserveAspectRatio=\"xMidYMid meet\"\r\n          focusable=\"false\"\r\n        >\r\n          <path\r\n            d=\"M17,14H19V17H22V19H19V22H17V19H14V17H17V14M11,16L2,9L11,2L20,9L11,16M11,18.54L12,17.75V18C12,18.71 12.12,19.39 12.35,20L11,21.07L2,14.07L3.62,12.81L11,18.54Z\"\r\n          ></path></svg\r\n      ></mat-icon>\r\n      <span\r\n        matListItemTitle\r\n        class=\"catalog-tool mat-typography\"\r\n        (click)=\"catalogEmit()\"\r\n      >\r\n        {{ 'igo.integration.mapTool.catalog-tool' | translate }}\r\n      </span>\r\n    </mat-list-item>\r\n    <mat-list-item *ngIf=\"layerAdditionAllowed && contextToolInToolbar\">\r\n      <mat-icon matListItemIcon>\r\n        <svg\r\n          viewBox=\"0 0 24 24\"\r\n          fit=\"\"\r\n          height=\"100%\"\r\n          width=\"100%\"\r\n          preserveAspectRatio=\"xMidYMid meet\"\r\n          focusable=\"false\"\r\n        >\r\n          <path\r\n            d=\"M12,17.27L18.18,21L16.54,13.97L22,9.24L14.81,8.62L12,2L9.19,8.62L2,9.24L7.45,13.97L5.82,21L12,17.27Z\"\r\n          ></path></svg\r\n      ></mat-icon>\r\n      <span\r\n        matListItemTitle\r\n        class=\"context-tool mat-typography\"\r\n        (click)=\"contextEmit()\"\r\n      >\r\n        {{ 'igo.integration.mapTool.context-tool' | translate }}\r\n      </span>\r\n    </mat-list-item>\r\n  </mat-list>\r\n</ng-template>\r\n", styles: [":host .map-empty,:host .search-tool,:host .catalog-tool,:host .context-tool{margin:10px}:host .map-empty{text-align:justify}:host .search-tool,:host .catalog-tool,:host .context-tool{cursor:pointer}:host mat-list mat-list-item h4{font-weight:700}:host mat-list-item ::ng-deep .mdc-list-item__primary-text{font-size:smaller}:host mat-list.mat-mdc-list-base mat-list-item.mat-mdc-list-item ::ng-deep div.mdc-list-item__content div.mdc-list-item__primary-text{padding-left:5px}\n"] }]
     }], function () { return [{ type: MapState }, { type: ToolState }, { type: i1.SearchSourceService }, { type: i0.ChangeDetectorRef }]; }, { updateLegendOnResolutionChange: [{
             type: Input
         }], layerAdditionAllowed: [{
@@ -4737,7 +4737,7 @@ MapToolComponent = __decorate([
 ], MapToolComponent);
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(MapToolComponent, [{
         type: Component,
-        args: [{ selector: 'igo-map-tool', changeDetection: ChangeDetectionStrategy.OnPush, template: "<mat-tab-group>\n  <mat-tab [label]=\"'igo.integration.tools.map' | translate\">\n    <igo-layer-list\n      [map]=\"map\"\n      igoLayerListBinding\n      [excludeBaseLayers]=\"excludeBaseLayers\"\n      [layerFilterAndSortOptions]=\"layerFilterAndSortOptions\"\n      [expandLegendOfVisibleLayers]=\"expandLegendOfVisibleLayers\"\n      [toggleLegendOnVisibilityChange]=\"toggleLegendOnVisibilityChange\"\n      [updateLegendOnResolutionChange]=\"updateLegendOnResolutionChange\"\n      [floatLabel]=\"false\"\n      [queryBadge]=\"queryBadge\"\n    >\n      <ng-template #igoLayerItemToolbar let-layer=\"layer\">\n        <!-- <igo-download-button [layer]=\"layer\"></igo-download-button> -->\n        <igo-workspace-button [layer]=\"layer\"></igo-workspace-button>\n        <igo-export-button\n          [layer]=\"layer\"\n          (click)=\"activateExport(layer)\"\n        ></igo-export-button>\n        <igo-ogc-filter-button\n          [header]=\"ogcButton\"\n          [layer]=\"layer\"\n        ></igo-ogc-filter-button>\n        <igo-time-filter-button\n          [header]=\"timeButton\"\n          [layer]=\"layer\"\n        ></igo-time-filter-button>\n        <igo-track-feature-button\n          [trackFeature]=\"true\"\n          [layer]=\"layer\"\n        ></igo-track-feature-button>\n        <igo-metadata-button [layer]=\"layer\"></igo-metadata-button>\n      </ng-template>\n    </igo-layer-list>\n  </mat-tab>\n\n  <mat-tab [label]=\"'igo.integration.tools.contexts' | translate\">\n    <igo-context-list igoContextListBinding></igo-context-list>\n  </mat-tab>\n</mat-tab-group>\n", styles: [":host ::ng-deep .mat-mdc-tab-body-content{overflow:hidden}\n"] }]
+        args: [{ selector: 'igo-map-tool', changeDetection: ChangeDetectionStrategy.OnPush, template: "<mat-tab-group>\r\n  <mat-tab [label]=\"'igo.integration.tools.map' | translate\">\r\n    <igo-layer-list\r\n      [map]=\"map\"\r\n      igoLayerListBinding\r\n      [excludeBaseLayers]=\"excludeBaseLayers\"\r\n      [layerFilterAndSortOptions]=\"layerFilterAndSortOptions\"\r\n      [expandLegendOfVisibleLayers]=\"expandLegendOfVisibleLayers\"\r\n      [toggleLegendOnVisibilityChange]=\"toggleLegendOnVisibilityChange\"\r\n      [updateLegendOnResolutionChange]=\"updateLegendOnResolutionChange\"\r\n      [floatLabel]=\"false\"\r\n      [queryBadge]=\"queryBadge\"\r\n    >\r\n      <ng-template #igoLayerItemToolbar let-layer=\"layer\">\r\n        <!-- <igo-download-button [layer]=\"layer\"></igo-download-button> -->\r\n        <igo-workspace-button [layer]=\"layer\"></igo-workspace-button>\r\n        <igo-export-button\r\n          [layer]=\"layer\"\r\n          (click)=\"activateExport(layer)\"\r\n        ></igo-export-button>\r\n        <igo-ogc-filter-button\r\n          [header]=\"ogcButton\"\r\n          [layer]=\"layer\"\r\n        ></igo-ogc-filter-button>\r\n        <igo-time-filter-button\r\n          [header]=\"timeButton\"\r\n          [layer]=\"layer\"\r\n        ></igo-time-filter-button>\r\n        <igo-track-feature-button\r\n          [trackFeature]=\"true\"\r\n          [layer]=\"layer\"\r\n        ></igo-track-feature-button>\r\n        <igo-metadata-button [layer]=\"layer\"></igo-metadata-button>\r\n      </ng-template>\r\n    </igo-layer-list>\r\n  </mat-tab>\r\n\r\n  <mat-tab [label]=\"'igo.integration.tools.contexts' | translate\">\r\n    <igo-context-list igoContextListBinding></igo-context-list>\r\n  </mat-tab>\r\n</mat-tab-group>\r\n", styles: [":host ::ng-deep .mat-mdc-tab-body-content{overflow:hidden}\n"] }]
     }], function () { return [{ type: MapState }, { type: ToolState }, { type: ImportExportState }]; }, { toggleLegendOnVisibilityChange: [{
             type: Input
         }], expandLegendOfVisibleLayers: [{
@@ -5225,7 +5225,7 @@ MapToolsComponent = __decorate([
 ], MapToolsComponent);
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(MapToolsComponent, [{
         type: Component,
-        args: [{ selector: 'igo-map-tools', changeDetection: ChangeDetectionStrategy.OnPush, template: "<mat-tab-group\n  #tabGroup\n  [selectedIndex]=\"layerListToolState.selectedTab$ | async\"\n  (selectedTabChange)=\"tabChanged($event)\"\n>\n  <mat-tab [label]=\"'igo.integration.tools.layers' | translate\">\n    <igo-layer-list\n      *ngIf=\"(layers$ | async).length !== 0; else emptyLayers\"\n      igoLayerListBinding\n      [excludeBaseLayers]=\"excludeBaseLayers\"\n      [layerFilterAndSortOptions]=\"layerFilterAndSortOptions\"\n      [expandLegendOfVisibleLayers]=\"expandLegendOfVisibleLayers\"\n      [toggleLegendOnVisibilityChange]=\"toggleLegendOnVisibilityChange\"\n      [updateLegendOnResolutionChange]=\"updateLegendOnResolutionChange\"\n      [floatLabel]=\"false\"\n      [queryBadge]=\"queryBadge\"\n      [map]=\"map\"\n      (appliedFilterAndSort)=\"onLayerListChange($event)\"\n    >\n      <ng-template #igoLayerItemToolbar let-layer=\"layer\">\n        <igo-style-modal-layer-button\n          *ngIf=\"isStyleEditButton(layer)\"\n          [layer]=\"layer\"\n        ></igo-style-modal-layer-button>\n        <igo-metadata-button [layer]=\"layer\"></igo-metadata-button>\n        <igo-track-feature-button\n          [trackFeature]=\"true\"\n          [layer]=\"layer\"\n        ></igo-track-feature-button>\n        <igo-time-filter-button\n          *ngIf=\"isTimeFilterButton(layer)\"\n          [header]=\"timeButton\"\n          [layer]=\"layer\"\n          (click)=\"activateTimeFilter()\"\n        ></igo-time-filter-button>\n        <igo-ogc-filter-button\n          *ngIf=\"isOGCFilterButton(layer)\"\n          [header]=\"ogcButton\"\n          [layer]=\"layer\"\n          (click)=\"activateOgcFilter()\"\n        ></igo-ogc-filter-button>\n        <igo-export-button\n          *ngIf=\"isExportButton(layer)\"\n          [layer]=\"layer\"\n          (click)=\"activateExport(layer)\"\n        ></igo-export-button>\n        <igo-workspace-button [layer]=\"layer\"></igo-workspace-button>\n      </ng-template>\n    </igo-layer-list>\n  </mat-tab>\n\n  <mat-tab [label]=\"'igo.integration.tools.legend' | translate\">\n    <igo-layer-legend-list\n      *ngIf=\"showAllLegend()\"\n      igoLayerLegendListBinding\n      [allowShowAllLegends]=\"allowShowAllLegends\"\n      [showAllLegendsValue]=\"showAllLegendsValue$ | async\"\n      (allLegendsShown)=\"onShowAllLegends($event)\"\n      [excludeBaseLayers]=\"excludeBaseLayers\"\n      [updateLegendOnResolutionChange]=\"updateLegendOnResolutionChange\"\n    >\n    </igo-layer-legend-list>\n    <ng-template\n      *ngIf=\"(layers$ | async).length !== 0; else emptyLayers\"\n    ></ng-template>\n\n    <p\n      class=\"map-empty mat-typography\"\n      *ngIf=\"\n        !allowShowAllLegends &&\n        (layers$ | async).length !== 0 &&\n        (visibleOrInRangeLayers$ | async).length === 0\n      \"\n    >\n      {{\n        (visibleLayers$ | async).length\n          ? ('igo.integration.mapTool.noLayersInRange' | translate)\n          : ('igo.integration.mapTool.noLayersVisible' | translate)\n      }}\n    </p>\n  </mat-tab>\n\n  <ng-template #emptyLayers>\n    <mat-list *ngIf=\"delayedShowEmptyMapContent\">\n      <p class=\"map-empty mat-typography\">\n        {{ 'igo.integration.mapTool.empty' | translate }}\n      </p>\n      <p\n        *ngIf=\"\n          layerAdditionAllowed &&\n          (searchToolInToolbar || catalogToolInToolbar || contextToolInToolbar)\n        \"\n        class=\"map-empty mat-typography\"\n      >\n        {{ 'igo.integration.mapTool.customize' | translate }}\n      </p>\n\n      <mat-list-item *ngIf=\"layerAdditionAllowed && searchToolInToolbar\">\n        <mat-icon matListItemIcon>\n          <svg\n            viewBox=\"0 0 24 24\"\n            fit=\"\"\n            height=\"100%\"\n            width=\"100%\"\n            preserveAspectRatio=\"xMidYMid meet\"\n            focusable=\"false\"\n          >\n            <path\n              d=\"M9.5,3A6.5,6.5 0 0,1 16,9.5C16,11.11 15.41,12.59 14.44,13.73L14.71,14H15.5L20.5,19L19,20.5L14,15.5V14.71L13.73,14.44C12.59,15.41 11.11,16 9.5,16A6.5,6.5 0 0,1 3,9.5A6.5,6.5 0 0,1 9.5,3M9.5,5C7,5 5,7 5,9.5C5,12 7,14 9.5,14C12,14 14,12 14,9.5C14,7 12,5 9.5,5Z\"\n            ></path></svg\n        ></mat-icon>\n        <span\n          matListItemTitle\n          class=\"search-tool mat-typography\"\n          (click)=\"searchEmit()\"\n        >\n          {{ 'igo.integration.mapTool.search-tool' | translate }}\n        </span>\n      </mat-list-item>\n      <mat-list-item *ngIf=\"layerAdditionAllowed && catalogToolInToolbar\">\n        <mat-icon matListItemIcon>\n          <svg\n            viewBox=\"0 0 24 24\"\n            fit=\"\"\n            height=\"100%\"\n            width=\"100%\"\n            preserveAspectRatio=\"xMidYMid meet\"\n            focusable=\"false\"\n          >\n            <path\n              d=\"M17,14H19V17H22V19H19V22H17V19H14V17H17V14M11,16L2,9L11,2L20,9L11,16M11,18.54L12,17.75V18C12,18.71 12.12,19.39 12.35,20L11,21.07L2,14.07L3.62,12.81L11,18.54Z\"\n            ></path></svg\n        ></mat-icon>\n        <span\n          matListItemTitle\n          class=\"catalog-tool mat-typography\"\n          (click)=\"catalogEmit()\"\n        >\n          {{ 'igo.integration.mapTool.catalog-tool' | translate }}\n        </span>\n      </mat-list-item>\n      <mat-list-item *ngIf=\"layerAdditionAllowed && contextToolInToolbar\">\n        <mat-icon matListItemIcon>\n          <svg\n            viewBox=\"0 0 24 24\"\n            fit=\"\"\n            height=\"100%\"\n            width=\"100%\"\n            preserveAspectRatio=\"xMidYMid meet\"\n            focusable=\"false\"\n          >\n            <path\n              d=\"M12,17.27L18.18,21L16.54,13.97L22,9.24L14.81,8.62L12,2L9.19,8.62L2,9.24L7.45,13.97L5.82,21L12,17.27Z\"\n            ></path></svg\n        ></mat-icon>\n        <span\n          matListItemTitle\n          class=\"context-tool mat-typography\"\n          (click)=\"contextEmit()\"\n        >\n          {{ 'igo.integration.mapTool.context-tool' | translate }}\n        </span>\n      </mat-list-item>\n    </mat-list>\n  </ng-template>\n</mat-tab-group>\n", styles: [":host mat-tab-group{height:100%}:host ::ng-deep .mat-mdc-tab-body-wrapper{flex:1}:host ::ng-deep .mat-tab-body{margin-top:8px}:host ::ng-deep .mat-mdc-tab-body-content{overflow:hidden}:host .map-empty,:host .search-tool,:host .catalog-tool,:host .context-tool{margin:10px}:host .map-empty{text-align:justify}:host .search-tool,:host .catalog-tool,:host .context-tool{cursor:pointer}:host mat-list mat-list-item h4{font-weight:700}:host mat-list-item ::ng-deep .mdc-list-item__primary-text{font-size:smaller}:host mat-list.mat-mdc-list-base mat-list-item.mat-mdc-list-item ::ng-deep div.mdc-list-item__content div.mdc-list-item__primary-text{padding-left:5px}\n"] }]
+        args: [{ selector: 'igo-map-tools', changeDetection: ChangeDetectionStrategy.OnPush, template: "<mat-tab-group\r\n  #tabGroup\r\n  [selectedIndex]=\"layerListToolState.selectedTab$ | async\"\r\n  (selectedTabChange)=\"tabChanged($event)\"\r\n>\r\n  <mat-tab [label]=\"'igo.integration.tools.layers' | translate\">\r\n    <igo-layer-list\r\n      *ngIf=\"(layers$ | async).length !== 0; else emptyLayers\"\r\n      igoLayerListBinding\r\n      [excludeBaseLayers]=\"excludeBaseLayers\"\r\n      [layerFilterAndSortOptions]=\"layerFilterAndSortOptions\"\r\n      [expandLegendOfVisibleLayers]=\"expandLegendOfVisibleLayers\"\r\n      [toggleLegendOnVisibilityChange]=\"toggleLegendOnVisibilityChange\"\r\n      [updateLegendOnResolutionChange]=\"updateLegendOnResolutionChange\"\r\n      [floatLabel]=\"false\"\r\n      [queryBadge]=\"queryBadge\"\r\n      [map]=\"map\"\r\n      (appliedFilterAndSort)=\"onLayerListChange($event)\"\r\n    >\r\n      <ng-template #igoLayerItemToolbar let-layer=\"layer\">\r\n        <igo-style-modal-layer-button\r\n          *ngIf=\"isStyleEditButton(layer)\"\r\n          [layer]=\"layer\"\r\n        ></igo-style-modal-layer-button>\r\n        <igo-metadata-button [layer]=\"layer\"></igo-metadata-button>\r\n        <igo-track-feature-button\r\n          [trackFeature]=\"true\"\r\n          [layer]=\"layer\"\r\n        ></igo-track-feature-button>\r\n        <igo-time-filter-button\r\n          *ngIf=\"isTimeFilterButton(layer)\"\r\n          [header]=\"timeButton\"\r\n          [layer]=\"layer\"\r\n          (click)=\"activateTimeFilter()\"\r\n        ></igo-time-filter-button>\r\n        <igo-ogc-filter-button\r\n          *ngIf=\"isOGCFilterButton(layer)\"\r\n          [header]=\"ogcButton\"\r\n          [layer]=\"layer\"\r\n          (click)=\"activateOgcFilter()\"\r\n        ></igo-ogc-filter-button>\r\n        <igo-export-button\r\n          *ngIf=\"isExportButton(layer)\"\r\n          [layer]=\"layer\"\r\n          (click)=\"activateExport(layer)\"\r\n        ></igo-export-button>\r\n        <igo-workspace-button [layer]=\"layer\"></igo-workspace-button>\r\n      </ng-template>\r\n    </igo-layer-list>\r\n  </mat-tab>\r\n\r\n  <mat-tab [label]=\"'igo.integration.tools.legend' | translate\">\r\n    <igo-layer-legend-list\r\n      *ngIf=\"showAllLegend()\"\r\n      igoLayerLegendListBinding\r\n      [allowShowAllLegends]=\"allowShowAllLegends\"\r\n      [showAllLegendsValue]=\"showAllLegendsValue$ | async\"\r\n      (allLegendsShown)=\"onShowAllLegends($event)\"\r\n      [excludeBaseLayers]=\"excludeBaseLayers\"\r\n      [updateLegendOnResolutionChange]=\"updateLegendOnResolutionChange\"\r\n    >\r\n    </igo-layer-legend-list>\r\n    <ng-template\r\n      *ngIf=\"(layers$ | async).length !== 0; else emptyLayers\"\r\n    ></ng-template>\r\n\r\n    <p\r\n      class=\"map-empty mat-typography\"\r\n      *ngIf=\"\r\n        !allowShowAllLegends &&\r\n        (layers$ | async).length !== 0 &&\r\n        (visibleOrInRangeLayers$ | async).length === 0\r\n      \"\r\n    >\r\n      {{\r\n        (visibleLayers$ | async).length\r\n          ? ('igo.integration.mapTool.noLayersInRange' | translate)\r\n          : ('igo.integration.mapTool.noLayersVisible' | translate)\r\n      }}\r\n    </p>\r\n  </mat-tab>\r\n\r\n  <ng-template #emptyLayers>\r\n    <mat-list *ngIf=\"delayedShowEmptyMapContent\">\r\n      <p class=\"map-empty mat-typography\">\r\n        {{ 'igo.integration.mapTool.empty' | translate }}\r\n      </p>\r\n      <p\r\n        *ngIf=\"\r\n          layerAdditionAllowed &&\r\n          (searchToolInToolbar || catalogToolInToolbar || contextToolInToolbar)\r\n        \"\r\n        class=\"map-empty mat-typography\"\r\n      >\r\n        {{ 'igo.integration.mapTool.customize' | translate }}\r\n      </p>\r\n\r\n      <mat-list-item *ngIf=\"layerAdditionAllowed && searchToolInToolbar\">\r\n        <mat-icon matListItemIcon>\r\n          <svg\r\n            viewBox=\"0 0 24 24\"\r\n            fit=\"\"\r\n            height=\"100%\"\r\n            width=\"100%\"\r\n            preserveAspectRatio=\"xMidYMid meet\"\r\n            focusable=\"false\"\r\n          >\r\n            <path\r\n              d=\"M9.5,3A6.5,6.5 0 0,1 16,9.5C16,11.11 15.41,12.59 14.44,13.73L14.71,14H15.5L20.5,19L19,20.5L14,15.5V14.71L13.73,14.44C12.59,15.41 11.11,16 9.5,16A6.5,6.5 0 0,1 3,9.5A6.5,6.5 0 0,1 9.5,3M9.5,5C7,5 5,7 5,9.5C5,12 7,14 9.5,14C12,14 14,12 14,9.5C14,7 12,5 9.5,5Z\"\r\n            ></path></svg\r\n        ></mat-icon>\r\n        <span\r\n          matListItemTitle\r\n          class=\"search-tool mat-typography\"\r\n          (click)=\"searchEmit()\"\r\n        >\r\n          {{ 'igo.integration.mapTool.search-tool' | translate }}\r\n        </span>\r\n      </mat-list-item>\r\n      <mat-list-item *ngIf=\"layerAdditionAllowed && catalogToolInToolbar\">\r\n        <mat-icon matListItemIcon>\r\n          <svg\r\n            viewBox=\"0 0 24 24\"\r\n            fit=\"\"\r\n            height=\"100%\"\r\n            width=\"100%\"\r\n            preserveAspectRatio=\"xMidYMid meet\"\r\n            focusable=\"false\"\r\n          >\r\n            <path\r\n              d=\"M17,14H19V17H22V19H19V22H17V19H14V17H17V14M11,16L2,9L11,2L20,9L11,16M11,18.54L12,17.75V18C12,18.71 12.12,19.39 12.35,20L11,21.07L2,14.07L3.62,12.81L11,18.54Z\"\r\n            ></path></svg\r\n        ></mat-icon>\r\n        <span\r\n          matListItemTitle\r\n          class=\"catalog-tool mat-typography\"\r\n          (click)=\"catalogEmit()\"\r\n        >\r\n          {{ 'igo.integration.mapTool.catalog-tool' | translate }}\r\n        </span>\r\n      </mat-list-item>\r\n      <mat-list-item *ngIf=\"layerAdditionAllowed && contextToolInToolbar\">\r\n        <mat-icon matListItemIcon>\r\n          <svg\r\n            viewBox=\"0 0 24 24\"\r\n            fit=\"\"\r\n            height=\"100%\"\r\n            width=\"100%\"\r\n            preserveAspectRatio=\"xMidYMid meet\"\r\n            focusable=\"false\"\r\n          >\r\n            <path\r\n              d=\"M12,17.27L18.18,21L16.54,13.97L22,9.24L14.81,8.62L12,2L9.19,8.62L2,9.24L7.45,13.97L5.82,21L12,17.27Z\"\r\n            ></path></svg\r\n        ></mat-icon>\r\n        <span\r\n          matListItemTitle\r\n          class=\"context-tool mat-typography\"\r\n          (click)=\"contextEmit()\"\r\n        >\r\n          {{ 'igo.integration.mapTool.context-tool' | translate }}\r\n        </span>\r\n      </mat-list-item>\r\n    </mat-list>\r\n  </ng-template>\r\n</mat-tab-group>\r\n", styles: [":host mat-tab-group{height:100%}:host ::ng-deep .mat-mdc-tab-body-wrapper{flex:1}:host ::ng-deep .mat-tab-body{margin-top:8px}:host ::ng-deep .mat-mdc-tab-body-content{overflow:hidden}:host .map-empty,:host .search-tool,:host .catalog-tool,:host .context-tool{margin:10px}:host .map-empty{text-align:justify}:host .search-tool,:host .catalog-tool,:host .context-tool{cursor:pointer}:host mat-list mat-list-item h4{font-weight:700}:host mat-list-item ::ng-deep .mdc-list-item__primary-text{font-size:smaller}:host mat-list.mat-mdc-list-base mat-list-item.mat-mdc-list-item ::ng-deep div.mdc-list-item__content div.mdc-list-item__primary-text{padding-left:5px}\n"] }]
     }], function () { return [{ type: LayerListToolState }, { type: ToolState }, { type: MapState }, { type: i1.SearchSourceService }, { type: ImportExportState }]; }, { allowShowAllLegends: [{
             type: Input
         }], showAllLegendsValue: [{
@@ -6362,7 +6362,7 @@ SearchResultsToolComponent = __decorate([
 ], SearchResultsToolComponent);
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SearchResultsToolComponent, [{
         type: Component,
-        args: [{ selector: 'igo-search-results-tool', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\n  *ngIf=\"(!store || store.stateView.empty) && (debouncedEmpty$ | async)\"\n  style=\"margin: 10px\"\n>\n  <section class=\"mat-typography\">\n    <h4>\n      <strong>{{\n        'igo.integration.searchResultsTool.noResults' | translate\n      }}</strong>\n    </h4>\n    <p>\n      <strong>{{\n        'igo.integration.searchResultsTool.doSearch' | translate\n      }}</strong>\n    </p>\n    <div\n      [innerHTML]=\"\n        'igo.integration.searchResultsTool.examples' | translate | sanitizeHtml\n      \"\n    ></div>\n  </section>\n</div>\n\n<igo-flexible\n  *ngIf=\"(debouncedEmpty$ | async) === false\"\n  #topPanel\n  initial=\"100%\"\n  initialMobile=\"100%\"\n  collapsed=\"calc(100% - 58px)\"\n  collapsedMobile=\"calc(100% - 58px)\"\n  expanded=\"60%\"\n  expandedMobile=\"60%\"\n  [state]=\"(feature$ | async) ? topPanelState : 'initial'\"\n>\n  <div class=\"igo-content\">\n    <igo-search-results\n      [store]=\"store\"\n      [showIcons]=\"showIcons\"\n      [term]=\"term\"\n      [termSplitter]=\"termSplitter\"\n      [settingsChange$]=\"settingsChange$\"\n      placeholder=\"false\"\n      (resultFocus)=\"onResultFocus($event)\"\n      (resultSelect)=\"onResultSelect($event)\"\n      (resultUnfocus)=\"onResultUnfocus($event)\"\n      (resultMouseenter)=\"onResultFocus($event)\"\n      (resultMouseleave)=\"onResultUnfocus($event)\"\n      (moreResults)=\"onSearch($event)\"\n      [map]=\"map\"\n    >\n      <ng-template #igoSearchItemToolbar let-result=\"result\">\n        <igo-search-add-button\n          [map]=\"map\"\n          [store]=\"store\"\n          [stores]=\"stores\"\n          [layer]=\"result\"\n          [saveSearchResultInLayer]=\"saveSearchResultInLayer\"\n        >\n        </igo-search-add-button>\n      </ng-template>\n    </igo-search-results>\n  </div>\n\n  <div igoFlexibleFill class=\"igo-content\">\n    <igo-panel\n      [title]=\"featureTitle\"\n      *ngIf=\"feature$ | async\"\n      (click)=\"toggleTopPanel($event)\"\n      [cursorPointer]=\"true\"\n    >\n      <button\n        mat-icon-button\n        panelLeftButton\n        class=\"igo-icon-button\"\n        (click)=\"toggleTopPanel()\"\n      >\n        <mat-icon\n          [svgIcon]=\"\n            (topPanelState$ | async) === 'collapsed' ? 'arrow-up' : 'arrow-down'\n          \"\n        ></mat-icon>\n      </button>\n\n      <button\n        *ngIf=\"feature.geometry\"\n        mat-icon-button\n        panelRightButton\n        class=\"igo-icon-button\"\n        [matTooltip]=\"\n          ((isSelectedResultOutOfView$ | async)\n            ? 'igo.integration.searchResultsTool.zoomOnFeatureTooltipOutOfView'\n            : 'igo.integration.searchResultsTool.zoomOnFeatureTooltip'\n          ) | translate\n        \"\n        matTooltipShowDelay=\"500\"\n        (click)=\"zoomToFeatureExtent()\"\n      >\n        <mat-icon\n          aria-hidden=\"false\"\n          [matBadge]=\"(isSelectedResultOutOfView$ | async) ? '!' : ''\"\n          matBadgeColor=\"accent\"\n          matBadgeSize=\"small\"\n          [matBadgeHidden]=\"(isSelectedResultOutOfView$ | async) === false\"\n          svgIcon=\"magnify-plus-outline\"\n        ></mat-icon>\n      </button>\n\n      <igo-feature-details\n        igoFeatureDetailsDirective\n        [feature]=\"feature$ | async\"\n        [map]=\"map\"\n        [toolbox]=\"toolState.toolbox\"\n        (routingEvent)=\"getRoute()\"\n      >\n      </igo-feature-details>\n    </igo-panel>\n  </div>\n</igo-flexible>\n" }]
+        args: [{ selector: 'igo-search-results-tool', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\r\n  *ngIf=\"(!store || store.stateView.empty) && (debouncedEmpty$ | async)\"\r\n  style=\"margin: 10px\"\r\n>\r\n  <section class=\"mat-typography\">\r\n    <h4>\r\n      <strong>{{\r\n        'igo.integration.searchResultsTool.noResults' | translate\r\n      }}</strong>\r\n    </h4>\r\n    <p>\r\n      <strong>{{\r\n        'igo.integration.searchResultsTool.doSearch' | translate\r\n      }}</strong>\r\n    </p>\r\n    <div\r\n      [innerHTML]=\"\r\n        'igo.integration.searchResultsTool.examples' | translate | sanitizeHtml\r\n      \"\r\n    ></div>\r\n  </section>\r\n</div>\r\n\r\n<igo-flexible\r\n  *ngIf=\"(debouncedEmpty$ | async) === false\"\r\n  #topPanel\r\n  initial=\"100%\"\r\n  initialMobile=\"100%\"\r\n  collapsed=\"calc(100% - 58px)\"\r\n  collapsedMobile=\"calc(100% - 58px)\"\r\n  expanded=\"60%\"\r\n  expandedMobile=\"60%\"\r\n  [state]=\"(feature$ | async) ? topPanelState : 'initial'\"\r\n>\r\n  <div class=\"igo-content\">\r\n    <igo-search-results\r\n      [store]=\"store\"\r\n      [showIcons]=\"showIcons\"\r\n      [term]=\"term\"\r\n      [termSplitter]=\"termSplitter\"\r\n      [settingsChange$]=\"settingsChange$\"\r\n      placeholder=\"false\"\r\n      (resultFocus)=\"onResultFocus($event)\"\r\n      (resultSelect)=\"onResultSelect($event)\"\r\n      (resultUnfocus)=\"onResultUnfocus($event)\"\r\n      (resultMouseenter)=\"onResultFocus($event)\"\r\n      (resultMouseleave)=\"onResultUnfocus($event)\"\r\n      (moreResults)=\"onSearch($event)\"\r\n      [map]=\"map\"\r\n    >\r\n      <ng-template #igoSearchItemToolbar let-result=\"result\">\r\n        <igo-search-add-button\r\n          [map]=\"map\"\r\n          [store]=\"store\"\r\n          [stores]=\"stores\"\r\n          [layer]=\"result\"\r\n          [saveSearchResultInLayer]=\"saveSearchResultInLayer\"\r\n        >\r\n        </igo-search-add-button>\r\n      </ng-template>\r\n    </igo-search-results>\r\n  </div>\r\n\r\n  <div igoFlexibleFill class=\"igo-content\">\r\n    <igo-panel\r\n      [title]=\"featureTitle\"\r\n      *ngIf=\"feature$ | async\"\r\n      (click)=\"toggleTopPanel($event)\"\r\n      [cursorPointer]=\"true\"\r\n    >\r\n      <button\r\n        mat-icon-button\r\n        panelLeftButton\r\n        class=\"igo-icon-button\"\r\n        (click)=\"toggleTopPanel()\"\r\n      >\r\n        <mat-icon\r\n          [svgIcon]=\"\r\n            (topPanelState$ | async) === 'collapsed' ? 'arrow-up' : 'arrow-down'\r\n          \"\r\n        ></mat-icon>\r\n      </button>\r\n\r\n      <button\r\n        *ngIf=\"feature.geometry\"\r\n        mat-icon-button\r\n        panelRightButton\r\n        class=\"igo-icon-button\"\r\n        [matTooltip]=\"\r\n          ((isSelectedResultOutOfView$ | async)\r\n            ? 'igo.integration.searchResultsTool.zoomOnFeatureTooltipOutOfView'\r\n            : 'igo.integration.searchResultsTool.zoomOnFeatureTooltip'\r\n          ) | translate\r\n        \"\r\n        matTooltipShowDelay=\"500\"\r\n        (click)=\"zoomToFeatureExtent()\"\r\n      >\r\n        <mat-icon\r\n          aria-hidden=\"false\"\r\n          [matBadge]=\"(isSelectedResultOutOfView$ | async) ? '!' : ''\"\r\n          matBadgeColor=\"accent\"\r\n          matBadgeSize=\"small\"\r\n          [matBadgeHidden]=\"(isSelectedResultOutOfView$ | async) === false\"\r\n          svgIcon=\"magnify-plus-outline\"\r\n        ></mat-icon>\r\n      </button>\r\n\r\n      <igo-feature-details\r\n        igoFeatureDetailsDirective\r\n        [feature]=\"feature$ | async\"\r\n        [map]=\"map\"\r\n        [toolbox]=\"toolState.toolbox\"\r\n        (routingEvent)=\"getRoute()\"\r\n      >\r\n      </igo-feature-details>\r\n    </igo-panel>\r\n  </div>\r\n</igo-flexible>\r\n" }]
     }], function () { return [{ type: MapState }, { type: SearchState }, { type: i0.ElementRef }, { type: ToolState }, { type: DirectionState }, { type: i2.ConfigService }]; }, { showIcons: [{
             type: Input
         }], topPanelStateDefault: [{