@igo2/context 1.12.0 → 1.13.0-alpha.1

package/{fesm2015/igo2-context.js → fesm2020/igo2-context.mjs}

@@ -1,37 +1,37 @@
 import * as i0 from '@angular/core';
 import { Injectable, Optional, Component, Input, NgModule, Directive, EventEmitter, ChangeDetectionStrategy, Output, Self, HostListener } from '@angular/core';
-import * as i3$1 from '@angular/material/form-field';
+import * as i4 from '@angular/material/form-field';
 import { MatFormFieldModule } from '@angular/material/form-field';
-import * as i3$2 from '@angular/material/input';
+import * as i5$1 from '@angular/material/input';
 import { MatInputModule } from '@angular/material/input';
-import * as i7$1 from '@angular/material/menu';
+import * as i13 from '@angular/material/menu';
 import { MatMenuModule } from '@angular/material/menu';
-import * as i7 from '@angular/common';
+import * as i5 from '@angular/common';
 import { CommonModule } from '@angular/common';
-import * as i5 from '@angular/material/button';
+import * as i7 from '@angular/material/button';
 import { MatButtonModule } from '@angular/material/button';
-import * as i6 from '@angular/material/button-toggle';
+import * as i8 from '@angular/material/button-toggle';
 import { MatButtonToggleModule } from '@angular/material/button-toggle';
-import * as i11 from '@angular/material/core';
+import * as i12 from '@angular/material/core';
 import { MatOptionModule } from '@angular/material/core';
-import * as i14 from '@angular/material/divider';
+import * as i9 from '@angular/material/divider';
 import { MatDividerModule } from '@angular/material/divider';
-import * as i12 from '@angular/material/select';
+import * as i11 from '@angular/material/select';
 import { MatSelectModule } from '@angular/material/select';
-import * as i8 from '@angular/material/checkbox';
+import * as i12$1 from '@angular/material/checkbox';
 import { MatCheckboxModule } from '@angular/material/checkbox';
-import * as i3$4 from '@angular/material/tabs';
+import * as i3$1 from '@angular/material/tabs';
 import { MatTabsModule } from '@angular/material/tabs';
-import * as i6$2 from '@angular/material/tooltip';
+import * as i6$1 from '@angular/material/tooltip';
 import { MatTooltipModule } from '@angular/material/tooltip';
 import * as i3 from '@igo2/core';
 import { IgoLanguageModule } from '@igo2/core';
-import * as i4 from '@angular/forms';
+import * as i1$1 from '@angular/forms';
 import { Validators, FormsModule, ReactiveFormsModule, FormControl } from '@angular/forms';
 import { Observable, BehaviorSubject, Subject, of, merge, ReplaySubject, EMPTY, timer, combineLatest } from 'rxjs';
 import { skip, first, catchError, tap, map, mergeMap, debounceTime, take, filter, buffer, debounce } from 'rxjs/operators';
 import * as olStyle from 'ol/style';
-import * as i1$1 from '@igo2/geo';
+import * as i1$2 from '@igo2/geo';
 import { FeatureDataSource, VectorLayer, ClusterDataSource, moveToOlFeatures, FeatureMotion, IgoFeatureModule } from '@igo2/geo';
 import { downloadContent, ObjectUtils, uuid, Clipboard } from '@igo2/utils';
 import olPoint from 'ol/geom/Point';
@@ -41,25 +41,25 @@ import olVectorSource from 'ol/source/Vector';
 import * as i1 from '@angular/common/http';
 import * as i2 from '@igo2/auth';
 import { IgoAuthModule } from '@igo2/auth';
-import * as i5$1 from '@igo2/common';
+import * as i14 from '@igo2/common';
 import { IgoSpinnerModule, ActionStore, ActionbarMode, IgoConfirmDialogModule, IgoStopPropagationModule, IgoListModule, IgoKeyValueModule, IgoCollapsibleModule, IgoActionbarModule, getEntityTitle, IgoPanelModule, IgoFlexibleModule } from '@igo2/common';
-import * as i6$1 from '@ngx-translate/core';
-import * as i9$1 from '@angular/material/autocomplete';
+import * as i6 from '@ngx-translate/core';
+import * as i14$1 from '@angular/material/autocomplete';
 import { MatAutocompleteModule } from '@angular/material/autocomplete';
-import * as i1$2 from '@angular/material/dialog';
+import * as i1$3 from '@angular/material/dialog';
 import { MatDialogModule } from '@angular/material/dialog';
-import * as i9 from '@angular/material/icon';
+import * as i4$1 from '@angular/material/icon';
 import { MatIconModule } from '@angular/material/icon';
-import * as i3$3 from '@angular/material/list';
+import * as i7$1 from '@angular/material/list';
 import { MatListModule } from '@angular/material/list';
-import * as i6$3 from '@angular/material/radio';
+import * as i13$1 from '@angular/material/radio';
 import { MatRadioModule } from '@angular/material/radio';
 import * as olproj from 'ol/proj';
 import * as oleasing from 'ol/easing';
 import { trigger, state, style, transition, animate } from '@angular/animations';
-import * as i2$1 from '@angular/material/sidenav';
+import * as i5$2 from '@angular/material/sidenav';
 import { MatSidenavModule } from '@angular/material/sidenav';
-import * as i1$3 from '@angular/platform-browser';
+import * as i1$4 from '@angular/platform-browser';
 
 class ExportError extends Error {
 }
@@ -1021,11 +1021,8 @@ ContextService.ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: ContextSe
 const _c0$2 = function (a0) { return { size: a0 }; };
 function ContextImportExportComponent_div_8_Template(rf, ctx) { if (rf & 1) {
     const _r4 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div");
-    i0.ɵɵelementStart(1, "form", 5);
-    i0.ɵɵelementStart(2, "div", 6);
-    i0.ɵɵelementStart(3, "button", 7);
-    i0.ɵɵlistener("click", function ContextImportExportComponent_div_8_Template_button_click_3_listener() { i0.ɵɵrestoreView(_r4); const _r2 = i0.ɵɵreference(10); return _r2.click(); });
+    i0.ɵɵelementStart(0, "div")(1, "form", 5)(2, "div", 6)(3, "button", 7);
+    i0.ɵɵlistener("click", function ContextImportExportComponent_div_8_Template_button_click_3_listener() { i0.ɵɵrestoreView(_r4); const _r2 = i0.ɵɵreference(10); return i0.ɵɵresetView(_r2.click()); });
     i0.ɵɵpipe(4, "async");
     i0.ɵɵtext(5);
     i0.ɵɵpipe(6, "translate");
@@ -1033,23 +1030,16 @@ function ContextImportExportComponent_div_8_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelement(7, "igo-spinner", 8);
     i0.ɵɵpipe(8, "async");
     i0.ɵɵelementStart(9, "input", 9, 10);
-    i0.ɵɵlistener("click", function ContextImportExportComponent_div_8_Template_input_click_9_listener() { i0.ɵɵrestoreView(_r4); const _r2 = i0.ɵɵreference(10); return _r2.value = null; })("change", function ContextImportExportComponent_div_8_Template_input_change_9_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r6 = i0.ɵɵnextContext(); return ctx_r6.importFiles($event.target.files); });
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(11, "section", 11);
-    i0.ɵɵelementStart(12, "h4");
+    i0.ɵɵlistener("click", function ContextImportExportComponent_div_8_Template_input_click_9_listener() { i0.ɵɵrestoreView(_r4); const _r2 = i0.ɵɵreference(10); return i0.ɵɵresetView(_r2.value = null); })("change", function ContextImportExportComponent_div_8_Template_input_change_9_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r6 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r6.importFiles($event.target.files)); });
+    i0.ɵɵelementEnd()()();
+    i0.ɵɵelementStart(11, "section", 11)(12, "h4");
     i0.ɵɵtext(13);
     i0.ɵɵpipe(14, "translate");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(15, "ul");
-    i0.ɵɵelementStart(16, "li");
+    i0.ɵɵelementStart(15, "ul")(16, "li");
     i0.ɵɵtext(17);
     i0.ɵɵpipe(18, "translate");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementEnd();
+    i0.ɵɵelementEnd()()()();
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext();
     i0.ɵɵadvance(3);
@@ -1077,44 +1067,33 @@ function ContextImportExportComponent_form_9_mat_option_18_Template(rf, ctx) { i
 } }
 function ContextImportExportComponent_form_9_Template(rf, ctx) { if (rf & 1) {
     const _r11 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "form", 12);
-    i0.ɵɵelementStart(1, "div", 13);
-    i0.ɵɵelementStart(2, "mat-form-field", 14);
-    i0.ɵɵelementStart(3, "mat-label");
+    i0.ɵɵelementStart(0, "form", 12)(1, "div", 13)(2, "mat-form-field", 14)(3, "mat-label");
     i0.ɵɵtext(4);
     i0.ɵɵpipe(5, "translate");
     i0.ɵɵelementEnd();
     i0.ɵɵelement(6, "input", 15);
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(7, "div", 13);
-    i0.ɵɵelementStart(8, "mat-form-field");
-    i0.ɵɵelementStart(9, "mat-label");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(7, "div", 13)(8, "mat-form-field")(9, "mat-label");
     i0.ɵɵtext(10);
     i0.ɵɵpipe(11, "translate");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(12, "mat-select", 16);
-    i0.ɵɵelementStart(13, "mat-option", 17, 18);
-    i0.ɵɵlistener("click", function ContextImportExportComponent_form_9_Template_mat_option_click_13_listener() { i0.ɵɵrestoreView(_r11); const _r7 = i0.ɵɵreference(14); const ctx_r10 = i0.ɵɵnextContext(); return ctx_r10.selectAll(_r7); });
+    i0.ɵɵelementStart(12, "mat-select", 16)(13, "mat-option", 17, 18);
+    i0.ɵɵlistener("click", function ContextImportExportComponent_form_9_Template_mat_option_click_13_listener() { i0.ɵɵrestoreView(_r11); const _r7 = i0.ɵɵreference(14); const ctx_r10 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r10.selectAll(_r7)); });
     i0.ɵɵtext(15);
     i0.ɵɵpipe(16, "translate");
     i0.ɵɵelementEnd();
     i0.ɵɵelement(17, "mat-divider");
     i0.ɵɵtemplate(18, ContextImportExportComponent_form_9_mat_option_18_Template, 2, 2, "mat-option", 19);
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(19, "div", 6);
-    i0.ɵɵelementStart(20, "button", 7);
-    i0.ɵɵlistener("click", function ContextImportExportComponent_form_9_Template_button_click_20_listener() { i0.ɵɵrestoreView(_r11); const ctx_r12 = i0.ɵɵnextContext(); return ctx_r12.handleExportFormSubmit(ctx_r12.form.value); });
+    i0.ɵɵelementEnd()()();
+    i0.ɵɵelementStart(19, "div", 6)(20, "button", 7);
+    i0.ɵɵlistener("click", function ContextImportExportComponent_form_9_Template_button_click_20_listener() { i0.ɵɵrestoreView(_r11); const ctx_r12 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r12.handleExportFormSubmit(ctx_r12.form.value)); });
     i0.ɵɵpipe(21, "async");
     i0.ɵɵtext(22);
     i0.ɵɵpipe(23, "translate");
     i0.ɵɵelementEnd();
     i0.ɵɵelement(24, "igo-spinner", 8);
     i0.ɵɵpipe(25, "async");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementEnd();
+    i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext();
     i0.ɵɵproperty("formGroup", ctx_r1.form);
@@ -1208,10 +1187,9 @@ class ContextImportExportComponent {
         this.activeImportExport = event.value;
     }
 }
-ContextImportExportComponent.ɵfac = function ContextImportExportComponent_Factory(t) { return new (t || ContextImportExportComponent)(i0.ɵɵdirectiveInject(ContextImportService), i0.ɵɵdirectiveInject(ContextExportService), i0.ɵɵdirectiveInject(i3.LanguageService), i0.ɵɵdirectiveInject(i3.MessageService), i0.ɵɵdirectiveInject(i4.FormBuilder), i0.ɵɵdirectiveInject(i3.ConfigService), i0.ɵɵdirectiveInject(ContextService)); };
+ContextImportExportComponent.ɵfac = function ContextImportExportComponent_Factory(t) { return new (t || ContextImportExportComponent)(i0.ɵɵdirectiveInject(ContextImportService), i0.ɵɵdirectiveInject(ContextExportService), i0.ɵɵdirectiveInject(i3.LanguageService), i0.ɵɵdirectiveInject(i3.MessageService), i0.ɵɵdirectiveInject(i1$1.FormBuilder), i0.ɵɵdirectiveInject(i3.ConfigService), i0.ɵɵdirectiveInject(ContextService)); };
 ContextImportExportComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ContextImportExportComponent, selectors: [["igo-context-import-export"]], inputs: { map: "map" }, decls: 10, vars: 11, consts: [[1, "import-export-toggle", "mat-typography"], [3, "value", "change"], [3, "value"], [4, "ngIf"], ["class", "igo-form", 3, "formGroup", 4, "ngIf"], [1, "igo-form"], [1, "igo-form-button-group"], ["mat-raised-button", "", "type", "button", 3, "disabled", "click"], [3, "shown"], ["type", "file", 3, "click", "change"], ["fileInput", ""], [1, "mat-typography"], [1, "igo-form", 3, "formGroup"], [1, "igo-input-container"], [1, "example-full-width"], ["formControlName", "name", "matInput", "", 3, "value"], ["formControlName", "layers", "multiple", ""], [3, "value", "click"], ["e", ""], [3, "value", 4, "ngFor", "ngForOf"]], template: function ContextImportExportComponent_Template(rf, ctx) { if (rf & 1) {
-        i0.ɵɵelementStart(0, "div", 0);
-        i0.ɵɵelementStart(1, "mat-button-toggle-group", 1);
+        i0.ɵɵelementStart(0, "div", 0)(1, "mat-button-toggle-group", 1);
         i0.ɵɵlistener("change", function ContextImportExportComponent_Template_mat_button_toggle_group_change_1_listener($event) { return ctx.onImportExportChange($event); });
         i0.ɵɵelementStart(2, "mat-button-toggle", 2);
         i0.ɵɵtext(3);
@@ -1220,9 +1198,7 @@ ContextImportExportComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type
         i0.ɵɵelementStart(5, "mat-button-toggle", 2);
         i0.ɵɵtext(6);
         i0.ɵɵpipe(7, "translate");
-        i0.ɵɵelementEnd();
-        i0.ɵɵelementEnd();
-        i0.ɵɵelementEnd();
+        i0.ɵɵelementEnd()()();
         i0.ɵɵtemplate(8, ContextImportExportComponent_div_8_Template, 19, 20, "div", 3);
         i0.ɵɵtemplate(9, ContextImportExportComponent_form_9_Template, 26, 21, "form", 4);
     } if (rf & 2) {
@@ -1240,15 +1216,11 @@ ContextImportExportComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type
         i0.ɵɵproperty("ngIf", ctx.activeImportExport === "import");
         i0.ɵɵadvance(1);
         i0.ɵɵproperty("ngIf", ctx.activeImportExport === "export");
-    } }, directives: [i6.MatButtonToggleGroup, i6.MatButtonToggle, i7.NgIf, i4.ɵNgNoValidate, i4.NgControlStatusGroup, i4.NgForm, i5.MatButton, i5$1.SpinnerComponent, i4.FormGroupDirective, i3$1.MatFormField, i3$1.MatLabel, i4.DefaultValueAccessor, i3$2.MatInput, i4.NgControlStatus, i4.FormControlName, i12.MatSelect, i11.MatOption, i14.MatDivider, i7.NgForOf], pipes: [i6$1.TranslatePipe, i7.AsyncPipe], styles: [".import-export-toggle[_ngcontent-%COMP%]{padding:10px;text-align:center}.import-export-toggle[_ngcontent-%COMP%]   mat-button-toggle-group[_ngcontent-%COMP%]{width:100%}.import-export-toggle[_ngcontent-%COMP%]   mat-button-toggle-group[_ngcontent-%COMP%]   mat-button-toggle[_ngcontent-%COMP%]{width:50%}.igo-input-container[_ngcontent-%COMP%]{padding:10px}.igo-input-container[_ngcontent-%COMP%]   mat-form-field[_ngcontent-%COMP%]{width:100%}h4[_ngcontent-%COMP%]{padding:0 5px}.igo-form[_ngcontent-%COMP%]{padding:15px 5px}.igo-form-button-group[_ngcontent-%COMP%]{text-align:center;padding-top:10px}igo-spinner[_ngcontent-%COMP%]{position:absolute;padding-left:10px}"] });
+    } }, dependencies: [i1$1.ɵNgNoValidate, i1$1.DefaultValueAccessor, i1$1.NgControlStatus, i1$1.NgControlStatusGroup, i1$1.NgForm, i1$1.FormGroupDirective, i1$1.FormControlName, i5.NgForOf, i5.NgIf, i7.MatButton, i8.MatButtonToggleGroup, i8.MatButtonToggle, i9.MatDivider, i4.MatFormField, i4.MatLabel, i11.MatSelect, i12.MatOption, i5$1.MatInput, i14.SpinnerComponent, i5.AsyncPipe, i6.TranslatePipe], styles: [".import-export-toggle[_ngcontent-%COMP%]{padding:10px;text-align:center}.import-export-toggle[_ngcontent-%COMP%]   mat-button-toggle-group[_ngcontent-%COMP%]{width:100%}.import-export-toggle[_ngcontent-%COMP%]   mat-button-toggle-group[_ngcontent-%COMP%]   mat-button-toggle[_ngcontent-%COMP%]{width:50%}.igo-input-container[_ngcontent-%COMP%]{padding:10px}.igo-input-container[_ngcontent-%COMP%]   mat-form-field[_ngcontent-%COMP%]{width:100%}h4[_ngcontent-%COMP%]{padding:0 5px}.igo-form[_ngcontent-%COMP%]{padding:15px 5px}.igo-form-button-group[_ngcontent-%COMP%]{text-align:center;padding-top:10px}igo-spinner[_ngcontent-%COMP%]{position:absolute;padding-left:10px}"] });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ContextImportExportComponent, [{
         type: Component,
-        args: [{
-                selector: 'igo-context-import-export',
-                templateUrl: './context-import-export.component.html',
-                styleUrls: ['./context-import-export.component.scss']
-            }]
-    }], function () { return [{ type: ContextImportService }, { type: ContextExportService }, { type: i3.LanguageService }, { type: i3.MessageService }, { type: i4.FormBuilder }, { type: i3.ConfigService }, { type: ContextService }]; }, { map: [{
+        args: [{ selector: 'igo-context-import-export', template: "<div class=\"import-export-toggle mat-typography\">\r\n    <mat-button-toggle-group\r\n          [value]=\"activeImportExport\"\r\n          (change)=\"onImportExportChange($event)\">\r\n          <mat-button-toggle [value]=\"'import'\">\r\n            {{'igo.geo.importExportForm.importTabTitle' | translate}}\r\n          </mat-button-toggle>\r\n          <mat-button-toggle [value]=\"'export'\">\r\n            {{'igo.geo.importExportForm.exportTabTitle' | translate}}\r\n          </mat-button-toggle>\r\n    </mat-button-toggle-group>\r\n</div>\r\n\r\n<div *ngIf=\"activeImportExport === 'import'\">\r\n    <form class=\"igo-form\">\r\n        <div class=\"igo-form-button-group\">\r\n            <button mat-raised-button type=\"button\" (click)=\"fileInput.click()\" [disabled]=\"loading$ | async\">\r\n                {{'igo.geo.importExportForm.importButton' | translate}}\r\n            </button>\r\n            <igo-spinner [shown]=\"loading$ | async\"></igo-spinner>\r\n            <input\r\n                #fileInput\r\n                type=\"file\"\r\n                [style.display]=\"'none'\"\r\n                (click)=\"fileInput.value = null\"\r\n                (change)=\"importFiles($event.target.files)\">\r\n        </div>\r\n    </form>\r\n    <section class=\"mat-typography\">\r\n        <h4>{{'igo.geo.importExportForm.importClarifications' | translate}}</h4>\r\n            <ul>\r\n                <li>{{'igo.geo.importExportForm.importSizeMax' | translate: {size: fileSizeMb} }}</li>\r\n            </ul>\r\n    </section>\r\n</div>\r\n\r\n\r\n<form class=\"igo-form\" *ngIf=\"activeImportExport === 'export'\" [formGroup]=\"form\">\r\n    <div class=\"igo-input-container\">\r\n        <mat-form-field class=\"example-full-width\">\r\n            <mat-label>{{'igo.context.contextImportExport.export.exportContextName' | translate}}</mat-label>\r\n            <input formControlName=\"name\" matInput [value]=\"\">\r\n        </mat-form-field>\r\n    </div>\r\n    <div class=\"igo-input-container\">\r\n        <mat-form-field>\r\n            <mat-label>{{'igo.context.contextImportExport.export.exportPlaceHolder' | translate}}</mat-label>\r\n            <mat-select formControlName=\"layers\" multiple>\r\n                <mat-option [value]=\"1\" (click)=\"selectAll(e)\" #e>\r\n                    {{'igo.context.contextImportExport.export.exportSelectAll' | translate}}\r\n                </mat-option>\r\n                <mat-divider></mat-divider>\r\n                <mat-option *ngFor=\"let layer of userControlledLayerList\" [value]=\"layer\">{{layer.title}}</mat-option>\r\n            </mat-select>\r\n        </mat-form-field>\r\n    </div>\r\n    <div class=\"igo-form-button-group\">\r\n        <button\r\n            mat-raised-button\r\n            type=\"button\"\r\n            [disabled]=\"!form.valid || (loading$ | async)\"\r\n            (click)=\"handleExportFormSubmit(form.value)\">\r\n            {{'igo.geo.importExportForm.exportButton' | translate}}\r\n        </button>\r\n        <igo-spinner [shown]=\"loading$ | async\"></igo-spinner>\r\n    </div>\r\n</form>\r\n", styles: [".import-export-toggle{padding:10px;text-align:center}.import-export-toggle mat-button-toggle-group{width:100%}.import-export-toggle mat-button-toggle-group mat-button-toggle{width:50%}.igo-input-container{padding:10px}.igo-input-container mat-form-field{width:100%}h4{padding:0 5px}.igo-form{padding:15px 5px}.igo-form-button-group{text-align:center;padding-top:10px}igo-spinner{position:absolute;padding-left:10px}\n"] }]
+    }], function () { return [{ type: ContextImportService }, { type: ContextExportService }, { type: i3.LanguageService }, { type: i3.MessageService }, { type: i1$1.FormBuilder }, { type: i3.ConfigService }, { type: ContextService }]; }, { map: [{
             type: Input
         }] }); })();
 
@@ -1261,23 +1233,21 @@ class IgoContextImportExportModule {
 }
 IgoContextImportExportModule.ɵfac = function IgoContextImportExportModule_Factory(t) { return new (t || IgoContextImportExportModule)(); };
 IgoContextImportExportModule.ɵmod = /*@__PURE__*/ i0.ɵɵdefineNgModule({ type: IgoContextImportExportModule });
-IgoContextImportExportModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [[
-            FormsModule,
-            ReactiveFormsModule,
-            CommonModule,
-            MatButtonModule,
-            MatButtonToggleModule,
-            MatDividerModule,
-            MatTabsModule,
-            MatSelectModule,
-            MatOptionModule,
-            MatFormFieldModule,
-            MatInputModule,
-            MatCheckboxModule,
-            IgoLanguageModule,
-            IgoSpinnerModule,
-            MatTooltipModule,
-        ]] });
+IgoContextImportExportModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [FormsModule,
+        ReactiveFormsModule,
+        CommonModule,
+        MatButtonModule,
+        MatButtonToggleModule,
+        MatDividerModule,
+        MatTabsModule,
+        MatSelectModule,
+        MatOptionModule,
+        MatFormFieldModule,
+        MatInputModule,
+        MatCheckboxModule,
+        IgoLanguageModule,
+        IgoSpinnerModule,
+        MatTooltipModule] });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(IgoContextImportExportModule, [{
         type: NgModule,
         args: [{
@@ -1377,14 +1347,14 @@ class MapContextDirective {
         }
     }
 }
-MapContextDirective.ɵfac = function MapContextDirective_Factory(t) { return new (t || MapContextDirective)(i0.ɵɵdirectiveInject(i1$1.MapBrowserComponent), i0.ɵɵdirectiveInject(ContextService), i0.ɵɵdirectiveInject(i3.MediaService)); };
+MapContextDirective.ɵfac = function MapContextDirective_Factory(t) { return new (t || MapContextDirective)(i0.ɵɵdirectiveInject(i1$2.MapBrowserComponent), i0.ɵɵdirectiveInject(ContextService), i0.ɵɵdirectiveInject(i3.MediaService)); };
 MapContextDirective.ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: MapContextDirective, selectors: [["", "igoMapContext", ""]] });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(MapContextDirective, [{
         type: Directive,
         args: [{
                 selector: '[igoMapContext]'
             }]
-    }], function () { return [{ type: i1$1.MapBrowserComponent }, { type: ContextService }, { type: i3.MediaService }]; }, null); })();
+    }], function () { return [{ type: i1$2.MapBrowserComponent }, { type: ContextService }, { type: i3.MediaService }]; }, null); })();
 
 class LayerContextDirective {
     constructor(component, contextService, layerService, configService, styleListService, styleService, route) {
@@ -1510,14 +1480,14 @@ class LayerContextDirective {
         return visible;
     }
 }
-LayerContextDirective.ɵfac = function LayerContextDirective_Factory(t) { return new (t || LayerContextDirective)(i0.ɵɵdirectiveInject(i1$1.MapBrowserComponent), i0.ɵɵdirectiveInject(ContextService), i0.ɵɵdirectiveInject(i1$1.LayerService), i0.ɵɵdirectiveInject(i3.ConfigService), i0.ɵɵdirectiveInject(i1$1.StyleListService), i0.ɵɵdirectiveInject(i1$1.StyleService), i0.ɵɵdirectiveInject(i3.RouteService, 8)); };
+LayerContextDirective.ɵfac = function LayerContextDirective_Factory(t) { return new (t || LayerContextDirective)(i0.ɵɵdirectiveInject(i1$2.MapBrowserComponent), i0.ɵɵdirectiveInject(ContextService), i0.ɵɵdirectiveInject(i1$2.LayerService), i0.ɵɵdirectiveInject(i3.ConfigService), i0.ɵɵdirectiveInject(i1$2.StyleListService), i0.ɵɵdirectiveInject(i1$2.StyleService), i0.ɵɵdirectiveInject(i3.RouteService, 8)); };
 LayerContextDirective.ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: LayerContextDirective, selectors: [["", "igoLayerContext", ""]], inputs: { removeLayersOnContextChange: "removeLayersOnContextChange" } });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(LayerContextDirective, [{
         type: Directive,
         args: [{
                 selector: '[igoLayerContext]'
             }]
-    }], function () { return [{ type: i1$1.MapBrowserComponent }, { type: ContextService }, { type: i1$1.LayerService }, { type: i3.ConfigService }, { type: i1$1.StyleListService }, { type: i1$1.StyleService }, { type: i3.RouteService, decorators: [{
+    }], function () { return [{ type: i1$2.MapBrowserComponent }, { type: ContextService }, { type: i1$2.LayerService }, { type: i3.ConfigService }, { type: i1$2.StyleListService }, { type: i1$2.StyleService }, { type: i3.RouteService, decorators: [{
                 type: Optional
             }] }]; }, { removeLayersOnContextChange: [{
             type: Input
@@ -1535,22 +1505,17 @@ class BookmarkDialogComponent {
         this.dialogRef = dialogRef;
     }
 }
-BookmarkDialogComponent.ɵfac = function BookmarkDialogComponent_Factory(t) { return new (t || BookmarkDialogComponent)(i0.ɵɵdirectiveInject(i1$2.MatDialogRef)); };
+BookmarkDialogComponent.ɵfac = function BookmarkDialogComponent_Factory(t) { return new (t || BookmarkDialogComponent)(i0.ɵɵdirectiveInject(i1$3.MatDialogRef)); };
 BookmarkDialogComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: BookmarkDialogComponent, selectors: [["igo-bookmark-dialog"]], decls: 14, vars: 14, consts: [["mat-dialog-title", "", 1, "mat-typography"], ["mat-dialog-content", "", 1, "mat-typography"], ["matInput", "", "required", "", "autocomplete", "off", "maxlength", "128", 3, "placeholder", "ngModel", "ngModelChange"], ["mat-dialog-actions", ""], ["mat-button", "", "color", "primary", 3, "disabled", "click"], ["mat-button", "", 3, "click"]], template: function BookmarkDialogComponent_Template(rf, ctx) { if (rf & 1) {
         i0.ɵɵelementStart(0, "h1", 0);
         i0.ɵɵtext(1);
         i0.ɵɵpipe(2, "translate");
         i0.ɵɵelementEnd();
-        i0.ɵɵelementStart(3, "div", 1);
-        i0.ɵɵelementStart(4, "mat-form-field");
-        i0.ɵɵelementStart(5, "input", 2);
+        i0.ɵɵelementStart(3, "div", 1)(4, "mat-form-field")(5, "input", 2);
         i0.ɵɵlistener("ngModelChange", function BookmarkDialogComponent_Template_input_ngModelChange_5_listener($event) { return ctx.title = $event; });
         i0.ɵɵpipe(6, "translate");
-        i0.ɵɵelementEnd();
-        i0.ɵɵelementEnd();
-        i0.ɵɵelementEnd();
-        i0.ɵɵelementStart(7, "div", 3);
-        i0.ɵɵelementStart(8, "button", 4);
+        i0.ɵɵelementEnd()()();
+        i0.ɵɵelementStart(7, "div", 3)(8, "button", 4);
         i0.ɵɵlistener("click", function BookmarkDialogComponent_Template_button_click_8_listener() { return ctx.dialogRef.close(ctx.title); });
         i0.ɵɵtext(9);
         i0.ɵɵpipe(10, "translate");
@@ -1559,8 +1524,7 @@ BookmarkDialogComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: Boo
         i0.ɵɵlistener("click", function BookmarkDialogComponent_Template_button_click_11_listener() { return ctx.dialogRef.close(false); });
         i0.ɵɵtext(12);
         i0.ɵɵpipe(13, "translate");
-        i0.ɵɵelementEnd();
-        i0.ɵɵelementEnd();
+        i0.ɵɵelementEnd()();
     } if (rf & 2) {
         i0.ɵɵadvance(1);
         i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(2, 6, "igo.context.bookmarkButton.dialog.title"));
@@ -1572,14 +1536,11 @@ BookmarkDialogComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: Boo
         i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(10, 10, "igo.common.confirmDialog.confirmBtn"), " ");
         i0.ɵɵadvance(3);
         i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(13, 12, "igo.common.confirmDialog.cancelBtn"), " ");
-    } }, directives: [i1$2.MatDialogTitle, i1$2.MatDialogContent, i3$1.MatFormField, i3$2.MatInput, i4.DefaultValueAccessor, i4.RequiredValidator, i4.MaxLengthValidator, i4.NgControlStatus, i4.NgModel, i1$2.MatDialogActions, i5.MatButton], pipes: [i6$1.TranslatePipe], encapsulation: 2 });
+    } }, dependencies: [i1$1.DefaultValueAccessor, i1$1.NgControlStatus, i1$1.RequiredValidator, i1$1.MaxLengthValidator, i1$1.NgModel, i7.MatButton, i4.MatFormField, i1$3.MatDialogTitle, i1$3.MatDialogContent, i1$3.MatDialogActions, i5$1.MatInput, i6.TranslatePipe], encapsulation: 2 });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(BookmarkDialogComponent, [{
         type: Component,
-        args: [{
-                selector: 'igo-bookmark-dialog',
-                templateUrl: './bookmark-dialog.component.html'
-            }]
-    }], function () { return [{ type: i1$2.MatDialogRef }]; }, null); })();
+        args: [{ selector: 'igo-bookmark-dialog', template: "<h1 mat-dialog-title class=\"mat-typography\">{{ 'igo.context.bookmarkButton.dialog.title' |\u00A0translate }}</h1>\r\n<div mat-dialog-content class=\"mat-typography\">\r\n  <mat-form-field>\r\n    <input matInput required autocomplete=\"off\"\r\n      maxlength=\"128\"\r\n      [placeholder]=\"'igo.context.bookmarkButton.dialog.placeholder' |\u00A0translate\"\r\n      [(ngModel)]=\"title\">\r\n  </mat-form-field>\r\n</div>\r\n<div mat-dialog-actions>\r\n  <button mat-button color=\"primary\"\r\n         [disabled]=\"!title\"\r\n         (click)=\"dialogRef.close(title)\">\r\n    {{'igo.common.confirmDialog.confirmBtn' | translate}}\r\n  </button>\r\n  <button mat-button\r\n          (click)=\"dialogRef.close(false)\">\r\n    {{'igo.common.confirmDialog.cancelBtn' |\u00A0translate}}\r\n  </button>\r\n</div>\r\n" }]
+    }], function () { return [{ type: i1$3.MatDialogRef }]; }, null); })();
 
 function ContextItemComponent_button_1_mat_icon_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelement(0, "mat-icon", 7);
@@ -1596,7 +1557,7 @@ function ContextItemComponent_button_1_img_3_Template(rf, ctx) { if (rf & 1) {
 function ContextItemComponent_button_1_Template(rf, ctx) { if (rf & 1) {
     const _r6 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "button", 4);
-    i0.ɵɵlistener("click", function ContextItemComponent_button_1_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r6); const ctx_r5 = i0.ɵɵnextContext(); return ctx_r5.favoriteClick(ctx_r5.context); });
+    i0.ɵɵlistener("click", function ContextItemComponent_button_1_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r6); const ctx_r5 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r5.favoriteClick(ctx_r5.context)); });
     i0.ɵɵpipe(1, "translate");
     i0.ɵɵtemplate(2, ContextItemComponent_button_1_mat_icon_2_Template, 1, 1, "mat-icon", 5);
     i0.ɵɵtemplate(3, ContextItemComponent_button_1_img_3_Template, 1, 1, "img", 6);
@@ -1612,7 +1573,7 @@ function ContextItemComponent_button_1_Template(rf, ctx) { if (rf & 1) {
 function ContextItemComponent_button_2_Template(rf, ctx) { if (rf & 1) {
     const _r8 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "button", 4);
-    i0.ɵɵlistener("click", function ContextItemComponent_button_2_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r8); const ctx_r7 = i0.ɵɵnextContext(); return ctx_r7.favoriteClick(ctx_r7.context); });
+    i0.ɵɵlistener("click", function ContextItemComponent_button_2_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r8); const ctx_r7 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r7.favoriteClick(ctx_r7.context)); });
     i0.ɵɵpipe(1, "translate");
     i0.ɵɵelement(2, "mat-icon", 9);
     i0.ɵɵelementEnd();
@@ -1623,7 +1584,7 @@ function ContextItemComponent_button_2_Template(rf, ctx) { if (rf & 1) {
 function ContextItemComponent_div_5_button_1_Template(rf, ctx) { if (rf & 1) {
     const _r18 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "button", 21);
-    i0.ɵɵlistener("click", function ContextItemComponent_div_5_button_1_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r18); const ctx_r17 = i0.ɵɵnextContext(2); return ctx_r17.save.emit(ctx_r17.context); });
+    i0.ɵɵlistener("click", function ContextItemComponent_div_5_button_1_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r18); const ctx_r17 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r17.save.emit(ctx_r17.context)); });
     i0.ɵɵpipe(1, "translate");
     i0.ɵɵelement(2, "mat-icon", 22);
     i0.ɵɵelementEnd();
@@ -1634,7 +1595,7 @@ function ContextItemComponent_div_5_button_1_Template(rf, ctx) { if (rf & 1) {
 function ContextItemComponent_div_5_button_4_Template(rf, ctx) { if (rf & 1) {
     const _r20 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "button", 23);
-    i0.ɵɵlistener("click", function ContextItemComponent_div_5_button_4_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r20); const ctx_r19 = i0.ɵɵnextContext(2); return ctx_r19.managePermissions.emit(ctx_r19.context); });
+    i0.ɵɵlistener("click", function ContextItemComponent_div_5_button_4_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r20); const ctx_r19 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r19.managePermissions.emit(ctx_r19.context)); });
     i0.ɵɵpipe(1, "translate");
     i0.ɵɵelement(2, "mat-icon", 24);
     i0.ɵɵelementEnd();
@@ -1645,7 +1606,7 @@ function ContextItemComponent_div_5_button_4_Template(rf, ctx) { if (rf & 1) {
 function ContextItemComponent_div_5_button_5_Template(rf, ctx) { if (rf & 1) {
     const _r22 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "button", 25);
-    i0.ɵɵlistener("click", function ContextItemComponent_div_5_button_5_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r22); const ctx_r21 = i0.ɵɵnextContext(2); return ctx_r21.clone.emit(ctx_r21.context); });
+    i0.ɵɵlistener("click", function ContextItemComponent_div_5_button_5_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r22); const ctx_r21 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r21.clone.emit(ctx_r21.context)); });
     i0.ɵɵpipe(1, "translate");
     i0.ɵɵelement(2, "mat-icon", 26);
     i0.ɵɵelementEnd();
@@ -1656,7 +1617,7 @@ function ContextItemComponent_div_5_button_5_Template(rf, ctx) { if (rf & 1) {
 function ContextItemComponent_div_5_button_6_Template(rf, ctx) { if (rf & 1) {
     const _r24 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "button", 27);
-    i0.ɵɵlistener("click", function ContextItemComponent_div_5_button_6_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r24); const ctx_r23 = i0.ɵɵnextContext(2); return ctx_r23.edit.emit(ctx_r23.context); });
+    i0.ɵɵlistener("click", function ContextItemComponent_div_5_button_6_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r24); const ctx_r23 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r23.edit.emit(ctx_r23.context)); });
     i0.ɵɵpipe(1, "translate");
     i0.ɵɵelement(2, "mat-icon", 28);
     i0.ɵɵelementEnd();
@@ -1667,7 +1628,7 @@ function ContextItemComponent_div_5_button_6_Template(rf, ctx) { if (rf & 1) {
 function ContextItemComponent_div_5_button_7_Template(rf, ctx) { if (rf & 1) {
     const _r26 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "button", 29);
-    i0.ɵɵlistener("click", function ContextItemComponent_div_5_button_7_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r26); const ctx_r25 = i0.ɵɵnextContext(2); return ctx_r25.hide.emit(ctx_r25.context); });
+    i0.ɵɵlistener("click", function ContextItemComponent_div_5_button_7_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r26); const ctx_r25 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r25.hide.emit(ctx_r25.context)); });
     i0.ɵɵpipe(1, "translate");
     i0.ɵɵelement(2, "mat-icon", 30);
     i0.ɵɵelementEnd();
@@ -1678,7 +1639,7 @@ function ContextItemComponent_div_5_button_7_Template(rf, ctx) { if (rf & 1) {
 function ContextItemComponent_div_5_button_8_Template(rf, ctx) { if (rf & 1) {
     const _r28 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "button", 29);
-    i0.ɵɵlistener("click", function ContextItemComponent_div_5_button_8_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r28); const ctx_r27 = i0.ɵɵnextContext(2); return ctx_r27.show.emit(ctx_r27.context); });
+    i0.ɵɵlistener("click", function ContextItemComponent_div_5_button_8_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r28); const ctx_r27 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r27.show.emit(ctx_r27.context)); });
     i0.ɵɵpipe(1, "translate");
     i0.ɵɵelement(2, "mat-icon", 31);
     i0.ɵɵelementEnd();
@@ -1689,7 +1650,7 @@ function ContextItemComponent_div_5_button_8_Template(rf, ctx) { if (rf & 1) {
 function ContextItemComponent_div_5_button_9_Template(rf, ctx) { if (rf & 1) {
     const _r30 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "button", 32);
-    i0.ɵɵlistener("click", function ContextItemComponent_div_5_button_9_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r30); const ctx_r29 = i0.ɵɵnextContext(2); return ctx_r29.delete.emit(ctx_r29.context); });
+    i0.ɵɵlistener("click", function ContextItemComponent_div_5_button_9_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r30); const ctx_r29 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r29.delete.emit(ctx_r29.context)); });
     i0.ɵɵpipe(1, "translate");
     i0.ɵɵelement(2, "mat-icon", 33);
     i0.ɵɵelementEnd();
@@ -1709,10 +1670,9 @@ function ContextItemComponent_div_5_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵtemplate(9, ContextItemComponent_div_5_button_9_Template, 3, 3, "button", 18);
     i0.ɵɵelementEnd();
     i0.ɵɵelementStart(10, "button", 19);
-    i0.ɵɵlistener("click", function ContextItemComponent_div_5_Template_button_click_10_listener() { i0.ɵɵrestoreView(_r32); const ctx_r31 = i0.ɵɵnextContext(); return ctx_r31.collapsed = !ctx_r31.collapsed; });
+    i0.ɵɵlistener("click", function ContextItemComponent_div_5_Template_button_click_10_listener() { i0.ɵɵrestoreView(_r32); const ctx_r31 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r31.collapsed = !ctx_r31.collapsed); });
     i0.ɵɵelement(11, "mat-icon", 20);
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementEnd();
+    i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const _r10 = i0.ɵɵreference(3);
     const ctx_r2 = i0.ɵɵnextContext();
@@ -1782,15 +1742,10 @@ ContextItemComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: Contex
         i0.ɵɵtextInterpolate(ctx.context.title);
         i0.ɵɵadvance(1);
         i0.ɵɵproperty("ngIf", ctx.auth.authenticated);
-    } }, directives: [i3$3.MatListItem, i7.NgClass, i7.NgIf, i11.MatLine, i5.MatButton, i3$3.MatListAvatarCssMatStyler, i5$1.StopPropagationDirective, i6$2.MatTooltip, i9.MatIcon, i5$1.CollapseDirective], pipes: [i6$1.TranslatePipe], styles: ["[_nghost-%COMP%]{overflow:hidden}.igo-actions-container[_ngcontent-%COMP%]{flex-shrink:0}.igo-actions-expand-container[_ngcontent-%COMP%]{display:inline-flex}mat-list-item[_ngcontent-%COMP%]     .mat-list-item-content .mat-list-text{padding:0}mat-icon.disabled[_ngcontent-%COMP%]{color:#00000061}mat-list-item.mat-list-item-light[_ngcontent-%COMP%]     .mat-list-item-content{color:#969696}"], changeDetection: 0 });
+    } }, dependencies: [i5.NgClass, i5.NgIf, i4$1.MatIcon, i7.MatButton, i6$1.MatTooltip, i7$1.MatListItem, i7$1.MatListAvatarCssMatStyler, i12.MatLine, i14.CollapseDirective, i14.StopPropagationDirective, i6.TranslatePipe], styles: ["[_nghost-%COMP%]{overflow:hidden}.igo-actions-container[_ngcontent-%COMP%]{flex-shrink:0}.igo-actions-expand-container[_ngcontent-%COMP%]{display:inline-flex}mat-list-item[_ngcontent-%COMP%]     .mat-list-item-content .mat-list-text{padding:0}mat-icon.disabled[_ngcontent-%COMP%]{color:#00000061}mat-list-item.mat-list-item-light[_ngcontent-%COMP%]     .mat-list-item-content{color:#969696}"], changeDetection: 0 });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ContextItemComponent, [{
         type: Component,
-        args: [{
-                selector: 'igo-context-item',
-                templateUrl: './context-item.component.html',
-                styleUrls: ['./context-item.component.scss'],
-                changeDetection: ChangeDetectionStrategy.OnPush
-            }]
+        args: [{ selector: 'igo-context-item', changeDetection: ChangeDetectionStrategy.OnPush, template: "<mat-list-item\r\n  class=\"mat-list-item\"\r\n  [ngClass]=\"{'mat-list-item-light': hidden}\">\r\n  <button mat-list-avatar\r\n    *ngIf=\"auth.authenticated\"\r\n    mat-icon-button\r\n    igoStopPropagation\r\n    [matTooltip]=\"auth.authenticated ? ('igo.context.contextManager.favorite' | translate) : ''\"\r\n    matTooltipShowDelay=\"500\"\r\n    [color]=\"default ? 'primary' : 'default'\"\r\n    (click)=\"favoriteClick(context)\">\r\n    <mat-icon *ngIf=\"!context.iconImage\" svgIcon=\"{{context.icon ? context.icon : context.scope === 'public' ? 'earth' : 'star'}}\"></mat-icon>\r\n    <img *ngIf=\"context.iconImage\" [src]=\"context.iconImage\">\r\n  </button>\r\n  <button mat-list-avatar\r\n    *ngIf=\"!auth.authenticated && showFavorite\"\r\n    mat-icon-button\r\n    igoStopPropagation\r\n    [matTooltip]=\"'igo.context.contextManager.favorite' | translate\"\r\n    matTooltipShowDelay=\"500\"\r\n    [color]=\"default ? 'primary' : 'default'\"\r\n    (click)=\"favoriteClick(context)\">\r\n    <mat-icon svgIcon=\"star\"></mat-icon>\r\n  </button>\r\n  <h4 matLine>{{context.title}}</h4>\r\n\r\n  <div *ngIf=\"auth.authenticated\"\r\n       igoStopPropagation\r\n       class=\"igo-actions-container\">\r\n\r\n     <button *ngIf=\"collapsed && selected && (context.permission === typePermission[typePermission.write] || context.imported)\"\r\n       class=\"save-button\"\r\n       mat-icon-button\r\n       [matTooltip]=\"'igo.context.contextManager.save' | translate\"\r\n       matTooltipShowDelay=\"500\"\r\n       [color]=\"color\"\r\n       (click)=\"save.emit(context)\">\r\n       <mat-icon svgIcon=\"content-save\"></mat-icon>\r\n     </button>\r\n\r\n    <div #actions class=\"igo-actions-expand-container\">\r\n\r\n      <button *ngIf=\"canShare && !context.imported\"\r\n        mat-icon-button\r\n        [matTooltip]=\"'igo.context.contextManager.managePermissions' | translate\"\r\n        matTooltipShowDelay=\"500\"\r\n        [color]=\"color\"\r\n        (click)=\"managePermissions.emit(context)\">\r\n        <mat-icon svgIcon=\"account-arrow-right\"></mat-icon>\r\n      </button>\r\n\r\n      <!--button\r\n        mat-icon-button\r\n        [matTooltip]=\"'igo.context.contextManager.manageTools' | translate\"\r\n        [color]=\"color\"\r\n        (click)=\"manageTools.emit(context)\">\r\n        <mat-icon svgIcon=\"widgets\"></mat-icon>\r\n      </button-->\r\n\r\n      <button *ngIf=\"!context.imported\"\r\n        class=\"clone-button\"\r\n        mat-icon-button\r\n        [matTooltip]=\"'igo.context.contextManager.clone' | translate\"\r\n        matTooltipShowDelay=\"500\"\r\n        [color]=\"color\"\r\n        (click)=\"clone.emit(context)\">\r\n        <mat-icon svgIcon=\"content-copy\"></mat-icon>\r\n      </button>\r\n\r\n      <button *ngIf=\"context.permission === typePermission[typePermission.write] && !context.imported\"\r\n        class=\"edit-button\"\r\n        mat-icon-button\r\n        [color]=\"color\"\r\n        [matTooltip]=\"'igo.context.contextManager.edit' | translate\"\r\n        matTooltipShowDelay=\"500\"\r\n        (click)=\"edit.emit(context)\">\r\n        <mat-icon svgIcon=\"pencil\"></mat-icon>\r\n      </button>\r\n\r\n      <button *ngIf=\"!context.hidden && !context.imported\"\r\n        class=\"hide-button\"\r\n        mat-icon-button\r\n        [color]=\"color\"\r\n        [matTooltip]=\"'igo.context.contextManager.hide' | translate\"\r\n        matTooltipShowDelay=\"500\"\r\n        (click)=\"hide.emit(context)\">\r\n        <mat-icon svgIcon=\"eye\"></mat-icon>\r\n      </button>\r\n\r\n      <button *ngIf=\"context.hidden && !context.imported\"\r\n        class=\"hide-button\"\r\n        mat-icon-button\r\n        [color]=\"color\"\r\n        [matTooltip]=\"'igo.context.contextManager.show' | translate\"\r\n        matTooltipShowDelay=\"500\"\r\n        (click)=\"show.emit(context)\">\r\n        <mat-icon svgIcon=\"eye-off\"></mat-icon>\r\n      </button>\r\n\r\n      <button *ngIf=\"context.permission === typePermission[typePermission.write] || context.imported\"\r\n        class=\"delete-button\"\r\n        mat-icon-button\r\n        color=\"warn\"\r\n        [matTooltip]=\"'igo.context.contextManager.delete' | translate\"\r\n        matTooltipShowDelay=\"500\"\r\n        (click)=\"delete.emit(context)\">\r\n        <mat-icon svgIcon=\"delete\"></mat-icon>\r\n      </button>\r\n    </div>\r\n\r\n    <button\r\n      class=\"actions-button\"\r\n      mat-icon-button\r\n      igoCollapse\r\n      [color]=\"color\"\r\n      [target]=\"actions\"\r\n      [collapsed]=collapsed\r\n      (click)=\"collapsed = !collapsed\">\r\n      <mat-icon svgIcon=\"dots-horizontal\"></mat-icon>\r\n    </button>\r\n\r\n  </div>\r\n\r\n</mat-list-item>\r\n", styles: [":host{overflow:hidden}.igo-actions-container{flex-shrink:0}.igo-actions-expand-container{display:inline-flex}mat-list-item ::ng-deep .mat-list-item-content .mat-list-text{padding:0}mat-icon.disabled{color:#00000061}mat-list-item.mat-list-item-light ::ng-deep .mat-list-item-content{color:#969696}\n"] }]
     }], function () { return [{ type: i2.AuthService }, { type: i3.StorageService }]; }, { showFavorite: [{
             type: Input
         }], context: [{
@@ -1822,15 +1777,14 @@ ContextItemComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: Contex
 function ContextListComponent_mat_form_field_1_button_3_Template(rf, ctx) { if (rf & 1) {
     const _r10 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "button", 14);
-    i0.ɵɵlistener("click", function ContextListComponent_mat_form_field_1_button_3_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r10); const ctx_r9 = i0.ɵɵnextContext(2); return ctx_r9.clearFilter(); });
+    i0.ɵɵlistener("click", function ContextListComponent_mat_form_field_1_button_3_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r10); const ctx_r9 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r9.clearFilter()); });
     i0.ɵɵelement(1, "mat-icon", 15);
     i0.ɵɵelementEnd();
 } }
 function ContextListComponent_mat_form_field_1_Template(rf, ctx) { if (rf & 1) {
     const _r12 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "mat-form-field", 11);
-    i0.ɵɵelementStart(1, "input", 12);
-    i0.ɵɵlistener("ngModelChange", function ContextListComponent_mat_form_field_1_Template_input_ngModelChange_1_listener($event) { i0.ɵɵrestoreView(_r12); const ctx_r11 = i0.ɵɵnextContext(); return ctx_r11.term = $event; });
+    i0.ɵɵelementStart(0, "mat-form-field", 11)(1, "input", 12);
+    i0.ɵɵlistener("ngModelChange", function ContextListComponent_mat_form_field_1_Template_input_ngModelChange_1_listener($event) { i0.ɵɵrestoreView(_r12); const ctx_r11 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r11.term = $event); });
     i0.ɵɵpipe(2, "translate");
     i0.ɵɵelementEnd();
     i0.ɵɵtemplate(3, ContextListComponent_mat_form_field_1_button_3_Template, 2, 0, "button", 13);
@@ -1846,7 +1800,7 @@ function ContextListComponent_mat_form_field_1_Template(rf, ctx) { if (rf & 1) {
 function ContextListComponent_button_2_Template(rf, ctx) { if (rf & 1) {
     const _r14 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "button", 16);
-    i0.ɵɵlistener("click", function ContextListComponent_button_2_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r14); const ctx_r13 = i0.ɵɵnextContext(); return ctx_r13.toggleSort(true); });
+    i0.ɵɵlistener("click", function ContextListComponent_button_2_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r14); const ctx_r13 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r13.toggleSort(true)); });
     i0.ɵɵpipe(1, "translate");
     i0.ɵɵelement(2, "mat-icon", 17);
     i0.ɵɵelementEnd();
@@ -1856,7 +1810,7 @@ function ContextListComponent_button_2_Template(rf, ctx) { if (rf & 1) {
 function ContextListComponent_button_3_Template(rf, ctx) { if (rf & 1) {
     const _r16 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "button", 16);
-    i0.ɵɵlistener("click", function ContextListComponent_button_3_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r16); const ctx_r15 = i0.ɵɵnextContext(); return ctx_r15.toggleSort(false); });
+    i0.ɵɵlistener("click", function ContextListComponent_button_3_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r16); const ctx_r15 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r15.toggleSort(false)); });
     i0.ɵɵpipe(1, "translate");
     i0.ɵɵelement(2, "mat-icon", 18);
     i0.ɵɵelementEnd();
@@ -1902,7 +1856,7 @@ function ContextListComponent_ng_container_8_button_4_Template(rf, ctx) { if (rf
 function ContextListComponent_ng_container_8_mat_checkbox_7_Template(rf, ctx) { if (rf & 1) {
     const _r27 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "mat-checkbox", 8);
-    i0.ɵɵlistener("click", function ContextListComponent_ng_container_8_mat_checkbox_7_Template_mat_checkbox_click_0_listener($event) { return $event.stopPropagation(); })("change", function ContextListComponent_ng_container_8_mat_checkbox_7_Template_mat_checkbox_change_0_listener() { const restoredCtx = i0.ɵɵrestoreView(_r27); const child_r24 = restoredCtx.$implicit; const user_r17 = i0.ɵɵnextContext().$implicit; const ctx_r26 = i0.ɵɵnextContext(); return ctx_r26.userSelection(child_r24, user_r17); });
+    i0.ɵɵlistener("click", function ContextListComponent_ng_container_8_mat_checkbox_7_Template_mat_checkbox_click_0_listener($event) { return $event.stopPropagation(); })("change", function ContextListComponent_ng_container_8_mat_checkbox_7_Template_mat_checkbox_change_0_listener() { const restoredCtx = i0.ɵɵrestoreView(_r27); const child_r24 = restoredCtx.$implicit; const user_r17 = i0.ɵɵnextContext().$implicit; const ctx_r26 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r26.userSelection(child_r24, user_r17)); });
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -1915,9 +1869,8 @@ function ContextListComponent_ng_container_8_mat_checkbox_7_Template(rf, ctx) {
 function ContextListComponent_ng_container_8_Template(rf, ctx) { if (rf & 1) {
     const _r31 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementContainerStart(0);
-    i0.ɵɵelementStart(1, "span", 7);
-    i0.ɵɵelementStart(2, "mat-checkbox", 22);
-    i0.ɵɵlistener("click", function ContextListComponent_ng_container_8_Template_mat_checkbox_click_2_listener($event) { return $event.stopPropagation(); })("change", function ContextListComponent_ng_container_8_Template_mat_checkbox_change_2_listener() { const restoredCtx = i0.ɵɵrestoreView(_r31); const user_r17 = restoredCtx.$implicit; const ctx_r30 = i0.ɵɵnextContext(); return ctx_r30.userSelection(user_r17); });
+    i0.ɵɵelementStart(1, "span", 7)(2, "mat-checkbox", 22);
+    i0.ɵɵlistener("click", function ContextListComponent_ng_container_8_Template_mat_checkbox_click_2_listener($event) { return $event.stopPropagation(); })("change", function ContextListComponent_ng_container_8_Template_mat_checkbox_change_2_listener() { const restoredCtx = i0.ɵɵrestoreView(_r31); const user_r17 = restoredCtx.$implicit; const ctx_r30 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r30.userSelection(user_r17)); });
     i0.ɵɵelementEnd();
     i0.ɵɵtemplate(3, ContextListComponent_ng_container_8_button_3_Template, 2, 2, "button", 23);
     i0.ɵɵtemplate(4, ContextListComponent_ng_container_8_button_4_Template, 2, 1, "button", 24);
@@ -1941,7 +1894,7 @@ function ContextListComponent_ng_container_8_Template(rf, ctx) { if (rf & 1) {
 function ContextListComponent_ng_template_14_igo_collapsible_0_ng_template_2_Template(rf, ctx) { if (rf & 1) {
     const _r38 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "igo-context-item", 31);
-    i0.ɵɵlistener("edit", function ContextListComponent_ng_template_14_igo_collapsible_0_ng_template_2_Template_igo_context_item_edit_0_listener() { const restoredCtx = i0.ɵɵrestoreView(_r38); const context_r36 = restoredCtx.$implicit; const ctx_r37 = i0.ɵɵnextContext(3); return ctx_r37.edit.emit(context_r36); })("delete", function ContextListComponent_ng_template_14_igo_collapsible_0_ng_template_2_Template_igo_context_item_delete_0_listener() { const restoredCtx = i0.ɵɵrestoreView(_r38); const context_r36 = restoredCtx.$implicit; const ctx_r39 = i0.ɵɵnextContext(3); return ctx_r39.delete.emit(context_r36); })("clone", function ContextListComponent_ng_template_14_igo_collapsible_0_ng_template_2_Template_igo_context_item_clone_0_listener() { const restoredCtx = i0.ɵɵrestoreView(_r38); const context_r36 = restoredCtx.$implicit; const ctx_r40 = i0.ɵɵnextContext(3); return ctx_r40.clone.emit(context_r36); })("save", function ContextListComponent_ng_template_14_igo_collapsible_0_ng_template_2_Template_igo_context_item_save_0_listener() { const restoredCtx = i0.ɵɵrestoreView(_r38); const context_r36 = restoredCtx.$implicit; const ctx_r41 = i0.ɵɵnextContext(3); return ctx_r41.save.emit(context_r36); })("hide", function ContextListComponent_ng_template_14_igo_collapsible_0_ng_template_2_Template_igo_context_item_hide_0_listener() { const restoredCtx = i0.ɵɵrestoreView(_r38); const context_r36 = restoredCtx.$implicit; const ctx_r42 = i0.ɵɵnextContext(3); return ctx_r42.hideContext(context_r36); })("show", function ContextListComponent_ng_template_14_igo_collapsible_0_ng_template_2_Template_igo_context_item_show_0_listener() { const restoredCtx = i0.ɵɵrestoreView(_r38); const context_r36 = restoredCtx.$implicit; const ctx_r43 = i0.ɵɵnextContext(3); return ctx_r43.showContext(context_r36); })("favorite", function ContextListComponent_ng_template_14_igo_collapsible_0_ng_template_2_Template_igo_context_item_favorite_0_listener() { const restoredCtx = i0.ɵɵrestoreView(_r38); const context_r36 = restoredCtx.$implicit; const ctx_r44 = i0.ɵɵnextContext(3); return ctx_r44.favorite.emit(context_r36); })("manageTools", function ContextListComponent_ng_template_14_igo_collapsible_0_ng_template_2_Template_igo_context_item_manageTools_0_listener() { const restoredCtx = i0.ɵɵrestoreView(_r38); const context_r36 = restoredCtx.$implicit; const ctx_r45 = i0.ɵɵnextContext(3); return ctx_r45.manageTools.emit(context_r36); })("managePermissions", function ContextListComponent_ng_template_14_igo_collapsible_0_ng_template_2_Template_igo_context_item_managePermissions_0_listener() { const restoredCtx = i0.ɵɵrestoreView(_r38); const context_r36 = restoredCtx.$implicit; const ctx_r46 = i0.ɵɵnextContext(3); return ctx_r46.managePermissions.emit(context_r36); })("select", function ContextListComponent_ng_template_14_igo_collapsible_0_ng_template_2_Template_igo_context_item_select_0_listener() { const restoredCtx = i0.ɵɵrestoreView(_r38); const context_r36 = restoredCtx.$implicit; const ctx_r47 = i0.ɵɵnextContext(3); return ctx_r47.select.emit(context_r36); })("unselect", function ContextListComponent_ng_template_14_igo_collapsible_0_ng_template_2_Template_igo_context_item_unselect_0_listener() { const restoredCtx = i0.ɵɵrestoreView(_r38); const context_r36 = restoredCtx.$implicit; const ctx_r48 = i0.ɵɵnextContext(3); return ctx_r48.unselect.emit(context_r36); });
+    i0.ɵɵlistener("edit", function ContextListComponent_ng_template_14_igo_collapsible_0_ng_template_2_Template_igo_context_item_edit_0_listener() { const restoredCtx = i0.ɵɵrestoreView(_r38); const context_r36 = restoredCtx.$implicit; const ctx_r37 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r37.edit.emit(context_r36)); })("delete", function ContextListComponent_ng_template_14_igo_collapsible_0_ng_template_2_Template_igo_context_item_delete_0_listener() { const restoredCtx = i0.ɵɵrestoreView(_r38); const context_r36 = restoredCtx.$implicit; const ctx_r39 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r39.delete.emit(context_r36)); })("clone", function ContextListComponent_ng_template_14_igo_collapsible_0_ng_template_2_Template_igo_context_item_clone_0_listener() { const restoredCtx = i0.ɵɵrestoreView(_r38); const context_r36 = restoredCtx.$implicit; const ctx_r40 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r40.clone.emit(context_r36)); })("save", function ContextListComponent_ng_template_14_igo_collapsible_0_ng_template_2_Template_igo_context_item_save_0_listener() { const restoredCtx = i0.ɵɵrestoreView(_r38); const context_r36 = restoredCtx.$implicit; const ctx_r41 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r41.save.emit(context_r36)); })("hide", function ContextListComponent_ng_template_14_igo_collapsible_0_ng_template_2_Template_igo_context_item_hide_0_listener() { const restoredCtx = i0.ɵɵrestoreView(_r38); const context_r36 = restoredCtx.$implicit; const ctx_r42 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r42.hideContext(context_r36)); })("show", function ContextListComponent_ng_template_14_igo_collapsible_0_ng_template_2_Template_igo_context_item_show_0_listener() { const restoredCtx = i0.ɵɵrestoreView(_r38); const context_r36 = restoredCtx.$implicit; const ctx_r43 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r43.showContext(context_r36)); })("favorite", function ContextListComponent_ng_template_14_igo_collapsible_0_ng_template_2_Template_igo_context_item_favorite_0_listener() { const restoredCtx = i0.ɵɵrestoreView(_r38); const context_r36 = restoredCtx.$implicit; const ctx_r44 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r44.favorite.emit(context_r36)); })("manageTools", function ContextListComponent_ng_template_14_igo_collapsible_0_ng_template_2_Template_igo_context_item_manageTools_0_listener() { const restoredCtx = i0.ɵɵrestoreView(_r38); const context_r36 = restoredCtx.$implicit; const ctx_r45 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r45.manageTools.emit(context_r36)); })("managePermissions", function ContextListComponent_ng_template_14_igo_collapsible_0_ng_template_2_Template_igo_context_item_managePermissions_0_listener() { const restoredCtx = i0.ɵɵrestoreView(_r38); const context_r36 = restoredCtx.$implicit; const ctx_r46 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r46.managePermissions.emit(context_r36)); })("select", function ContextListComponent_ng_template_14_igo_collapsible_0_ng_template_2_Template_igo_context_item_select_0_listener() { const restoredCtx = i0.ɵɵrestoreView(_r38); const context_r36 = restoredCtx.$implicit; const ctx_r47 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r47.select.emit(context_r36)); })("unselect", function ContextListComponent_ng_template_14_igo_collapsible_0_ng_template_2_Template_igo_context_item_unselect_0_listener() { const restoredCtx = i0.ɵɵrestoreView(_r38); const context_r36 = restoredCtx.$implicit; const ctx_r48 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r48.unselect.emit(context_r36)); });
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const context_r36 = ctx.$implicit;
@@ -1951,7 +1904,7 @@ function ContextListComponent_ng_template_14_igo_collapsible_0_ng_template_2_Tem
 function ContextListComponent_ng_template_14_igo_collapsible_0_Template(rf, ctx) { if (rf & 1) {
     const _r50 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "igo-collapsible", 30);
-    i0.ɵɵlistener("toggle", function ContextListComponent_ng_template_14_igo_collapsible_0_Template_igo_collapsible_toggle_0_listener($event) { i0.ɵɵrestoreView(_r50); const groupContexts_r32 = i0.ɵɵnextContext().$implicit; const ctx_r49 = i0.ɵɵnextContext(); return (ctx_r49.collapsed[ctx_r49.titleMapping[groupContexts_r32.key]] = $event); });
+    i0.ɵɵlistener("toggle", function ContextListComponent_ng_template_14_igo_collapsible_0_Template_igo_collapsible_toggle_0_listener($event) { i0.ɵɵrestoreView(_r50); const groupContexts_r32 = i0.ɵɵnextContext().$implicit; const ctx_r49 = i0.ɵɵnextContext(); return i0.ɵɵresetView((ctx_r49.collapsed[ctx_r49.titleMapping[groupContexts_r32.key]] = $event)); });
     i0.ɵɵpipe(1, "translate");
     i0.ɵɵtemplate(2, ContextListComponent_ng_template_14_igo_collapsible_0_ng_template_2_Template, 1, 3, "ng-template", 10);
     i0.ɵɵelementEnd();
@@ -1965,7 +1918,7 @@ function ContextListComponent_ng_template_14_igo_collapsible_0_Template(rf, ctx)
 function ContextListComponent_ng_template_14_1_ng_template_0_Template(rf, ctx) { if (rf & 1) {
     const _r56 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "igo-context-item", 32);
-    i0.ɵɵlistener("favorite", function ContextListComponent_ng_template_14_1_ng_template_0_Template_igo_context_item_favorite_0_listener() { const restoredCtx = i0.ɵɵrestoreView(_r56); const context_r54 = restoredCtx.$implicit; const ctx_r55 = i0.ɵɵnextContext(3); return ctx_r55.favorite.emit(context_r54); })("select", function ContextListComponent_ng_template_14_1_ng_template_0_Template_igo_context_item_select_0_listener() { const restoredCtx = i0.ɵɵrestoreView(_r56); const context_r54 = restoredCtx.$implicit; const ctx_r57 = i0.ɵɵnextContext(3); return ctx_r57.select.emit(context_r54); })("unselect", function ContextListComponent_ng_template_14_1_ng_template_0_Template_igo_context_item_unselect_0_listener() { const restoredCtx = i0.ɵɵrestoreView(_r56); const context_r54 = restoredCtx.$implicit; const ctx_r58 = i0.ɵɵnextContext(3); return ctx_r58.unselect.emit(context_r54); });
+    i0.ɵɵlistener("favorite", function ContextListComponent_ng_template_14_1_ng_template_0_Template_igo_context_item_favorite_0_listener() { const restoredCtx = i0.ɵɵrestoreView(_r56); const context_r54 = restoredCtx.$implicit; const ctx_r55 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r55.favorite.emit(context_r54)); })("select", function ContextListComponent_ng_template_14_1_ng_template_0_Template_igo_context_item_select_0_listener() { const restoredCtx = i0.ɵɵrestoreView(_r56); const context_r54 = restoredCtx.$implicit; const ctx_r57 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r57.select.emit(context_r54)); })("unselect", function ContextListComponent_ng_template_14_1_ng_template_0_Template_igo_context_item_unselect_0_listener() { const restoredCtx = i0.ɵɵrestoreView(_r56); const context_r54 = restoredCtx.$implicit; const ctx_r58 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r58.unselect.emit(context_r54)); });
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const context_r54 = ctx.$implicit;
@@ -1980,7 +1933,7 @@ function ContextListComponent_ng_template_14_1_Template(rf, ctx) { if (rf & 1) {
 } }
 function ContextListComponent_ng_template_14_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵtemplate(0, ContextListComponent_ng_template_14_igo_collapsible_0_Template, 3, 5, "igo-collapsible", 28);
-    i0.ɵɵtemplate(1, ContextListComponent_ng_template_14_1_Template, 1, 1, undefined, 29);
+    i0.ɵɵtemplate(1, ContextListComponent_ng_template_14_1_Template, 1, 1, null, 29);
 } if (rf & 2) {
     const groupContexts_r32 = ctx.$implicit;
     const ctx_r7 = i0.ɵɵnextContext();
@@ -2304,7 +2257,7 @@ class ContextListComponent {
         this.show.emit(context);
     }
 }
-ContextListComponent.ɵfac = function ContextListComponent_Factory(t) { return new (t || ContextListComponent)(i0.ɵɵdirectiveInject(i0.ChangeDetectorRef), i0.ɵɵdirectiveInject(ContextService), i0.ɵɵdirectiveInject(i3.ConfigService), i0.ɵɵdirectiveInject(i2.AuthService), i0.ɵɵdirectiveInject(i1$2.MatDialog), i0.ɵɵdirectiveInject(i3.LanguageService), i0.ɵɵdirectiveInject(i3.StorageService)); };
+ContextListComponent.ɵfac = function ContextListComponent_Factory(t) { return new (t || ContextListComponent)(i0.ɵɵdirectiveInject(i0.ChangeDetectorRef), i0.ɵɵdirectiveInject(ContextService), i0.ɵɵdirectiveInject(i3.ConfigService), i0.ɵɵdirectiveInject(i2.AuthService), i0.ɵɵdirectiveInject(i1$3.MatDialog), i0.ɵɵdirectiveInject(i3.LanguageService), i0.ɵɵdirectiveInject(i3.StorageService)); };
 ContextListComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ContextListComponent, selectors: [["igo-context-list"]], inputs: { contexts: "contexts", selectedContext: "selectedContext", map: "map", defaultContextId: "defaultContextId", term: "term" }, outputs: { select: "select", unselect: "unselect", edit: "edit", delete: "delete", save: "save", clone: "clone", create: "create", hide: "hide", show: "show", showHiddenContexts: "showHiddenContexts", favorite: "favorite", managePermissions: "managePermissions", manageTools: "manageTools", filterPermissionsChanged: "filterPermissionsChanged" }, decls: 17, vars: 16, consts: [[3, "navigation"], [3, "ngClass", 4, "ngIf"], ["class", "sort-alpha", "mat-icon-button", "", "matTooltipShowDelay", "500", 3, "matTooltip", "click", 4, "ngIf"], ["class", "add-context-button", "icon", "plus", 3, "iconColor", "store", "withIcon", "withTitle", "horizontal", "mode", 4, "ngIf"], ["class", "users-filter", "mat-icon-button", "", "matTooltipShowDelay", "500", 3, "matTooltip", "matMenuTriggerFor", 4, "ngIf"], ["accountMenu", "matMenu"], [4, "ngFor", "ngForOf"], [1, "profilsMenu"], [1, "mat-menu-item", 3, "checked", "click", "change"], ["mat-menu-item", ""], ["ngFor", "", 3, "ngForOf"], [3, "ngClass"], ["matInput", "", "type", "text", 3, "placeholder", "ngModel", "ngModelChange"], ["mat-button", "", "mat-icon-button", "", "matSuffix", "", "class", "clear-button", "aria-label", "Clear", "color", "warn", 3, "click", 4, "ngIf"], ["mat-button", "", "mat-icon-button", "", "matSuffix", "", "aria-label", "Clear", "color", "warn", 1, "clear-button", 3, "click"], ["svgIcon", "close"], ["mat-icon-button", "", "matTooltipShowDelay", "500", 1, "sort-alpha", 3, "matTooltip", "click"], ["color", "primary", "svgIcon", "sort-alphabetical-variant"], ["color", "warn", "svgIcon", "sort-variant-remove"], ["icon", "plus", 1, "add-context-button", 3, "iconColor", "store", "withIcon", "withTitle", "horizontal", "mode"], ["mat-icon-button", "", "matTooltipShowDelay", "500", 1, "users-filter", 3, "matTooltip", "matMenuTriggerFor"], ["color", "primary", "svgIcon", "filter-menu"], [1, "mat-menu-item", 3, "checked", "indeterminate", "click", "change"], ["mat-menu-item", "", 3, "matMenuTriggerFor", 4, "ngIf"], ["mat-menu-item", "", 4, "ngIf"], ["subAccountMenu", "matMenu"], ["class", "mat-menu-item", 3, "checked", "click", "change", 4, "ngFor", "ngForOf"], ["mat-menu-item", "", 3, "matMenuTriggerFor"], [3, "title", "collapsed", "toggle", 4, "ngIf"], [4, "ngIf"], [3, "title", "collapsed", "toggle"], ["igoListItem", "", "color", "accent", 3, "selected", "context", "default", "edit", "delete", "clone", "save", "hide", "show", "favorite", "manageTools", "managePermissions", "select", "unselect"], ["igoListItem", "", "color", "accent", 3, "showFavorite", "selected", "context", "default", "favorite", "select", "unselect"]], template: function ContextListComponent_Template(rf, ctx) { if (rf & 1) {
         i0.ɵɵelementStart(0, "igo-list", 0);
         i0.ɵɵtemplate(1, ContextListComponent_mat_form_field_1_Template, 4, 6, "mat-form-field", 1);
@@ -2314,16 +2267,13 @@ ContextListComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: Contex
         i0.ɵɵtemplate(5, ContextListComponent_button_5_Template, 3, 4, "button", 4);
         i0.ɵɵelementStart(6, "mat-menu", null, 5);
         i0.ɵɵtemplate(8, ContextListComponent_ng_container_8_Template, 8, 5, "ng-container", 6);
-        i0.ɵɵelementStart(9, "span", 7);
-        i0.ɵɵelementStart(10, "mat-checkbox", 8);
+        i0.ɵɵelementStart(9, "span", 7)(10, "mat-checkbox", 8);
         i0.ɵɵlistener("click", function ContextListComponent_Template_mat_checkbox_click_10_listener($event) { return $event.stopPropagation(); })("change", function ContextListComponent_Template_mat_checkbox_change_10_listener() { return ctx.showHiddenContexts.emit(); });
         i0.ɵɵelementEnd();
         i0.ɵɵelementStart(11, "button", 9);
         i0.ɵɵtext(12);
         i0.ɵɵpipe(13, "translate");
-        i0.ɵɵelementEnd();
-        i0.ɵɵelementEnd();
-        i0.ɵɵelementEnd();
+        i0.ɵɵelementEnd()()();
         i0.ɵɵtemplate(14, ContextListComponent_ng_template_14_Template, 2, 2, "ng-template", 10);
         i0.ɵɵpipe(15, "keyvalue");
         i0.ɵɵpipe(16, "async");
@@ -2348,16 +2298,11 @@ ContextListComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: Contex
         i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(13, 10, "igo.context.contextManager.showHidden"), " ");
         i0.ɵɵadvance(2);
         i0.ɵɵproperty("ngForOf", i0.ɵɵpipeBind1(15, 12, i0.ɵɵpipeBind1(16, 14, ctx.contexts$)));
-    } }, directives: [i5$1.ListComponent, i7.NgIf, i7$1.MatMenu, i7.NgForOf, i8.MatCheckbox, i7$1.MatMenuItem, i3$1.MatFormField, i7.NgClass, i3$2.MatInput, i4.DefaultValueAccessor, i4.NgControlStatus, i4.NgModel, i5.MatButton, i3$1.MatSuffix, i9.MatIcon, i6$2.MatTooltip, i5$1.ActionbarComponent, i7$1.MatMenuTrigger, i5$1.CollapsibleComponent, ContextItemComponent, i5$1.ListItemDirective], pipes: [i6$1.TranslatePipe, i5$1.KeyValuePipe, i7.AsyncPipe], styles: [".context-filter-max-width[_ngcontent-%COMP%]{width:calc(100% - 100px);margin:5px;padding-left:6px}.context-filter-min-width[_ngcontent-%COMP%]{width:calc(100% - 135px);margin:5px;padding-left:6px}.clear-button[_ngcontent-%COMP%]{padding-right:5px}mat-form-field[_ngcontent-%COMP%]{height:40px}.profilsMenu[_ngcontent-%COMP%]{display:flex}.profilsMenu[_ngcontent-%COMP%] > mat-checkbox[_ngcontent-%COMP%]{width:8px}.add-context-button[_ngcontent-%COMP%]{margin:0;width:40px;display:inline-flex;overflow:hidden}"], changeDetection: 0 });
+    } }, dependencies: [i5.NgClass, i5.NgForOf, i5.NgIf, i1$1.DefaultValueAccessor, i1$1.NgControlStatus, i1$1.NgModel, i4.MatFormField, i4.MatSuffix, i5$1.MatInput, i4$1.MatIcon, i7.MatButton, i6$1.MatTooltip, i12$1.MatCheckbox, i13.MatMenu, i13.MatMenuItem, i13.MatMenuTrigger, i14.ListItemDirective, i14.ListComponent, i14.CollapsibleComponent, i14.ActionbarComponent, ContextItemComponent, i5.AsyncPipe, i14.KeyValuePipe, i6.TranslatePipe], styles: [".context-filter-max-width[_ngcontent-%COMP%]{width:calc(100% - 100px);margin:5px;padding-left:6px}.context-filter-min-width[_ngcontent-%COMP%]{width:calc(100% - 135px);margin:5px;padding-left:6px}.clear-button[_ngcontent-%COMP%]{padding-right:5px}mat-form-field[_ngcontent-%COMP%]{height:40px}.profilsMenu[_ngcontent-%COMP%]{display:flex}.profilsMenu[_ngcontent-%COMP%] > mat-checkbox[_ngcontent-%COMP%]{width:8px}.add-context-button[_ngcontent-%COMP%]{margin:0;width:40px;display:inline-flex;overflow:hidden}"], changeDetection: 0 });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ContextListComponent, [{
         type: Component,
-        args: [{
-                selector: 'igo-context-list',
-                templateUrl: './context-list.component.html',
-                styleUrls: ['./context-list.component.scss'],
-                changeDetection: ChangeDetectionStrategy.OnPush
-            }]
-    }], function () { return [{ type: i0.ChangeDetectorRef }, { type: ContextService }, { type: i3.ConfigService }, { type: i2.AuthService }, { type: i1$2.MatDialog }, { type: i3.LanguageService }, { type: i3.StorageService }]; }, { contexts: [{
+        args: [{ selector: 'igo-context-list', changeDetection: ChangeDetectionStrategy.OnPush, template: "<igo-list [navigation]=\"true\">\r\n  <mat-form-field *ngIf=\"showFilter()\" [ngClass]=\"auth.authenticated && configService.getConfig('context') ? 'context-filter-min-width' : 'context-filter-max-width'\">\r\n    <input\r\n      matInput\r\n      type=\"text\"\r\n      [placeholder]=\"'igo.context.contextManager.filterPlaceHolder' | translate\"\r\n      [(ngModel)]=\"term\">\r\n    <button\r\n      mat-button\r\n      mat-icon-button\r\n      matSuffix\r\n      class=\"clear-button\"\r\n      *ngIf=\"term.length\"\r\n      aria-label=\"Clear\"\r\n      color=\"warn\"\r\n      (click)=\"clearFilter()\">\r\n      <mat-icon svgIcon=\"close\"></mat-icon>\r\n    </button>\r\n  </mat-form-field>\r\n\r\n  <button\r\n  *ngIf=\"!sortedAlpha\"\r\n  class=\"sort-alpha\"\r\n  mat-icon-button\r\n  [matTooltip]=\"'igo.context.contextManager.sortAlphabetically' | translate\"\r\n  matTooltipShowDelay=\"500\"\r\n  (click)=\"toggleSort(true)\">\r\n  <mat-icon color=\"primary\" svgIcon=\"sort-alphabetical-variant\"></mat-icon>\r\n  </button>\r\n  <button\r\n    *ngIf=\"sortedAlpha\"\r\n    class=\"sort-alpha\"\r\n    mat-icon-button\r\n    [matTooltip]=\"'igo.context.contextManager.sortContextOrder' | translate\"\r\n    matTooltipShowDelay=\"500\"\r\n    (click)=\"toggleSort(false)\">\r\n    <mat-icon color=\"warn\" svgIcon=\"sort-variant-remove\"></mat-icon>\r\n  </button>\r\n\r\n  <igo-actionbar *ngIf=\"auth.authenticated && configService.getConfig('context')\"\r\n    class=\"add-context-button\"\r\n    [iconColor]=\"color\"\r\n    [store]=\"actionStore\"\r\n    [withIcon]=\"true\"\r\n    icon=\"plus\"\r\n    [withTitle]=\"actionbarMode === 'overlay'\"\r\n    [horizontal]=\"false\"\r\n    [mode]=\"actionbarMode\">\r\n  </igo-actionbar>\r\n\r\n  <button *ngIf=\"auth.authenticated && configService.getConfig('context')\"\r\n    class=\"users-filter\"\r\n    mat-icon-button\r\n    [matTooltip]=\"'igo.context.contextManager.filterUser' | translate\"\r\n    matTooltipShowDelay=\"500\"\r\n    [matMenuTriggerFor]=\"accountMenu\">\r\n    <mat-icon color=\"primary\" svgIcon=\"filter-menu\"></mat-icon>\r\n  </button>\r\n\r\n  <mat-menu #accountMenu=\"matMenu\">\r\n    <ng-container *ngFor=\"let user of users\">\r\n      <span class=\"profilsMenu\">\r\n        <mat-checkbox\r\n          class=\"mat-menu-item\"\r\n          [checked]=\"getPermission(user).checked\"\r\n          [indeterminate]=\"getPermission(user).indeterminate\"\r\n          (click)=\"$event.stopPropagation()\"\r\n          (change)=\"userSelection(user)\">\r\n        </mat-checkbox>\r\n        <button *ngIf=\"user.childs\"\r\n          [matMenuTriggerFor]=\"subAccountMenu\"\r\n          mat-menu-item>\r\n          {{user.title}}\r\n        </button>\r\n        <button\r\n          mat-menu-item\r\n          *ngIf=\"!user.childs\">\r\n          {{user.title}}\r\n        </button>\r\n      </span>\r\n\r\n      <mat-menu #subAccountMenu=\"matMenu\">\r\n        <mat-checkbox *ngFor=\"let child of user.childs\"\r\n          class=\"mat-menu-item\"\r\n          [checked]=\"getPermission(child).checked\"\r\n          (click)=\"$event.stopPropagation()\"\r\n          (change)=\"userSelection(child, user)\">\r\n          {{child.title}}\r\n        </mat-checkbox>\r\n      </mat-menu>\r\n    </ng-container>\r\n\r\n    <span class=\"profilsMenu\">\r\n      <mat-checkbox\r\n        class=\"mat-menu-item\"\r\n        [checked]=\"showHidden\"\r\n        (click)=\"$event.stopPropagation()\"\r\n        (change)=\"showHiddenContexts.emit()\">\r\n      </mat-checkbox>\r\n      <button mat-menu-item>\r\n        {{ 'igo.context.contextManager.showHidden' | translate }}\r\n      </button>\r\n    </span>\r\n  </mat-menu>\r\n\r\n  <ng-template ngFor let-groupContexts [ngForOf]=\"contexts$ | async | keyvalue\">\r\n\r\n    <igo-collapsible *ngIf=\"groupContexts.value.length && auth.authenticated\" [title]=\"titleMapping[groupContexts.key] | translate\"\r\n      [collapsed]=\"collapsed[titleMapping[groupContexts.key]]\" (toggle)=\"collapsed[titleMapping[groupContexts.key]] = $event\">\r\n\r\n      <ng-template ngFor let-context [ngForOf]=\"groupContexts.value\">\r\n        <igo-context-item\r\n          igoListItem\r\n          color=\"accent\"\r\n          [selected]=\"selectedContext && selectedContext.uri === context.uri\"\r\n          [context]=\"context\"\r\n          [default]=\"context.id && this.defaultContextId && this.defaultContextId === context.id\"\r\n          (edit)=\"edit.emit(context)\"\r\n          (delete)=\"delete.emit(context)\"\r\n          (clone)=\"clone.emit(context)\"\r\n          (save)=\"save.emit(context)\"\r\n          (hide)=\"hideContext(context)\"\r\n          (show)=\"showContext(context)\"\r\n          (favorite)=\"favorite.emit(context)\"\r\n          (manageTools)=\"manageTools.emit(context)\"\r\n          (managePermissions)=\"managePermissions.emit(context)\"\r\n          (select)=\"select.emit(context)\"\r\n          (unselect)=\"unselect.emit(context)\">\r\n        </igo-context-item>\r\n      </ng-template>\r\n\r\n    </igo-collapsible>\r\n\r\n    <ng-template *ngIf=\"groupContexts.value.length && !auth.authenticated\" ngFor let-context [ngForOf]=\"groupContexts.value\">\r\n      <igo-context-item\r\n        igoListItem\r\n        color=\"accent\"\r\n        [showFavorite]=\"configService.getConfig('favoriteContext4NonAuthenticated')\"\r\n        [selected]=\"selectedContext && selectedContext.uri === context.uri\"\r\n        [context]=\"context\"\r\n        [default]=\"configService.getConfig('context') ? defaultContextId === context.id : defaultContextId === context.uri\"\r\n        (favorite)=\"favorite.emit(context)\"\r\n        (select)=\"select.emit(context)\"\r\n        (unselect)=\"unselect.emit(context)\">\r\n      </igo-context-item>\r\n    </ng-template>\r\n\r\n  </ng-template>\r\n</igo-list>\r\n", styles: [".context-filter-max-width{width:calc(100% - 100px);margin:5px;padding-left:6px}.context-filter-min-width{width:calc(100% - 135px);margin:5px;padding-left:6px}.clear-button{padding-right:5px}mat-form-field{height:40px}.profilsMenu{display:flex}.profilsMenu>mat-checkbox{width:8px}.add-context-button{margin:0;width:40px;display:inline-flex;overflow:hidden}\n"] }]
+    }], function () { return [{ type: i0.ChangeDetectorRef }, { type: ContextService }, { type: i3.ConfigService }, { type: i2.AuthService }, { type: i1$3.MatDialog }, { type: i3.LanguageService }, { type: i3.StorageService }]; }, { contexts: [{
             type: Input
         }], selectedContext: [{
             type: Input
@@ -2596,7 +2541,7 @@ class ContextListBindingDirective {
         this.component.contexts = contexts;
     }
 }
-ContextListBindingDirective.ɵfac = function ContextListBindingDirective_Factory(t) { return new (t || ContextListBindingDirective)(i0.ɵɵdirectiveInject(ContextListComponent, 2), i0.ɵɵdirectiveInject(ContextService), i0.ɵɵdirectiveInject(i1$1.MapService), i0.ɵɵdirectiveInject(i3.LanguageService), i0.ɵɵdirectiveInject(i5$1.ConfirmDialogService), i0.ɵɵdirectiveInject(i3.MessageService), i0.ɵɵdirectiveInject(i2.AuthService), i0.ɵɵdirectiveInject(i3.StorageService), i0.ɵɵdirectiveInject(i0.ChangeDetectorRef)); };
+ContextListBindingDirective.ɵfac = function ContextListBindingDirective_Factory(t) { return new (t || ContextListBindingDirective)(i0.ɵɵdirectiveInject(ContextListComponent, 2), i0.ɵɵdirectiveInject(ContextService), i0.ɵɵdirectiveInject(i1$2.MapService), i0.ɵɵdirectiveInject(i3.LanguageService), i0.ɵɵdirectiveInject(i14.ConfirmDialogService), i0.ɵɵdirectiveInject(i3.MessageService), i0.ɵɵdirectiveInject(i2.AuthService), i0.ɵɵdirectiveInject(i3.StorageService), i0.ɵɵdirectiveInject(i0.ChangeDetectorRef)); };
 ContextListBindingDirective.ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: ContextListBindingDirective, selectors: [["", "igoContextListBinding", ""]], hostBindings: function ContextListBindingDirective_HostBindings(rf, ctx) { if (rf & 1) {
         i0.ɵɵlistener("select", function ContextListBindingDirective_select_HostBindingHandler($event) { return ctx.onSelect($event); })("edit", function ContextListBindingDirective_edit_HostBindingHandler($event) { return ctx.onEdit($event); })("save", function ContextListBindingDirective_save_HostBindingHandler($event) { return ctx.onSave($event); })("favorite", function ContextListBindingDirective_favorite_HostBindingHandler($event) { return ctx.onFavorite($event); })("manageTools", function ContextListBindingDirective_manageTools_HostBindingHandler($event) { return ctx.onManageTools($event); })("managePermissions", function ContextListBindingDirective_managePermissions_HostBindingHandler($event) { return ctx.onManagePermissions($event); })("delete", function ContextListBindingDirective_delete_HostBindingHandler($event) { return ctx.onDelete($event); })("clone", function ContextListBindingDirective_clone_HostBindingHandler($event) { return ctx.onClone($event); })("create", function ContextListBindingDirective_create_HostBindingHandler($event) { return ctx.onCreate($event); })("filterPermissionsChanged", function ContextListBindingDirective_filterPermissionsChanged_HostBindingHandler() { return ctx.loadContexts(); })("showHiddenContexts", function ContextListBindingDirective_showHiddenContexts_HostBindingHandler() { return ctx.showHiddenContexts(); })("show", function ContextListBindingDirective_show_HostBindingHandler($event) { return ctx.onShowContext($event); })("hide", function ContextListBindingDirective_hide_HostBindingHandler($event) { return ctx.onHideContext($event); });
     } } });
@@ -2607,7 +2552,7 @@ ContextListBindingDirective.ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type:
             }]
     }], function () { return [{ type: ContextListComponent, decorators: [{
                 type: Self
-            }] }, { type: ContextService }, { type: i1$1.MapService }, { type: i3.LanguageService }, { type: i5$1.ConfirmDialogService }, { type: i3.MessageService }, { type: i2.AuthService }, { type: i3.StorageService }, { type: i0.ChangeDetectorRef }]; }, { onSelect: [{
+            }] }, { type: ContextService }, { type: i1$2.MapService }, { type: i3.LanguageService }, { type: i14.ConfirmDialogService }, { type: i3.MessageService }, { type: i2.AuthService }, { type: i3.StorageService }, { type: i0.ChangeDetectorRef }]; }, { onSelect: [{
             type: HostListener,
             args: ['select', ['$event']]
         }], onEdit: [{
@@ -2723,7 +2668,7 @@ class ContextFormComponent {
         });
     }
 }
-ContextFormComponent.ɵfac = function ContextFormComponent_Factory(t) { return new (t || ContextFormComponent)(i0.ɵɵdirectiveInject(i4.FormBuilder), i0.ɵɵdirectiveInject(i3.LanguageService), i0.ɵɵdirectiveInject(i3.MessageService)); };
+ContextFormComponent.ɵfac = function ContextFormComponent_Factory(t) { return new (t || ContextFormComponent)(i0.ɵɵdirectiveInject(i1$1.FormBuilder), i0.ɵɵdirectiveInject(i3.LanguageService), i0.ɵɵdirectiveInject(i3.MessageService)); };
 ContextFormComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ContextFormComponent, selectors: [["igo-context-form"]], inputs: { btnSubmitText: "btnSubmitText", context: "context", disabled: "disabled" }, outputs: { submitForm: "submitForm", clone: "clone", delete: "delete" }, decls: 19, vars: 18, consts: [[1, "igo-form", 3, "formGroup", "ngSubmit"], [1, "full-width"], ["matInput", "", "required", "", "maxlength", "128", "formControlName", "title", 3, "placeholder"], ["id", "uriInput", 1, "full-width"], ["class", "prefix", 4, "ngIf"], [1, "fieldWrapper"], ["matInput", "", "maxlength", "64", "floatLabel", "always", "formControlName", "uri", 3, "placeholder"], ["id", "copyButton", "type", "button", "mat-icon-button", "", "tooltip-position", "below", "matTooltipShowDelay", "500", "color", "primary", 3, "matTooltip", "click"], ["svgIcon", "content-copy"], [1, "igo-form-button-group"], ["mat-raised-button", "", "type", "submit", 3, "disabled"], [1, "prefix"]], template: function ContextFormComponent_Template(rf, ctx) { if (rf & 1) {
         i0.ɵɵelementStart(0, "form", 0);
         i0.ɵɵlistener("ngSubmit", function ContextFormComponent_Template_form_ngSubmit_0_listener() { return ctx.handleFormSubmit(ctx.form.value); });
@@ -2733,27 +2678,22 @@ ContextFormComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: Contex
         i0.ɵɵelementStart(4, "mat-error");
         i0.ɵɵtext(5);
         i0.ɵɵpipe(6, "translate");
-        i0.ɵɵelementEnd();
-        i0.ɵɵelementEnd();
+        i0.ɵɵelementEnd()();
         i0.ɵɵelementStart(7, "mat-form-field", 3);
         i0.ɵɵtemplate(8, ContextFormComponent_span_8_Template, 2, 1, "span", 4);
         i0.ɵɵelementStart(9, "span", 5);
         i0.ɵɵelement(10, "input", 6);
         i0.ɵɵpipe(11, "translate");
-        i0.ɵɵelementEnd();
-        i0.ɵɵelementEnd();
+        i0.ɵɵelementEnd()();
         i0.ɵɵelementStart(12, "button", 7);
         i0.ɵɵlistener("click", function ContextFormComponent_Template_button_click_12_listener() { return ctx.copyTextToClipboard(); });
         i0.ɵɵpipe(13, "translate");
         i0.ɵɵelement(14, "mat-icon", 8);
         i0.ɵɵelementEnd();
-        i0.ɵɵelementStart(15, "div", 9);
-        i0.ɵɵelementStart(16, "button", 10);
+        i0.ɵɵelementStart(15, "div", 9)(16, "button", 10);
         i0.ɵɵtext(17);
         i0.ɵɵpipe(18, "translate");
-        i0.ɵɵelementEnd();
-        i0.ɵɵelementEnd();
-        i0.ɵɵelementEnd();
+        i0.ɵɵelementEnd()()();
     } if (rf & 2) {
         i0.ɵɵproperty("formGroup", ctx.form);
         i0.ɵɵadvance(2);
@@ -2770,15 +2710,11 @@ ContextFormComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: Contex
         i0.ɵɵproperty("disabled", !ctx.form.valid || ctx.disabled);
         i0.ɵɵadvance(1);
         i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(18, 16, "igo.context.contextManager.form.edit"), " ");
-    } }, directives: [i4.ɵNgNoValidate, i4.NgControlStatusGroup, i4.FormGroupDirective, i3$1.MatFormField, i3$2.MatInput, i4.DefaultValueAccessor, i4.RequiredValidator, i4.MaxLengthValidator, i4.NgControlStatus, i4.FormControlName, i3$1.MatError, i7.NgIf, i5.MatButton, i6$2.MatTooltip, i9.MatIcon], pipes: [i6$1.TranslatePipe], styles: ["form[_ngcontent-%COMP%]{margin:10px}.full-width[_ngcontent-%COMP%]{width:100%}#uriInput[_ngcontent-%COMP%]   .fieldWrapper[_ngcontent-%COMP%]{display:block;overflow:hidden}#uriInput[_ngcontent-%COMP%]   .prefix[_ngcontent-%COMP%]{float:left}#copyButton[_ngcontent-%COMP%]{width:24px;float:right;position:relative;top:-58px;left:5px}"] });
+    } }, dependencies: [i5.NgIf, i1$1.ɵNgNoValidate, i1$1.DefaultValueAccessor, i1$1.NgControlStatus, i1$1.NgControlStatusGroup, i1$1.RequiredValidator, i1$1.MaxLengthValidator, i1$1.FormGroupDirective, i1$1.FormControlName, i4.MatError, i4.MatFormField, i5$1.MatInput, i4$1.MatIcon, i7.MatButton, i6$1.MatTooltip, i6.TranslatePipe], styles: ["form[_ngcontent-%COMP%]{margin:10px}.full-width[_ngcontent-%COMP%]{width:100%}#uriInput[_ngcontent-%COMP%]   .fieldWrapper[_ngcontent-%COMP%]{display:block;overflow:hidden}#uriInput[_ngcontent-%COMP%]   .prefix[_ngcontent-%COMP%]{float:left}#copyButton[_ngcontent-%COMP%]{width:24px;float:right;position:relative;top:-58px;left:5px}"] });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ContextFormComponent, [{
         type: Component,
-        args: [{
-                selector: 'igo-context-form',
-                templateUrl: './context-form.component.html',
-                styleUrls: ['./context-form.component.scss']
-            }]
-    }], function () { return [{ type: i4.FormBuilder }, { type: i3.LanguageService }, { type: i3.MessageService }]; }, { btnSubmitText: [{
+        args: [{ selector: 'igo-context-form', template: "<form class=\"igo-form\" [formGroup]=\"form\"\r\n  (ngSubmit)=\"handleFormSubmit(form.value)\">\r\n\r\n  <mat-form-field class=\"full-width\">\r\n    <input matInput required\r\n           maxlength=\"128\"\r\n           [placeholder]=\"'igo.context.contextManager.form.title' | translate\"\r\n           formControlName=\"title\">\r\n   <mat-error>\r\n    {{ 'igo.context.contextManager.form.titleRequired' | translate }}\r\n   </mat-error>\r\n  </mat-form-field>\r\n\r\n  <mat-form-field id=\"uriInput\" class=\"full-width\">\r\n    <span *ngIf=\"prefix\" class=\"prefix\">{{prefix}}-</span>\r\n    <span class=\"fieldWrapper\">\r\n      <input matInput\r\n           maxlength=\"64\"\r\n           floatLabel = \"always\"\r\n           [placeholder]=\"'igo.context.contextManager.form.uri' | translate\"\r\n           formControlName=\"uri\">\r\n    </span>\r\n  </mat-form-field>\r\n\r\n  <button\r\n    id=\"copyButton\"\r\n    type=\"button\"\r\n    mat-icon-button\r\n    tooltip-position=\"below\"\r\n    matTooltipShowDelay=\"500\"\r\n    [matTooltip]=\"'igo.context.contextManager.form.copy' | translate\"\r\n    color=\"primary\"\r\n    (click)=\"copyTextToClipboard()\">\r\n    <mat-icon svgIcon=\"content-copy\"></mat-icon>\r\n  </button>\r\n\r\n  <div class=\"igo-form-button-group\">\r\n    <button\r\n      mat-raised-button\r\n      type=\"submit\"\r\n      [disabled]=\"!form.valid || disabled\">\r\n      {{ 'igo.context.contextManager.form.edit' | translate }}\r\n    </button>\r\n  </div>\r\n\r\n</form>\r\n", styles: ["form{margin:10px}.full-width{width:100%}#uriInput .fieldWrapper{display:block;overflow:hidden}#uriInput .prefix{float:left}#copyButton{width:24px;float:right;position:relative;top:-58px;left:5px}\n"] }]
+    }], function () { return [{ type: i1$1.FormBuilder }, { type: i3.LanguageService }, { type: i3.MessageService }]; }, { btnSubmitText: [{
             type: Input
         }], context: [{
             type: Input
@@ -2795,7 +2731,7 @@ ContextFormComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: Contex
 function ContextEditComponent_igo_context_form_0_Template(rf, ctx) { if (rf & 1) {
     const _r2 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "igo-context-form", 1);
-    i0.ɵɵlistener("submitForm", function ContextEditComponent_igo_context_form_0_Template_igo_context_form_submitForm_0_listener($event) { i0.ɵɵrestoreView(_r2); const ctx_r1 = i0.ɵɵnextContext(); return ctx_r1.submitForm.emit($event); });
+    i0.ɵɵlistener("submitForm", function ContextEditComponent_igo_context_form_0_Template_igo_context_form_submitForm_0_listener($event) { i0.ɵɵrestoreView(_r2); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.submitForm.emit($event)); });
     i0.ɵɵpipe(1, "translate");
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -2823,13 +2759,10 @@ ContextEditComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: Contex
         i0.ɵɵtemplate(0, ContextEditComponent_igo_context_form_0_Template, 2, 4, "igo-context-form", 0);
     } if (rf & 2) {
         i0.ɵɵproperty("ngIf", ctx.context);
-    } }, directives: [i7.NgIf, ContextFormComponent], pipes: [i6$1.TranslatePipe], encapsulation: 2 });
+    } }, dependencies: [i5.NgIf, ContextFormComponent, i6.TranslatePipe], encapsulation: 2 });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ContextEditComponent, [{
         type: Component,
-        args: [{
-                selector: 'igo-context-edit',
-                templateUrl: './context-edit.component.html'
-            }]
+        args: [{ selector: 'igo-context-edit', template: "<igo-context-form *ngIf=\"context\"\r\n   [btnSubmitText]=\"'igo.context.contextManager.save' | translate\"\r\n   [context]=\"context\"\r\n   (submitForm)=\"submitForm.emit($event)\">\r\n</igo-context-form>\r\n" }]
     }], function () { return [{ type: i0.ChangeDetectorRef }]; }, { context: [{
             type: Input
         }], submitForm: [{
@@ -2886,16 +2819,14 @@ ContextEditBindingDirective.ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type:
         }] }); })();
 
 function ContextPermissionsComponent_div_0_div_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 3);
-    i0.ɵɵelementStart(1, "h4");
+    i0.ɵɵelementStart(0, "div", 3)(1, "h4");
     i0.ɵɵtext(2);
     i0.ɵɵpipe(3, "translate");
     i0.ɵɵelementEnd();
     i0.ɵɵelementStart(4, "p");
     i0.ɵɵtext(5);
     i0.ɵɵpipe(6, "translate");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementEnd();
+    i0.ɵɵelementEnd()();
 } if (rf & 2) {
     i0.ɵɵadvance(2);
     i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(3, 2, "igo.context.permission.readOnlyTitle"));
@@ -2913,9 +2844,8 @@ function ContextPermissionsComponent_div_0_div_2_mat_radio_button_8_Template(rf,
 } }
 function ContextPermissionsComponent_div_0_div_2_Template(rf, ctx) { if (rf & 1) {
     const _r7 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 3);
-    i0.ɵɵelementStart(1, "mat-radio-group", 4);
-    i0.ɵɵlistener("ngModelChange", function ContextPermissionsComponent_div_0_div_2_Template_mat_radio_group_ngModelChange_1_listener($event) { i0.ɵɵrestoreView(_r7); const ctx_r6 = i0.ɵɵnextContext(2); return ctx_r6.context.scope = $event; })("change", function ContextPermissionsComponent_div_0_div_2_Template_mat_radio_group_change_1_listener() { i0.ɵɵrestoreView(_r7); const ctx_r8 = i0.ɵɵnextContext(2); return ctx_r8.scopeChanged.emit(ctx_r8.context); });
+    i0.ɵɵelementStart(0, "div", 3)(1, "mat-radio-group", 4);
+    i0.ɵɵlistener("ngModelChange", function ContextPermissionsComponent_div_0_div_2_Template_mat_radio_group_ngModelChange_1_listener($event) { i0.ɵɵrestoreView(_r7); const ctx_r6 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r6.context.scope = $event); })("change", function ContextPermissionsComponent_div_0_div_2_Template_mat_radio_group_change_1_listener() { i0.ɵɵrestoreView(_r7); const ctx_r8 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r8.scopeChanged.emit(ctx_r8.context)); });
     i0.ɵɵelementStart(2, "mat-radio-button", 5);
     i0.ɵɵtext(3);
     i0.ɵɵpipe(4, "translate");
@@ -2925,8 +2855,7 @@ function ContextPermissionsComponent_div_0_div_2_Template(rf, ctx) { if (rf & 1)
     i0.ɵɵpipe(7, "translate");
     i0.ɵɵelementEnd();
     i0.ɵɵtemplate(8, ContextPermissionsComponent_div_0_div_2_mat_radio_button_8_Template, 3, 3, "mat-radio-button", 7);
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementEnd();
+    i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r2 = i0.ɵɵnextContext(2);
     i0.ɵɵadvance(1);
@@ -2944,8 +2873,7 @@ function ContextPermissionsComponent_div_0_form_3_mat_option_6_Template(rf, ctx)
     i0.ɵɵelement(2, "br");
     i0.ɵɵelementStart(3, "small", 21);
     i0.ɵɵtext(4);
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementEnd();
+    i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const profil_r11 = ctx.$implicit;
     i0.ɵɵproperty("value", profil_r11);
@@ -2957,36 +2885,30 @@ function ContextPermissionsComponent_div_0_form_3_mat_option_6_Template(rf, ctx)
 function ContextPermissionsComponent_div_0_form_3_Template(rf, ctx) { if (rf & 1) {
     const _r13 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "form", 9);
-    i0.ɵɵlistener("ngSubmit", function ContextPermissionsComponent_div_0_form_3_Template_form_ngSubmit_0_listener() { i0.ɵɵrestoreView(_r13); const ctx_r12 = i0.ɵɵnextContext(2); return ctx_r12.handleFormSubmit(ctx_r12.form.value); });
+    i0.ɵɵlistener("ngSubmit", function ContextPermissionsComponent_div_0_form_3_Template_form_ngSubmit_0_listener() { i0.ɵɵrestoreView(_r13); const ctx_r12 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r12.handleFormSubmit(ctx_r12.form.value)); });
     i0.ɵɵelementStart(1, "mat-form-field", 10);
     i0.ɵɵelement(2, "input", 11);
     i0.ɵɵpipe(3, "translate");
     i0.ɵɵelementStart(4, "mat-autocomplete", 12, 13);
-    i0.ɵɵlistener("optionSelected", function ContextPermissionsComponent_div_0_form_3_Template_mat_autocomplete_optionSelected_4_listener($event) { i0.ɵɵrestoreView(_r13); const ctx_r14 = i0.ɵɵnextContext(2); return ctx_r14.onProfilSelected($event.option.value); });
+    i0.ɵɵlistener("optionSelected", function ContextPermissionsComponent_div_0_form_3_Template_mat_autocomplete_optionSelected_4_listener($event) { i0.ɵɵrestoreView(_r13); const ctx_r14 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r14.onProfilSelected($event.option.value)); });
     i0.ɵɵtemplate(6, ContextPermissionsComponent_div_0_form_3_mat_option_6_Template, 5, 3, "mat-option", 14);
     i0.ɵɵelementEnd();
     i0.ɵɵelementStart(7, "mat-error");
     i0.ɵɵtext(8);
     i0.ɵɵpipe(9, "translate");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(10, "mat-radio-group", 15);
-    i0.ɵɵelementStart(11, "mat-radio-button", 16);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(10, "mat-radio-group", 15)(11, "mat-radio-button", 16);
     i0.ɵɵtext(12);
     i0.ɵɵpipe(13, "translate");
     i0.ɵɵelementEnd();
     i0.ɵɵelementStart(14, "mat-radio-button", 17);
     i0.ɵɵtext(15);
     i0.ɵɵpipe(16, "translate");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(17, "div", 18);
-    i0.ɵɵelementStart(18, "button", 19);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(17, "div", 18)(18, "button", 19);
     i0.ɵɵtext(19);
     i0.ɵɵpipe(20, "translate");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementEnd();
+    i0.ɵɵelementEnd()()();
 } if (rf & 2) {
     const _r9 = i0.ɵɵreference(5);
     const ctx_r3 = i0.ɵɵnextContext(2);
@@ -3011,7 +2933,7 @@ function ContextPermissionsComponent_div_0_form_3_Template(rf, ctx) { if (rf & 1
 function ContextPermissionsComponent_div_0_igo_list_4_ng_template_1_igo_collapsible_0_ng_template_2_button_7_Template(rf, ctx) { if (rf & 1) {
     const _r23 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "button", 29);
-    i0.ɵɵlistener("click", function ContextPermissionsComponent_div_0_igo_list_4_ng_template_1_igo_collapsible_0_ng_template_2_button_7_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r23); const permission_r19 = i0.ɵɵnextContext().$implicit; const ctx_r21 = i0.ɵɵnextContext(5); return ctx_r21.removePermission.emit(permission_r19); });
+    i0.ɵɵlistener("click", function ContextPermissionsComponent_div_0_igo_list_4_ng_template_1_igo_collapsible_0_ng_template_2_button_7_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r23); const permission_r19 = i0.ɵɵnextContext().$implicit; const ctx_r21 = i0.ɵɵnextContext(5); return i0.ɵɵresetView(ctx_r21.removePermission.emit(permission_r19)); });
     i0.ɵɵpipe(1, "translate");
     i0.ɵɵelement(2, "mat-icon", 30);
     i0.ɵɵelementEnd();
@@ -3025,12 +2947,10 @@ function ContextPermissionsComponent_div_0_igo_list_4_ng_template_1_igo_collapsi
     i0.ɵɵtext(3);
     i0.ɵɵelementStart(4, "small", 21);
     i0.ɵɵtext(5);
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementEnd();
+    i0.ɵɵelementEnd()();
     i0.ɵɵelementStart(6, "div", 27);
     i0.ɵɵtemplate(7, ContextPermissionsComponent_div_0_igo_list_4_ng_template_1_igo_collapsible_0_ng_template_2_button_7_Template, 3, 3, "button", 28);
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementEnd();
+    i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const permission_r19 = ctx.$implicit;
     const ctx_r18 = i0.ɵɵnextContext(5);
@@ -3163,20 +3083,16 @@ class ContextPermissionsComponent {
         });
     }
 }
-ContextPermissionsComponent.ɵfac = function ContextPermissionsComponent_Factory(t) { return new (t || ContextPermissionsComponent)(i0.ɵɵdirectiveInject(i4.FormBuilder), i0.ɵɵdirectiveInject(i0.ChangeDetectorRef), i0.ɵɵdirectiveInject(i1.HttpClient), i0.ɵɵdirectiveInject(i2.AuthService), i0.ɵɵdirectiveInject(i3.ConfigService)); };
+ContextPermissionsComponent.ɵfac = function ContextPermissionsComponent_Factory(t) { return new (t || ContextPermissionsComponent)(i0.ɵɵdirectiveInject(i1$1.FormBuilder), i0.ɵɵdirectiveInject(i0.ChangeDetectorRef), i0.ɵɵdirectiveInject(i1.HttpClient), i0.ɵɵdirectiveInject(i2.AuthService), i0.ɵɵdirectiveInject(i3.ConfigService)); };
 ContextPermissionsComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ContextPermissionsComponent, selectors: [["igo-context-permissions"]], inputs: { context: "context", permissions: "permissions" }, outputs: { addPermission: "addPermission", removePermission: "removePermission", scopeChanged: "scopeChanged" }, decls: 1, vars: 1, consts: [[4, "ngIf"], ["class", "scopeForm", 4, "ngIf"], [3, "formGroup", "ngSubmit", 4, "ngIf"], [1, "scopeForm"], [3, "ngModel", "ngModelChange", "change"], ["value", "private"], ["value", "protected"], ["value", "public", 4, "ngIf"], ["value", "public"], [3, "formGroup", "ngSubmit"], [1, "full-width"], ["matInput", "", "required", "", 3, "placeholder", "formControl", "matAutocomplete"], [3, "displayWith", "optionSelected"], ["auto", "matAutocomplete"], [3, "value", 4, "ngFor", "ngForOf"], ["formControlName", "typePermission"], ["value", "read"], ["value", "write"], [1, "igo-form-button-group"], ["mat-raised-button", "", "type", "submit", 3, "disabled"], [3, "value"], [1, "mat-typography"], ["ngFor", "", 3, "ngForOf"], [3, "title", 4, "ngIf"], [3, "title"], ["mat-list-avatar", "", "svgIcon", "account-outline"], ["mat-line", ""], ["igoStopPropagation", "", 1, "igo-actions-container"], ["mat-icon-button", "", "matTooltipShowDelay", "500", "color", "warn", 3, "matTooltip", "click", 4, "ngIf"], ["mat-icon-button", "", "matTooltipShowDelay", "500", "color", "warn", 3, "matTooltip", "click"], ["svgIcon", "delete"]], template: function ContextPermissionsComponent_Template(rf, ctx) { if (rf & 1) {
         i0.ɵɵtemplate(0, ContextPermissionsComponent_div_0_Template, 5, 4, "div", 0);
     } if (rf & 2) {
         i0.ɵɵproperty("ngIf", ctx.context);
-    } }, directives: [i7.NgIf, i6$3.MatRadioGroup, i4.NgControlStatus, i4.NgModel, i6$3.MatRadioButton, i4.ɵNgNoValidate, i4.NgControlStatusGroup, i4.FormGroupDirective, i3$1.MatFormField, i3$2.MatInput, i4.DefaultValueAccessor, i9$1.MatAutocompleteTrigger, i4.RequiredValidator, i4.FormControlDirective, i9$1.MatAutocomplete, i7.NgForOf, i3$1.MatError, i4.FormControlName, i5.MatButton, i11.MatOption, i5$1.ListComponent, i5$1.CollapsibleComponent, i3$3.MatListItem, i9.MatIcon, i3$3.MatListAvatarCssMatStyler, i11.MatLine, i5$1.StopPropagationDirective, i6$2.MatTooltip], pipes: [i6$1.TranslatePipe, i5$1.KeyValuePipe], styles: ["[_nghost-%COMP%]{margin:10px}.full-width[_ngcontent-%COMP%]{width:100%}mat-radio-button[_ngcontent-%COMP%]{padding:14px 14px 14px 0}.scopeForm[_ngcontent-%COMP%], form[_ngcontent-%COMP%]{padding:5px}mat-option[_ngcontent-%COMP%]     .mat-option-text{line-height:normal;line-height:initial}"] });
+    } }, dependencies: [i5.NgForOf, i5.NgIf, i1$1.ɵNgNoValidate, i1$1.DefaultValueAccessor, i1$1.NgControlStatus, i1$1.NgControlStatusGroup, i1$1.RequiredValidator, i1$1.NgModel, i1$1.FormControlDirective, i1$1.FormGroupDirective, i1$1.FormControlName, i4.MatError, i4.MatFormField, i5$1.MatInput, i4$1.MatIcon, i7.MatButton, i6$1.MatTooltip, i7$1.MatListItem, i7$1.MatListAvatarCssMatStyler, i12.MatLine, i13$1.MatRadioGroup, i13$1.MatRadioButton, i12.MatOption, i14$1.MatAutocomplete, i14$1.MatAutocompleteTrigger, i14.ListComponent, i14.CollapsibleComponent, i14.StopPropagationDirective, i14.KeyValuePipe, i6.TranslatePipe], styles: ["[_nghost-%COMP%]{margin:10px}.full-width[_ngcontent-%COMP%]{width:100%}mat-radio-button[_ngcontent-%COMP%]{padding:14px 14px 14px 0}.scopeForm[_ngcontent-%COMP%], form[_ngcontent-%COMP%]{padding:5px}mat-option[_ngcontent-%COMP%]     .mat-option-text{line-height:normal;line-height:initial}"] });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ContextPermissionsComponent, [{
         type: Component,
-        args: [{
-                selector: 'igo-context-permissions',
-                templateUrl: './context-permissions.component.html',
-                styleUrls: ['./context-permissions.component.scss']
-            }]
-    }], function () { return [{ type: i4.FormBuilder }, { type: i0.ChangeDetectorRef }, { type: i1.HttpClient }, { type: i2.AuthService }, { type: i3.ConfigService }]; }, { context: [{
+        args: [{ selector: 'igo-context-permissions', template: "<div *ngIf=\"context\">\r\n\r\n  <div *ngIf=\"!canWrite\" class=\"scopeForm\">\r\n    <h4>{{ 'igo.context.permission.readOnlyTitle' | translate }}</h4>\r\n    <p>{{ 'igo.context.permission.readOnlyMsg' | translate }}</p>\r\n  </div>\r\n\r\n  <div *ngIf=\"canWrite\" class=\"scopeForm\">\r\n    <mat-radio-group [(ngModel)]=\"context.scope\"\r\n                    (change)=\"scopeChanged.emit(context)\">\r\n      <mat-radio-button value=\"private\">\r\n        {{ 'igo.context.permission.scope.private' | translate }}\r\n      </mat-radio-button>\r\n      <mat-radio-button value=\"protected\">\r\n        {{ 'igo.context.permission.scope.shared' | translate }}\r\n      </mat-radio-button>\r\n      <mat-radio-button *ngIf=\"authService.isAdmin\" value=\"public\">\r\n        {{ 'igo.context.permission.scope.public' | translate }}\r\n      </mat-radio-button>\r\n    </mat-radio-group>\r\n  </div>\r\n\r\n  <form *ngIf=\"context.scope !== 'private' && canWrite\" [formGroup]=\"form\"\r\n    (ngSubmit)=\"handleFormSubmit(form.value)\">\r\n\r\n    <mat-form-field class=\"full-width\">\r\n      <input matInput required\r\n             [placeholder]=\"'igo.context.permission.user' | translate\"\r\n             [formControl]=\"formControl\"\r\n             [matAutocomplete]=\"auto\">\r\n      <mat-autocomplete #auto=\"matAutocomplete\" (optionSelected)=\"onProfilSelected($event.option.value)\"\r\n        [displayWith]=\"displayFn\">\r\n          <mat-option *ngFor=\"let profil of this.profils\" [value]=\"profil\">\r\n              {{profil.title}}<br>\r\n              <small class=\"mat-typography\">{{profil.name}}</small>\r\n          </mat-option>\r\n      </mat-autocomplete>\r\n     <mat-error>\r\n       {{ 'igo.context.permission.profilRequired' | translate }}\r\n     </mat-error>\r\n    </mat-form-field>\r\n\r\n\r\n    <mat-radio-group formControlName=\"typePermission\">\r\n      <mat-radio-button value=\"read\">\r\n        {{ 'igo.context.permission.read' | translate }}\r\n      </mat-radio-button>\r\n      <mat-radio-button value=\"write\">\r\n        {{ 'igo.context.permission.write' | translate }}\r\n      </mat-radio-button>\r\n    </mat-radio-group>\r\n\r\n\r\n    <div class=\"igo-form-button-group\">\r\n      <button\r\n        mat-raised-button\r\n        type=\"submit\"\r\n        [disabled]=\"!form.valid\">\r\n        {{ 'igo.context.permission.addBtn' | translate }}\r\n      </button>\r\n    </div>\r\n\r\n  </form>\r\n\r\n  <igo-list *ngIf=\"permissions && context.scope !== 'private'\">\r\n    <ng-template ngFor let-groupPermissions [ngForOf]=\"permissions | keyvalue\">\r\n      <igo-collapsible\r\n        *ngIf=\"groupPermissions.value.length\"\r\n        [title]=\"'igo.context.permission.' + groupPermissions.key | translate\">\r\n\r\n        <ng-template ngFor let-permission [ngForOf]=\"groupPermissions.value\">\r\n          <mat-list-item>\r\n            <mat-icon mat-list-avatar svgIcon=\"account-outline\"></mat-icon>\r\n            <h4 mat-line>{{permission.profilTitle}} <small class=\"mat-typography\">{{permission.profil}}</small></h4>\r\n\r\n            <div igoStopPropagation\r\n                 class=\"igo-actions-container\">\r\n\r\n               <button *ngIf=\"canWrite || permission.profil === authService.decodeToken().user.sourceId\"\r\n                 mat-icon-button\r\n                 [matTooltip]=\"'igo.context.permission.delete' | translate\"\r\n                 matTooltipShowDelay=\"500\"\r\n                 color=\"warn\"\r\n                 (click)=\"removePermission.emit(permission)\">\r\n                 <mat-icon svgIcon=\"delete\"></mat-icon>\r\n               </button>\r\n            </div>\r\n\r\n          </mat-list-item>\r\n        </ng-template>\r\n      </igo-collapsible>\r\n    </ng-template>\r\n  </igo-list>\r\n\r\n</div>\r\n", styles: [":host{margin:10px}.full-width{width:100%}mat-radio-button{padding:14px 14px 14px 0}.scopeForm,form{padding:5px}mat-option ::ng-deep .mat-option-text{line-height:normal;line-height:initial}\n"] }]
+    }], function () { return [{ type: i1$1.FormBuilder }, { type: i0.ChangeDetectorRef }, { type: i1.HttpClient }, { type: i2.AuthService }, { type: i3.ConfigService }]; }, { context: [{
             type: Input
         }], permissions: [{
             type: Input
@@ -3340,27 +3256,21 @@ class BookmarkButtonComponent {
         });
     }
 }
-BookmarkButtonComponent.ɵfac = function BookmarkButtonComponent_Factory(t) { return new (t || BookmarkButtonComponent)(i0.ɵɵdirectiveInject(i1$2.MatDialog), i0.ɵɵdirectiveInject(ContextService), i0.ɵɵdirectiveInject(i3.LanguageService), i0.ɵɵdirectiveInject(i3.MessageService)); };
+BookmarkButtonComponent.ɵfac = function BookmarkButtonComponent_Factory(t) { return new (t || BookmarkButtonComponent)(i0.ɵɵdirectiveInject(i1$3.MatDialog), i0.ɵɵdirectiveInject(ContextService), i0.ɵɵdirectiveInject(i3.LanguageService), i0.ɵɵdirectiveInject(i3.MessageService)); };
 BookmarkButtonComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: BookmarkButtonComponent, selectors: [["igo-bookmark-button"]], inputs: { map: "map", color: "color" }, decls: 4, vars: 4, consts: [[1, "igo-bookmark-button-container"], ["mat-icon-button", "", "matTooltipPosition", "above", 3, "matTooltip", "color", "click"], ["svgIcon", "star"]], template: function BookmarkButtonComponent_Template(rf, ctx) { if (rf & 1) {
-        i0.ɵɵelementStart(0, "div", 0);
-        i0.ɵɵelementStart(1, "button", 1);
+        i0.ɵɵelementStart(0, "div", 0)(1, "button", 1);
         i0.ɵɵlistener("click", function BookmarkButtonComponent_Template_button_click_1_listener() { return ctx.createContext(); });
         i0.ɵɵpipe(2, "translate");
         i0.ɵɵelement(3, "mat-icon", 2);
-        i0.ɵɵelementEnd();
-        i0.ɵɵelementEnd();
+        i0.ɵɵelementEnd()();
     } if (rf & 2) {
         i0.ɵɵadvance(1);
         i0.ɵɵproperty("matTooltip", i0.ɵɵpipeBind1(2, 2, "igo.context.bookmarkButton.create"))("color", ctx.color);
-    } }, directives: [i5.MatButton, i6$2.MatTooltip, i9.MatIcon], pipes: [i6$1.TranslatePipe], styles: [".igo-bookmark-button-container[_ngcontent-%COMP%]{width:40px}.igo-bookmark-button-container[_ngcontent-%COMP%]   button[_ngcontent-%COMP%]{background-color:#fff}.igo-bookmark-button-container[_ngcontent-%COMP%]   button[_ngcontent-%COMP%]:hover{background-color:#efefef}button[_ngcontent-%COMP%], [_nghost-%COMP%]     button .mat-button-ripple-round{border-radius:0}"] });
+    } }, dependencies: [i4$1.MatIcon, i7.MatButton, i6$1.MatTooltip, i6.TranslatePipe], styles: [".igo-bookmark-button-container[_ngcontent-%COMP%]{width:40px}.igo-bookmark-button-container[_ngcontent-%COMP%]   button[_ngcontent-%COMP%]{background-color:#fff}.igo-bookmark-button-container[_ngcontent-%COMP%]   button[_ngcontent-%COMP%]:hover{background-color:#efefef}button[_ngcontent-%COMP%], [_nghost-%COMP%]     button .mat-button-ripple-round{border-radius:0}"] });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(BookmarkButtonComponent, [{
         type: Component,
-        args: [{
-                selector: 'igo-bookmark-button',
-                templateUrl: './bookmark-button.component.html',
-                styleUrls: ['./bookmark-button.component.scss']
-            }]
-    }], function () { return [{ type: i1$2.MatDialog }, { type: ContextService }, { type: i3.LanguageService }, { type: i3.MessageService }]; }, { map: [{
+        args: [{ selector: 'igo-bookmark-button', template: "<div class=\"igo-bookmark-button-container\">\r\n  <button\r\n    mat-icon-button\r\n    [matTooltip]=\"'igo.context.bookmarkButton.create' | translate\"\r\n    matTooltipPosition=\"above\"\r\n    [color]=\"color\"\r\n    (click)=\"createContext()\">\r\n    <mat-icon svgIcon=\"star\"></mat-icon>\r\n  </button>\r\n</div>\r\n", styles: [".igo-bookmark-button-container{width:40px}.igo-bookmark-button-container button{background-color:#fff}.igo-bookmark-button-container button:hover{background-color:#efefef}button,:host ::ng-deep button .mat-button-ripple-round{border-radius:0}\n"] }]
+    }], function () { return [{ type: i1$3.MatDialog }, { type: ContextService }, { type: i3.LanguageService }, { type: i3.MessageService }]; }, { map: [{
             type: Input
         }], color: [{
             type: Input
@@ -3371,22 +3281,17 @@ class PoiDialogComponent {
         this.dialogRef = dialogRef;
     }
 }
-PoiDialogComponent.ɵfac = function PoiDialogComponent_Factory(t) { return new (t || PoiDialogComponent)(i0.ɵɵdirectiveInject(i1$2.MatDialogRef)); };
+PoiDialogComponent.ɵfac = function PoiDialogComponent_Factory(t) { return new (t || PoiDialogComponent)(i0.ɵɵdirectiveInject(i1$3.MatDialogRef)); };
 PoiDialogComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PoiDialogComponent, selectors: [["igo-poi-dialog"]], decls: 14, vars: 14, consts: [["mat-dialog-title", "", 1, "mat-typography"], ["mat-dialog-content", ""], ["matInput", "", "required", "", "autocomplete", "off", 3, "placeholder", "ngModel", "ngModelChange"], ["mat-dialog-actions", ""], ["mat-button", "", "color", "primary", 3, "disabled", "click"], ["mat-button", "", 3, "click"]], template: function PoiDialogComponent_Template(rf, ctx) { if (rf & 1) {
         i0.ɵɵelementStart(0, "h1", 0);
         i0.ɵɵtext(1);
         i0.ɵɵpipe(2, "translate");
         i0.ɵɵelementEnd();
-        i0.ɵɵelementStart(3, "div", 1);
-        i0.ɵɵelementStart(4, "mat-form-field");
-        i0.ɵɵelementStart(5, "input", 2);
+        i0.ɵɵelementStart(3, "div", 1)(4, "mat-form-field")(5, "input", 2);
         i0.ɵɵlistener("ngModelChange", function PoiDialogComponent_Template_input_ngModelChange_5_listener($event) { return ctx.title = $event; });
         i0.ɵɵpipe(6, "translate");
-        i0.ɵɵelementEnd();
-        i0.ɵɵelementEnd();
-        i0.ɵɵelementEnd();
-        i0.ɵɵelementStart(7, "div", 3);
-        i0.ɵɵelementStart(8, "button", 4);
+        i0.ɵɵelementEnd()()();
+        i0.ɵɵelementStart(7, "div", 3)(8, "button", 4);
         i0.ɵɵlistener("click", function PoiDialogComponent_Template_button_click_8_listener() { return ctx.dialogRef.close(ctx.title); });
         i0.ɵɵtext(9);
         i0.ɵɵpipe(10, "translate");
@@ -3395,8 +3300,7 @@ PoiDialogComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PoiDialo
         i0.ɵɵlistener("click", function PoiDialogComponent_Template_button_click_11_listener() { return ctx.dialogRef.close(false); });
         i0.ɵɵtext(12);
         i0.ɵɵpipe(13, "translate");
-        i0.ɵɵelementEnd();
-        i0.ɵɵelementEnd();
+        i0.ɵɵelementEnd()();
     } if (rf & 2) {
         i0.ɵɵadvance(1);
         i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(2, 6, "igo.context.poiButton.dialog.title"));
@@ -3408,14 +3312,11 @@ PoiDialogComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PoiDialo
         i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(10, 10, "igo.common.confirmDialog.confirmBtn"), " ");
         i0.ɵɵadvance(3);
         i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(13, 12, "igo.common.confirmDialog.cancelBtn"), " ");
-    } }, directives: [i1$2.MatDialogTitle, i1$2.MatDialogContent, i3$1.MatFormField, i3$2.MatInput, i4.DefaultValueAccessor, i4.RequiredValidator, i4.NgControlStatus, i4.NgModel, i1$2.MatDialogActions, i5.MatButton], pipes: [i6$1.TranslatePipe], encapsulation: 2 });
+    } }, dependencies: [i1$1.DefaultValueAccessor, i1$1.NgControlStatus, i1$1.RequiredValidator, i1$1.NgModel, i7.MatButton, i4.MatFormField, i1$3.MatDialogTitle, i1$3.MatDialogContent, i1$3.MatDialogActions, i5$1.MatInput, i6.TranslatePipe], encapsulation: 2 });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PoiDialogComponent, [{
         type: Component,
-        args: [{
-                selector: 'igo-poi-dialog',
-                templateUrl: './poi-dialog.component.html'
-            }]
-    }], function () { return [{ type: i1$2.MatDialogRef }]; }, null); })();
+        args: [{ selector: 'igo-poi-dialog', template: "<h1 mat-dialog-title class=\"mat-typography\">{{ 'igo.context.poiButton.dialog.title' | translate }}</h1>\r\n<div mat-dialog-content>\r\n  <mat-form-field>\r\n    <input matInput required autocomplete=\"off\"\r\n      [placeholder]=\"'igo.context.poiButton.dialog.placeholder' | translate\"\r\n      [(ngModel)]=\"title\">\r\n  </mat-form-field>\r\n</div>\r\n<div mat-dialog-actions>\r\n  <button mat-button color=\"primary\"\r\n         [disabled]=\"!title\"\r\n         (click)=\"dialogRef.close(title)\">\r\n    {{'igo.common.confirmDialog.confirmBtn' | translate}}\r\n  </button>\r\n  <button mat-button\r\n          (click)=\"dialogRef.close(false)\">\r\n    {{'igo.common.confirmDialog.cancelBtn' |\u00A0translate}}\r\n  </button>\r\n</div>\r\n" }]
+    }], function () { return [{ type: i1$3.MatDialogRef }]; }, null); })();
 
 class PoiService {
     constructor(http, config) {
@@ -3448,15 +3349,14 @@ PoiService.ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: PoiService, f
 function PoiButtonComponent_mat_option_8_Template(rf, ctx) { if (rf & 1) {
     const _r3 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "mat-option", 6);
-    i0.ɵɵlistener("click", function PoiButtonComponent_mat_option_8_Template_mat_option_click_0_listener() { const restoredCtx = i0.ɵɵrestoreView(_r3); const poi_r1 = restoredCtx.$implicit; const ctx_r2 = i0.ɵɵnextContext(); return ctx_r2.zoomOnPoi(poi_r1.id); });
+    i0.ɵɵlistener("click", function PoiButtonComponent_mat_option_8_Template_mat_option_click_0_listener() { const restoredCtx = i0.ɵɵrestoreView(_r3); const poi_r1 = restoredCtx.$implicit; const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.zoomOnPoi(poi_r1.id)); });
     i0.ɵɵelementStart(1, "div", 2);
     i0.ɵɵtext(2);
     i0.ɵɵelementEnd();
     i0.ɵɵelementStart(3, "button", 7);
-    i0.ɵɵlistener("click", function PoiButtonComponent_mat_option_8_Template_button_click_3_listener() { const restoredCtx = i0.ɵɵrestoreView(_r3); const poi_r1 = restoredCtx.$implicit; const ctx_r4 = i0.ɵɵnextContext(); return ctx_r4.deletePoi(poi_r1); });
+    i0.ɵɵlistener("click", function PoiButtonComponent_mat_option_8_Template_button_click_3_listener() { const restoredCtx = i0.ɵɵrestoreView(_r3); const poi_r1 = restoredCtx.$implicit; const ctx_r4 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r4.deletePoi(poi_r1)); });
     i0.ɵɵelement(4, "mat-icon", 8);
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementEnd();
+    i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const poi_r1 = ctx.$implicit;
     i0.ɵɵproperty("value", poi_r1.id);
@@ -3567,7 +3467,7 @@ class PoiButtonComponent {
         });
     }
 }
-PoiButtonComponent.ɵfac = function PoiButtonComponent_Factory(t) { return new (t || PoiButtonComponent)(i0.ɵɵdirectiveInject(i1$2.MatDialog), i0.ɵɵdirectiveInject(i2.AuthService), i0.ɵɵdirectiveInject(PoiService), i0.ɵɵdirectiveInject(i3.MessageService), i0.ɵɵdirectiveInject(i3.LanguageService), i0.ɵɵdirectiveInject(i5$1.ConfirmDialogService)); };
+PoiButtonComponent.ɵfac = function PoiButtonComponent_Factory(t) { return new (t || PoiButtonComponent)(i0.ɵɵdirectiveInject(i1$3.MatDialog), i0.ɵɵdirectiveInject(i2.AuthService), i0.ɵɵdirectiveInject(PoiService), i0.ɵɵdirectiveInject(i3.MessageService), i0.ɵɵdirectiveInject(i3.LanguageService), i0.ɵɵdirectiveInject(i14.ConfirmDialogService)); };
 PoiButtonComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PoiButtonComponent, selectors: [["igo-poi-button"]], inputs: { map: "map", color: "color" }, decls: 9, vars: 7, consts: [["floatPlaceholder", "never", 3, "placeholder"], [3, "click"], [1, "titlePoi"], ["igoStopPropagation", "", "mat-icon-button", "", "color", "primary", 1, "addPoi", "buttonPoi", 3, "click"], ["svgIcon", "plus-circle"], [3, "value", "click", 4, "ngFor", "ngForOf"], [3, "value", "click"], ["igoStopPropagation", "", "mat-icon-button", "", "color", "warn", 1, "deletePoi", "buttonPoi", 3, "click"], ["svgIcon", "delete"]], template: function PoiButtonComponent_Template(rf, ctx) { if (rf & 1) {
         i0.ɵɵelementStart(0, "mat-select", 0);
         i0.ɵɵpipe(1, "translate");
@@ -3580,8 +3480,7 @@ PoiButtonComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PoiButto
         i0.ɵɵelementStart(6, "button", 3);
         i0.ɵɵlistener("click", function PoiButtonComponent_Template_button_click_6_listener() { return ctx.createPoi(); });
         i0.ɵɵelement(7, "mat-icon", 4);
-        i0.ɵɵelementEnd();
-        i0.ɵɵelementEnd();
+        i0.ɵɵelementEnd()();
         i0.ɵɵtemplate(8, PoiButtonComponent_mat_option_8_Template, 5, 2, "mat-option", 5);
         i0.ɵɵelementEnd();
     } if (rf & 2) {
@@ -3590,15 +3489,11 @@ PoiButtonComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PoiButto
         i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(5, 5, "igo.context.poiButton.create"));
         i0.ɵɵadvance(4);
         i0.ɵɵproperty("ngForOf", ctx.pois);
-    } }, directives: [i12.MatSelect, i11.MatOption, i5.MatButton, i5$1.StopPropagationDirective, i9.MatIcon, i7.NgForOf], pipes: [i6$1.TranslatePipe], styles: ["mat-select[_ngcontent-%COMP%]{width:150px;background-color:#fff;height:40px;padding-top:0}mat-select[_ngcontent-%COMP%]     .mat-select-trigger{height:40px}mat-select[_ngcontent-%COMP%]     .mat-select-value-text, mat-select[_ngcontent-%COMP%]     .mat-select-placeholder{padding:5px;top:12px;position:relative}.mat-option[_ngcontent-%COMP%]{text-overflow:inherit}.titlePoi[_ngcontent-%COMP%]{max-width:135px;overflow:hidden;text-overflow:ellipsis;float:left}.buttonPoi[_ngcontent-%COMP%]{float:right;margin:4px -10px 4px 0}.buttonPoi[_ngcontent-%COMP%]     .mat-icon{margin:0 8px}"] });
+    } }, dependencies: [i5.NgForOf, i14.StopPropagationDirective, i4$1.MatIcon, i7.MatButton, i11.MatSelect, i12.MatOption, i6.TranslatePipe], styles: ["mat-select[_ngcontent-%COMP%]{width:150px;background-color:#fff;height:40px;padding-top:0}mat-select[_ngcontent-%COMP%]     .mat-select-trigger{height:40px}mat-select[_ngcontent-%COMP%]     .mat-select-value-text, mat-select[_ngcontent-%COMP%]     .mat-select-placeholder{padding:5px;top:12px;position:relative}.mat-option[_ngcontent-%COMP%]{text-overflow:inherit}.titlePoi[_ngcontent-%COMP%]{max-width:135px;overflow:hidden;text-overflow:ellipsis;float:left}.buttonPoi[_ngcontent-%COMP%]{float:right;margin:4px -10px 4px 0}.buttonPoi[_ngcontent-%COMP%]     .mat-icon{margin:0 8px}"] });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PoiButtonComponent, [{
         type: Component,
-        args: [{
-                selector: 'igo-poi-button',
-                templateUrl: './poi-button.component.html',
-                styleUrls: ['./poi-button.component.scss']
-            }]
-    }], function () { return [{ type: i1$2.MatDialog }, { type: i2.AuthService }, { type: PoiService }, { type: i3.MessageService }, { type: i3.LanguageService }, { type: i5$1.ConfirmDialogService }]; }, { map: [{
+        args: [{ selector: 'igo-poi-button', template: "<mat-select [placeholder]=\"'igo.context.poiButton.placeholder' |\u00A0translate\"\r\n           floatPlaceholder=\"never\">\r\n\r\n  <mat-option (click)=\"createPoi()\">\r\n    <div class=\"titlePoi\">{{ 'igo.context.poiButton.create' |\u00A0translate }}</div>\r\n    <button igoStopPropagation class=\"addPoi buttonPoi\"\r\n      mat-icon-button\r\n      color=\"primary\"\r\n      (click)=\"createPoi()\">\r\n      <mat-icon svgIcon=\"plus-circle\"></mat-icon>\r\n    </button>\r\n  </mat-option>\r\n  <mat-option *ngFor=\"let poi of pois\" [value]=\"poi.id\" (click)=\"zoomOnPoi(poi.id)\">\r\n    <div class=\"titlePoi\">{{ poi.title }}</div>\r\n    <button igoStopPropagation class=\"deletePoi buttonPoi\"\r\n      mat-icon-button\r\n      color=\"warn\"\r\n      (click)=\"deletePoi(poi)\">\r\n      <mat-icon svgIcon=\"delete\"></mat-icon>\r\n    </button>\r\n  </mat-option>\r\n</mat-select>\r\n", styles: ["mat-select{width:150px;background-color:#fff;height:40px;padding-top:0}mat-select ::ng-deep .mat-select-trigger{height:40px}mat-select ::ng-deep .mat-select-value-text,mat-select ::ng-deep .mat-select-placeholder{padding:5px;top:12px;position:relative}.mat-option{text-overflow:inherit}.titlePoi{max-width:135px;overflow:hidden;text-overflow:ellipsis;float:left}.buttonPoi{float:right;margin:4px -10px 4px 0}.buttonPoi ::ng-deep .mat-icon{margin:0 8px}\n"] }]
+    }], function () { return [{ type: i1$3.MatDialog }, { type: i2.AuthService }, { type: PoiService }, { type: i3.MessageService }, { type: i3.LanguageService }, { type: i14.ConfirmDialogService }]; }, { map: [{
             type: Input
         }], color: [{
             type: Input
@@ -3617,14 +3512,13 @@ class UserDialogComponent {
         this.storageService.clear();
     }
 }
-UserDialogComponent.ɵfac = function UserDialogComponent_Factory(t) { return new (t || UserDialogComponent)(i0.ɵɵdirectiveInject(i1$2.MatDialogRef), i0.ɵɵdirectiveInject(i2.AuthService), i0.ɵɵdirectiveInject(i3.StorageService)); };
+UserDialogComponent.ɵfac = function UserDialogComponent_Factory(t) { return new (t || UserDialogComponent)(i0.ɵɵdirectiveInject(i1$3.MatDialogRef), i0.ɵɵdirectiveInject(i2.AuthService), i0.ɵɵdirectiveInject(i3.StorageService)); };
 UserDialogComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: UserDialogComponent, selectors: [["igo-user-dialog"]], decls: 20, vars: 18, consts: [["mat-dialog-title", "", 1, "mat-typography"], ["mat-dialog-content", "", 1, "mat-typography"], ["mat-stroked-button", "", "color", "primary", 3, "click"], ["mat-dialog-actions", "", 2, "justify-content", "center"], ["mat-raised-button", "", "color", "primary", 3, "click"]], template: function UserDialogComponent_Template(rf, ctx) { if (rf & 1) {
         i0.ɵɵelementStart(0, "h1", 0);
         i0.ɵɵtext(1);
         i0.ɵɵpipe(2, "translate");
         i0.ɵɵelementEnd();
-        i0.ɵɵelementStart(3, "div", 1);
-        i0.ɵɵelementStart(4, "p");
+        i0.ɵɵelementStart(3, "div", 1)(4, "p");
         i0.ɵɵtext(5);
         i0.ɵɵpipe(6, "translate");
         i0.ɵɵelementEnd();
@@ -3643,12 +3537,10 @@ UserDialogComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: UserDia
         i0.ɵɵelementEnd();
         i0.ɵɵelement(16, "br");
         i0.ɵɵelementEnd();
-        i0.ɵɵelementStart(17, "div", 3);
-        i0.ɵɵelementStart(18, "button", 4);
+        i0.ɵɵelementStart(17, "div", 3)(18, "button", 4);
         i0.ɵɵlistener("click", function UserDialogComponent_Template_button_click_18_listener() { return ctx.dialogRef.close(false); });
         i0.ɵɵtext(19, " OK ");
-        i0.ɵɵelementEnd();
-        i0.ɵɵelementEnd();
+        i0.ɵɵelementEnd()();
     } if (rf & 2) {
         i0.ɵɵadvance(1);
         i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(2, 8, "igo.context.userButton.infoTitle"));
@@ -3660,14 +3552,11 @@ UserDialogComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: UserDia
         i0.ɵɵtextInterpolate2("", i0.ɵɵpipeBind1(12, 14, "igo.context.userButton.dialog.expiration"), ": ", ctx.exp, "");
         i0.ɵɵadvance(3);
         i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(15, 16, "igo.context.userButton.dialog.clearPreferences"), " ");
-    } }, directives: [i1$2.MatDialogTitle, i1$2.MatDialogContent, i5.MatButton, i1$2.MatDialogActions], pipes: [i6$1.TranslatePipe], encapsulation: 2 });
+    } }, dependencies: [i7.MatButton, i1$3.MatDialogTitle, i1$3.MatDialogContent, i1$3.MatDialogActions, i6.TranslatePipe], encapsulation: 2 });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(UserDialogComponent, [{
         type: Component,
-        args: [{
-                selector: 'igo-user-dialog',
-                templateUrl: './user-dialog.component.html'
-            }]
-    }], function () { return [{ type: i1$2.MatDialogRef }, { type: i2.AuthService }, { type: i3.StorageService }]; }, null); })();
+        args: [{ selector: 'igo-user-dialog', template: "<h1 mat-dialog-title class=\"mat-typography\">{{'igo.context.userButton.infoTitle' | translate}}</h1>\r\n<div mat-dialog-content class=\"mat-typography\">\r\n  <p>{{'igo.context.userButton.dialog.user' | translate}}: {{user.sourceId}}</p>\r\n  <p>{{'igo.context.userButton.dialog.email' | translate}}: {{user.email}}</p>\r\n  <p>{{'igo.context.userButton.dialog.expiration' | translate}}: {{exp}}</p>\r\n  <button mat-stroked-button color=\"primary\" (click)=\"clearPreferences()\">\r\n    {{'igo.context.userButton.dialog.clearPreferences' | translate}}\r\n  </button>\r\n  <br>\r\n</div>\r\n<div mat-dialog-actions style=\"justify-content: center\">\r\n  <button mat-raised-button color=\"primary\"\r\n         (click)=\"dialogRef.close(false)\">\r\n    OK\r\n  </button>\r\n</div>\r\n" }]
+    }], function () { return [{ type: i1$3.MatDialogRef }, { type: i2.AuthService }, { type: i3.StorageService }]; }, null); })();
 
 function userButtonSlideInOut() {
     return trigger('userButtonState', [
@@ -3693,25 +3582,22 @@ function UserButtonComponent_div_0_igo_poi_button_2_Template(rf, ctx) { if (rf &
 } }
 function UserButtonComponent_div_0_Template(rf, ctx) { if (rf & 1) {
     const _r3 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 1);
-    i0.ɵɵelementStart(1, "div", 2);
+    i0.ɵɵelementStart(0, "div", 1)(1, "div", 2);
     i0.ɵɵtemplate(2, UserButtonComponent_div_0_igo_poi_button_2_Template, 1, 2, "igo-poi-button", 3);
     i0.ɵɵelementStart(3, "button", 4);
-    i0.ɵɵlistener("click", function UserButtonComponent_div_0_Template_button_click_3_listener() { i0.ɵɵrestoreView(_r3); const ctx_r2 = i0.ɵɵnextContext(); return ctx_r2.infoUser(); });
+    i0.ɵɵlistener("click", function UserButtonComponent_div_0_Template_button_click_3_listener() { i0.ɵɵrestoreView(_r3); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.infoUser()); });
     i0.ɵɵpipe(4, "translate");
     i0.ɵɵelement(5, "mat-icon", 5);
     i0.ɵɵelementEnd();
     i0.ɵɵelementStart(6, "button", 4);
-    i0.ɵɵlistener("click", function UserButtonComponent_div_0_Template_button_click_6_listener() { i0.ɵɵrestoreView(_r3); const ctx_r4 = i0.ɵɵnextContext(); return ctx_r4.logout(); });
+    i0.ɵɵlistener("click", function UserButtonComponent_div_0_Template_button_click_6_listener() { i0.ɵɵrestoreView(_r3); const ctx_r4 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r4.logout()); });
     i0.ɵɵpipe(7, "translate");
     i0.ɵɵelement(8, "mat-icon", 6);
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementEnd();
+    i0.ɵɵelementEnd()();
     i0.ɵɵelementStart(9, "button", 7);
-    i0.ɵɵlistener("click", function UserButtonComponent_div_0_Template_button_click_9_listener() { i0.ɵɵrestoreView(_r3); const ctx_r5 = i0.ɵɵnextContext(); return ctx_r5.accountClick(); });
+    i0.ɵɵlistener("click", function UserButtonComponent_div_0_Template_button_click_9_listener() { i0.ɵɵrestoreView(_r3); const ctx_r5 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r5.accountClick()); });
     i0.ɵɵelement(10, "mat-icon", 8);
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementEnd();
+    i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext();
     i0.ɵɵadvance(1);
@@ -3764,21 +3650,16 @@ class UserButtonComponent {
         this.dialog.open(UserDialogComponent, { disableClose: false });
     }
 }
-UserButtonComponent.ɵfac = function UserButtonComponent_Factory(t) { return new (t || UserButtonComponent)(i0.ɵɵdirectiveInject(i1$2.MatDialog), i0.ɵɵdirectiveInject(i3.ConfigService), i0.ɵɵdirectiveInject(i2.AuthService)); };
+UserButtonComponent.ɵfac = function UserButtonComponent_Factory(t) { return new (t || UserButtonComponent)(i0.ɵɵdirectiveInject(i1$3.MatDialog), i0.ɵɵdirectiveInject(i3.ConfigService), i0.ɵɵdirectiveInject(i2.AuthService)); };
 UserButtonComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: UserButtonComponent, selectors: [["igo-user-button"]], inputs: { map: "map", color: "color" }, decls: 1, vars: 1, consts: [["class", "igo-user-button-container", 4, "ngIf"], [1, "igo-user-button-container"], [1, "igo-user-button-more-container"], [3, "color", "map", 4, "ngIf"], ["mat-icon-button", "", "matTooltipPosition", "above", 3, "matTooltip", "color", "click"], ["svgIcon", "information-outline"], ["svgIcon", "power"], ["mat-icon-button", "", 3, "color", "click"], ["svgIcon", "account-box"], [3, "color", "map"]], template: function UserButtonComponent_Template(rf, ctx) { if (rf & 1) {
         i0.ɵɵtemplate(0, UserButtonComponent_div_0_Template, 11, 11, "div", 0);
     } if (rf & 2) {
         i0.ɵɵproperty("ngIf", ctx.visible);
-    } }, directives: [i7.NgIf, i5.MatButton, i6$2.MatTooltip, i9.MatIcon, PoiButtonComponent], pipes: [i6$1.TranslatePipe], styles: [".igo-user-button-container[_ngcontent-%COMP%]   button[_ngcontent-%COMP%]{background-color:#fff}.igo-user-button-container[_ngcontent-%COMP%]   button[_ngcontent-%COMP%]:hover{background-color:#efefef}@media only screen and (orientation:portrait) and (max-width: 599px),only screen and (orientation:landscape) and (max-width: 959px){.igo-user-button-container[_ngcontent-%COMP%] > button[_ngcontent-%COMP%]{position:absolute;bottom:0}}.igo-user-button-more-container[_ngcontent-%COMP%]{float:left;height:40px}.igo-user-button-more-container[_ngcontent-%COMP%] > *[_ngcontent-%COMP%]{margin-right:2px;float:left}@media only screen and (orientation:portrait) and (max-width: 599px),only screen and (orientation:landscape) and (max-width: 959px){.igo-user-button-more-container[_ngcontent-%COMP%]{height:80px;width:150px;position:relative;left:24px}}button[_ngcontent-%COMP%], [_nghost-%COMP%]     button .mat-button-ripple-round{border-radius:0}"], data: { animation: [userButtonSlideInOut()] } });
+    } }, dependencies: [i5.NgIf, i4$1.MatIcon, i7.MatButton, i6$1.MatTooltip, PoiButtonComponent, i6.TranslatePipe], styles: [".igo-user-button-container[_ngcontent-%COMP%]   button[_ngcontent-%COMP%]{background-color:#fff}.igo-user-button-container[_ngcontent-%COMP%]   button[_ngcontent-%COMP%]:hover{background-color:#efefef}@media only screen and (orientation:portrait) and (max-width: 599px),only screen and (orientation:landscape) and (max-width: 959px){.igo-user-button-container[_ngcontent-%COMP%] > button[_ngcontent-%COMP%]{position:absolute;bottom:0}}.igo-user-button-more-container[_ngcontent-%COMP%]{float:left;height:40px}.igo-user-button-more-container[_ngcontent-%COMP%] > *[_ngcontent-%COMP%]{margin-right:2px;float:left}@media only screen and (orientation:portrait) and (max-width: 599px),only screen and (orientation:landscape) and (max-width: 959px){.igo-user-button-more-container[_ngcontent-%COMP%]{height:80px;width:150px;position:relative;left:24px}}button[_ngcontent-%COMP%], [_nghost-%COMP%]     button .mat-button-ripple-round{border-radius:0}"], data: { animation: [userButtonSlideInOut()] } });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(UserButtonComponent, [{
         type: Component,
-        args: [{
-                selector: 'igo-user-button',
-                templateUrl: './user-button.component.html',
-                styleUrls: ['./user-button.component.scss'],
-                animations: [userButtonSlideInOut()]
-            }]
-    }], function () { return [{ type: i1$2.MatDialog }, { type: i3.ConfigService }, { type: i2.AuthService }]; }, { map: [{
+        args: [{ selector: 'igo-user-button', animations: [userButtonSlideInOut()], template: "<div *ngIf=\"visible\" class=\"igo-user-button-container\">\r\n  <div class=\"igo-user-button-more-container\" [@userButtonState]=\"expand ? 'expand' : 'collapse'\">\r\n\r\n    <igo-poi-button *ngIf=\"hasApi\" [color]=\"color\" [map]=\"map\"></igo-poi-button>\r\n\r\n    <button\r\n      mat-icon-button\r\n      [matTooltip]=\"'igo.context.userButton.infoTitle' | translate\"\r\n      matTooltipPosition=\"above\"\r\n      [color]=\"color\"\r\n      (click)=\"infoUser()\">\r\n      <mat-icon svgIcon=\"information-outline\"></mat-icon>\r\n    </button>\r\n\r\n    <button\r\n      mat-icon-button\r\n      [matTooltip]=\"'igo.context.userButton.logout' |\u00A0translate\"\r\n      matTooltipPosition=\"above\"\r\n      [color]=\"color\"\r\n      (click)=\"logout()\">\r\n      <mat-icon svgIcon=\"power\"></mat-icon>\r\n    </button>\r\n\r\n  </div>\r\n\r\n  <button\r\n    mat-icon-button\r\n    [color]=\"auth.authenticated ? color : 'warn'\"\r\n    (click)=\"accountClick()\">\r\n    <mat-icon svgIcon=\"account-box\"></mat-icon>\r\n  </button>\r\n</div>\r\n", styles: [".igo-user-button-container button{background-color:#fff}.igo-user-button-container button:hover{background-color:#efefef}@media only screen and (orientation:portrait) and (max-width: 599px),only screen and (orientation:landscape) and (max-width: 959px){.igo-user-button-container>button{position:absolute;bottom:0}}.igo-user-button-more-container{float:left;height:40px}.igo-user-button-more-container>*{margin-right:2px;float:left}@media only screen and (orientation:portrait) and (max-width: 599px),only screen and (orientation:landscape) and (max-width: 959px){.igo-user-button-more-container{height:80px;width:150px;position:relative;left:24px}}button,:host ::ng-deep button .mat-button-ripple-round{border-radius:0}\n"] }]
+    }], function () { return [{ type: i1$3.MatDialog }, { type: i3.ConfigService }, { type: i2.AuthService }]; }, { map: [{
             type: Input
         }], color: [{
             type: Input
@@ -3793,22 +3674,20 @@ class IgoContextMapButtonModule {
 }
 IgoContextMapButtonModule.ɵfac = function IgoContextMapButtonModule_Factory(t) { return new (t || IgoContextMapButtonModule)(); };
 IgoContextMapButtonModule.ɵmod = /*@__PURE__*/ i0.ɵɵdefineNgModule({ type: IgoContextMapButtonModule });
-IgoContextMapButtonModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ providers: [PoiService], imports: [[
-            CommonModule,
-            IgoLanguageModule,
-            IgoConfirmDialogModule,
-            IgoStopPropagationModule,
-            IgoAuthModule,
-            FormsModule,
-            MatIconModule,
-            MatButtonModule,
-            MatSelectModule,
-            MatOptionModule,
-            MatTooltipModule,
-            MatFormFieldModule,
-            MatDialogModule,
-            MatInputModule
-        ]] });
+IgoContextMapButtonModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ providers: [PoiService], imports: [CommonModule,
+        IgoLanguageModule,
+        IgoConfirmDialogModule,
+        IgoStopPropagationModule,
+        IgoAuthModule,
+        FormsModule,
+        MatIconModule,
+        MatButtonModule,
+        MatSelectModule,
+        MatOptionModule,
+        MatTooltipModule,
+        MatFormFieldModule,
+        MatDialogModule,
+        MatInputModule] });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(IgoContextMapButtonModule, [{
         type: NgModule,
         args: [{
@@ -3873,32 +3752,30 @@ class IgoContextManagerModule {
 }
 IgoContextManagerModule.ɵfac = function IgoContextManagerModule_Factory(t) { return new (t || IgoContextManagerModule)(); };
 IgoContextManagerModule.ɵmod = /*@__PURE__*/ i0.ɵɵdefineNgModule({ type: IgoContextManagerModule });
-IgoContextManagerModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [[
-            CommonModule,
-            FormsModule,
-            ReactiveFormsModule,
-            MatFormFieldModule,
-            MatInputModule,
-            MatIconModule,
-            MatButtonModule,
-            MatTooltipModule,
-            MatListModule,
-            MatCheckboxModule,
-            MatRadioModule,
-            MatDialogModule,
-            MatMenuModule,
-            MatOptionModule,
-            MatAutocompleteModule,
-            IgoAuthModule,
-            IgoListModule,
-            IgoKeyValueModule,
-            IgoCollapsibleModule,
-            IgoStopPropagationModule,
-            IgoLanguageModule,
-            IgoContextImportExportModule,
-            IgoContextMapButtonModule,
-            IgoActionbarModule
-        ]] });
+IgoContextManagerModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [CommonModule,
+        FormsModule,
+        ReactiveFormsModule,
+        MatFormFieldModule,
+        MatInputModule,
+        MatIconModule,
+        MatButtonModule,
+        MatTooltipModule,
+        MatListModule,
+        MatCheckboxModule,
+        MatRadioModule,
+        MatDialogModule,
+        MatMenuModule,
+        MatOptionModule,
+        MatAutocompleteModule,
+        IgoAuthModule,
+        IgoListModule,
+        IgoKeyValueModule,
+        IgoCollapsibleModule,
+        IgoStopPropagationModule,
+        IgoLanguageModule,
+        IgoContextImportExportModule,
+        IgoContextMapButtonModule,
+        IgoActionbarModule] });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(IgoContextManagerModule, [{
         type: NgModule,
         args: [{
@@ -4087,7 +3964,7 @@ class ShareMapService {
     }
     makeLayersByService(layers, contextLayersID, typeService) {
         const addedLayersByService = [];
-        for (const layer of layers.filter(l => { var _a; return ((_a = l.dataSource.options) === null || _a === void 0 ? void 0 : _a.type) === typeService; })) {
+        for (const layer of layers.filter(l => l.dataSource.options?.type === typeService)) {
             if (contextLayersID.indexOf(layer.id) === -1) {
                 let linkUrl = encodeURIComponent(layer.dataSource.options.url);
                 let addedLayer = '';
@@ -4190,186 +4067,6 @@ ShareMapService.ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: ShareMap
                 type: Optional
             }] }]; }, null); })();
 
-function ShareMapApiComponent_span_10_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 11);
-    i0.ɵɵtext(1);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const ctx_r0 = i0.ɵɵnextContext();
-    i0.ɵɵadvance(1);
-    i0.ɵɵtextInterpolate1("", ctx_r0.userId, "-");
-} }
-function ShareMapApiComponent_button_18_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "button", 12);
-    i0.ɵɵtext(1);
-    i0.ɵɵpipe(2, "translate");
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext();
-    i0.ɵɵproperty("disabled", !ctx_r1.form.valid);
-    i0.ɵɵadvance(1);
-    i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(2, 2, "igo.context.shareMap.button"), " ");
-} }
-function ShareMapApiComponent_button_19_Template(rf, ctx) { if (rf & 1) {
-    const _r5 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 13);
-    i0.ɵɵlistener("click", function ShareMapApiComponent_button_19_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r5); const ctx_r4 = i0.ɵɵnextContext(); return ctx_r4.updateContextShared(ctx_r4.form.value); });
-    i0.ɵɵtext(1);
-    i0.ɵɵpipe(2, "translate");
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    i0.ɵɵadvance(1);
-    i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(2, 1, "igo.context.shareMap.refreshBtn"), " ");
-} }
-function ShareMapApiComponent_div_20_Template(rf, ctx) { if (rf & 1) {
-    const _r8 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 14);
-    i0.ɵɵelementStart(1, "mat-form-field");
-    i0.ɵɵelement(2, "textarea", 15, 16);
-    i0.ɵɵpipe(4, "translate");
-    i0.ɵɵelementStart(5, "button", 17);
-    i0.ɵɵlistener("click", function ShareMapApiComponent_div_20_Template_button_click_5_listener() { i0.ɵɵrestoreView(_r8); const _r6 = i0.ɵɵreference(3); const ctx_r7 = i0.ɵɵnextContext(); return ctx_r7.copyTextToClipboard(_r6); });
-    i0.ɵɵpipe(6, "translate");
-    i0.ɵɵelement(7, "mat-icon", 18);
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementEnd();
-    i0.ɵɵelement(8, "div");
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const ctx_r3 = i0.ɵɵnextContext();
-    i0.ɵɵadvance(2);
-    i0.ɵɵproperty("placeholder", i0.ɵɵpipeBind1(4, 3, "igo.context.shareMap.placeholderLink"))("value", ctx_r3.url);
-    i0.ɵɵadvance(3);
-    i0.ɵɵproperty("matTooltip", i0.ɵɵpipeBind1(6, 5, "igo.context.shareMap.copy"));
-} }
-class ShareMapApiComponent {
-    constructor(languageService, messageService, auth, shareMapService, formBuilder) {
-        this.languageService = languageService;
-        this.messageService = messageService;
-        this.auth = auth;
-        this.shareMapService = shareMapService;
-        this.formBuilder = formBuilder;
-    }
-    ngOnInit() {
-        this.auth.authenticate$.subscribe(auth => {
-            const decodeToken = this.auth.decodeToken();
-            this.userId = decodeToken.user ? decodeToken.user.id : undefined;
-            this.buildForm();
-        });
-    }
-    createUrl(values = {}) {
-        const inputs = Object.assign({}, values);
-        inputs.uri = this.userId ? `${this.userId}-${values.uri}` : values.uri;
-        this.url = this.shareMapService.getUrlWithApi(inputs);
-        this.shareMapService.createContextShared(this.map, inputs).subscribe(rep => {
-            this.idContextShared = rep.id;
-            const title = this.languageService.translate.instant('igo.context.contextManager.dialog.saveTitle');
-            const msg = this.languageService.translate.instant('igo.context.contextManager.dialog.saveMsg', {
-                value: inputs.title
-            });
-            this.messageService.success(msg, title);
-        }, err => {
-            err.error.title = this.languageService.translate.instant('igo.context.shareMap.errorTitle');
-            this.messageService.showError(err);
-        });
-    }
-    updateContextShared(values = {}) {
-        const inputs = Object.assign({}, values);
-        inputs.uri = this.userId ? `${this.userId}-${values.uri}` : values.uri;
-        this.shareMapService.updateContextShared(this.map, inputs, this.idContextShared).subscribe(rep => {
-            const title = this.languageService.translate.instant('igo.context.contextManager.dialog.saveTitle');
-            const msg = this.languageService.translate.instant('igo.context.contextManager.dialog.saveMsg', {
-                value: inputs.title
-            });
-            this.messageService.success(msg, title);
-        }, err => {
-            err.error.title = this.languageService.translate.instant('igo.context.shareMap.errorTitle');
-            this.messageService.showError(err);
-        });
-    }
-    copyTextToClipboard(textArea) {
-        const successful = Clipboard.copy(textArea);
-        if (successful) {
-            const translate = this.languageService.translate;
-            const title = translate.instant('igo.context.shareMap.dialog.copyTitle');
-            const msg = translate.instant('igo.context.shareMap.dialog.copyMsg');
-            this.messageService.success(msg, title);
-        }
-    }
-    buildForm() {
-        this.url = undefined;
-        const id = uuid();
-        let title = 'Partage ';
-        title += this.userId ? `(${this.userId}-${id})` : `(${id})`;
-        this.form = this.formBuilder.group({
-            title: [title],
-            uri: [id]
-        });
-    }
-}
-ShareMapApiComponent.ɵfac = function ShareMapApiComponent_Factory(t) { return new (t || ShareMapApiComponent)(i0.ɵɵdirectiveInject(i3.LanguageService), i0.ɵɵdirectiveInject(i3.MessageService), i0.ɵɵdirectiveInject(i2.AuthService), i0.ɵɵdirectiveInject(ShareMapService), i0.ɵɵdirectiveInject(i4.FormBuilder)); };
-ShareMapApiComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ShareMapApiComponent, selectors: [["igo-share-map-api"]], inputs: { map: "map" }, decls: 21, vars: 18, consts: [[1, "igo-form", 3, "formGroup", "ngSubmit"], [1, "igo-input-container"], ["matInput", "", "required", "", "formControlName", "title", 3, "placeholder"], ["id", "uriInput", 1, "igo-input-container"], ["class", "prefix", 4, "ngIf"], [1, "fieldWrapper"], ["matInput", "", "required", "", "formControlName", "uri", 3, "readonly", "placeholder"], [1, "igo-form-button-group"], ["mat-raised-button", "", "type", "submit", 3, "disabled", 4, "ngIf"], ["mat-raised-button", "", "type", "button", 3, "click", 4, "ngIf"], ["class", "igo-input-container linkToShare", 4, "ngIf"], [1, "prefix"], ["mat-raised-button", "", "type", "submit", 3, "disabled"], ["mat-raised-button", "", "type", "button", 3, "click"], [1, "igo-input-container", "linkToShare"], ["matInput", "", "readonly", "", "rows", "3", 1, "textAreaWithButton", 3, "placeholder", "value"], ["textArea", ""], ["mat-icon-button", "", "tooltip-position", "below", "matTooltipShowDelay", "500", "color", "primary", 3, "matTooltip", "click"], ["svgIcon", "content-copy"]], template: function ShareMapApiComponent_Template(rf, ctx) { if (rf & 1) {
-        i0.ɵɵelementStart(0, "form", 0);
-        i0.ɵɵlistener("ngSubmit", function ShareMapApiComponent_Template_form_ngSubmit_0_listener() { return ctx.createUrl(ctx.form.value); });
-        i0.ɵɵelementStart(1, "div", 1);
-        i0.ɵɵelementStart(2, "mat-form-field");
-        i0.ɵɵelement(3, "input", 2);
-        i0.ɵɵpipe(4, "translate");
-        i0.ɵɵelementStart(5, "mat-error");
-        i0.ɵɵtext(6);
-        i0.ɵɵpipe(7, "translate");
-        i0.ɵɵelementEnd();
-        i0.ɵɵelementEnd();
-        i0.ɵɵelementEnd();
-        i0.ɵɵelementStart(8, "div", 3);
-        i0.ɵɵelementStart(9, "mat-form-field");
-        i0.ɵɵtemplate(10, ShareMapApiComponent_span_10_Template, 2, 1, "span", 4);
-        i0.ɵɵelementStart(11, "span", 5);
-        i0.ɵɵelement(12, "input", 6);
-        i0.ɵɵpipe(13, "translate");
-        i0.ɵɵelementEnd();
-        i0.ɵɵelementStart(14, "mat-error");
-        i0.ɵɵtext(15);
-        i0.ɵɵpipe(16, "translate");
-        i0.ɵɵelementEnd();
-        i0.ɵɵelementEnd();
-        i0.ɵɵelementEnd();
-        i0.ɵɵelementStart(17, "div", 7);
-        i0.ɵɵtemplate(18, ShareMapApiComponent_button_18_Template, 3, 4, "button", 8);
-        i0.ɵɵtemplate(19, ShareMapApiComponent_button_19_Template, 3, 3, "button", 9);
-        i0.ɵɵelementEnd();
-        i0.ɵɵelementEnd();
-        i0.ɵɵtemplate(20, ShareMapApiComponent_div_20_Template, 9, 7, "div", 10);
-    } if (rf & 2) {
-        i0.ɵɵproperty("formGroup", ctx.form);
-        i0.ɵɵadvance(3);
-        i0.ɵɵproperty("placeholder", i0.ɵɵpipeBind1(4, 10, "igo.context.contextManager.form.title"));
-        i0.ɵɵadvance(3);
-        i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(7, 12, "igo.context.contextManager.form.titleRequired"), " ");
-        i0.ɵɵadvance(4);
-        i0.ɵɵproperty("ngIf", ctx.userId);
-        i0.ɵɵadvance(2);
-        i0.ɵɵproperty("readonly", !ctx.userId)("placeholder", i0.ɵɵpipeBind1(13, 14, "igo.context.contextManager.form.uri"));
-        i0.ɵɵadvance(3);
-        i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(16, 16, "igo.context.contextManager.form.uriRequired"), " ");
-        i0.ɵɵadvance(3);
-        i0.ɵɵproperty("ngIf", !ctx.url);
-        i0.ɵɵadvance(1);
-        i0.ɵɵproperty("ngIf", ctx.url);
-        i0.ɵɵadvance(1);
-        i0.ɵɵproperty("ngIf", ctx.url);
-    } }, directives: [i4.ɵNgNoValidate, i4.NgControlStatusGroup, i4.FormGroupDirective, i3$1.MatFormField, i3$2.MatInput, i4.DefaultValueAccessor, i4.RequiredValidator, i4.NgControlStatus, i4.FormControlName, i3$1.MatError, i7.NgIf, i5.MatButton, i6$2.MatTooltip, i9.MatIcon], pipes: [i6$1.TranslatePipe], styles: ["@charset \"UTF-8\";mat-form-field[_ngcontent-%COMP%]{width:100%}#uriInput[_ngcontent-%COMP%]   .fieldWrapper[_ngcontent-%COMP%]{display:block;overflow:hidden}#uriInput[_ngcontent-%COMP%]   .prefix[_ngcontent-%COMP%]{float:left}.linkToShare\\a0[_ngcontent-%COMP%] {padding:25px 5px 5px}.linkToShare\\a0[_ngcontent-%COMP%]   textarea[_ngcontent-%COMP%]{resize:none;width:100%;line-height:1.3;height:40px;overflow-y:hidden;word-wrap:normal;word-break:break-all}.linkToShare\\a0[_ngcontent-%COMP%]   textarea.textAreaWithButton[_ngcontent-%COMP%]{width:calc(100% - 60px)}.linkToShare\\a0[_ngcontent-%COMP%]   mat-form-field[_ngcontent-%COMP%] > button[_ngcontent-%COMP%]{float:right;margin:-10px 0}.igo-form[_ngcontent-%COMP%]{padding:20px 5px 5px}.igo-form-button-group[_ngcontent-%COMP%]{text-align:center;padding-top:10px}"] });
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ShareMapApiComponent, [{
-        type: Component,
-        args: [{
-                selector: 'igo-share-map-api',
-                templateUrl: './share-map-api.component.html',
-                styleUrls: ['./share-map-api.component.scss']
-            }]
-    }], function () { return [{ type: i3.LanguageService }, { type: i3.MessageService }, { type: i2.AuthService }, { type: ShareMapService }, { type: i4.FormBuilder }]; }, { map: [{
-            type: Input
-        }] }); })();
-
 function ShareMapUrlComponent_h4_13_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "h4");
     i0.ɵɵtext(1);
@@ -4511,19 +4208,16 @@ class ShareMapUrlComponent {
 ShareMapUrlComponent.ɵfac = function ShareMapUrlComponent_Factory(t) { return new (t || ShareMapUrlComponent)(i0.ɵɵdirectiveInject(i3.LanguageService), i0.ɵɵdirectiveInject(i3.MessageService), i0.ɵɵdirectiveInject(ShareMapService), i0.ɵɵdirectiveInject(i0.ChangeDetectorRef)); };
 ShareMapUrlComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ShareMapUrlComponent, selectors: [["igo-share-map-url"]], inputs: { map: "map" }, decls: 37, vars: 40, consts: [[1, "igo-input-container", "linkToShare"], ["matInput", "", "readonly", "", "rows", "3", 3, "placeholder", "value"], ["textArea", ""], [1, "igo-form-button-group"], ["mat-raised-button", "", 3, "click"], ["svgIcon", "content-copy"], [1, "mat-typography"], [4, "ngIf"]], template: function ShareMapUrlComponent_Template(rf, ctx) { if (rf & 1) {
         const _r12 = i0.ɵɵgetCurrentView();
-        i0.ɵɵelementStart(0, "div", 0);
-        i0.ɵɵelementStart(1, "mat-form-field");
+        i0.ɵɵelementStart(0, "div", 0)(1, "mat-form-field");
         i0.ɵɵelement(2, "textarea", 1, 2);
         i0.ɵɵpipe(4, "translate");
         i0.ɵɵelementEnd();
-        i0.ɵɵelementStart(5, "div", 3);
-        i0.ɵɵelementStart(6, "button", 4);
-        i0.ɵɵlistener("click", function ShareMapUrlComponent_Template_button_click_6_listener() { i0.ɵɵrestoreView(_r12); const _r0 = i0.ɵɵreference(3); return ctx.copyTextToClipboard(_r0); });
+        i0.ɵɵelementStart(5, "div", 3)(6, "button", 4);
+        i0.ɵɵlistener("click", function ShareMapUrlComponent_Template_button_click_6_listener() { i0.ɵɵrestoreView(_r12); const _r0 = i0.ɵɵreference(3); return i0.ɵɵresetView(ctx.copyTextToClipboard(_r0)); });
         i0.ɵɵelement(7, "mat-icon", 5);
         i0.ɵɵtext(8);
         i0.ɵɵpipe(9, "translate");
-        i0.ɵɵelementEnd();
-        i0.ɵɵelementEnd();
+        i0.ɵɵelementEnd()();
         i0.ɵɵelementStart(10, "div");
         i0.ɵɵelement(11, "br");
         i0.ɵɵelementStart(12, "section", 6);
@@ -4552,10 +4246,7 @@ ShareMapUrlComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ShareM
         i0.ɵɵpipe(34, "translate");
         i0.ɵɵtemplate(35, ShareMapUrlComponent_li_35_Template, 3, 3, "li", 7);
         i0.ɵɵpipe(36, "translate");
-        i0.ɵɵelementEnd();
-        i0.ɵɵelementEnd();
-        i0.ɵɵelementEnd();
-        i0.ɵɵelementEnd();
+        i0.ɵɵelementEnd()()()();
     } if (rf & 2) {
         i0.ɵɵadvance(2);
         i0.ɵɵproperty("placeholder", i0.ɵɵpipeBind1(4, 14, "igo.context.shareMap.placeholderLink"))("value", ctx.url);
@@ -4583,29 +4274,190 @@ ShareMapUrlComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ShareM
         i0.ɵɵproperty("ngIf", i0.ɵɵpipeBind1(34, 36, "igo.context.shareMap.filterOgc") !== "");
         i0.ɵɵadvance(2);
         i0.ɵɵproperty("ngIf", i0.ɵɵpipeBind1(36, 38, "igo.context.shareMap.filterTime") !== "");
-    } }, directives: [i3$1.MatFormField, i3$2.MatInput, i5.MatButton, i9.MatIcon, i7.NgIf], pipes: [i6$1.TranslatePipe], styles: ["@charset \"UTF-8\";mat-form-field[_ngcontent-%COMP%]{width:100%}.linkToShare\\a0[_ngcontent-%COMP%] {padding:25px 5px 5px}.linkToShare\\a0[_ngcontent-%COMP%]   textarea[_ngcontent-%COMP%]{resize:none;width:100%;line-height:1.3;height:40px;overflow-y:hidden;word-wrap:normal;word-break:break-all}.linkToShare\\a0[_ngcontent-%COMP%]   textarea.textAreaWithButton[_ngcontent-%COMP%]{width:calc(100% - 60px)}.linkToShare\\a0[_ngcontent-%COMP%]   mat-form-field[_ngcontent-%COMP%] > button[_ngcontent-%COMP%]{float:right;margin:-10px 0}.igo-form-button-group[_ngcontent-%COMP%]{text-align:center;padding-top:10px}"] });
+    } }, dependencies: [i5.NgIf, i4$1.MatIcon, i4.MatFormField, i5$1.MatInput, i7.MatButton, i6.TranslatePipe], styles: ["@charset \"UTF-8\";mat-form-field[_ngcontent-%COMP%]{width:100%}.linkToShare\\a0[_ngcontent-%COMP%] {padding:25px 5px 5px}.linkToShare\\a0[_ngcontent-%COMP%]   textarea[_ngcontent-%COMP%]{resize:none;width:100%;line-height:1.3;height:40px;overflow-y:hidden;word-wrap:normal;word-break:break-all}.linkToShare\\a0[_ngcontent-%COMP%]   textarea.textAreaWithButton[_ngcontent-%COMP%]{width:calc(100% - 60px)}.linkToShare\\a0[_ngcontent-%COMP%]   mat-form-field[_ngcontent-%COMP%] > button[_ngcontent-%COMP%]{float:right;margin:-10px 0}.igo-form-button-group[_ngcontent-%COMP%]{text-align:center;padding-top:10px}"] });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ShareMapUrlComponent, [{
         type: Component,
-        args: [{
-                selector: 'igo-share-map-url',
-                templateUrl: './share-map-url.component.html',
-                styleUrls: ['./share-map-url.component.scss']
-            }]
+        args: [{ selector: 'igo-share-map-url', template: "<div class=\"igo-input-container linkToShare\">\r\n  <mat-form-field>\r\n    <textarea #textArea matInput readonly rows=\"3\"\r\n      [placeholder]=\"'igo.context.shareMap.placeholderLink' | translate\"\r\n      [value]=\"url\"></textarea>\r\n  </mat-form-field>\r\n\r\n  <div class=\"igo-form-button-group\">\r\n    <button\r\n      mat-raised-button\r\n      (click)=\"copyTextToClipboard(textArea)\">\r\n      <mat-icon svgIcon=\"content-copy\"></mat-icon>\r\n      {{ 'igo.context.shareMap.copy' | translate }}\r\n    </button>\r\n  </div>\r\n  <div>\r\n    <br/>\r\n    <section class=\"mat-typography\">\r\n        <h4 *ngIf=\"('igo.context.shareMap.included' | translate)!==''\">{{'igo.context.shareMap.included' | translate}}</h4>\r\n        <ul>\r\n          <li *ngIf=\"('igo.context.shareMap.context' | translate)!==''\">{{'igo.context.shareMap.context' | translate}}</li>\r\n          <li *ngIf=\"('igo.context.shareMap.center' | translate)!==''\">{{'igo.context.shareMap.center' | translate}}</li>\r\n          <li *ngIf=\"('igo.context.shareMap.zoom' | translate)!==''\">{{'igo.context.shareMap.zoom' | translate}}</li>\r\n          <li *ngIf=\"('igo.context.shareMap.addedLayers' | translate)!==''\">{{'igo.context.shareMap.addedLayers' | translate}}</li>\r\n          <li *ngIf=\"('igo.context.shareMap.visibleInvisible' | translate)!==''\">{{'igo.context.shareMap.visibleInvisible' | translate}}</li>\r\n        </ul>\r\n\r\n      <h4 *ngIf=\"('igo.context.shareMap.excluded' | translate)!==''\">{{'igo.context.shareMap.excluded' | translate}}</h4>\r\n      <ul>\r\n        <li *ngIf=\"('igo.context.shareMap.order' | translate)!==''\">{{'igo.context.shareMap.order' | translate}}</li>\r\n        <li *ngIf=\"('igo.context.shareMap.opacity' | translate)!==''\">{{'igo.context.shareMap.opacity' | translate}}</li>\r\n        <li *ngIf=\"('igo.context.shareMap.filterOgc' | translate)!==''\">{{'igo.context.shareMap.filterOgc' | translate}}</li>\r\n        <li *ngIf=\"('igo.context.shareMap.filterTime' | translate)!==''\">{{'igo.context.shareMap.filterTime' | translate}}</li>\r\n      </ul>\r\n    </section>\r\n  </div>\r\n</div>\r\n", styles: ["@charset \"UTF-8\";mat-form-field{width:100%}.linkToShare\\a0 {padding:25px 5px 5px}.linkToShare\\a0  textarea{resize:none;width:100%;line-height:1.3;height:40px;overflow-y:hidden;word-wrap:normal;word-break:break-all}.linkToShare\\a0  textarea.textAreaWithButton{width:calc(100% - 60px)}.linkToShare\\a0  mat-form-field>button{float:right;margin:-10px 0}.igo-form-button-group{text-align:center;padding-top:10px}\n"] }]
     }], function () { return [{ type: i3.LanguageService }, { type: i3.MessageService }, { type: ShareMapService }, { type: i0.ChangeDetectorRef }]; }, { map: [{
             type: Input
         }] }); })();
 
+function ShareMapApiComponent_span_10_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 11);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(1);
+    i0.ɵɵtextInterpolate1("", ctx_r0.userId, "-");
+} }
+function ShareMapApiComponent_button_18_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "button", 12);
+    i0.ɵɵtext(1);
+    i0.ɵɵpipe(2, "translate");
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("disabled", !ctx_r1.form.valid);
+    i0.ɵɵadvance(1);
+    i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(2, 2, "igo.context.shareMap.button"), " ");
+} }
+function ShareMapApiComponent_button_19_Template(rf, ctx) { if (rf & 1) {
+    const _r5 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 13);
+    i0.ɵɵlistener("click", function ShareMapApiComponent_button_19_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r5); const ctx_r4 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r4.updateContextShared(ctx_r4.form.value)); });
+    i0.ɵɵtext(1);
+    i0.ɵɵpipe(2, "translate");
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    i0.ɵɵadvance(1);
+    i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(2, 1, "igo.context.shareMap.refreshBtn"), " ");
+} }
+function ShareMapApiComponent_div_20_Template(rf, ctx) { if (rf & 1) {
+    const _r8 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 14)(1, "mat-form-field");
+    i0.ɵɵelement(2, "textarea", 15, 16);
+    i0.ɵɵpipe(4, "translate");
+    i0.ɵɵelementStart(5, "button", 17);
+    i0.ɵɵlistener("click", function ShareMapApiComponent_div_20_Template_button_click_5_listener() { i0.ɵɵrestoreView(_r8); const _r6 = i0.ɵɵreference(3); const ctx_r7 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r7.copyTextToClipboard(_r6)); });
+    i0.ɵɵpipe(6, "translate");
+    i0.ɵɵelement(7, "mat-icon", 18);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelement(8, "div");
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r3 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("placeholder", i0.ɵɵpipeBind1(4, 3, "igo.context.shareMap.placeholderLink"))("value", ctx_r3.url);
+    i0.ɵɵadvance(3);
+    i0.ɵɵproperty("matTooltip", i0.ɵɵpipeBind1(6, 5, "igo.context.shareMap.copy"));
+} }
+class ShareMapApiComponent {
+    constructor(languageService, messageService, auth, shareMapService, formBuilder) {
+        this.languageService = languageService;
+        this.messageService = messageService;
+        this.auth = auth;
+        this.shareMapService = shareMapService;
+        this.formBuilder = formBuilder;
+    }
+    ngOnInit() {
+        this.auth.authenticate$.subscribe(auth => {
+            const decodeToken = this.auth.decodeToken();
+            this.userId = decodeToken.user ? decodeToken.user.id : undefined;
+            this.buildForm();
+        });
+    }
+    createUrl(values = {}) {
+        const inputs = Object.assign({}, values);
+        inputs.uri = this.userId ? `${this.userId}-${values.uri}` : values.uri;
+        this.url = this.shareMapService.getUrlWithApi(inputs);
+        this.shareMapService.createContextShared(this.map, inputs).subscribe(rep => {
+            this.idContextShared = rep.id;
+            const title = this.languageService.translate.instant('igo.context.contextManager.dialog.saveTitle');
+            const msg = this.languageService.translate.instant('igo.context.contextManager.dialog.saveMsg', {
+                value: inputs.title
+            });
+            this.messageService.success(msg, title);
+        }, err => {
+            err.error.title = this.languageService.translate.instant('igo.context.shareMap.errorTitle');
+            this.messageService.showError(err);
+        });
+    }
+    updateContextShared(values = {}) {
+        const inputs = Object.assign({}, values);
+        inputs.uri = this.userId ? `${this.userId}-${values.uri}` : values.uri;
+        this.shareMapService.updateContextShared(this.map, inputs, this.idContextShared).subscribe(rep => {
+            const title = this.languageService.translate.instant('igo.context.contextManager.dialog.saveTitle');
+            const msg = this.languageService.translate.instant('igo.context.contextManager.dialog.saveMsg', {
+                value: inputs.title
+            });
+            this.messageService.success(msg, title);
+        }, err => {
+            err.error.title = this.languageService.translate.instant('igo.context.shareMap.errorTitle');
+            this.messageService.showError(err);
+        });
+    }
+    copyTextToClipboard(textArea) {
+        const successful = Clipboard.copy(textArea);
+        if (successful) {
+            const translate = this.languageService.translate;
+            const title = translate.instant('igo.context.shareMap.dialog.copyTitle');
+            const msg = translate.instant('igo.context.shareMap.dialog.copyMsg');
+            this.messageService.success(msg, title);
+        }
+    }
+    buildForm() {
+        this.url = undefined;
+        const id = uuid();
+        let title = 'Partage ';
+        title += this.userId ? `(${this.userId}-${id})` : `(${id})`;
+        this.form = this.formBuilder.group({
+            title: [title],
+            uri: [id]
+        });
+    }
+}
+ShareMapApiComponent.ɵfac = function ShareMapApiComponent_Factory(t) { return new (t || ShareMapApiComponent)(i0.ɵɵdirectiveInject(i3.LanguageService), i0.ɵɵdirectiveInject(i3.MessageService), i0.ɵɵdirectiveInject(i2.AuthService), i0.ɵɵdirectiveInject(ShareMapService), i0.ɵɵdirectiveInject(i1$1.FormBuilder)); };
+ShareMapApiComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ShareMapApiComponent, selectors: [["igo-share-map-api"]], inputs: { map: "map" }, decls: 21, vars: 18, consts: [[1, "igo-form", 3, "formGroup", "ngSubmit"], [1, "igo-input-container"], ["matInput", "", "required", "", "formControlName", "title", 3, "placeholder"], ["id", "uriInput", 1, "igo-input-container"], ["class", "prefix", 4, "ngIf"], [1, "fieldWrapper"], ["matInput", "", "required", "", "formControlName", "uri", 3, "readonly", "placeholder"], [1, "igo-form-button-group"], ["mat-raised-button", "", "type", "submit", 3, "disabled", 4, "ngIf"], ["mat-raised-button", "", "type", "button", 3, "click", 4, "ngIf"], ["class", "igo-input-container linkToShare", 4, "ngIf"], [1, "prefix"], ["mat-raised-button", "", "type", "submit", 3, "disabled"], ["mat-raised-button", "", "type", "button", 3, "click"], [1, "igo-input-container", "linkToShare"], ["matInput", "", "readonly", "", "rows", "3", 1, "textAreaWithButton", 3, "placeholder", "value"], ["textArea", ""], ["mat-icon-button", "", "tooltip-position", "below", "matTooltipShowDelay", "500", "color", "primary", 3, "matTooltip", "click"], ["svgIcon", "content-copy"]], template: function ShareMapApiComponent_Template(rf, ctx) { if (rf & 1) {
+        i0.ɵɵelementStart(0, "form", 0);
+        i0.ɵɵlistener("ngSubmit", function ShareMapApiComponent_Template_form_ngSubmit_0_listener() { return ctx.createUrl(ctx.form.value); });
+        i0.ɵɵelementStart(1, "div", 1)(2, "mat-form-field");
+        i0.ɵɵelement(3, "input", 2);
+        i0.ɵɵpipe(4, "translate");
+        i0.ɵɵelementStart(5, "mat-error");
+        i0.ɵɵtext(6);
+        i0.ɵɵpipe(7, "translate");
+        i0.ɵɵelementEnd()()();
+        i0.ɵɵelementStart(8, "div", 3)(9, "mat-form-field");
+        i0.ɵɵtemplate(10, ShareMapApiComponent_span_10_Template, 2, 1, "span", 4);
+        i0.ɵɵelementStart(11, "span", 5);
+        i0.ɵɵelement(12, "input", 6);
+        i0.ɵɵpipe(13, "translate");
+        i0.ɵɵelementEnd();
+        i0.ɵɵelementStart(14, "mat-error");
+        i0.ɵɵtext(15);
+        i0.ɵɵpipe(16, "translate");
+        i0.ɵɵelementEnd()()();
+        i0.ɵɵelementStart(17, "div", 7);
+        i0.ɵɵtemplate(18, ShareMapApiComponent_button_18_Template, 3, 4, "button", 8);
+        i0.ɵɵtemplate(19, ShareMapApiComponent_button_19_Template, 3, 3, "button", 9);
+        i0.ɵɵelementEnd()();
+        i0.ɵɵtemplate(20, ShareMapApiComponent_div_20_Template, 9, 7, "div", 10);
+    } if (rf & 2) {
+        i0.ɵɵproperty("formGroup", ctx.form);
+        i0.ɵɵadvance(3);
+        i0.ɵɵproperty("placeholder", i0.ɵɵpipeBind1(4, 10, "igo.context.contextManager.form.title"));
+        i0.ɵɵadvance(3);
+        i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(7, 12, "igo.context.contextManager.form.titleRequired"), " ");
+        i0.ɵɵadvance(4);
+        i0.ɵɵproperty("ngIf", ctx.userId);
+        i0.ɵɵadvance(2);
+        i0.ɵɵproperty("readonly", !ctx.userId)("placeholder", i0.ɵɵpipeBind1(13, 14, "igo.context.contextManager.form.uri"));
+        i0.ɵɵadvance(3);
+        i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(16, 16, "igo.context.contextManager.form.uriRequired"), " ");
+        i0.ɵɵadvance(3);
+        i0.ɵɵproperty("ngIf", !ctx.url);
+        i0.ɵɵadvance(1);
+        i0.ɵɵproperty("ngIf", ctx.url);
+        i0.ɵɵadvance(1);
+        i0.ɵɵproperty("ngIf", ctx.url);
+    } }, dependencies: [i5.NgIf, i1$1.ɵNgNoValidate, i1$1.DefaultValueAccessor, i1$1.NgControlStatus, i1$1.NgControlStatusGroup, i1$1.RequiredValidator, i1$1.FormGroupDirective, i1$1.FormControlName, i4$1.MatIcon, i6$1.MatTooltip, i4.MatError, i4.MatFormField, i5$1.MatInput, i7.MatButton, i6.TranslatePipe], styles: ["@charset \"UTF-8\";mat-form-field[_ngcontent-%COMP%]{width:100%}#uriInput[_ngcontent-%COMP%]   .fieldWrapper[_ngcontent-%COMP%]{display:block;overflow:hidden}#uriInput[_ngcontent-%COMP%]   .prefix[_ngcontent-%COMP%]{float:left}.linkToShare\\a0[_ngcontent-%COMP%] {padding:25px 5px 5px}.linkToShare\\a0[_ngcontent-%COMP%]   textarea[_ngcontent-%COMP%]{resize:none;width:100%;line-height:1.3;height:40px;overflow-y:hidden;word-wrap:normal;word-break:break-all}.linkToShare\\a0[_ngcontent-%COMP%]   textarea.textAreaWithButton[_ngcontent-%COMP%]{width:calc(100% - 60px)}.linkToShare\\a0[_ngcontent-%COMP%]   mat-form-field[_ngcontent-%COMP%] > button[_ngcontent-%COMP%]{float:right;margin:-10px 0}.igo-form[_ngcontent-%COMP%]{padding:20px 5px 5px}.igo-form-button-group[_ngcontent-%COMP%]{text-align:center;padding-top:10px}"] });
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ShareMapApiComponent, [{
+        type: Component,
+        args: [{ selector: 'igo-share-map-api', template: "<form class=\"igo-form\" [formGroup]=\"form\"\r\n  (ngSubmit)=\"createUrl(form.value)\">\r\n\r\n  <div class=\"igo-input-container\">\r\n    <mat-form-field>\r\n      <input matInput required\r\n             [placeholder]=\"'igo.context.contextManager.form.title' | translate\"\r\n             formControlName=\"title\">\r\n     <mat-error>\r\n      {{ 'igo.context.contextManager.form.titleRequired' | translate }}\r\n     </mat-error>\r\n    </mat-form-field>\r\n  </div>\r\n\r\n  <div id=\"uriInput\" class=\"igo-input-container\">\r\n    <mat-form-field>\r\n      <span *ngIf=\"userId\" class=\"prefix\">{{userId}}-</span>\r\n      <span class=\"fieldWrapper\">\r\n        <input matInput required\r\n             [readonly]=\"!userId\"\r\n             [placeholder]=\"'igo.context.contextManager.form.uri' | translate\"\r\n             formControlName=\"uri\">\r\n       </span>\r\n     <mat-error>\r\n      {{ 'igo.context.contextManager.form.uriRequired' | translate }}\r\n     </mat-error>\r\n    </mat-form-field>\r\n  </div>\r\n\r\n  <div class=\"igo-form-button-group\">\r\n    <button *ngIf=\"!url\"\r\n      mat-raised-button\r\n      type=\"submit\"\r\n      [disabled]=\"!form.valid\">\r\n      {{ 'igo.context.shareMap.button' | translate }}\r\n    </button>\r\n    <button *ngIf=\"url\"\r\n      mat-raised-button\r\n      type=\"button\"\r\n      (click)=\"updateContextShared(form.value)\">\r\n      {{ 'igo.context.shareMap.refreshBtn' | translate }}\r\n    </button>\r\n  </div>\r\n</form>\r\n\r\n<div *ngIf=\"url\" class=\"igo-input-container linkToShare\">\r\n  <mat-form-field>\r\n    <textarea #textArea matInput readonly rows=\"3\"\r\n      class=\"textAreaWithButton\"\r\n      [placeholder]=\"'igo.context.shareMap.placeholderLink' | translate\"\r\n      [value]=\"url\"></textarea>\r\n    <button\r\n      mat-icon-button\r\n      tooltip-position=\"below\"\r\n      matTooltipShowDelay=\"500\"\r\n      [matTooltip]=\"'igo.context.shareMap.copy' | translate\"\r\n      color=\"primary\"\r\n      (click)=\"copyTextToClipboard(textArea)\">\r\n      <mat-icon svgIcon=\"content-copy\"></mat-icon>\r\n    </button>\r\n  </mat-form-field>\r\n<div>\r\n", styles: ["@charset \"UTF-8\";mat-form-field{width:100%}#uriInput .fieldWrapper{display:block;overflow:hidden}#uriInput .prefix{float:left}.linkToShare\\a0 {padding:25px 5px 5px}.linkToShare\\a0  textarea{resize:none;width:100%;line-height:1.3;height:40px;overflow-y:hidden;word-wrap:normal;word-break:break-all}.linkToShare\\a0  textarea.textAreaWithButton{width:calc(100% - 60px)}.linkToShare\\a0  mat-form-field>button{float:right;margin:-10px 0}.igo-form{padding:20px 5px 5px}.igo-form-button-group{text-align:center;padding-top:10px}\n"] }]
+    }], function () { return [{ type: i3.LanguageService }, { type: i3.MessageService }, { type: i2.AuthService }, { type: ShareMapService }, { type: i1$1.FormBuilder }]; }, { map: [{
+            type: Input
+        }] }); })();
+
 function ShareMapComponent_mat_tab_group_0_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "mat-tab-group");
-    i0.ɵɵelementStart(1, "mat-tab", 2);
+    i0.ɵɵelementStart(0, "mat-tab-group")(1, "mat-tab", 2);
     i0.ɵɵpipe(2, "translate");
     i0.ɵɵelement(3, "igo-share-map-api", 3);
     i0.ɵɵelementEnd();
     i0.ɵɵelementStart(4, "mat-tab", 2);
     i0.ɵɵpipe(5, "translate");
     i0.ɵɵelement(6, "igo-share-map-url", 3);
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementEnd();
+    i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext();
     i0.ɵɵadvance(1);
@@ -4638,14 +4490,10 @@ ShareMapComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ShareMapC
         i0.ɵɵproperty("ngIf", ctx.hasApi);
         i0.ɵɵadvance(1);
         i0.ɵɵproperty("ngIf", !ctx.hasApi);
-    } }, directives: [i7.NgIf, i3$4.MatTabGroup, i3$4.MatTab, ShareMapApiComponent, ShareMapUrlComponent], pipes: [i6$1.TranslatePipe], styles: [""] });
+    } }, dependencies: [i5.NgIf, i3$1.MatTabGroup, i3$1.MatTab, ShareMapUrlComponent, ShareMapApiComponent, i6.TranslatePipe] });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ShareMapComponent, [{
         type: Component,
-        args: [{
-                selector: 'igo-share-map',
-                templateUrl: './share-map.component.html',
-                styleUrls: ['./share-map.component.scss']
-            }]
+        args: [{ selector: 'igo-share-map', template: "<mat-tab-group *ngIf=\"hasApi\" >\r\n  <mat-tab [label]=\"'igo.context.shareMap.shareWithApi' | translate\">\r\n    <igo-share-map-api [map]=\"map\"></igo-share-map-api>\r\n  </mat-tab>\r\n  <mat-tab [label]=\"'igo.context.shareMap.shareWithUrl' | translate\">\r\n    <igo-share-map-url [map]=\"map\"></igo-share-map-url>\r\n  </mat-tab>\r\n</mat-tab-group>\r\n\r\n<igo-share-map-url *ngIf=\"!hasApi\" [map]=\"map\"></igo-share-map-url>\r\n" }]
     }], function () { return [{ type: i3.ConfigService }]; }, { map: [{
             type: Input
         }] }); })();
@@ -4659,18 +4507,16 @@ class IgoShareMapModule {
 }
 IgoShareMapModule.ɵfac = function IgoShareMapModule_Factory(t) { return new (t || IgoShareMapModule)(); };
 IgoShareMapModule.ɵmod = /*@__PURE__*/ i0.ɵɵdefineNgModule({ type: IgoShareMapModule });
-IgoShareMapModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [[
-            CommonModule,
-            FormsModule,
-            ReactiveFormsModule,
-            MatIconModule,
-            MatTooltipModule,
-            MatTabsModule,
-            MatFormFieldModule,
-            MatInputModule,
-            MatButtonModule,
-            IgoLanguageModule
-        ]] });
+IgoShareMapModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [CommonModule,
+        FormsModule,
+        ReactiveFormsModule,
+        MatIconModule,
+        MatTooltipModule,
+        MatTabsModule,
+        MatFormFieldModule,
+        MatInputModule,
+        MatButtonModule,
+        IgoLanguageModule] });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(IgoShareMapModule, [{
         type: NgModule,
         args: [{
@@ -4720,7 +4566,7 @@ function SidenavComponent_button_9_Template(rf, ctx) { if (rf & 1) {
 function SidenavComponent_igo_panel_11_button_3_Template(rf, ctx) { if (rf & 1) {
     const _r8 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "button", 19);
-    i0.ɵɵlistener("click", function SidenavComponent_igo_panel_11_button_3_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r8); const ctx_r7 = i0.ɵɵnextContext(2); return ctx_r7.zoomToFeatureExtent(); });
+    i0.ɵɵlistener("click", function SidenavComponent_igo_panel_11_button_3_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r8); const ctx_r7 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r7.zoomToFeatureExtent()); });
     i0.ɵɵelement(1, "mat-icon", 20);
     i0.ɵɵelementEnd();
 } }
@@ -4733,9 +4579,8 @@ function SidenavComponent_igo_panel_11_igo_feature_details_4_Template(rf, ctx) {
 const _c0 = function () { return ["collapsed", "initial"]; };
 function SidenavComponent_igo_panel_11_Template(rf, ctx) { if (rf & 1) {
     const _r10 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "igo-panel", 6);
-    i0.ɵɵelementStart(1, "button", 15);
-    i0.ɵɵlistener("click", function SidenavComponent_igo_panel_11_Template_button_click_1_listener() { i0.ɵɵrestoreView(_r10); const ctx_r9 = i0.ɵɵnextContext(); return ctx_r9.toggleTopPanel(); });
+    i0.ɵɵelementStart(0, "igo-panel", 6)(1, "button", 15);
+    i0.ɵɵlistener("click", function SidenavComponent_igo_panel_11_Template_button_click_1_listener() { i0.ɵɵrestoreView(_r10); const ctx_r9 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r9.toggleTopPanel()); });
     i0.ɵɵelement(2, "mat-icon", 16);
     i0.ɵɵelementEnd();
     i0.ɵɵtemplate(3, SidenavComponent_igo_panel_11_button_3_Template, 2, 0, "button", 17);
@@ -4818,24 +4663,16 @@ class SidenavComponent {
         }
     }
 }
-SidenavComponent.ɵfac = function SidenavComponent_Factory(t) { return new (t || SidenavComponent)(i0.ɵɵdirectiveInject(i1$3.Title)); };
+SidenavComponent.ɵfac = function SidenavComponent_Factory(t) { return new (t || SidenavComponent)(i0.ɵɵdirectiveInject(i1$4.Title)); };
 SidenavComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SidenavComponent, selectors: [["igo-sidenav"]], inputs: { map: "map", opened: "opened", feature: "feature", tool: "tool", media: "media", title: "title" }, decls: 12, vars: 8, consts: [["igoSidenavShim", "", "mode", "side", 3, "opened"], ["sidenav", ""], [1, "igo-sidenav-content"], ["initial", "50%", "initialMobile", "100%", "expanded", "calc(100% - 58px)", 3, "state"], ["topPanel", ""], [1, "igo-content"], [3, "title"], ["mat-icon-button", "", "panelLeftButton", "", "tooltip-position", "below", "matTooltipShowDelay", "500", 3, "matTooltip", 4, "ngIf"], ["mat-icon-button", "", "panelRightButton", "", "tooltip-position", "below", "matTooltipShowDelay", "500", 3, "matTooltip", 4, "ngIf"], ["igoFlexibleFill", "", 1, "igo-content"], [3, "title", 4, "ngIf"], ["mat-icon-button", "", "panelLeftButton", "", "tooltip-position", "below", "matTooltipShowDelay", "500", 3, "matTooltip"], ["svgIcon", "arrow-back"], ["mat-icon-button", "", "panelRightButton", "", "tooltip-position", "below", "matTooltipShowDelay", "500", 3, "matTooltip"], ["svgIcon", "menu"], ["mat-icon-button", "", "panelLeftButton", "", 1, "igo-icon-button", 3, "click"], [3, "svgIcon"], ["mat-icon-button", "", "panelRightButton", "", "class", "igo-icon-button", 3, "click", 4, "ngIf"], [3, "feature", 4, "ngIf"], ["mat-icon-button", "", "panelRightButton", "", 1, "igo-icon-button", 3, "click"], ["svgIcon", "zoom-in"], [3, "feature"]], template: function SidenavComponent_Template(rf, ctx) { if (rf & 1) {
-        i0.ɵɵelementStart(0, "mat-sidenav", 0, 1);
-        i0.ɵɵelementStart(2, "div", 2);
-        i0.ɵɵelementStart(3, "igo-flexible", 3, 4);
-        i0.ɵɵelementStart(5, "div", 5);
-        i0.ɵɵelementStart(6, "igo-panel", 6);
+        i0.ɵɵelementStart(0, "mat-sidenav", 0, 1)(2, "div", 2)(3, "igo-flexible", 3, 4)(5, "div", 5)(6, "igo-panel", 6);
         i0.ɵɵpipe(7, "translate");
         i0.ɵɵtemplate(8, SidenavComponent_button_8_Template, 3, 3, "button", 7);
         i0.ɵɵtemplate(9, SidenavComponent_button_9_Template, 3, 3, "button", 8);
-        i0.ɵɵelementEnd();
-        i0.ɵɵelementEnd();
+        i0.ɵɵelementEnd()();
         i0.ɵɵelementStart(10, "div", 9);
         i0.ɵɵtemplate(11, SidenavComponent_igo_panel_11_Template, 5, 6, "igo-panel", 10);
-        i0.ɵɵelementEnd();
-        i0.ɵɵelementEnd();
-        i0.ɵɵelementEnd();
-        i0.ɵɵelementEnd();
+        i0.ɵɵelementEnd()()()();
     } if (rf & 2) {
         i0.ɵɵproperty("opened", ctx.opened);
         i0.ɵɵadvance(3);
@@ -4848,15 +4685,11 @@ SidenavComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SidenavCom
         i0.ɵɵproperty("ngIf", ctx.tool);
         i0.ɵɵadvance(2);
         i0.ɵɵproperty("ngIf", ctx.feature && ctx.media !== "mobile");
-    } }, directives: [i2$1.MatSidenav, i5$1.FlexibleComponent, i5$1.PanelComponent, i7.NgIf, i5.MatButton, i6$2.MatTooltip, i9.MatIcon, i1$1.FeatureDetailsComponent], pipes: [i6$1.TranslatePipe], styles: ["[_nghost-%COMP%]     .igo-flexible-fill .igo-container, .igo-sidenav-content[_ngcontent-%COMP%]   .igo-flexible-fill[_ngcontent-%COMP%]   .igo-container[_ngcontent-%COMP%]{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}[_nghost-%COMP%]     .igo-flexible-fill .igo-container, .igo-sidenav-content[_ngcontent-%COMP%]   .igo-flexible-fill[_ngcontent-%COMP%]   .igo-container[_ngcontent-%COMP%]{border-top-width:1px;border-top-style:solid;border-top-color:#0003}mat-sidenav[_ngcontent-%COMP%]{-o-box-shadow:2px 0px 2px 0px #dddddd;box-shadow:2px 0 2px #ddd}[_nghost-%COMP%]{background-color:#fff}[_nghost-%COMP%]     mat-sidenav{z-index:3!important}mat-sidenav[_ngcontent-%COMP%]{width:400px}@media only screen and (orientation:portrait) and (max-width: 599px),only screen and (orientation:landscape) and (max-width: 959px){mat-sidenav[_ngcontent-%COMP%]{width:calc(100% - 40px - 5px)}}.igo-sidenav-content[_ngcontent-%COMP%]{margin-top:50px;height:calc(100% - 50px)}igo-feature-details[_ngcontent-%COMP%]     table{width:100%}"] });
+    } }, dependencies: [i5.NgIf, i4$1.MatIcon, i7.MatButton, i5$2.MatSidenav, i6$1.MatTooltip, i14.PanelComponent, i14.FlexibleComponent, i1$2.FeatureDetailsComponent, i6.TranslatePipe], styles: ["[_nghost-%COMP%]     .igo-flexible-fill .igo-container, .igo-sidenav-content[_ngcontent-%COMP%]   .igo-flexible-fill[_ngcontent-%COMP%]   .igo-container[_ngcontent-%COMP%]{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}[_nghost-%COMP%]     .igo-flexible-fill .igo-container, .igo-sidenav-content[_ngcontent-%COMP%]   .igo-flexible-fill[_ngcontent-%COMP%]   .igo-container[_ngcontent-%COMP%]{border-top-width:1px;border-top-style:solid;border-top-color:#0003}mat-sidenav[_ngcontent-%COMP%]{-o-box-shadow:2px 0px 2px 0px #dddddd;box-shadow:2px 0 2px #ddd}[_nghost-%COMP%]{background-color:#fff}[_nghost-%COMP%]     mat-sidenav{z-index:3!important}mat-sidenav[_ngcontent-%COMP%]{width:400px}@media only screen and (orientation:portrait) and (max-width: 599px),only screen and (orientation:landscape) and (max-width: 959px){mat-sidenav[_ngcontent-%COMP%]{width:calc(100% - 45px)}}.igo-sidenav-content[_ngcontent-%COMP%]{margin-top:50px;height:calc(100% - 50px)}igo-feature-details[_ngcontent-%COMP%]     table{width:100%}"] });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SidenavComponent, [{
         type: Component,
-        args: [{
-                selector: 'igo-sidenav',
-                templateUrl: './sidenav.component.html',
-                styleUrls: ['./sidenav.component.scss']
-            }]
-    }], function () { return [{ type: i1$3.Title }]; }, { map: [{
+        args: [{ selector: 'igo-sidenav', template: "<mat-sidenav\r\n  #sidenav\r\n  igoSidenavShim\r\n  mode=\"side\"\r\n  [opened]=\"opened\">\r\n\r\n  <div class=\"igo-sidenav-content\">\r\n\r\n    <igo-flexible\r\n      #topPanel\r\n      initial=\"50%\" initialMobile=\"100%\"\r\n      expanded=\"calc(100% - 58px)\"\r\n      [state]=\"topPanelState\">\r\n\r\n      <div class=\"igo-content\">\r\n        <igo-panel [title]=\"tool ? (tool.title | translate) : title\">\r\n          <button\r\n            mat-icon-button\r\n            panelLeftButton\r\n            tooltip-position=\"below\"\r\n            matTooltipShowDelay=\"500\"\r\n            [matTooltip]=\"'igo.context.sidenav.goBack' | translate\"\r\n            *ngIf=\"tool\">\r\n            <mat-icon svgIcon=\"arrow-back\"></mat-icon>\r\n          </button>\r\n\r\n          <button\r\n            mat-icon-button\r\n            panelRightButton\r\n            tooltip-position=\"below\"\r\n            matTooltipShowDelay=\"500\"\r\n            [matTooltip]=\"'igo.context.sidenav.mainMenu' | translate\"\r\n            *ngIf=\"tool\">\r\n            <mat-icon svgIcon=\"menu\"></mat-icon>\r\n          </button>\r\n\r\n        </igo-panel>\r\n      </div>\r\n\r\n      <div igoFlexibleFill class=\"igo-content\">\r\n        <igo-panel\r\n          [title]=\"featureTitle\"\r\n          *ngIf=\"feature && media !== 'mobile'\">\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            <mat-icon [svgIcon]=\"['collapsed', 'initial'].indexOf(topPanel.state) >= 0 ? 'arrow_downward' : 'arrow_upward'\"></mat-icon>\r\n          </button>\r\n\r\n          <button\r\n            mat-icon-button\r\n            panelRightButton\r\n            class=\"igo-icon-button\"\r\n            (click)=\"zoomToFeatureExtent()\"\r\n            *ngIf=\"feature.geometry\">\r\n            <mat-icon svgIcon=\"zoom-in\"></mat-icon>\r\n          </button>\r\n\r\n          <igo-feature-details\r\n            [feature]=\"feature\"\r\n            *ngIf=\"['collapsed', 'initial'].indexOf(topPanel.state) >= 0\">\r\n          </igo-feature-details>\r\n        </igo-panel>\r\n      </div>\r\n\r\n    </igo-flexible>\r\n\r\n  </div>\r\n</mat-sidenav>\r\n", styles: [":host ::ng-deep .igo-flexible-fill .igo-container,.igo-sidenav-content .igo-flexible-fill .igo-container{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}:host ::ng-deep .igo-flexible-fill .igo-container,.igo-sidenav-content .igo-flexible-fill .igo-container{border-top-width:1px;border-top-style:solid;border-top-color:#0003}mat-sidenav{-o-box-shadow:2px 0px 2px 0px #dddddd;box-shadow:2px 0 2px #ddd}:host{background-color:#fff}:host ::ng-deep mat-sidenav{z-index:3!important}mat-sidenav{width:400px}@media only screen and (orientation:portrait) and (max-width: 599px),only screen and (orientation:landscape) and (max-width: 959px){mat-sidenav{width:calc(100% - 45px)}}.igo-sidenav-content{margin-top:50px;height:calc(100% - 50px)}igo-feature-details ::ng-deep table{width:100%}\n"] }]
+    }], function () { return [{ type: i1$4.Title }]; }, { map: [{
             type: Input
         }], opened: [{
             type: Input
@@ -4879,18 +4712,16 @@ class IgoSidenavModule {
 }
 IgoSidenavModule.ɵfac = function IgoSidenavModule_Factory(t) { return new (t || IgoSidenavModule)(); };
 IgoSidenavModule.ɵmod = /*@__PURE__*/ i0.ɵɵdefineNgModule({ type: IgoSidenavModule });
-IgoSidenavModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [[
-            CommonModule,
-            MatIconModule,
-            MatButtonModule,
-            MatSidenavModule,
-            MatTooltipModule,
-            IgoLanguageModule,
-            IgoPanelModule,
-            IgoFlexibleModule,
-            IgoFeatureModule,
-            IgoContextManagerModule
-        ]] });
+IgoSidenavModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [CommonModule,
+        MatIconModule,
+        MatButtonModule,
+        MatSidenavModule,
+        MatTooltipModule,
+        IgoLanguageModule,
+        IgoPanelModule,
+        IgoFlexibleModule,
+        IgoFeatureModule,
+        IgoContextManagerModule] });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(IgoSidenavModule, [{
         type: NgModule,
         args: [{
@@ -4931,7 +4762,7 @@ class IgoContextModule {
 }
 IgoContextModule.ɵfac = function IgoContextModule_Factory(t) { return new (t || IgoContextModule)(); };
 IgoContextModule.ɵmod = /*@__PURE__*/ i0.ɵɵdefineNgModule({ type: IgoContextModule });
-IgoContextModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [[MatInputModule, MatFormFieldModule, MatMenuModule], IgoContextImportExportModule,
+IgoContextModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [MatInputModule, MatFormFieldModule, MatMenuModule, IgoContextImportExportModule,
         IgoContextManagerModule,
         IgoContextMapButtonModule,
         IgoShareMapModule,
@@ -4965,4 +4796,4 @@ IgoContextModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [[MatInp
  */
 
 export { BookmarkButtonComponent, BookmarkDialogComponent, ContextEditBindingDirective, ContextEditComponent, ContextExportService, ContextFormComponent, ContextImportExportComponent, ContextImportService, ContextItemComponent, ContextListBindingDirective, ContextListComponent, ContextPermissionsBindingDirective, ContextPermissionsComponent, ContextService, ExportError, ExportInvalidFileError, ExportNothingToExportError, IgoContextImportExportModule, IgoContextManagerModule, IgoContextMapButtonModule, IgoContextModule, IgoShareMapModule, IgoSidenavModule, ImportError, ImportInvalidFileError, ImportNothingToImportError, ImportSRSError, ImportSizeError, ImportUnreadableFileError, LayerContextDirective, MapContextDirective, PoiButtonComponent, PoiDialogComponent, PoiService, Scope, ShareMapApiComponent, ShareMapComponent, ShareMapService, ShareMapUrlComponent, SidenavComponent, TypePermission, UserButtonComponent, UserDialogComponent, addContextToContextList, addImportedFeaturesStyledToMap, addImportedFeaturesToMap, computeLayerTitleFromFile, getFileExtension, handleFileExportError, handleFileExportSuccess, handleFileImportError, handleFileImportSuccess, handleInvalidFileImportError, handleNothingToExportError, handleNothingToImportError, handleSizeFileImportError, handleUnreadbleFileImportError };
-//# sourceMappingURL=igo2-context.js.map
+//# sourceMappingURL=igo2-context.mjs.map