@igo2/context 16.0.1 → 16.1.0

package/fesm2022/igo2-context.mjs

@@ -709,17 +709,17 @@ class ContextService {
         }
         return found;
     }
-    static ɵfac = function ContextService_Factory(t) { return new (t || ContextService)(i0.ɵɵinject(i1.HttpClient), i0.ɵɵinject(i2.AuthService), i0.ɵɵinject(i3.LanguageService), i0.ɵɵinject(i3.ConfigService), i0.ɵɵinject(i3.MessageService), i0.ɵɵinject(i3.StorageService), i0.ɵɵinject(i1$1.ExportService), i0.ɵɵinject(i3.RouteService, 8)); };
-    static ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: ContextService, factory: ContextService.ɵfac, providedIn: 'root' });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ContextService, deps: [{ token: i1.HttpClient }, { token: i2.AuthService }, { token: i3.LanguageService }, { token: i3.ConfigService }, { token: i3.MessageService }, { token: i3.StorageService }, { token: i1$1.ExportService }, { token: i3.RouteService, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ContextService, providedIn: 'root' });
 }
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ContextService, [{
-        type: Injectable,
-        args: [{
-                providedIn: 'root'
-            }]
-    }], function () { return [{ type: i1.HttpClient }, { type: i2.AuthService }, { type: i3.LanguageService }, { type: i3.ConfigService }, { type: i3.MessageService }, { type: i3.StorageService }, { type: i1$1.ExportService }, { type: i3.RouteService, decorators: [{
-                type: Optional
-            }] }]; }, null); })();
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ContextService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }], ctorParameters: function () { return [{ type: i1.HttpClient }, { type: i2.AuthService }, { type: i3.LanguageService }, { type: i3.ConfigService }, { type: i3.MessageService }, { type: i3.StorageService }, { type: i1$1.ExportService }, { type: i3.RouteService, decorators: [{
+                    type: Optional
+                }] }]; } });
 
 class ExportError extends Error {
 }
@@ -759,15 +759,15 @@ class ContextExportService {
         }
         return false;
     }
-    static ɵfac = function ContextExportService_Factory(t) { return new (t || ContextExportService)(); };
-    static ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: ContextExportService, factory: ContextExportService.ɵfac, providedIn: 'root' });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ContextExportService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ContextExportService, providedIn: 'root' });
 }
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ContextExportService, [{
-        type: Injectable,
-        args: [{
-                providedIn: 'root'
-            }]
-    }], null, null); })();
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ContextExportService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }] });
 
 function handleFileExportError(error, messageService) {
     if (error instanceof ExportNothingToExportError) {
@@ -1027,112 +1027,16 @@ class ContextImportService {
         const context = JSON.parse(data);
         return context;
     }
-    static ɵfac = function ContextImportService_Factory(t) { return new (t || ContextImportService)(i0.ɵɵinject(i3.ConfigService)); };
-    static ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: ContextImportService, factory: ContextImportService.ɵfac, providedIn: 'root' });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ContextImportService, deps: [{ token: i3.ConfigService }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ContextImportService, providedIn: 'root' });
 }
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ContextImportService, [{
-        type: Injectable,
-        args: [{
-                providedIn: 'root'
-            }]
-    }], function () { return [{ type: i3.ConfigService }]; }, null); })();
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ContextImportService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }], ctorParameters: function () { return [{ type: i3.ConfigService }]; } });
 
-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")(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");
-    i0.ɵɵelementEnd();
-    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 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")(16, "li");
-    i0.ɵɵtext(17);
-    i0.ɵɵpipe(18, "translate");
-    i0.ɵɵelementEnd()()()();
-} if (rf & 2) {
-    const ctx_r0 = i0.ɵɵnextContext();
-    i0.ɵɵadvance(3);
-    i0.ɵɵproperty("disabled", i0.ɵɵpipeBind1(4, 7, ctx_r0.loading$));
-    i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(6, 9, "igo.geo.importExportForm.importButton"), " ");
-    i0.ɵɵadvance(2);
-    i0.ɵɵproperty("shown", i0.ɵɵpipeBind1(8, 11, ctx_r0.loading$));
-    i0.ɵɵadvance(2);
-    i0.ɵɵstyleProp("display", "none");
-    i0.ɵɵadvance(4);
-    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(14, 13, "igo.geo.importExportForm.importClarifications"));
-    i0.ɵɵadvance(4);
-    i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind2(18, 15, "igo.geo.importExportForm.importSizeMax", i0.ɵɵpureFunction1(18, _c0$2, ctx_r0.fileSizeMb)), " ");
-} }
-function ContextImportExportComponent_form_9_mat_option_18_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "mat-option", 2);
-    i0.ɵɵtext(1);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const layer_r9 = ctx.$implicit;
-    i0.ɵɵproperty("value", layer_r9);
-    i0.ɵɵadvance(1);
-    i0.ɵɵtextInterpolate(layer_r9.title);
-} }
-function ContextImportExportComponent_form_9_Template(rf, ctx) { if (rf & 1) {
-    const _r11 = i0.ɵɵgetCurrentView();
-    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.ɵɵ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)(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.ɵɵ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()();
-} if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext();
-    i0.ɵɵproperty("formGroup", ctx_r1.form);
-    i0.ɵɵadvance(4);
-    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(5, 9, "igo.context.contextImportExport.export.exportContextName"));
-    i0.ɵɵadvance(6);
-    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(11, 11, "igo.context.contextImportExport.export.exportPlaceHolder"));
-    i0.ɵɵadvance(3);
-    i0.ɵɵproperty("value", 1);
-    i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(16, 13, "igo.context.contextImportExport.export.exportSelectAll"), " ");
-    i0.ɵɵadvance(3);
-    i0.ɵɵproperty("ngForOf", ctx_r1.userControlledLayerList);
-    i0.ɵɵadvance(2);
-    i0.ɵɵproperty("disabled", !ctx_r1.form.valid || i0.ɵɵpipeBind1(21, 15, ctx_r1.loading$));
-    i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(23, 17, "igo.geo.importExportForm.exportButton"), " ");
-    i0.ɵɵadvance(2);
-    i0.ɵɵproperty("shown", i0.ɵɵpipeBind1(25, 19, ctx_r1.loading$));
-} }
 class ContextImportExportComponent {
     contextImportService;
     contextExportService;
@@ -1230,43 +1134,15 @@ class ContextImportExportComponent {
     ngOnDestroy() {
         this.layers$$.unsubscribe();
     }
-    static ɵfac = function ContextImportExportComponent_Factory(t) { return new (t || ContextImportExportComponent)(i0.ɵɵdirectiveInject(ContextImportService), i0.ɵɵdirectiveInject(ContextExportService), i0.ɵɵdirectiveInject(i3.MessageService), i0.ɵɵdirectiveInject(i1$2.UntypedFormBuilder), i0.ɵɵdirectiveInject(i3.ConfigService), i0.ɵɵdirectiveInject(ContextService)); };
-    static ɵ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)(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);
-            i0.ɵɵpipe(4, "translate");
-            i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(5, "mat-button-toggle", 2);
-            i0.ɵɵtext(6);
-            i0.ɵɵpipe(7, "translate");
-            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) {
-            i0.ɵɵadvance(1);
-            i0.ɵɵproperty("value", ctx.activeImportExport);
-            i0.ɵɵadvance(1);
-            i0.ɵɵproperty("value", "import");
-            i0.ɵɵadvance(1);
-            i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(4, 7, "igo.geo.importExportForm.importTabTitle"), " ");
-            i0.ɵɵadvance(2);
-            i0.ɵɵproperty("value", "export");
-            i0.ɵɵadvance(1);
-            i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(7, 9, "igo.geo.importExportForm.exportTabTitle"), " ");
-            i0.ɵɵadvance(2);
-            i0.ɵɵproperty("ngIf", ctx.activeImportExport === "import");
-            i0.ɵɵadvance(1);
-            i0.ɵɵproperty("ngIf", ctx.activeImportExport === "export");
-        } }, dependencies: [i1$2.ɵNgNoValidate, i1$2.DefaultValueAccessor, i1$2.NgControlStatus, i1$2.NgControlStatusGroup, i1$2.NgForm, i1$2.FormGroupDirective, i1$2.FormControlName, i6.NgForOf, i6.NgIf, i7.MatButton, i8.MatButtonToggleGroup, i8.MatButtonToggle, i9.MatDivider, i6$1.MatFormField, i6$1.MatLabel, i11.MatSelect, i12.MatOption, i5.MatInput, i13.SpinnerComponent, i6.AsyncPipe, i9$1.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}"] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ContextImportExportComponent, deps: [{ token: ContextImportService }, { token: ContextExportService }, { token: i3.MessageService }, { token: i1$2.UntypedFormBuilder }, { token: i3.ConfigService }, { token: ContextService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ContextImportExportComponent, selector: "igo-context-import-export", inputs: { map: "map" }, ngImport: i0, 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  >\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\r\n        mat-raised-button\r\n        type=\"button\"\r\n        (click)=\"fileInput.click()\"\r\n        [disabled]=\"loading$ | async\"\r\n      >\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      />\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>\r\n        {{\r\n          'igo.geo.importExportForm.importSizeMax'\r\n            | translate: { size: fileSizeMb }\r\n        }}\r\n      </li>\r\n    </ul>\r\n  </section>\r\n</div>\r\n\r\n<form\r\n  class=\"igo-form\"\r\n  *ngIf=\"activeImportExport === 'export'\"\r\n  [formGroup]=\"form\"\r\n>\r\n  <div class=\"igo-input-container\">\r\n    <mat-form-field class=\"example-full-width\">\r\n      <mat-label>{{\r\n        'igo.context.contextImportExport.export.exportContextName' | translate\r\n      }}</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>{{\r\n        'igo.context.contextImportExport.export.exportPlaceHolder' | translate\r\n      }}</mat-label>\r\n      <mat-select formControlName=\"layers\" multiple>\r\n        <mat-option [value]=\"1\" (click)=\"selectAll(e)\" #e>\r\n          {{\r\n            'igo.context.contextImportExport.export.exportSelectAll' | translate\r\n          }}\r\n        </mat-option>\r\n        <mat-divider></mat-divider>\r\n        <mat-option\r\n          *ngFor=\"let layer of userControlledLayerList\"\r\n          [value]=\"layer\"\r\n          >{{ layer.title }}</mat-option\r\n        >\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    >\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"], dependencies: [{ kind: "directive", type: i1$2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$2.NgForm, selector: "form:not([ngNoForm]):not([formGroup]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i6.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i7.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "directive", type: i8.MatButtonToggleGroup, selector: "mat-button-toggle-group", inputs: ["appearance", "name", "vertical", "value", "multiple", "disabled"], outputs: ["valueChange", "change"], exportAs: ["matButtonToggleGroup"] }, { kind: "component", type: i8.MatButtonToggle, selector: "mat-button-toggle", inputs: ["disableRipple", "aria-label", "aria-labelledby", "id", "name", "value", "tabIndex", "appearance", "checked", "disabled"], outputs: ["change"], exportAs: ["matButtonToggle"] }, { kind: "component", type: i9.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { kind: "component", type: i6$1.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i6$1.MatLabel, selector: "mat-label" }, { kind: "component", type: i11.MatSelect, selector: "mat-select", inputs: ["disabled", "disableRipple", "tabIndex", "panelWidth", "hideSingleSelectionIndicator"], exportAs: ["matSelect"] }, { kind: "component", type: i12.MatOption, selector: "mat-option", exportAs: ["matOption"] }, { kind: "directive", type: i5.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "component", type: i13.SpinnerComponent, selector: "igo-spinner", inputs: ["shown"] }, { kind: "pipe", type: i6.AsyncPipe, name: "async" }, { kind: "pipe", type: i9$1.TranslatePipe, name: "translate" }] });
 }
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ContextImportExportComponent, [{
-        type: Component,
-        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  >\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\r\n        mat-raised-button\r\n        type=\"button\"\r\n        (click)=\"fileInput.click()\"\r\n        [disabled]=\"loading$ | async\"\r\n      >\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      />\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>\r\n        {{\r\n          'igo.geo.importExportForm.importSizeMax'\r\n            | translate: { size: fileSizeMb }\r\n        }}\r\n      </li>\r\n    </ul>\r\n  </section>\r\n</div>\r\n\r\n<form\r\n  class=\"igo-form\"\r\n  *ngIf=\"activeImportExport === 'export'\"\r\n  [formGroup]=\"form\"\r\n>\r\n  <div class=\"igo-input-container\">\r\n    <mat-form-field class=\"example-full-width\">\r\n      <mat-label>{{\r\n        'igo.context.contextImportExport.export.exportContextName' | translate\r\n      }}</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>{{\r\n        'igo.context.contextImportExport.export.exportPlaceHolder' | translate\r\n      }}</mat-label>\r\n      <mat-select formControlName=\"layers\" multiple>\r\n        <mat-option [value]=\"1\" (click)=\"selectAll(e)\" #e>\r\n          {{\r\n            'igo.context.contextImportExport.export.exportSelectAll' | translate\r\n          }}\r\n        </mat-option>\r\n        <mat-divider></mat-divider>\r\n        <mat-option\r\n          *ngFor=\"let layer of userControlledLayerList\"\r\n          [value]=\"layer\"\r\n          >{{ layer.title }}</mat-option\r\n        >\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    >\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.MessageService }, { type: i1$2.UntypedFormBuilder }, { type: i3.ConfigService }, { type: ContextService }]; }, { map: [{
-            type: Input
-        }] }); })();
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ContextImportExportComponent, decorators: [{
+            type: Component,
+            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  >\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\r\n        mat-raised-button\r\n        type=\"button\"\r\n        (click)=\"fileInput.click()\"\r\n        [disabled]=\"loading$ | async\"\r\n      >\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      />\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>\r\n        {{\r\n          'igo.geo.importExportForm.importSizeMax'\r\n            | translate: { size: fileSizeMb }\r\n        }}\r\n      </li>\r\n    </ul>\r\n  </section>\r\n</div>\r\n\r\n<form\r\n  class=\"igo-form\"\r\n  *ngIf=\"activeImportExport === 'export'\"\r\n  [formGroup]=\"form\"\r\n>\r\n  <div class=\"igo-input-container\">\r\n    <mat-form-field class=\"example-full-width\">\r\n      <mat-label>{{\r\n        'igo.context.contextImportExport.export.exportContextName' | translate\r\n      }}</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>{{\r\n        'igo.context.contextImportExport.export.exportPlaceHolder' | translate\r\n      }}</mat-label>\r\n      <mat-select formControlName=\"layers\" multiple>\r\n        <mat-option [value]=\"1\" (click)=\"selectAll(e)\" #e>\r\n          {{\r\n            'igo.context.contextImportExport.export.exportSelectAll' | translate\r\n          }}\r\n        </mat-option>\r\n        <mat-divider></mat-divider>\r\n        <mat-option\r\n          *ngFor=\"let layer of userControlledLayerList\"\r\n          [value]=\"layer\"\r\n          >{{ layer.title }}</mat-option\r\n        >\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    >\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"] }]
+        }], ctorParameters: function () { return [{ type: ContextImportService }, { type: ContextExportService }, { type: i3.MessageService }, { type: i1$2.UntypedFormBuilder }, { type: i3.ConfigService }, { type: ContextService }]; }, propDecorators: { map: [{
+                type: Input
+            }] } });
 
 class IgoContextImportExportModule {
     static forRoot() {
@@ -1274,9 +1150,23 @@ class IgoContextImportExportModule {
             ngModule: IgoContextImportExportModule
         };
     }
-    static ɵfac = function IgoContextImportExportModule_Factory(t) { return new (t || IgoContextImportExportModule)(); };
-    static ɵmod = /*@__PURE__*/ i0.ɵɵdefineNgModule({ type: IgoContextImportExportModule });
-    static ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [FormsModule,
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: IgoContextImportExportModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: IgoContextImportExportModule, declarations: [ContextImportExportComponent], imports: [FormsModule,
+            ReactiveFormsModule,
+            CommonModule,
+            MatButtonModule,
+            MatButtonToggleModule,
+            MatDividerModule,
+            MatTabsModule,
+            MatSelectModule,
+            MatOptionModule,
+            MatFormFieldModule,
+            MatInputModule,
+            MatCheckboxModule,
+            IgoLanguageModule,
+            IgoSpinnerModule,
+            MatTooltipModule], exports: [ContextImportExportComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: IgoContextImportExportModule, imports: [FormsModule,
             ReactiveFormsModule,
             CommonModule,
             MatButtonModule,
@@ -1292,45 +1182,30 @@ class IgoContextImportExportModule {
             IgoSpinnerModule,
             MatTooltipModule] });
 }
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(IgoContextImportExportModule, [{
-        type: NgModule,
-        args: [{
-                imports: [
-                    FormsModule,
-                    ReactiveFormsModule,
-                    CommonModule,
-                    MatButtonModule,
-                    MatButtonToggleModule,
-                    MatDividerModule,
-                    MatTabsModule,
-                    MatSelectModule,
-                    MatOptionModule,
-                    MatFormFieldModule,
-                    MatInputModule,
-                    MatCheckboxModule,
-                    IgoLanguageModule,
-                    IgoSpinnerModule,
-                    MatTooltipModule
-                ],
-                exports: [ContextImportExportComponent],
-                declarations: [ContextImportExportComponent]
-            }]
-    }], null, null); })();
-(function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(IgoContextImportExportModule, { declarations: [ContextImportExportComponent], imports: [FormsModule,
-        ReactiveFormsModule,
-        CommonModule,
-        MatButtonModule,
-        MatButtonToggleModule,
-        MatDividerModule,
-        MatTabsModule,
-        MatSelectModule,
-        MatOptionModule,
-        MatFormFieldModule,
-        MatInputModule,
-        MatCheckboxModule,
-        IgoLanguageModule,
-        IgoSpinnerModule,
-        MatTooltipModule], exports: [ContextImportExportComponent] }); })();
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: IgoContextImportExportModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        FormsModule,
+                        ReactiveFormsModule,
+                        CommonModule,
+                        MatButtonModule,
+                        MatButtonToggleModule,
+                        MatDividerModule,
+                        MatTabsModule,
+                        MatSelectModule,
+                        MatOptionModule,
+                        MatFormFieldModule,
+                        MatInputModule,
+                        MatCheckboxModule,
+                        IgoLanguageModule,
+                        IgoSpinnerModule,
+                        MatTooltipModule
+                    ],
+                    exports: [ContextImportExportComponent],
+                    declarations: [ContextImportExportComponent]
+                }]
+        }] });
 
 class BookmarkDialogComponent {
     dialogRef;
@@ -1338,43 +1213,13 @@ class BookmarkDialogComponent {
     constructor(dialogRef) {
         this.dialogRef = dialogRef;
     }
-    static ɵfac = function BookmarkDialogComponent_Factory(t) { return new (t || BookmarkDialogComponent)(i0.ɵɵdirectiveInject(i1$3.MatDialogRef)); };
-    static ɵ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)(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.ɵɵ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");
-            i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(11, "button", 5);
-            i0.ɵɵlistener("click", function BookmarkDialogComponent_Template_button_click_11_listener() { return ctx.dialogRef.close(false); });
-            i0.ɵɵtext(12);
-            i0.ɵɵpipe(13, "translate");
-            i0.ɵɵelementEnd()();
-        } if (rf & 2) {
-            i0.ɵɵadvance(1);
-            i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(2, 6, "igo.context.bookmarkButton.dialog.title"), "\n");
-            i0.ɵɵadvance(4);
-            i0.ɵɵproperty("placeholder", i0.ɵɵpipeBind1(6, 8, "igo.context.bookmarkButton.dialog.placeholder"))("ngModel", ctx.title);
-            i0.ɵɵadvance(3);
-            i0.ɵɵproperty("disabled", !ctx.title);
-            i0.ɵɵadvance(1);
-            i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(10, 10, "igo.common.confirmDialog.confirmBtn"), " ");
-            i0.ɵɵadvance(3);
-            i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(13, 12, "igo.common.confirmDialog.cancelBtn"), " ");
-        } }, dependencies: [i1$2.DefaultValueAccessor, i1$2.NgControlStatus, i1$2.RequiredValidator, i1$2.MaxLengthValidator, i1$2.NgModel, i7.MatButton, i1$3.MatDialogTitle, i1$3.MatDialogContent, i1$3.MatDialogActions, i6$1.MatFormField, i5.MatInput, i9$1.TranslatePipe], encapsulation: 2 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: BookmarkDialogComponent, deps: [{ token: i1$3.MatDialogRef }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: BookmarkDialogComponent, selector: "igo-bookmark-dialog", ngImport: i0, template: "<h1 mat-dialog-title class=\"mat-typography\">\r\n  {{ 'igo.context.bookmarkButton.dialog.title' | translate }}\r\n</h1>\r\n<div mat-dialog-content class=\"mat-typography\">\r\n  <mat-form-field>\r\n    <input\r\n      matInput\r\n      required\r\n      autocomplete=\"off\"\r\n      maxlength=\"128\"\r\n      [placeholder]=\"\r\n        'igo.context.bookmarkButton.dialog.placeholder' | translate\r\n      \"\r\n      [(ngModel)]=\"title\"\r\n    />\r\n  </mat-form-field>\r\n</div>\r\n<div mat-dialog-actions>\r\n  <button\r\n    mat-button\r\n    color=\"primary\"\r\n    [disabled]=\"!title\"\r\n    (click)=\"dialogRef.close(title)\"\r\n  >\r\n    {{ 'igo.common.confirmDialog.confirmBtn' | translate }}\r\n  </button>\r\n  <button mat-button (click)=\"dialogRef.close(false)\">\r\n    {{ 'igo.common.confirmDialog.cancelBtn' | translate }}\r\n  </button>\r\n</div>\r\n", dependencies: [{ kind: "directive", type: i1$2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1$2.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i1$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i7.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "directive", type: i1$3.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "directive", type: i1$3.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "directive", type: i1$3.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "component", type: i6$1.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i5.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "pipe", type: i9$1.TranslatePipe, name: "translate" }] });
 }
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(BookmarkDialogComponent, [{
-        type: Component,
-        args: [{ selector: 'igo-bookmark-dialog', template: "<h1 mat-dialog-title class=\"mat-typography\">\r\n  {{ 'igo.context.bookmarkButton.dialog.title' | translate }}\r\n</h1>\r\n<div mat-dialog-content class=\"mat-typography\">\r\n  <mat-form-field>\r\n    <input\r\n      matInput\r\n      required\r\n      autocomplete=\"off\"\r\n      maxlength=\"128\"\r\n      [placeholder]=\"\r\n        'igo.context.bookmarkButton.dialog.placeholder' | translate\r\n      \"\r\n      [(ngModel)]=\"title\"\r\n    />\r\n  </mat-form-field>\r\n</div>\r\n<div mat-dialog-actions>\r\n  <button\r\n    mat-button\r\n    color=\"primary\"\r\n    [disabled]=\"!title\"\r\n    (click)=\"dialogRef.close(title)\"\r\n  >\r\n    {{ 'igo.common.confirmDialog.confirmBtn' | translate }}\r\n  </button>\r\n  <button mat-button (click)=\"dialogRef.close(false)\">\r\n    {{ 'igo.common.confirmDialog.cancelBtn' | translate }}\r\n  </button>\r\n</div>\r\n" }]
-    }], function () { return [{ type: i1$3.MatDialogRef }]; }, null); })();
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: BookmarkDialogComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'igo-bookmark-dialog', template: "<h1 mat-dialog-title class=\"mat-typography\">\r\n  {{ 'igo.context.bookmarkButton.dialog.title' | translate }}\r\n</h1>\r\n<div mat-dialog-content class=\"mat-typography\">\r\n  <mat-form-field>\r\n    <input\r\n      matInput\r\n      required\r\n      autocomplete=\"off\"\r\n      maxlength=\"128\"\r\n      [placeholder]=\"\r\n        'igo.context.bookmarkButton.dialog.placeholder' | translate\r\n      \"\r\n      [(ngModel)]=\"title\"\r\n    />\r\n  </mat-form-field>\r\n</div>\r\n<div mat-dialog-actions>\r\n  <button\r\n    mat-button\r\n    color=\"primary\"\r\n    [disabled]=\"!title\"\r\n    (click)=\"dialogRef.close(title)\"\r\n  >\r\n    {{ 'igo.common.confirmDialog.confirmBtn' | translate }}\r\n  </button>\r\n  <button mat-button (click)=\"dialogRef.close(false)\">\r\n    {{ 'igo.common.confirmDialog.cancelBtn' | translate }}\r\n  </button>\r\n</div>\r\n" }]
+        }], ctorParameters: function () { return [{ type: i1$3.MatDialogRef }]; } });
 
 class BookmarkButtonComponent {
     dialog;
@@ -1415,26 +1260,17 @@ class BookmarkButtonComponent {
             }
         });
     }
-    static ɵfac = function BookmarkButtonComponent_Factory(t) { return new (t || BookmarkButtonComponent)(i0.ɵɵdirectiveInject(i1$3.MatDialog), i0.ɵɵdirectiveInject(ContextService), i0.ɵɵdirectiveInject(i3.MessageService)); };
-    static ɵ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)(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()();
-        } if (rf & 2) {
-            i0.ɵɵadvance(1);
-            i0.ɵɵproperty("matTooltip", i0.ɵɵpipeBind1(2, 2, "igo.context.bookmarkButton.create"))("color", ctx.color);
-        } }, dependencies: [i7.MatIconButton, i6$2.MatIcon, i6$3.MatTooltip, i9$1.TranslatePipe], styles: ["[_nghost-%COMP%]   button[_ngcontent-%COMP%]{border-radius:0!important}[_nghost-%COMP%]   button[_ngcontent-%COMP%]   .mat-ripple[_ngcontent-%COMP%], [_nghost-%COMP%]   button[_ngcontent-%COMP%]   .mdc-icon-button__ripple[_ngcontent-%COMP%]{border-radius:0!important}[_nghost-%COMP%]   .igo-bookmark-button-container[_ngcontent-%COMP%]{width:40px}[_nghost-%COMP%]   .igo-bookmark-button-container[_ngcontent-%COMP%]   button[_ngcontent-%COMP%]{background-color:#fff}[_nghost-%COMP%]   .igo-bookmark-button-container[_ngcontent-%COMP%]   button[_ngcontent-%COMP%]:hover{background-color:#efefef}"] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: BookmarkButtonComponent, deps: [{ token: i1$3.MatDialog }, { token: ContextService }, { token: i3.MessageService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: BookmarkButtonComponent, selector: "igo-bookmark-button", inputs: { map: "map", color: "color" }, ngImport: i0, 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  >\r\n    <mat-icon svgIcon=\"star\"></mat-icon>\r\n  </button>\r\n</div>\r\n", styles: [":host button{border-radius:0!important}:host button .mat-ripple,:host button .mdc-icon-button__ripple{border-radius:0!important}:host .igo-bookmark-button-container{width:40px}:host .igo-bookmark-button-container button{background-color:#fff}:host .igo-bookmark-button-container button:hover{background-color:#efefef}\n"], dependencies: [{ kind: "component", type: i7.MatIconButton, selector: "button[mat-icon-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i6$2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i6$3.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }, { kind: "pipe", type: i9$1.TranslatePipe, name: "translate" }] });
 }
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(BookmarkButtonComponent, [{
-        type: Component,
-        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  >\r\n    <mat-icon svgIcon=\"star\"></mat-icon>\r\n  </button>\r\n</div>\r\n", styles: [":host button{border-radius:0!important}:host button .mat-ripple,:host button .mdc-icon-button__ripple{border-radius:0!important}:host .igo-bookmark-button-container{width:40px}:host .igo-bookmark-button-container button{background-color:#fff}:host .igo-bookmark-button-container button:hover{background-color:#efefef}\n"] }]
-    }], function () { return [{ type: i1$3.MatDialog }, { type: ContextService }, { type: i3.MessageService }]; }, { map: [{
-            type: Input
-        }], color: [{
-            type: Input
-        }] }); })();
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: BookmarkButtonComponent, decorators: [{
+            type: Component,
+            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  >\r\n    <mat-icon svgIcon=\"star\"></mat-icon>\r\n  </button>\r\n</div>\r\n", styles: [":host button{border-radius:0!important}:host button .mat-ripple,:host button .mdc-icon-button__ripple{border-radius:0!important}:host .igo-bookmark-button-container{width:40px}:host .igo-bookmark-button-container button{background-color:#fff}:host .igo-bookmark-button-container button:hover{background-color:#efefef}\n"] }]
+        }], ctorParameters: function () { return [{ type: i1$3.MatDialog }, { type: ContextService }, { type: i3.MessageService }]; }, propDecorators: { map: [{
+                type: Input
+            }], color: [{
+                type: Input
+            }] } });
 
 class PoiDialogComponent {
     dialogRef;
@@ -1442,43 +1278,13 @@ class PoiDialogComponent {
     constructor(dialogRef) {
         this.dialogRef = dialogRef;
     }
-    static ɵfac = function PoiDialogComponent_Factory(t) { return new (t || PoiDialogComponent)(i0.ɵɵdirectiveInject(i1$3.MatDialogRef)); };
-    static ɵ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)(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.ɵɵ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");
-            i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(11, "button", 5);
-            i0.ɵɵlistener("click", function PoiDialogComponent_Template_button_click_11_listener() { return ctx.dialogRef.close(false); });
-            i0.ɵɵtext(12);
-            i0.ɵɵpipe(13, "translate");
-            i0.ɵɵelementEnd()();
-        } if (rf & 2) {
-            i0.ɵɵadvance(1);
-            i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(2, 6, "igo.context.poiButton.dialog.title"), "\n");
-            i0.ɵɵadvance(4);
-            i0.ɵɵproperty("placeholder", i0.ɵɵpipeBind1(6, 8, "igo.context.poiButton.dialog.placeholder"))("ngModel", ctx.title);
-            i0.ɵɵadvance(3);
-            i0.ɵɵproperty("disabled", !ctx.title);
-            i0.ɵɵadvance(1);
-            i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(10, 10, "igo.common.confirmDialog.confirmBtn"), " ");
-            i0.ɵɵadvance(3);
-            i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(13, 12, "igo.common.confirmDialog.cancelBtn"), " ");
-        } }, dependencies: [i1$2.DefaultValueAccessor, i1$2.NgControlStatus, i1$2.RequiredValidator, i1$2.NgModel, i7.MatButton, i1$3.MatDialogTitle, i1$3.MatDialogContent, i1$3.MatDialogActions, i6$1.MatFormField, i5.MatInput, i9$1.TranslatePipe], encapsulation: 2 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PoiDialogComponent, deps: [{ token: i1$3.MatDialogRef }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: PoiDialogComponent, selector: "igo-poi-dialog", ngImport: i0, template: "<h1 mat-dialog-title class=\"mat-typography\">\r\n  {{ 'igo.context.poiButton.dialog.title' | translate }}\r\n</h1>\r\n<div mat-dialog-content>\r\n  <mat-form-field>\r\n    <input\r\n      matInput\r\n      required\r\n      autocomplete=\"off\"\r\n      [placeholder]=\"'igo.context.poiButton.dialog.placeholder' | translate\"\r\n      [(ngModel)]=\"title\"\r\n    />\r\n  </mat-form-field>\r\n</div>\r\n<div mat-dialog-actions>\r\n  <button\r\n    mat-button\r\n    color=\"primary\"\r\n    [disabled]=\"!title\"\r\n    (click)=\"dialogRef.close(title)\"\r\n  >\r\n    {{ 'igo.common.confirmDialog.confirmBtn' | translate }}\r\n  </button>\r\n  <button mat-button (click)=\"dialogRef.close(false)\">\r\n    {{ 'igo.common.confirmDialog.cancelBtn' | translate }}\r\n  </button>\r\n</div>\r\n", dependencies: [{ kind: "directive", type: i1$2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i7.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "directive", type: i1$3.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "directive", type: i1$3.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "directive", type: i1$3.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "component", type: i6$1.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i5.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "pipe", type: i9$1.TranslatePipe, name: "translate" }] });
 }
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PoiDialogComponent, [{
-        type: Component,
-        args: [{ selector: 'igo-poi-dialog', template: "<h1 mat-dialog-title class=\"mat-typography\">\r\n  {{ 'igo.context.poiButton.dialog.title' | translate }}\r\n</h1>\r\n<div mat-dialog-content>\r\n  <mat-form-field>\r\n    <input\r\n      matInput\r\n      required\r\n      autocomplete=\"off\"\r\n      [placeholder]=\"'igo.context.poiButton.dialog.placeholder' | translate\"\r\n      [(ngModel)]=\"title\"\r\n    />\r\n  </mat-form-field>\r\n</div>\r\n<div mat-dialog-actions>\r\n  <button\r\n    mat-button\r\n    color=\"primary\"\r\n    [disabled]=\"!title\"\r\n    (click)=\"dialogRef.close(title)\"\r\n  >\r\n    {{ 'igo.common.confirmDialog.confirmBtn' | translate }}\r\n  </button>\r\n  <button mat-button (click)=\"dialogRef.close(false)\">\r\n    {{ 'igo.common.confirmDialog.cancelBtn' | translate }}\r\n  </button>\r\n</div>\r\n" }]
-    }], function () { return [{ type: i1$3.MatDialogRef }]; }, null); })();
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PoiDialogComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'igo-poi-dialog', template: "<h1 mat-dialog-title class=\"mat-typography\">\r\n  {{ 'igo.context.poiButton.dialog.title' | translate }}\r\n</h1>\r\n<div mat-dialog-content>\r\n  <mat-form-field>\r\n    <input\r\n      matInput\r\n      required\r\n      autocomplete=\"off\"\r\n      [placeholder]=\"'igo.context.poiButton.dialog.placeholder' | translate\"\r\n      [(ngModel)]=\"title\"\r\n    />\r\n  </mat-form-field>\r\n</div>\r\n<div mat-dialog-actions>\r\n  <button\r\n    mat-button\r\n    color=\"primary\"\r\n    [disabled]=\"!title\"\r\n    (click)=\"dialogRef.close(title)\"\r\n  >\r\n    {{ 'igo.common.confirmDialog.confirmBtn' | translate }}\r\n  </button>\r\n  <button mat-button (click)=\"dialogRef.close(false)\">\r\n    {{ 'igo.common.confirmDialog.cancelBtn' | translate }}\r\n  </button>\r\n</div>\r\n" }]
+        }], ctorParameters: function () { return [{ type: i1$3.MatDialogRef }]; } });
 
 class PoiService {
     http;
@@ -1504,30 +1310,13 @@ class PoiService {
         const url = this.baseUrl + '/pois';
         return this.http.post(url, context);
     }
-    static ɵfac = function PoiService_Factory(t) { return new (t || PoiService)(i0.ɵɵinject(i1.HttpClient), i0.ɵɵinject(i3.ConfigService)); };
-    static ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: PoiService, factory: PoiService.ɵfac });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PoiService, deps: [{ token: i1.HttpClient }, { token: i3.ConfigService }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PoiService });
 }
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PoiService, [{
-        type: Injectable
-    }], function () { return [{ type: i1.HttpClient }, { type: i3.ConfigService }]; }, null); })();
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PoiService, decorators: [{
+            type: Injectable
+        }], ctorParameters: function () { return [{ type: i1.HttpClient }, { type: i3.ConfigService }]; } });
 
-function PoiButtonComponent_mat_option_9_Template(rf, ctx) { if (rf & 1) {
-    const _r3 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "mat-option", 6);
-    i0.ɵɵlistener("click", function PoiButtonComponent_mat_option_9_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_9_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()();
-} if (rf & 2) {
-    const poi_r1 = ctx.$implicit;
-    i0.ɵɵproperty("value", poi_r1.id);
-    i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate(poi_r1.title);
-} }
 class PoiButtonComponent {
     dialog;
     authService;
@@ -1634,39 +1423,17 @@ class PoiButtonComponent {
             easing: oleasing.easeOut
         });
     }
-    static ɵ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(i13.ConfirmDialogService)); };
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PoiButtonComponent, selectors: [["igo-poi-button"]], inputs: { map: "map", color: "color" }, decls: 10, vars: 7, consts: [["floatPlaceholder", "never", 3, "placeholder"], [1, "poi-option", 3, "click"], [1, "titlePoi"], ["igoStopPropagation", "", "mat-icon-button", "", "color", "primary", 3, "click"], ["svgIcon", "plus-circle"], ["class", "poi-option", 3, "value", "click", 4, "ngFor", "ngForOf"], [1, "poi-option", 3, "value", "click"], ["mat-icon-button", "", "igoStopPropagation", "", "color", "warn", 3, "click"], ["svgIcon", "delete"]], template: function PoiButtonComponent_Template(rf, ctx) { if (rf & 1) {
-            i0.ɵɵelementStart(0, "mat-select", 0);
-            i0.ɵɵpipe(1, "translate");
-            i0.ɵɵelementStart(2, "mat-option", 1);
-            i0.ɵɵlistener("click", function PoiButtonComponent_Template_mat_option_click_2_listener() { return ctx.createPoi(); });
-            i0.ɵɵelementStart(3, "div", 2);
-            i0.ɵɵtext(4);
-            i0.ɵɵpipe(5, "translate");
-            i0.ɵɵelementEnd();
-            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.ɵɵelement(8, "mat-divider");
-            i0.ɵɵtemplate(9, PoiButtonComponent_mat_option_9_Template, 5, 2, "mat-option", 5);
-            i0.ɵɵelementEnd();
-        } if (rf & 2) {
-            i0.ɵɵproperty("placeholder", i0.ɵɵpipeBind1(1, 3, "igo.context.poiButton.placeholder"));
-            i0.ɵɵadvance(4);
-            i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(5, 5, "igo.context.poiButton.create"), " ");
-            i0.ɵɵadvance(5);
-            i0.ɵɵproperty("ngForOf", ctx.pois);
-        } }, dependencies: [i6.NgForOf, i13.StopPropagationDirective, i7.MatIconButton, i9.MatDivider, i6$2.MatIcon, i12.MatOption, i11.MatSelect, i9$1.TranslatePipe], styles: ["[_nghost-%COMP%]{background-color:#fff;padding:0 8px;height:100%}mat-select[_ngcontent-%COMP%]{width:150px;height:100%}mat-select[_ngcontent-%COMP%]     .mat-mdc-select-trigger{height:100%}  .poi-option .mdc-list-item__primary-text{display:flex;justify-content:space-between;align-items:center;flex:1;overflow:visible}  .poi-option button{margin-right:-16px}"] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PoiButtonComponent, deps: [{ token: i1$3.MatDialog }, { token: i2.AuthService }, { token: PoiService }, { token: i3.MessageService }, { token: i3.LanguageService }, { token: i13.ConfirmDialogService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: PoiButtonComponent, selector: "igo-poi-button", inputs: { map: "map", color: "color" }, ngImport: i0, template: "<mat-select\r\n  [placeholder]=\"'igo.context.poiButton.placeholder' | translate\"\r\n  floatPlaceholder=\"never\"\r\n>\r\n  <mat-option (click)=\"createPoi()\" class=\"poi-option\">\r\n    <div class=\"titlePoi\">\r\n      {{ 'igo.context.poiButton.create' | translate }}\r\n    </div>\r\n    <button\r\n      igoStopPropagation\r\n      mat-icon-button\r\n      color=\"primary\"\r\n      (click)=\"createPoi()\"\r\n    >\r\n      <mat-icon svgIcon=\"plus-circle\"></mat-icon>\r\n    </button>\r\n  </mat-option>\r\n  <mat-divider></mat-divider>\r\n  <mat-option\r\n    *ngFor=\"let poi of pois\"\r\n    class=\"poi-option\"\r\n    [value]=\"poi.id\"\r\n    (click)=\"zoomOnPoi(poi.id)\"\r\n  >\r\n    <div class=\"titlePoi\">{{ poi.title }}</div>\r\n    <button\r\n      mat-icon-button\r\n      igoStopPropagation\r\n      color=\"warn\"\r\n      (click)=\"deletePoi(poi)\"\r\n    >\r\n      <mat-icon svgIcon=\"delete\"></mat-icon>\r\n    </button>\r\n  </mat-option>\r\n</mat-select>\r\n", styles: [":host{background-color:#fff;padding:0 8px;height:100%}mat-select{width:150px;height:100%}mat-select ::ng-deep .mat-mdc-select-trigger{height:100%}::ng-deep .poi-option .mdc-list-item__primary-text{display:flex;justify-content:space-between;align-items:center;flex:1;overflow:visible}::ng-deep .poi-option button{margin-right:-16px}\n"], dependencies: [{ kind: "directive", type: i6.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i13.StopPropagationDirective, selector: "[igoStopPropagation]" }, { kind: "component", type: i7.MatIconButton, selector: "button[mat-icon-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i9.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { kind: "component", type: i6$2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i12.MatOption, selector: "mat-option", exportAs: ["matOption"] }, { kind: "component", type: i11.MatSelect, selector: "mat-select", inputs: ["disabled", "disableRipple", "tabIndex", "panelWidth", "hideSingleSelectionIndicator"], exportAs: ["matSelect"] }, { kind: "pipe", type: i9$1.TranslatePipe, name: "translate" }] });
 }
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PoiButtonComponent, [{
-        type: Component,
-        args: [{ selector: 'igo-poi-button', template: "<mat-select\r\n  [placeholder]=\"'igo.context.poiButton.placeholder' | translate\"\r\n  floatPlaceholder=\"never\"\r\n>\r\n  <mat-option (click)=\"createPoi()\" class=\"poi-option\">\r\n    <div class=\"titlePoi\">\r\n      {{ 'igo.context.poiButton.create' | translate }}\r\n    </div>\r\n    <button\r\n      igoStopPropagation\r\n      mat-icon-button\r\n      color=\"primary\"\r\n      (click)=\"createPoi()\"\r\n    >\r\n      <mat-icon svgIcon=\"plus-circle\"></mat-icon>\r\n    </button>\r\n  </mat-option>\r\n  <mat-divider></mat-divider>\r\n  <mat-option\r\n    *ngFor=\"let poi of pois\"\r\n    class=\"poi-option\"\r\n    [value]=\"poi.id\"\r\n    (click)=\"zoomOnPoi(poi.id)\"\r\n  >\r\n    <div class=\"titlePoi\">{{ poi.title }}</div>\r\n    <button\r\n      mat-icon-button\r\n      igoStopPropagation\r\n      color=\"warn\"\r\n      (click)=\"deletePoi(poi)\"\r\n    >\r\n      <mat-icon svgIcon=\"delete\"></mat-icon>\r\n    </button>\r\n  </mat-option>\r\n</mat-select>\r\n", styles: [":host{background-color:#fff;padding:0 8px;height:100%}mat-select{width:150px;height:100%}mat-select ::ng-deep .mat-mdc-select-trigger{height:100%}::ng-deep .poi-option .mdc-list-item__primary-text{display:flex;justify-content:space-between;align-items:center;flex:1;overflow:visible}::ng-deep .poi-option button{margin-right:-16px}\n"] }]
-    }], function () { return [{ type: i1$3.MatDialog }, { type: i2.AuthService }, { type: PoiService }, { type: i3.MessageService }, { type: i3.LanguageService }, { type: i13.ConfirmDialogService }]; }, { map: [{
-            type: Input
-        }], color: [{
-            type: Input
-        }] }); })();
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PoiButtonComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'igo-poi-button', template: "<mat-select\r\n  [placeholder]=\"'igo.context.poiButton.placeholder' | translate\"\r\n  floatPlaceholder=\"never\"\r\n>\r\n  <mat-option (click)=\"createPoi()\" class=\"poi-option\">\r\n    <div class=\"titlePoi\">\r\n      {{ 'igo.context.poiButton.create' | translate }}\r\n    </div>\r\n    <button\r\n      igoStopPropagation\r\n      mat-icon-button\r\n      color=\"primary\"\r\n      (click)=\"createPoi()\"\r\n    >\r\n      <mat-icon svgIcon=\"plus-circle\"></mat-icon>\r\n    </button>\r\n  </mat-option>\r\n  <mat-divider></mat-divider>\r\n  <mat-option\r\n    *ngFor=\"let poi of pois\"\r\n    class=\"poi-option\"\r\n    [value]=\"poi.id\"\r\n    (click)=\"zoomOnPoi(poi.id)\"\r\n  >\r\n    <div class=\"titlePoi\">{{ poi.title }}</div>\r\n    <button\r\n      mat-icon-button\r\n      igoStopPropagation\r\n      color=\"warn\"\r\n      (click)=\"deletePoi(poi)\"\r\n    >\r\n      <mat-icon svgIcon=\"delete\"></mat-icon>\r\n    </button>\r\n  </mat-option>\r\n</mat-select>\r\n", styles: [":host{background-color:#fff;padding:0 8px;height:100%}mat-select{width:150px;height:100%}mat-select ::ng-deep .mat-mdc-select-trigger{height:100%}::ng-deep .poi-option .mdc-list-item__primary-text{display:flex;justify-content:space-between;align-items:center;flex:1;overflow:visible}::ng-deep .poi-option button{margin-right:-16px}\n"] }]
+        }], ctorParameters: function () { return [{ type: i1$3.MatDialog }, { type: i2.AuthService }, { type: PoiService }, { type: i3.MessageService }, { type: i3.LanguageService }, { type: i13.ConfirmDialogService }]; }, propDecorators: { map: [{
+                type: Input
+            }], color: [{
+                type: Input
+            }] } });
 
 function userButtonSlideInOut() {
     return trigger('userButtonState', [
@@ -1695,96 +1462,20 @@ class UserDialogComponent {
         this.auth = auth;
         this.storageService = storageService;
         const decodeToken = this.auth.decodeToken();
-        this.user = decodeToken.user;
+        this.user = decodeToken?.user;
         this.exp = new Date(decodeToken.exp * 1000).toLocaleString();
     }
     clearPreferences() {
         this.storageService.clear();
     }
-    static ɵfac = function UserDialogComponent_Factory(t) { return new (t || UserDialogComponent)(i0.ɵɵdirectiveInject(i1$3.MatDialogRef), i0.ɵɵdirectiveInject(i2.AuthService), i0.ɵɵdirectiveInject(i3.StorageService)); };
-    static ɵ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)(4, "p");
-            i0.ɵɵtext(5);
-            i0.ɵɵpipe(6, "translate");
-            i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(7, "p");
-            i0.ɵɵtext(8);
-            i0.ɵɵpipe(9, "translate");
-            i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(10, "p");
-            i0.ɵɵtext(11);
-            i0.ɵɵpipe(12, "translate");
-            i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(13, "button", 2);
-            i0.ɵɵlistener("click", function UserDialogComponent_Template_button_click_13_listener() { return ctx.clearPreferences(); });
-            i0.ɵɵtext(14);
-            i0.ɵɵpipe(15, "translate");
-            i0.ɵɵelementEnd();
-            i0.ɵɵelement(16, "br");
-            i0.ɵɵelementEnd();
-            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()();
-        } if (rf & 2) {
-            i0.ɵɵadvance(1);
-            i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(2, 8, "igo.context.userButton.infoTitle"), "\n");
-            i0.ɵɵadvance(4);
-            i0.ɵɵtextInterpolate2(" ", i0.ɵɵpipeBind1(6, 10, "igo.context.userButton.dialog.user"), ": ", ctx.user.sourceId, " ");
-            i0.ɵɵadvance(3);
-            i0.ɵɵtextInterpolate2(" ", i0.ɵɵpipeBind1(9, 12, "igo.context.userButton.dialog.email"), ": ", ctx.user.email, " ");
-            i0.ɵɵadvance(3);
-            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"), " ");
-        } }, dependencies: [i7.MatButton, i1$3.MatDialogTitle, i1$3.MatDialogContent, i1$3.MatDialogActions, i9$1.TranslatePipe], encapsulation: 2 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: UserDialogComponent, deps: [{ token: i1$3.MatDialogRef }, { token: i2.AuthService }, { token: i3.StorageService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: UserDialogComponent, selector: "igo-user-dialog", ngImport: i0, template: "<h1 mat-dialog-title class=\"mat-typography\">\r\n  {{ 'igo.context.userButton.infoTitle' | translate }}\r\n</h1>\r\n<div mat-dialog-content class=\"mat-typography\">\r\n  <p>\r\n    {{ 'igo.context.userButton.dialog.user' | translate }}: {{ user.sourceId }}\r\n  </p>\r\n  <p>\r\n    {{ 'igo.context.userButton.dialog.email' | translate }}: {{ user.email }}\r\n  </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\" (click)=\"dialogRef.close(false)\">\r\n    OK\r\n  </button>\r\n</div>\r\n", dependencies: [{ kind: "component", type: i7.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "directive", type: i1$3.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "directive", type: i1$3.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "directive", type: i1$3.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "pipe", type: i9$1.TranslatePipe, name: "translate" }] });
 }
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(UserDialogComponent, [{
-        type: Component,
-        args: [{ selector: 'igo-user-dialog', template: "<h1 mat-dialog-title class=\"mat-typography\">\r\n  {{ 'igo.context.userButton.infoTitle' | translate }}\r\n</h1>\r\n<div mat-dialog-content class=\"mat-typography\">\r\n  <p>\r\n    {{ 'igo.context.userButton.dialog.user' | translate }}: {{ user.sourceId }}\r\n  </p>\r\n  <p>\r\n    {{ 'igo.context.userButton.dialog.email' | translate }}: {{ user.email }}\r\n  </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\" (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); })();
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: UserDialogComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'igo-user-dialog', template: "<h1 mat-dialog-title class=\"mat-typography\">\r\n  {{ 'igo.context.userButton.infoTitle' | translate }}\r\n</h1>\r\n<div mat-dialog-content class=\"mat-typography\">\r\n  <p>\r\n    {{ 'igo.context.userButton.dialog.user' | translate }}: {{ user.sourceId }}\r\n  </p>\r\n  <p>\r\n    {{ 'igo.context.userButton.dialog.email' | translate }}: {{ user.email }}\r\n  </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\" (click)=\"dialogRef.close(false)\">\r\n    OK\r\n  </button>\r\n</div>\r\n" }]
+        }], ctorParameters: function () { return [{ type: i1$3.MatDialogRef }, { type: i2.AuthService }, { type: i3.StorageService }]; } });
 
-function UserButtonComponent_div_0_igo_poi_button_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "igo-poi-button", 9);
-} if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext(2);
-    i0.ɵɵproperty("color", ctx_r1.color)("map", ctx_r1.map);
-} }
-function UserButtonComponent_div_0_Template(rf, ctx) { if (rf & 1) {
-    const _r3 = i0.ɵɵgetCurrentView();
-    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 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 i0.ɵɵresetView(ctx_r4.logout()); });
-    i0.ɵɵpipe(7, "translate");
-    i0.ɵɵelement(8, "mat-icon", 6);
-    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 i0.ɵɵresetView(ctx_r5.accountClick()); });
-    i0.ɵɵelement(10, "mat-icon", 8);
-    i0.ɵɵelementEnd()();
-} if (rf & 2) {
-    const ctx_r0 = i0.ɵɵnextContext();
-    i0.ɵɵadvance(1);
-    i0.ɵɵproperty("@userButtonState", ctx_r0.expand ? "expand" : "collapse");
-    i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngIf", ctx_r0.hasApi);
-    i0.ɵɵadvance(1);
-    i0.ɵɵproperty("matTooltip", i0.ɵɵpipeBind1(4, 7, "igo.context.userButton.infoTitle"))("color", ctx_r0.color);
-    i0.ɵɵadvance(3);
-    i0.ɵɵproperty("matTooltip", i0.ɵɵpipeBind1(7, 9, "igo.context.userButton.logout"))("color", ctx_r0.color);
-    i0.ɵɵadvance(3);
-    i0.ɵɵproperty("color", ctx_r0.auth.authenticated ? ctx_r0.color : "warn");
-} }
 class UserButtonComponent {
     dialog;
     config;
@@ -1828,21 +1519,17 @@ class UserButtonComponent {
     infoUser() {
         this.dialog.open(UserDialogComponent, { disableClose: false });
     }
-    static ɵfac = function UserButtonComponent_Factory(t) { return new (t || UserButtonComponent)(i0.ɵɵdirectiveInject(i1$3.MatDialog), i0.ɵɵdirectiveInject(i3.ConfigService), i0.ɵɵdirectiveInject(i2.AuthService)); };
-    static ɵ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);
-        } }, dependencies: [i6.NgIf, i7.MatIconButton, i6$2.MatIcon, i6$3.MatTooltip, PoiButtonComponent, i9$1.TranslatePipe], styles: ["[_nghost-%COMP%]   button[_ngcontent-%COMP%]{border-radius:0!important}[_nghost-%COMP%]   button[_ngcontent-%COMP%]   .mat-ripple[_ngcontent-%COMP%], [_nghost-%COMP%]   button[_ngcontent-%COMP%]   .mdc-icon-button__ripple[_ngcontent-%COMP%]{border-radius:0!important}[_nghost-%COMP%]   .igo-user-button-container[_ngcontent-%COMP%]   button[_ngcontent-%COMP%]{background-color:#fff}[_nghost-%COMP%]   .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){[_nghost-%COMP%]   .igo-user-button-container[_ngcontent-%COMP%] > button[_ngcontent-%COMP%]{position:absolute;bottom:0}}[_nghost-%COMP%]   .igo-user-button-more-container[_ngcontent-%COMP%]{float:left;height:40px}[_nghost-%COMP%]   .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){[_nghost-%COMP%]   .igo-user-button-more-container[_ngcontent-%COMP%]{height:80px;width:150px;position:relative;left:24px}}"], data: { animation: [userButtonSlideInOut()] } });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: UserButtonComponent, deps: [{ token: i1$3.MatDialog }, { token: i3.ConfigService }, { token: i2.AuthService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: UserButtonComponent, selector: "igo-user-button", inputs: { map: "map", color: "color" }, ngImport: i0, template: "<div *ngIf=\"visible\" class=\"igo-user-button-container\">\r\n  <div\r\n    class=\"igo-user-button-more-container\"\r\n    [@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    >\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' | translate\"\r\n      matTooltipPosition=\"above\"\r\n      [color]=\"color\"\r\n      (click)=\"logout()\"\r\n    >\r\n      <mat-icon svgIcon=\"power\"></mat-icon>\r\n    </button>\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  >\r\n    <mat-icon svgIcon=\"account-box\"></mat-icon>\r\n  </button>\r\n</div>\r\n", styles: [":host button{border-radius:0!important}:host button .mat-ripple,:host button .mdc-icon-button__ripple{border-radius:0!important}:host .igo-user-button-container{display:flex;gap:4px}:host .igo-user-button-container button{background-color:#fff}:host .igo-user-button-container button:hover{background-color:#efefef}:host .igo-user-button-more-container{display:flex;gap:4px}\n"], dependencies: [{ kind: "directive", type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i7.MatIconButton, selector: "button[mat-icon-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i6$2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i6$3.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }, { kind: "component", type: PoiButtonComponent, selector: "igo-poi-button", inputs: ["map", "color"] }, { kind: "pipe", type: i9$1.TranslatePipe, name: "translate" }], animations: [userButtonSlideInOut()] });
 }
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(UserButtonComponent, [{
-        type: Component,
-        args: [{ selector: 'igo-user-button', animations: [userButtonSlideInOut()], template: "<div *ngIf=\"visible\" class=\"igo-user-button-container\">\r\n  <div\r\n    class=\"igo-user-button-more-container\"\r\n    [@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    >\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' | translate\"\r\n      matTooltipPosition=\"above\"\r\n      [color]=\"color\"\r\n      (click)=\"logout()\"\r\n    >\r\n      <mat-icon svgIcon=\"power\"></mat-icon>\r\n    </button>\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  >\r\n    <mat-icon svgIcon=\"account-box\"></mat-icon>\r\n  </button>\r\n</div>\r\n", styles: [":host button{border-radius:0!important}:host button .mat-ripple,:host button .mdc-icon-button__ripple{border-radius:0!important}:host .igo-user-button-container button{background-color:#fff}:host .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){:host .igo-user-button-container>button{position:absolute;bottom:0}}:host .igo-user-button-more-container{float:left;height:40px}:host .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){:host .igo-user-button-more-container{height:80px;width:150px;position:relative;left:24px}}\n"] }]
-    }], function () { return [{ type: i1$3.MatDialog }, { type: i3.ConfigService }, { type: i2.AuthService }]; }, { map: [{
-            type: Input
-        }], color: [{
-            type: Input
-        }] }); })();
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: UserButtonComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'igo-user-button', animations: [userButtonSlideInOut()], template: "<div *ngIf=\"visible\" class=\"igo-user-button-container\">\r\n  <div\r\n    class=\"igo-user-button-more-container\"\r\n    [@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    >\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' | translate\"\r\n      matTooltipPosition=\"above\"\r\n      [color]=\"color\"\r\n      (click)=\"logout()\"\r\n    >\r\n      <mat-icon svgIcon=\"power\"></mat-icon>\r\n    </button>\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  >\r\n    <mat-icon svgIcon=\"account-box\"></mat-icon>\r\n  </button>\r\n</div>\r\n", styles: [":host button{border-radius:0!important}:host button .mat-ripple,:host button .mdc-icon-button__ripple{border-radius:0!important}:host .igo-user-button-container{display:flex;gap:4px}:host .igo-user-button-container button{background-color:#fff}:host .igo-user-button-container button:hover{background-color:#efefef}:host .igo-user-button-more-container{display:flex;gap:4px}\n"] }]
+        }], ctorParameters: function () { return [{ type: i1$3.MatDialog }, { type: i3.ConfigService }, { type: i2.AuthService }]; }, propDecorators: { map: [{
+                type: Input
+            }], color: [{
+                type: Input
+            }] } });
 
 class IgoContextMapButtonModule {
     static forRoot() {
@@ -1850,9 +1537,31 @@ class IgoContextMapButtonModule {
             ngModule: IgoContextMapButtonModule
         };
     }
-    static ɵfac = function IgoContextMapButtonModule_Factory(t) { return new (t || IgoContextMapButtonModule)(); };
-    static ɵmod = /*@__PURE__*/ i0.ɵɵdefineNgModule({ type: IgoContextMapButtonModule });
-    static ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ providers: [PoiService], imports: [CommonModule,
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: IgoContextMapButtonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: IgoContextMapButtonModule, declarations: [BookmarkButtonComponent,
+            BookmarkDialogComponent,
+            PoiButtonComponent,
+            PoiDialogComponent,
+            UserButtonComponent,
+            UserDialogComponent], imports: [CommonModule,
+            FormsModule,
+            IgoAuthModule,
+            IgoConfirmDialogModule,
+            IgoLanguageModule,
+            IgoStopPropagationModule,
+            MatButtonModule,
+            MatDialogModule,
+            MatDividerModule,
+            MatFormFieldModule,
+            MatIconModule,
+            MatInputModule,
+            MatOptionModule,
+            MatSelectModule,
+            MatTooltipModule], exports: [BookmarkButtonComponent,
+            PoiButtonComponent,
+            UserButtonComponent,
+            BookmarkDialogComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: IgoContextMapButtonModule, providers: [PoiService], imports: [CommonModule,
             FormsModule,
             IgoAuthModule,
             IgoConfirmDialogModule,
@@ -1868,76 +1577,44 @@ class IgoContextMapButtonModule {
             MatSelectModule,
             MatTooltipModule] });
 }
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(IgoContextMapButtonModule, [{
-        type: NgModule,
-        args: [{
-                imports: [
-                    CommonModule,
-                    FormsModule,
-                    IgoAuthModule,
-                    IgoConfirmDialogModule,
-                    IgoLanguageModule,
-                    IgoStopPropagationModule,
-                    MatButtonModule,
-                    MatDialogModule,
-                    MatDividerModule,
-                    MatFormFieldModule,
-                    MatIconModule,
-                    MatInputModule,
-                    MatOptionModule,
-                    MatSelectModule,
-                    MatTooltipModule
-                ],
-                exports: [
-                    BookmarkButtonComponent,
-                    PoiButtonComponent,
-                    UserButtonComponent,
-                    BookmarkDialogComponent
-                ],
-                declarations: [
-                    BookmarkButtonComponent,
-                    BookmarkDialogComponent,
-                    PoiButtonComponent,
-                    PoiDialogComponent,
-                    UserButtonComponent,
-                    UserDialogComponent
-                ],
-                providers: [PoiService]
-            }]
-    }], null, null); })();
-(function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(IgoContextMapButtonModule, { declarations: [BookmarkButtonComponent,
-        BookmarkDialogComponent,
-        PoiButtonComponent,
-        PoiDialogComponent,
-        UserButtonComponent,
-        UserDialogComponent], imports: [CommonModule,
-        FormsModule,
-        IgoAuthModule,
-        IgoConfirmDialogModule,
-        IgoLanguageModule,
-        IgoStopPropagationModule,
-        MatButtonModule,
-        MatDialogModule,
-        MatDividerModule,
-        MatFormFieldModule,
-        MatIconModule,
-        MatInputModule,
-        MatOptionModule,
-        MatSelectModule,
-        MatTooltipModule], exports: [BookmarkButtonComponent,
-        PoiButtonComponent,
-        UserButtonComponent,
-        BookmarkDialogComponent] }); })();
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: IgoContextMapButtonModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        CommonModule,
+                        FormsModule,
+                        IgoAuthModule,
+                        IgoConfirmDialogModule,
+                        IgoLanguageModule,
+                        IgoStopPropagationModule,
+                        MatButtonModule,
+                        MatDialogModule,
+                        MatDividerModule,
+                        MatFormFieldModule,
+                        MatIconModule,
+                        MatInputModule,
+                        MatOptionModule,
+                        MatSelectModule,
+                        MatTooltipModule
+                    ],
+                    exports: [
+                        BookmarkButtonComponent,
+                        PoiButtonComponent,
+                        UserButtonComponent,
+                        BookmarkDialogComponent
+                    ],
+                    declarations: [
+                        BookmarkButtonComponent,
+                        BookmarkDialogComponent,
+                        PoiButtonComponent,
+                        PoiDialogComponent,
+                        UserButtonComponent,
+                        UserDialogComponent
+                    ],
+                    providers: [PoiService]
+                }]
+        }] });
 
-function ContextFormComponent_span_8_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.prefix, "-");
-} }
 class ContextFormComponent {
     formBuilder;
     messageService;
@@ -2005,77 +1682,26 @@ class ContextFormComponent {
             uri: [uri || ' ']
         });
     }
-    static ɵfac = function ContextFormComponent_Factory(t) { return new (t || ContextFormComponent)(i0.ɵɵdirectiveInject(i1$2.UntypedFormBuilder), i0.ɵɵdirectiveInject(i3.MessageService)); };
-    static ɵ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); });
-            i0.ɵɵelementStart(1, "mat-form-field", 1);
-            i0.ɵɵelement(2, "input", 2);
-            i0.ɵɵpipe(3, "translate");
-            i0.ɵɵelementStart(4, "mat-error");
-            i0.ɵɵtext(5);
-            i0.ɵɵpipe(6, "translate");
-            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.ɵɵ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)(16, "button", 10);
-            i0.ɵɵtext(17);
-            i0.ɵɵpipe(18, "translate");
-            i0.ɵɵelementEnd()()();
-        } if (rf & 2) {
-            i0.ɵɵproperty("formGroup", ctx.form);
-            i0.ɵɵadvance(2);
-            i0.ɵɵproperty("placeholder", i0.ɵɵpipeBind1(3, 8, "igo.context.contextManager.form.title"));
-            i0.ɵɵadvance(3);
-            i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(6, 10, "igo.context.contextManager.form.titleRequired"), " ");
-            i0.ɵɵadvance(3);
-            i0.ɵɵproperty("ngIf", ctx.prefix);
-            i0.ɵɵadvance(2);
-            i0.ɵɵproperty("placeholder", i0.ɵɵpipeBind1(11, 12, "igo.context.contextManager.form.uri"));
-            i0.ɵɵadvance(2);
-            i0.ɵɵproperty("matTooltip", i0.ɵɵpipeBind1(13, 14, "igo.context.contextManager.form.copy"));
-            i0.ɵɵadvance(4);
-            i0.ɵɵproperty("disabled", !ctx.form.valid || ctx.disabled);
-            i0.ɵɵadvance(1);
-            i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(18, 16, "igo.context.contextManager.form.edit"), " ");
-        } }, dependencies: [i6.NgIf, i1$2.ɵNgNoValidate, i1$2.DefaultValueAccessor, i1$2.NgControlStatus, i1$2.NgControlStatusGroup, i1$2.RequiredValidator, i1$2.MaxLengthValidator, i1$2.FormGroupDirective, i1$2.FormControlName, i6$1.MatFormField, i6$1.MatError, i5.MatInput, i6$2.MatIcon, i7.MatButton, i7.MatIconButton, i6$3.MatTooltip, i9$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}"] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ContextFormComponent, deps: [{ token: i1$2.UntypedFormBuilder }, { token: i3.MessageService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ContextFormComponent, selector: "igo-context-form", inputs: { btnSubmitText: "btnSubmitText", context: "context", disabled: "disabled" }, outputs: { submitForm: "submitForm", clone: "clone", delete: "delete" }, ngImport: i0, template: "<form\r\n  class=\"igo-form\"\r\n  [formGroup]=\"form\"\r\n  (ngSubmit)=\"handleFormSubmit(form.value)\"\r\n>\r\n  <mat-form-field class=\"full-width\">\r\n    <input\r\n      matInput\r\n      required\r\n      maxlength=\"128\"\r\n      [placeholder]=\"'igo.context.contextManager.form.title' | translate\"\r\n      formControlName=\"title\"\r\n    />\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\r\n        matInput\r\n        maxlength=\"64\"\r\n        floatLabel=\"always\"\r\n        [placeholder]=\"'igo.context.contextManager.form.uri' | translate\"\r\n        formControlName=\"uri\"\r\n      />\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  >\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    >\r\n      {{ 'igo.context.contextManager.form.edit' | translate }}\r\n    </button>\r\n  </div>\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"], dependencies: [{ kind: "directive", type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$2.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1$2.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i1$2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: i6$1.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i6$1.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "directive", type: i5.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "component", type: i6$2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i7.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i7.MatIconButton, selector: "button[mat-icon-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "directive", type: i6$3.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }, { kind: "pipe", type: i9$1.TranslatePipe, name: "translate" }] });
 }
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ContextFormComponent, [{
-        type: Component,
-        args: [{ selector: 'igo-context-form', template: "<form\r\n  class=\"igo-form\"\r\n  [formGroup]=\"form\"\r\n  (ngSubmit)=\"handleFormSubmit(form.value)\"\r\n>\r\n  <mat-form-field class=\"full-width\">\r\n    <input\r\n      matInput\r\n      required\r\n      maxlength=\"128\"\r\n      [placeholder]=\"'igo.context.contextManager.form.title' | translate\"\r\n      formControlName=\"title\"\r\n    />\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\r\n        matInput\r\n        maxlength=\"64\"\r\n        floatLabel=\"always\"\r\n        [placeholder]=\"'igo.context.contextManager.form.uri' | translate\"\r\n        formControlName=\"uri\"\r\n      />\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  >\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    >\r\n      {{ 'igo.context.contextManager.form.edit' | translate }}\r\n    </button>\r\n  </div>\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$2.UntypedFormBuilder }, { type: i3.MessageService }]; }, { btnSubmitText: [{
-            type: Input
-        }], context: [{
-            type: Input
-        }], disabled: [{
-            type: Input
-        }], submitForm: [{
-            type: Output
-        }], clone: [{
-            type: Output
-        }], delete: [{
-            type: Output
-        }] }); })();
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ContextFormComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'igo-context-form', template: "<form\r\n  class=\"igo-form\"\r\n  [formGroup]=\"form\"\r\n  (ngSubmit)=\"handleFormSubmit(form.value)\"\r\n>\r\n  <mat-form-field class=\"full-width\">\r\n    <input\r\n      matInput\r\n      required\r\n      maxlength=\"128\"\r\n      [placeholder]=\"'igo.context.contextManager.form.title' | translate\"\r\n      formControlName=\"title\"\r\n    />\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\r\n        matInput\r\n        maxlength=\"64\"\r\n        floatLabel=\"always\"\r\n        [placeholder]=\"'igo.context.contextManager.form.uri' | translate\"\r\n        formControlName=\"uri\"\r\n      />\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  >\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    >\r\n      {{ 'igo.context.contextManager.form.edit' | translate }}\r\n    </button>\r\n  </div>\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"] }]
+        }], ctorParameters: function () { return [{ type: i1$2.UntypedFormBuilder }, { type: i3.MessageService }]; }, propDecorators: { btnSubmitText: [{
+                type: Input
+            }], context: [{
+                type: Input
+            }], disabled: [{
+                type: Input
+            }], submitForm: [{
+                type: Output
+            }], clone: [{
+                type: Output
+            }], delete: [{
+                type: Output
+            }] } });
 
-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 i0.ɵɵresetView(ctx_r1.submitForm.emit($event)); });
-    i0.ɵɵpipe(1, "translate");
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const ctx_r0 = i0.ɵɵnextContext();
-    i0.ɵɵproperty("btnSubmitText", i0.ɵɵpipeBind1(1, 2, "igo.context.contextManager.save"))("context", ctx_r0.context);
-} }
 class ContextEditComponent {
     cd;
     get context() {
@@ -2093,21 +1719,17 @@ class ContextEditComponent {
     refresh() {
         this.cd.detectChanges();
     }
-    static ɵfac = function ContextEditComponent_Factory(t) { return new (t || ContextEditComponent)(i0.ɵɵdirectiveInject(i0.ChangeDetectorRef)); };
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ContextEditComponent, selectors: [["igo-context-edit"]], inputs: { context: "context" }, outputs: { submitForm: "submitForm" }, decls: 1, vars: 1, consts: [[3, "btnSubmitText", "context", "submitForm", 4, "ngIf"], [3, "btnSubmitText", "context", "submitForm"]], template: function ContextEditComponent_Template(rf, ctx) { if (rf & 1) {
-            i0.ɵɵtemplate(0, ContextEditComponent_igo_context_form_0_Template, 2, 4, "igo-context-form", 0);
-        } if (rf & 2) {
-            i0.ɵɵproperty("ngIf", ctx.context);
-        } }, dependencies: [i6.NgIf, ContextFormComponent, i9$1.TranslatePipe], encapsulation: 2 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ContextEditComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ContextEditComponent, selector: "igo-context-edit", inputs: { context: "context" }, outputs: { submitForm: "submitForm" }, ngImport: i0, template: "<igo-context-form\r\n  *ngIf=\"context\"\r\n  [btnSubmitText]=\"'igo.context.contextManager.save' | translate\"\r\n  [context]=\"context\"\r\n  (submitForm)=\"submitForm.emit($event)\"\r\n>\r\n</igo-context-form>\r\n", dependencies: [{ kind: "directive", type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: ContextFormComponent, selector: "igo-context-form", inputs: ["btnSubmitText", "context", "disabled"], outputs: ["submitForm", "clone", "delete"] }, { kind: "pipe", type: i9$1.TranslatePipe, name: "translate" }] });
 }
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ContextEditComponent, [{
-        type: Component,
-        args: [{ selector: 'igo-context-edit', template: "<igo-context-form\r\n  *ngIf=\"context\"\r\n  [btnSubmitText]=\"'igo.context.contextManager.save' | translate\"\r\n  [context]=\"context\"\r\n  (submitForm)=\"submitForm.emit($event)\"\r\n>\r\n</igo-context-form>\r\n" }]
-    }], function () { return [{ type: i0.ChangeDetectorRef }]; }, { context: [{
-            type: Input
-        }], submitForm: [{
-            type: Output
-        }] }); })();
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ContextEditComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'igo-context-edit', template: "<igo-context-form\r\n  *ngIf=\"context\"\r\n  [btnSubmitText]=\"'igo.context.contextManager.save' | translate\"\r\n  [context]=\"context\"\r\n  (submitForm)=\"submitForm.emit($event)\"\r\n>\r\n</igo-context-form>\r\n" }]
+        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { context: [{
+                type: Input
+            }], submitForm: [{
+                type: Output
+            }] } });
 
 class ContextEditBindingDirective {
     contextService;
@@ -2139,177 +1761,23 @@ class ContextEditBindingDirective {
     handleEditedContextChange(context) {
         this.component.context = context;
     }
-    static ɵfac = function ContextEditBindingDirective_Factory(t) { return new (t || ContextEditBindingDirective)(i0.ɵɵdirectiveInject(ContextEditComponent, 2), i0.ɵɵdirectiveInject(ContextService), i0.ɵɵdirectiveInject(i3.MessageService)); };
-    static ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: ContextEditBindingDirective, selectors: [["", "igoContextEditBinding", ""]], hostBindings: function ContextEditBindingDirective_HostBindings(rf, ctx) { if (rf & 1) {
-            i0.ɵɵlistener("submitForm", function ContextEditBindingDirective_submitForm_HostBindingHandler($event) { return ctx.onEdit($event); });
-        } }, outputs: { submitSuccessed: "submitSuccessed" } });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ContextEditBindingDirective, deps: [{ token: ContextEditComponent, self: true }, { token: ContextService }, { token: i3.MessageService }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: ContextEditBindingDirective, selector: "[igoContextEditBinding]", outputs: { submitSuccessed: "submitSuccessed" }, host: { listeners: { "submitForm": "onEdit($event)" } }, ngImport: i0 });
 }
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ContextEditBindingDirective, [{
-        type: Directive,
-        args: [{
-                selector: '[igoContextEditBinding]'
-            }]
-    }], function () { return [{ type: ContextEditComponent, decorators: [{
-                type: Self
-            }] }, { type: ContextService }, { type: i3.MessageService }]; }, { submitSuccessed: [{
-            type: Output
-        }], onEdit: [{
-            type: HostListener,
-            args: ['submitForm', ['$event']]
-        }] }); })();
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ContextEditBindingDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[igoContextEditBinding]'
+                }]
+        }], ctorParameters: function () { return [{ type: ContextEditComponent, decorators: [{
+                    type: Self
+                }] }, { type: ContextService }, { type: i3.MessageService }]; }, propDecorators: { submitSuccessed: [{
+                type: Output
+            }], onEdit: [{
+                type: HostListener,
+                args: ['submitForm', ['$event']]
+            }] } });
 
-function ContextItemComponent_button_1_mat_icon_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "mat-icon", 7);
-} if (rf & 2) {
-    const ctx_r3 = i0.ɵɵnextContext(2);
-    i0.ɵɵpropertyInterpolate("svgIcon", ctx_r3.context.icon ? ctx_r3.context.icon : ctx_r3.context.scope === "public" ? "earth" : "star");
-} }
-function ContextItemComponent_button_1_img_3_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "img", 8);
-} if (rf & 2) {
-    const ctx_r4 = i0.ɵɵnextContext(2);
-    i0.ɵɵproperty("src", ctx_r4.context.iconImage, i0.ɵɵsanitizeUrl);
-} }
-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 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);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const ctx_r0 = i0.ɵɵnextContext();
-    i0.ɵɵproperty("matTooltip", ctx_r0.auth.authenticated ? i0.ɵɵpipeBind1(1, 4, "igo.context.contextManager.favorite") : "")("color", ctx_r0.default ? "primary" : "default");
-    i0.ɵɵadvance(2);
-    i0.ɵɵproperty("ngIf", !ctx_r0.context.iconImage);
-    i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngIf", ctx_r0.context.iconImage);
-} }
-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 i0.ɵɵresetView(ctx_r7.favoriteClick(ctx_r7.context)); });
-    i0.ɵɵpipe(1, "translate");
-    i0.ɵɵelement(2, "mat-icon", 9);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext();
-    i0.ɵɵproperty("matTooltip", i0.ɵɵpipeBind1(1, 2, "igo.context.contextManager.favorite"))("color", ctx_r1.default ? "primary" : "default");
-} }
-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 i0.ɵɵresetView(ctx_r17.save.emit(ctx_r17.context)); });
-    i0.ɵɵpipe(1, "translate");
-    i0.ɵɵelement(2, "mat-icon", 22);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const ctx_r9 = i0.ɵɵnextContext(2);
-    i0.ɵɵproperty("matTooltip", i0.ɵɵpipeBind1(1, 2, "igo.context.contextManager.save"))("color", ctx_r9.color);
-} }
-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 i0.ɵɵresetView(ctx_r19.managePermissions.emit(ctx_r19.context)); });
-    i0.ɵɵpipe(1, "translate");
-    i0.ɵɵelement(2, "mat-icon", 24);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const ctx_r11 = i0.ɵɵnextContext(2);
-    i0.ɵɵproperty("matTooltip", i0.ɵɵpipeBind1(1, 2, "igo.context.contextManager.managePermissions"))("color", ctx_r11.color);
-} }
-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 i0.ɵɵresetView(ctx_r21.clone.emit(ctx_r21.context)); });
-    i0.ɵɵpipe(1, "translate");
-    i0.ɵɵelement(2, "mat-icon", 26);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const ctx_r12 = i0.ɵɵnextContext(2);
-    i0.ɵɵproperty("matTooltip", i0.ɵɵpipeBind1(1, 2, "igo.context.contextManager.clone"))("color", ctx_r12.color);
-} }
-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 i0.ɵɵresetView(ctx_r23.edit.emit(ctx_r23.context)); });
-    i0.ɵɵpipe(1, "translate");
-    i0.ɵɵelement(2, "mat-icon", 28);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const ctx_r13 = i0.ɵɵnextContext(2);
-    i0.ɵɵproperty("color", ctx_r13.color)("matTooltip", i0.ɵɵpipeBind1(1, 2, "igo.context.contextManager.edit"));
-} }
-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 i0.ɵɵresetView(ctx_r25.hide.emit(ctx_r25.context)); });
-    i0.ɵɵpipe(1, "translate");
-    i0.ɵɵelement(2, "mat-icon", 30);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const ctx_r14 = i0.ɵɵnextContext(2);
-    i0.ɵɵproperty("color", ctx_r14.color)("matTooltip", i0.ɵɵpipeBind1(1, 2, "igo.context.contextManager.hide"));
-} }
-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 i0.ɵɵresetView(ctx_r27.show.emit(ctx_r27.context)); });
-    i0.ɵɵpipe(1, "translate");
-    i0.ɵɵelement(2, "mat-icon", 31);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const ctx_r15 = i0.ɵɵnextContext(2);
-    i0.ɵɵproperty("color", ctx_r15.color)("matTooltip", i0.ɵɵpipeBind1(1, 2, "igo.context.contextManager.show"));
-} }
-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 i0.ɵɵresetView(ctx_r29.delete.emit(ctx_r29.context)); });
-    i0.ɵɵpipe(1, "translate");
-    i0.ɵɵelement(2, "mat-icon", 33);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    i0.ɵɵproperty("matTooltip", i0.ɵɵpipeBind1(1, 1, "igo.context.contextManager.delete"));
-} }
-function ContextItemComponent_div_5_Template(rf, ctx) { if (rf & 1) {
-    const _r32 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 10);
-    i0.ɵɵtemplate(1, ContextItemComponent_div_5_button_1_Template, 3, 4, "button", 11);
-    i0.ɵɵelementStart(2, "div", 12, 13);
-    i0.ɵɵtemplate(4, ContextItemComponent_div_5_button_4_Template, 3, 4, "button", 14);
-    i0.ɵɵtemplate(5, ContextItemComponent_div_5_button_5_Template, 3, 4, "button", 15);
-    i0.ɵɵtemplate(6, ContextItemComponent_div_5_button_6_Template, 3, 4, "button", 16);
-    i0.ɵɵtemplate(7, ContextItemComponent_div_5_button_7_Template, 3, 4, "button", 17);
-    i0.ɵɵtemplate(8, ContextItemComponent_div_5_button_8_Template, 3, 4, "button", 17);
-    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 i0.ɵɵresetView(ctx_r31.collapsed = !ctx_r31.collapsed); });
-    i0.ɵɵelement(11, "mat-icon", 20);
-    i0.ɵɵelementEnd()();
-} if (rf & 2) {
-    const _r10 = i0.ɵɵreference(3);
-    const ctx_r2 = i0.ɵɵnextContext();
-    i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngIf", ctx_r2.collapsed && ctx_r2.selected && (ctx_r2.context.permission === ctx_r2.typePermission[ctx_r2.typePermission.write] || ctx_r2.context.imported));
-    i0.ɵɵadvance(3);
-    i0.ɵɵproperty("ngIf", ctx_r2.canShare && !ctx_r2.context.imported);
-    i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngIf", !ctx_r2.context.imported);
-    i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngIf", ctx_r2.context.permission === ctx_r2.typePermission[ctx_r2.typePermission.write] && !ctx_r2.context.imported);
-    i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngIf", !ctx_r2.context.hidden && !ctx_r2.context.imported);
-    i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngIf", ctx_r2.context.hidden && !ctx_r2.context.imported);
-    i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngIf", ctx_r2.context.permission === ctx_r2.typePermission[ctx_r2.typePermission.write] || ctx_r2.context.imported);
-    i0.ɵɵadvance(1);
-    i0.ɵɵproperty("color", ctx_r2.color)("target", _r10)("collapsed", ctx_r2.collapsed);
-} }
-const _c0$1 = function (a0) { return { "mat-list-item-light": a0 }; };
 class ContextItemComponent {
     auth;
     storageService;
@@ -2342,58 +1810,39 @@ class ContextItemComponent {
     favoriteClick(context) {
         this.favorite.emit(context);
     }
-    static ɵfac = function ContextItemComponent_Factory(t) { return new (t || ContextItemComponent)(i0.ɵɵdirectiveInject(i2.AuthService), i0.ɵɵdirectiveInject(i3.StorageService)); };
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ContextItemComponent, selectors: [["igo-context-item"]], inputs: { showFavorite: "showFavorite", context: "context", default: "default", selected: "selected" }, outputs: { edit: "edit", delete: "delete", save: "save", clone: "clone", hide: "hide", show: "show", favorite: "favorite", managePermissions: "managePermissions", manageTools: "manageTools" }, decls: 6, vars: 7, consts: [[1, "mat-list-item", 3, "ngClass"], ["matListItemAvatar", "", "mat-icon-button", "", "igoStopPropagation", "", "matTooltipShowDelay", "500", 3, "matTooltip", "color", "click", 4, "ngIf"], ["matListItemTitle", ""], ["matListItemMeta", "", "igoStopPropagation", "", "class", "igo-actions-container", 4, "ngIf"], ["matListItemAvatar", "", "mat-icon-button", "", "igoStopPropagation", "", "matTooltipShowDelay", "500", 3, "matTooltip", "color", "click"], [3, "svgIcon", 4, "ngIf"], [3, "src", 4, "ngIf"], [3, "svgIcon"], [3, "src"], ["svgIcon", "star"], ["matListItemMeta", "", "igoStopPropagation", "", 1, "igo-actions-container"], ["class", "save-button", "mat-icon-button", "", "matTooltipShowDelay", "500", 3, "matTooltip", "color", "click", 4, "ngIf"], [1, "igo-actions-expand-container"], ["actions", ""], ["mat-icon-button", "", "matTooltipShowDelay", "500", 3, "matTooltip", "color", "click", 4, "ngIf"], ["class", "clone-button", "mat-icon-button", "", "matTooltipShowDelay", "500", 3, "matTooltip", "color", "click", 4, "ngIf"], ["class", "edit-button", "mat-icon-button", "", "matTooltipShowDelay", "500", 3, "color", "matTooltip", "click", 4, "ngIf"], ["class", "hide-button", "mat-icon-button", "", "matTooltipShowDelay", "500", 3, "color", "matTooltip", "click", 4, "ngIf"], ["class", "delete-button", "mat-icon-button", "", "color", "warn", "matTooltipShowDelay", "500", 3, "matTooltip", "click", 4, "ngIf"], ["mat-icon-button", "", "igoCollapse", "", 1, "actions-button", 3, "color", "target", "collapsed", "click"], ["svgIcon", "dots-horizontal"], ["mat-icon-button", "", "matTooltipShowDelay", "500", 1, "save-button", 3, "matTooltip", "color", "click"], ["svgIcon", "content-save"], ["mat-icon-button", "", "matTooltipShowDelay", "500", 3, "matTooltip", "color", "click"], ["svgIcon", "account-arrow-right"], ["mat-icon-button", "", "matTooltipShowDelay", "500", 1, "clone-button", 3, "matTooltip", "color", "click"], ["svgIcon", "content-copy"], ["mat-icon-button", "", "matTooltipShowDelay", "500", 1, "edit-button", 3, "color", "matTooltip", "click"], ["svgIcon", "pencil"], ["mat-icon-button", "", "matTooltipShowDelay", "500", 1, "hide-button", 3, "color", "matTooltip", "click"], ["svgIcon", "eye"], ["svgIcon", "eye-off"], ["mat-icon-button", "", "color", "warn", "matTooltipShowDelay", "500", 1, "delete-button", 3, "matTooltip", "click"], ["svgIcon", "delete"]], template: function ContextItemComponent_Template(rf, ctx) { if (rf & 1) {
-            i0.ɵɵelementStart(0, "mat-list-item", 0);
-            i0.ɵɵtemplate(1, ContextItemComponent_button_1_Template, 4, 6, "button", 1);
-            i0.ɵɵtemplate(2, ContextItemComponent_button_2_Template, 3, 4, "button", 1);
-            i0.ɵɵelementStart(3, "span", 2);
-            i0.ɵɵtext(4);
-            i0.ɵɵelementEnd();
-            i0.ɵɵtemplate(5, ContextItemComponent_div_5_Template, 12, 10, "div", 3);
-            i0.ɵɵelementEnd();
-        } if (rf & 2) {
-            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(5, _c0$1, ctx.hidden));
-            i0.ɵɵadvance(1);
-            i0.ɵɵproperty("ngIf", ctx.auth.authenticated);
-            i0.ɵɵadvance(1);
-            i0.ɵɵproperty("ngIf", !ctx.auth.authenticated && ctx.showFavorite);
-            i0.ɵɵadvance(2);
-            i0.ɵɵtextInterpolate(ctx.context.title);
-            i0.ɵɵadvance(1);
-            i0.ɵɵproperty("ngIf", ctx.auth.authenticated);
-        } }, dependencies: [i6.NgClass, i6.NgIf, i6$2.MatIcon, i7.MatIconButton, i6$3.MatTooltip, i7$1.MatListItem, i7$1.MatListItemAvatar, i7$1.MatListItemTitle, i7$1.MatListItemMeta, i13.CollapseDirective, i13.StopPropagationDirective, i9$1.TranslatePipe], styles: ["[_nghost-%COMP%]{overflow:hidden}[_nghost-%COMP%]   .igo-actions-container[_ngcontent-%COMP%]{flex-shrink:0}[_nghost-%COMP%]   .igo-actions-expand-container[_ngcontent-%COMP%]{display:inline-flex}[_nghost-%COMP%]   mat-icon.disabled[_ngcontent-%COMP%]{color:#00000061}[_nghost-%COMP%]   button[matlistitemavatar][_ngcontent-%COMP%]{margin-right:8px}"], changeDetection: 0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ContextItemComponent, deps: [{ token: i2.AuthService }, { token: i3.StorageService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ContextItemComponent, selector: "igo-context-item", inputs: { showFavorite: "showFavorite", context: "context", default: "default", selected: "selected" }, outputs: { edit: "edit", delete: "delete", save: "save", clone: "clone", hide: "hide", show: "show", favorite: "favorite", managePermissions: "managePermissions", manageTools: "manageTools" }, ngImport: i0, template: "<mat-list-item\r\n  class=\"mat-list-item\"\r\n  [ngClass]=\"{ 'mat-list-item-light': hidden }\"\r\n>\r\n  <button\r\n    *ngIf=\"auth.authenticated\"\r\n    matListItemAvatar\r\n    mat-icon-button\r\n    igoStopPropagation\r\n    [matTooltip]=\"\r\n      auth.authenticated\r\n        ? ('igo.context.contextManager.favorite' | translate)\r\n        : ''\r\n    \"\r\n    matTooltipShowDelay=\"500\"\r\n    [color]=\"default ? 'primary' : 'default'\"\r\n    (click)=\"favoriteClick(context)\"\r\n  >\r\n    <mat-icon\r\n      *ngIf=\"!context.iconImage\"\r\n      svgIcon=\"{{\r\n        context.icon\r\n          ? context.icon\r\n          : context.scope === 'public'\r\n          ? 'earth'\r\n          : 'star'\r\n      }}\"\r\n    ></mat-icon>\r\n    <img *ngIf=\"context.iconImage\" [src]=\"context.iconImage\" />\r\n  </button>\r\n  <button\r\n    matListItemAvatar\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  >\r\n    <mat-icon svgIcon=\"star\"></mat-icon>\r\n  </button>\r\n  <span matListItemTitle>{{ context.title }}</span>\r\n\r\n  <div\r\n    *ngIf=\"auth.authenticated\"\r\n    matListItemMeta\r\n    igoStopPropagation\r\n    class=\"igo-actions-container\"\r\n  >\r\n    <button\r\n      *ngIf=\"\r\n        collapsed &&\r\n        selected &&\r\n        (context.permission === typePermission[typePermission.write] ||\r\n          context.imported)\r\n      \"\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    >\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      <button\r\n        *ngIf=\"canShare && !context.imported\"\r\n        mat-icon-button\r\n        [matTooltip]=\"\r\n          'igo.context.contextManager.managePermissions' | translate\r\n        \"\r\n        matTooltipShowDelay=\"500\"\r\n        [color]=\"color\"\r\n        (click)=\"managePermissions.emit(context)\"\r\n      >\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\r\n        *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      >\r\n        <mat-icon svgIcon=\"content-copy\"></mat-icon>\r\n      </button>\r\n\r\n      <button\r\n        *ngIf=\"\r\n          context.permission === typePermission[typePermission.write] &&\r\n          !context.imported\r\n        \"\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      >\r\n        <mat-icon svgIcon=\"pencil\"></mat-icon>\r\n      </button>\r\n\r\n      <button\r\n        *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      >\r\n        <mat-icon svgIcon=\"eye\"></mat-icon>\r\n      </button>\r\n\r\n      <button\r\n        *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      >\r\n        <mat-icon svgIcon=\"eye-off\"></mat-icon>\r\n      </button>\r\n\r\n      <button\r\n        *ngIf=\"\r\n          context.permission === typePermission[typePermission.write] ||\r\n          context.imported\r\n        \"\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      >\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    >\r\n      <mat-icon svgIcon=\"dots-horizontal\"></mat-icon>\r\n    </button>\r\n  </div>\r\n</mat-list-item>\r\n", styles: [":host{overflow:hidden}:host .igo-actions-container{flex-shrink:0}:host .igo-actions-expand-container{display:inline-flex}:host mat-icon.disabled{color:#00000061}:host button[matlistitemavatar]{margin-right:8px}\n"], dependencies: [{ kind: "directive", type: i6.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i6$2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i7.MatIconButton, selector: "button[mat-icon-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "directive", type: i6$3.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }, { kind: "component", type: i7$1.MatListItem, selector: "mat-list-item, a[mat-list-item], button[mat-list-item]", inputs: ["activated"], exportAs: ["matListItem"] }, { kind: "directive", type: i7$1.MatListItemAvatar, selector: "[matListItemAvatar]" }, { kind: "directive", type: i7$1.MatListItemTitle, selector: "[matListItemTitle]" }, { kind: "directive", type: i7$1.MatListItemMeta, selector: "[matListItemMeta]" }, { kind: "directive", type: i13.CollapseDirective, selector: "[igoCollapse]", inputs: ["target", "collapsed"], outputs: ["toggle"] }, { kind: "directive", type: i13.StopPropagationDirective, selector: "[igoStopPropagation]" }, { kind: "pipe", type: i9$1.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ContextItemComponent, [{
-        type: Component,
-        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>\r\n  <button\r\n    *ngIf=\"auth.authenticated\"\r\n    matListItemAvatar\r\n    mat-icon-button\r\n    igoStopPropagation\r\n    [matTooltip]=\"\r\n      auth.authenticated\r\n        ? ('igo.context.contextManager.favorite' | translate)\r\n        : ''\r\n    \"\r\n    matTooltipShowDelay=\"500\"\r\n    [color]=\"default ? 'primary' : 'default'\"\r\n    (click)=\"favoriteClick(context)\"\r\n  >\r\n    <mat-icon\r\n      *ngIf=\"!context.iconImage\"\r\n      svgIcon=\"{{\r\n        context.icon\r\n          ? context.icon\r\n          : context.scope === 'public'\r\n          ? 'earth'\r\n          : 'star'\r\n      }}\"\r\n    ></mat-icon>\r\n    <img *ngIf=\"context.iconImage\" [src]=\"context.iconImage\" />\r\n  </button>\r\n  <button\r\n    matListItemAvatar\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  >\r\n    <mat-icon svgIcon=\"star\"></mat-icon>\r\n  </button>\r\n  <span matListItemTitle>{{ context.title }}</span>\r\n\r\n  <div\r\n    *ngIf=\"auth.authenticated\"\r\n    matListItemMeta\r\n    igoStopPropagation\r\n    class=\"igo-actions-container\"\r\n  >\r\n    <button\r\n      *ngIf=\"\r\n        collapsed &&\r\n        selected &&\r\n        (context.permission === typePermission[typePermission.write] ||\r\n          context.imported)\r\n      \"\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    >\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      <button\r\n        *ngIf=\"canShare && !context.imported\"\r\n        mat-icon-button\r\n        [matTooltip]=\"\r\n          'igo.context.contextManager.managePermissions' | translate\r\n        \"\r\n        matTooltipShowDelay=\"500\"\r\n        [color]=\"color\"\r\n        (click)=\"managePermissions.emit(context)\"\r\n      >\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\r\n        *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      >\r\n        <mat-icon svgIcon=\"content-copy\"></mat-icon>\r\n      </button>\r\n\r\n      <button\r\n        *ngIf=\"\r\n          context.permission === typePermission[typePermission.write] &&\r\n          !context.imported\r\n        \"\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      >\r\n        <mat-icon svgIcon=\"pencil\"></mat-icon>\r\n      </button>\r\n\r\n      <button\r\n        *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      >\r\n        <mat-icon svgIcon=\"eye\"></mat-icon>\r\n      </button>\r\n\r\n      <button\r\n        *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      >\r\n        <mat-icon svgIcon=\"eye-off\"></mat-icon>\r\n      </button>\r\n\r\n      <button\r\n        *ngIf=\"\r\n          context.permission === typePermission[typePermission.write] ||\r\n          context.imported\r\n        \"\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      >\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    >\r\n      <mat-icon svgIcon=\"dots-horizontal\"></mat-icon>\r\n    </button>\r\n  </div>\r\n</mat-list-item>\r\n", styles: [":host{overflow:hidden}:host .igo-actions-container{flex-shrink:0}:host .igo-actions-expand-container{display:inline-flex}:host mat-icon.disabled{color:#00000061}:host button[matlistitemavatar]{margin-right:8px}\n"] }]
-    }], function () { return [{ type: i2.AuthService }, { type: i3.StorageService }]; }, { showFavorite: [{
-            type: Input
-        }], context: [{
-            type: Input
-        }], default: [{
-            type: Input
-        }], selected: [{
-            type: Input
-        }], edit: [{
-            type: Output
-        }], delete: [{
-            type: Output
-        }], save: [{
-            type: Output
-        }], clone: [{
-            type: Output
-        }], hide: [{
-            type: Output
-        }], show: [{
-            type: Output
-        }], favorite: [{
-            type: Output
-        }], managePermissions: [{
-            type: Output
-        }], manageTools: [{
-            type: Output
-        }] }); })();
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ContextItemComponent, decorators: [{
+            type: Component,
+            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>\r\n  <button\r\n    *ngIf=\"auth.authenticated\"\r\n    matListItemAvatar\r\n    mat-icon-button\r\n    igoStopPropagation\r\n    [matTooltip]=\"\r\n      auth.authenticated\r\n        ? ('igo.context.contextManager.favorite' | translate)\r\n        : ''\r\n    \"\r\n    matTooltipShowDelay=\"500\"\r\n    [color]=\"default ? 'primary' : 'default'\"\r\n    (click)=\"favoriteClick(context)\"\r\n  >\r\n    <mat-icon\r\n      *ngIf=\"!context.iconImage\"\r\n      svgIcon=\"{{\r\n        context.icon\r\n          ? context.icon\r\n          : context.scope === 'public'\r\n          ? 'earth'\r\n          : 'star'\r\n      }}\"\r\n    ></mat-icon>\r\n    <img *ngIf=\"context.iconImage\" [src]=\"context.iconImage\" />\r\n  </button>\r\n  <button\r\n    matListItemAvatar\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  >\r\n    <mat-icon svgIcon=\"star\"></mat-icon>\r\n  </button>\r\n  <span matListItemTitle>{{ context.title }}</span>\r\n\r\n  <div\r\n    *ngIf=\"auth.authenticated\"\r\n    matListItemMeta\r\n    igoStopPropagation\r\n    class=\"igo-actions-container\"\r\n  >\r\n    <button\r\n      *ngIf=\"\r\n        collapsed &&\r\n        selected &&\r\n        (context.permission === typePermission[typePermission.write] ||\r\n          context.imported)\r\n      \"\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    >\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      <button\r\n        *ngIf=\"canShare && !context.imported\"\r\n        mat-icon-button\r\n        [matTooltip]=\"\r\n          'igo.context.contextManager.managePermissions' | translate\r\n        \"\r\n        matTooltipShowDelay=\"500\"\r\n        [color]=\"color\"\r\n        (click)=\"managePermissions.emit(context)\"\r\n      >\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\r\n        *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      >\r\n        <mat-icon svgIcon=\"content-copy\"></mat-icon>\r\n      </button>\r\n\r\n      <button\r\n        *ngIf=\"\r\n          context.permission === typePermission[typePermission.write] &&\r\n          !context.imported\r\n        \"\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      >\r\n        <mat-icon svgIcon=\"pencil\"></mat-icon>\r\n      </button>\r\n\r\n      <button\r\n        *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      >\r\n        <mat-icon svgIcon=\"eye\"></mat-icon>\r\n      </button>\r\n\r\n      <button\r\n        *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      >\r\n        <mat-icon svgIcon=\"eye-off\"></mat-icon>\r\n      </button>\r\n\r\n      <button\r\n        *ngIf=\"\r\n          context.permission === typePermission[typePermission.write] ||\r\n          context.imported\r\n        \"\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      >\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    >\r\n      <mat-icon svgIcon=\"dots-horizontal\"></mat-icon>\r\n    </button>\r\n  </div>\r\n</mat-list-item>\r\n", styles: [":host{overflow:hidden}:host .igo-actions-container{flex-shrink:0}:host .igo-actions-expand-container{display:inline-flex}:host mat-icon.disabled{color:#00000061}:host button[matlistitemavatar]{margin-right:8px}\n"] }]
+        }], ctorParameters: function () { return [{ type: i2.AuthService }, { type: i3.StorageService }]; }, propDecorators: { showFavorite: [{
+                type: Input
+            }], context: [{
+                type: Input
+            }], default: [{
+                type: Input
+            }], selected: [{
+                type: Input
+            }], edit: [{
+                type: Output
+            }], delete: [{
+                type: Output
+            }], save: [{
+                type: Output
+            }], clone: [{
+                type: Output
+            }], hide: [{
+                type: Output
+            }], show: [{
+                type: Output
+            }], favorite: [{
+                type: Output
+            }], managePermissions: [{
+                type: Output
+            }], manageTools: [{
+                type: Output
+            }] } });
 
 var ContextListControlsEnum;
 (function (ContextListControlsEnum) {
@@ -2402,193 +1851,6 @@ var ContextListControlsEnum;
     ContextListControlsEnum["default"] = "default";
 })(ContextListControlsEnum || (ContextListControlsEnum = {}));
 
-function ContextListComponent_mat_form_field_2_button_6_Template(rf, ctx) { if (rf & 1) {
-    const _r11 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 16);
-    i0.ɵɵlistener("click", function ContextListComponent_mat_form_field_2_button_6_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r11); const ctx_r10 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r10.clearFilter()); });
-    i0.ɵɵelement(1, "mat-icon", 17);
-    i0.ɵɵelementEnd();
-} }
-function ContextListComponent_mat_form_field_2_Template(rf, ctx) { if (rf & 1) {
-    const _r13 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "mat-form-field", 13)(1, "mat-label");
-    i0.ɵɵtext(2);
-    i0.ɵɵpipe(3, "translate");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "input", 14);
-    i0.ɵɵlistener("ngModelChange", function ContextListComponent_mat_form_field_2_Template_input_ngModelChange_4_listener($event) { i0.ɵɵrestoreView(_r13); const ctx_r12 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r12.term = $event); });
-    i0.ɵɵpipe(5, "translate");
-    i0.ɵɵelementEnd();
-    i0.ɵɵtemplate(6, ContextListComponent_mat_form_field_2_button_6_Template, 2, 0, "button", 15);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const ctx_r0 = i0.ɵɵnextContext();
-    i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(3, 4, "igo.context.contextManager.filterPlaceHolder"));
-    i0.ɵɵadvance(2);
-    i0.ɵɵproperty("placeholder", i0.ɵɵpipeBind1(5, 6, "igo.context.contextManager.filterPlaceHolder"))("ngModel", ctx_r0.term);
-    i0.ɵɵadvance(2);
-    i0.ɵɵproperty("ngIf", ctx_r0.term.length);
-} }
-function ContextListComponent_button_4_Template(rf, ctx) { if (rf & 1) {
-    const _r15 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 18);
-    i0.ɵɵlistener("click", function ContextListComponent_button_4_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r15); const ctx_r14 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r14.toggleSort(true)); });
-    i0.ɵɵpipe(1, "translate");
-    i0.ɵɵelement(2, "mat-icon", 19);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    i0.ɵɵproperty("matTooltip", i0.ɵɵpipeBind1(1, 1, "igo.context.contextManager.sortAlphabetically"));
-} }
-function ContextListComponent_button_5_Template(rf, ctx) { if (rf & 1) {
-    const _r17 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 18);
-    i0.ɵɵlistener("click", function ContextListComponent_button_5_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r17); const ctx_r16 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r16.toggleSort(false)); });
-    i0.ɵɵpipe(1, "translate");
-    i0.ɵɵelement(2, "mat-icon", 20);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    i0.ɵɵproperty("matTooltip", i0.ɵɵpipeBind1(1, 1, "igo.context.contextManager.sortContextOrder"));
-} }
-function ContextListComponent_igo_actionbar_6_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "igo-actionbar", 21);
-} if (rf & 2) {
-    const ctx_r3 = i0.ɵɵnextContext();
-    i0.ɵɵproperty("iconColor", ctx_r3.color)("store", ctx_r3.actionStore)("withIcon", true)("withTitle", ctx_r3.actionbarMode === "overlay")("horizontal", false)("mode", ctx_r3.actionbarMode);
-} }
-function ContextListComponent_button_7_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "button", 22);
-    i0.ɵɵpipe(1, "translate");
-    i0.ɵɵelement(2, "mat-icon", 23);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    i0.ɵɵnextContext();
-    const _r5 = i0.ɵɵreference(9);
-    i0.ɵɵproperty("matTooltip", i0.ɵɵpipeBind1(1, 2, "igo.context.contextManager.filterUser"))("matMenuTriggerFor", _r5);
-} }
-function ContextListComponent_ng_container_10_button_1_Template(rf, ctx) { if (rf & 1) {
-    const _r25 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 9)(1, "mat-checkbox", 26);
-    i0.ɵɵlistener("click", function ContextListComponent_ng_container_10_button_1_Template_mat_checkbox_click_1_listener($event) { return $event.stopPropagation(); })("change", function ContextListComponent_ng_container_10_button_1_Template_mat_checkbox_change_1_listener() { i0.ɵɵrestoreView(_r25); const user_r18 = i0.ɵɵnextContext().$implicit; const ctx_r23 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r23.handleToggleCategory(user_r18)); });
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(2, "span");
-    i0.ɵɵtext(3);
-    i0.ɵɵelementEnd()();
-} if (rf & 2) {
-    const user_r18 = i0.ɵɵnextContext().$implicit;
-    const ctx_r19 = i0.ɵɵnextContext();
-    i0.ɵɵadvance(1);
-    i0.ɵɵproperty("checked", ctx_r19.getPermission(user_r18).checked)("indeterminate", ctx_r19.getPermission(user_r18).indeterminate);
-    i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate(user_r18.title);
-} }
-function ContextListComponent_ng_container_10_ng_template_2_button_6_Template(rf, ctx) { if (rf & 1) {
-    const _r32 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 9)(1, "mat-checkbox", 10);
-    i0.ɵɵlistener("click", function ContextListComponent_ng_container_10_ng_template_2_button_6_Template_mat_checkbox_click_1_listener($event) { return $event.stopPropagation(); })("change", function ContextListComponent_ng_container_10_ng_template_2_button_6_Template_mat_checkbox_change_1_listener() { const restoredCtx = i0.ɵɵrestoreView(_r32); const child_r29 = restoredCtx.$implicit; const user_r18 = i0.ɵɵnextContext(2).$implicit; const ctx_r31 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r31.handleToggleCategory(child_r29, user_r18)); });
-    i0.ɵɵtext(2);
-    i0.ɵɵelementEnd()();
-} if (rf & 2) {
-    const child_r29 = ctx.$implicit;
-    const ctx_r28 = i0.ɵɵnextContext(3);
-    i0.ɵɵadvance(1);
-    i0.ɵɵproperty("checked", ctx_r28.getPermission(child_r29).checked);
-    i0.ɵɵadvance(1);
-    i0.ɵɵtextInterpolate1(" ", child_r29.title, " ");
-} }
-function ContextListComponent_ng_container_10_ng_template_2_Template(rf, ctx) { if (rf & 1) {
-    const _r37 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 27)(1, "mat-checkbox", 26);
-    i0.ɵɵlistener("click", function ContextListComponent_ng_container_10_ng_template_2_Template_mat_checkbox_click_1_listener($event) { return $event.stopPropagation(); })("change", function ContextListComponent_ng_container_10_ng_template_2_Template_mat_checkbox_change_1_listener() { i0.ɵɵrestoreView(_r37); const user_r18 = i0.ɵɵnextContext().$implicit; const ctx_r35 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r35.handleToggleCategory(user_r18)); });
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(2, "span");
-    i0.ɵɵtext(3);
-    i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(4, "mat-menu", null, 28);
-    i0.ɵɵtemplate(6, ContextListComponent_ng_container_10_ng_template_2_button_6_Template, 3, 2, "button", 29);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const _r27 = i0.ɵɵreference(5);
-    const user_r18 = i0.ɵɵnextContext().$implicit;
-    const ctx_r21 = i0.ɵɵnextContext();
-    i0.ɵɵproperty("matMenuTriggerFor", _r27);
-    i0.ɵɵadvance(1);
-    i0.ɵɵproperty("checked", ctx_r21.getPermission(user_r18).checked)("indeterminate", ctx_r21.getPermission(user_r18).indeterminate);
-    i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate(user_r18.title);
-    i0.ɵɵadvance(3);
-    i0.ɵɵproperty("ngForOf", user_r18.childs);
-} }
-function ContextListComponent_ng_container_10_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementContainerStart(0);
-    i0.ɵɵtemplate(1, ContextListComponent_ng_container_10_button_1_Template, 4, 3, "button", 24);
-    i0.ɵɵtemplate(2, ContextListComponent_ng_container_10_ng_template_2_Template, 7, 5, "ng-template", null, 25, i0.ɵɵtemplateRefExtractor);
-    i0.ɵɵelementContainerEnd();
-} if (rf & 2) {
-    const user_r18 = ctx.$implicit;
-    const _r20 = i0.ɵɵreference(3);
-    i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngIf", !user_r18.childs)("ngIfElse", _r20);
-} }
-function ContextListComponent_ng_template_16_igo_collapsible_0_ng_template_2_Template(rf, ctx) { if (rf & 1) {
-    const _r45 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "igo-context-item", 33);
-    i0.ɵɵlistener("edit", function ContextListComponent_ng_template_16_igo_collapsible_0_ng_template_2_Template_igo_context_item_edit_0_listener() { const restoredCtx = i0.ɵɵrestoreView(_r45); const context_r43 = restoredCtx.$implicit; const ctx_r44 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r44.edit.emit(context_r43)); })("delete", function ContextListComponent_ng_template_16_igo_collapsible_0_ng_template_2_Template_igo_context_item_delete_0_listener() { const restoredCtx = i0.ɵɵrestoreView(_r45); const context_r43 = restoredCtx.$implicit; const ctx_r46 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r46.delete.emit(context_r43)); })("clone", function ContextListComponent_ng_template_16_igo_collapsible_0_ng_template_2_Template_igo_context_item_clone_0_listener() { const restoredCtx = i0.ɵɵrestoreView(_r45); const context_r43 = restoredCtx.$implicit; const ctx_r47 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r47.clone.emit(context_r43)); })("save", function ContextListComponent_ng_template_16_igo_collapsible_0_ng_template_2_Template_igo_context_item_save_0_listener() { const restoredCtx = i0.ɵɵrestoreView(_r45); const context_r43 = restoredCtx.$implicit; const ctx_r48 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r48.save.emit(context_r43)); })("hide", function ContextListComponent_ng_template_16_igo_collapsible_0_ng_template_2_Template_igo_context_item_hide_0_listener() { const restoredCtx = i0.ɵɵrestoreView(_r45); const context_r43 = restoredCtx.$implicit; const ctx_r49 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r49.hideContext(context_r43)); })("show", function ContextListComponent_ng_template_16_igo_collapsible_0_ng_template_2_Template_igo_context_item_show_0_listener() { const restoredCtx = i0.ɵɵrestoreView(_r45); const context_r43 = restoredCtx.$implicit; const ctx_r50 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r50.showContext(context_r43)); })("favorite", function ContextListComponent_ng_template_16_igo_collapsible_0_ng_template_2_Template_igo_context_item_favorite_0_listener() { const restoredCtx = i0.ɵɵrestoreView(_r45); const context_r43 = restoredCtx.$implicit; const ctx_r51 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r51.favorite.emit(context_r43)); })("manageTools", function ContextListComponent_ng_template_16_igo_collapsible_0_ng_template_2_Template_igo_context_item_manageTools_0_listener() { const restoredCtx = i0.ɵɵrestoreView(_r45); const context_r43 = restoredCtx.$implicit; const ctx_r52 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r52.manageTools.emit(context_r43)); })("managePermissions", function ContextListComponent_ng_template_16_igo_collapsible_0_ng_template_2_Template_igo_context_item_managePermissions_0_listener() { const restoredCtx = i0.ɵɵrestoreView(_r45); const context_r43 = restoredCtx.$implicit; const ctx_r53 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r53.managePermissions.emit(context_r43)); })("select", function ContextListComponent_ng_template_16_igo_collapsible_0_ng_template_2_Template_igo_context_item_select_0_listener() { const restoredCtx = i0.ɵɵrestoreView(_r45); const context_r43 = restoredCtx.$implicit; const ctx_r54 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r54.select.emit(context_r43)); })("unselect", function ContextListComponent_ng_template_16_igo_collapsible_0_ng_template_2_Template_igo_context_item_unselect_0_listener() { const restoredCtx = i0.ɵɵrestoreView(_r45); const context_r43 = restoredCtx.$implicit; const ctx_r55 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r55.unselect.emit(context_r43)); });
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const context_r43 = ctx.$implicit;
-    const ctx_r42 = i0.ɵɵnextContext(3);
-    i0.ɵɵproperty("selected", ctx_r42.selectedContext && ctx_r42.selectedContext.uri === context_r43.uri)("context", context_r43)("default", context_r43.id && ctx_r42.defaultContextId && ctx_r42.defaultContextId === context_r43.id);
-} }
-function ContextListComponent_ng_template_16_igo_collapsible_0_Template(rf, ctx) { if (rf & 1) {
-    const _r57 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "igo-collapsible", 32);
-    i0.ɵɵlistener("toggle", function ContextListComponent_ng_template_16_igo_collapsible_0_Template_igo_collapsible_toggle_0_listener($event) { i0.ɵɵrestoreView(_r57); const groupContexts_r39 = i0.ɵɵnextContext().$implicit; const ctx_r56 = i0.ɵɵnextContext(); return i0.ɵɵresetView((ctx_r56.collapsed[ctx_r56.titleMapping[groupContexts_r39.key]] = $event)); });
-    i0.ɵɵpipe(1, "translate");
-    i0.ɵɵtemplate(2, ContextListComponent_ng_template_16_igo_collapsible_0_ng_template_2_Template, 1, 3, "ng-template", 11);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const groupContexts_r39 = i0.ɵɵnextContext().$implicit;
-    const ctx_r40 = i0.ɵɵnextContext();
-    i0.ɵɵproperty("title", i0.ɵɵpipeBind1(1, 3, ctx_r40.titleMapping[groupContexts_r39.key]))("collapsed", ctx_r40.collapsed[ctx_r40.titleMapping[groupContexts_r39.key]]);
-    i0.ɵɵadvance(2);
-    i0.ɵɵproperty("ngForOf", groupContexts_r39.value);
-} }
-function ContextListComponent_ng_template_16_1_ng_template_0_Template(rf, ctx) { if (rf & 1) {
-    const _r63 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "igo-context-item", 34);
-    i0.ɵɵlistener("favorite", function ContextListComponent_ng_template_16_1_ng_template_0_Template_igo_context_item_favorite_0_listener() { const restoredCtx = i0.ɵɵrestoreView(_r63); const context_r61 = restoredCtx.$implicit; const ctx_r62 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r62.favorite.emit(context_r61)); })("select", function ContextListComponent_ng_template_16_1_ng_template_0_Template_igo_context_item_select_0_listener() { const restoredCtx = i0.ɵɵrestoreView(_r63); const context_r61 = restoredCtx.$implicit; const ctx_r64 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r64.select.emit(context_r61)); })("unselect", function ContextListComponent_ng_template_16_1_ng_template_0_Template_igo_context_item_unselect_0_listener() { const restoredCtx = i0.ɵɵrestoreView(_r63); const context_r61 = restoredCtx.$implicit; const ctx_r65 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r65.unselect.emit(context_r61)); });
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const context_r61 = ctx.$implicit;
-    const ctx_r60 = i0.ɵɵnextContext(3);
-    i0.ɵɵproperty("showFavorite", ctx_r60.configService.getConfig("favoriteContext4NonAuthenticated"))("selected", ctx_r60.selectedContext && ctx_r60.selectedContext.uri === context_r61.uri)("context", context_r61)("default", ctx_r60.contextConfigs ? ctx_r60.defaultContextId === context_r61.id : ctx_r60.defaultContextId === context_r61.uri);
-} }
-function ContextListComponent_ng_template_16_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵtemplate(0, ContextListComponent_ng_template_16_1_ng_template_0_Template, 1, 4, "ng-template", 11);
-} if (rf & 2) {
-    const groupContexts_r39 = i0.ɵɵnextContext().$implicit;
-    i0.ɵɵproperty("ngForOf", groupContexts_r39.value);
-} }
-function ContextListComponent_ng_template_16_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵtemplate(0, ContextListComponent_ng_template_16_igo_collapsible_0_Template, 3, 5, "igo-collapsible", 30);
-    i0.ɵɵtemplate(1, ContextListComponent_ng_template_16_1_Template, 1, 1, null, 31);
-} if (rf & 2) {
-    const groupContexts_r39 = ctx.$implicit;
-    const ctx_r7 = i0.ɵɵnextContext();
-    i0.ɵɵproperty("ngIf", groupContexts_r39.value.length && ctx_r7.auth.authenticated);
-    i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngIf", groupContexts_r39.value.length && !ctx_r7.auth.authenticated);
-} }
-function ContextListComponent_div_19_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 35);
-    i0.ɵɵtext(1);
-    i0.ɵɵpipe(2, "translate");
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    i0.ɵɵadvance(1);
-    i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(2, 1, "igo.context.contextManager.noResult"), " ");
-} }
 class ContextListComponent {
     cdRef;
     configService;
@@ -2920,95 +2182,51 @@ class ContextListComponent {
         context.hidden = false;
         this.show.emit(context);
     }
-    static ɵfac = function ContextListComponent_Factory(t) { return new (t || ContextListComponent)(i0.ɵɵdirectiveInject(i0.ChangeDetectorRef), i0.ɵɵdirectiveInject(i3.ConfigService), i0.ɵɵdirectiveInject(i2.AuthService), i0.ɵɵdirectiveInject(i1$3.MatDialog), i0.ɵɵdirectiveInject(i3.LanguageService), i0.ɵɵdirectiveInject(i3.StorageService)); };
-    static ɵ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: 20, vars: 17, consts: [[3, "navigation"], [1, "context-filter-container"], ["floatLabel", "always", 4, "ngIf"], [1, "actions-container"], ["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"], ["mat-menu-item", "", 1, "profil-menu"], [3, "checked", "click", "change"], ["ngFor", "", 3, "ngForOf"], ["class", "no-result", 4, "ngIf"], ["floatLabel", "always"], ["matInput", "", "type", "text", 3, "placeholder", "ngModel", "ngModelChange"], ["mat-icon-button", "", "matSuffix", "", "class", "clear-button", "aria-label", "Clear", "color", "warn", 3, "click", 4, "ngIf"], ["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"], ["mat-menu-item", "", "class", "profil-menu", 4, "ngIf", "ngIfElse"], ["withSubMenu", ""], [3, "checked", "indeterminate", "click", "change"], ["mat-menu-item", "", 1, "profil-menu", 3, "matMenuTriggerFor"], ["subAccountMenu", "matMenu"], ["mat-menu-item", "", "class", "profil-menu", 4, "ngFor", "ngForOf"], [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"], [1, "no-result"]], template: function ContextListComponent_Template(rf, ctx) { if (rf & 1) {
-            i0.ɵɵelementStart(0, "igo-list", 0)(1, "div", 1);
-            i0.ɵɵtemplate(2, ContextListComponent_mat_form_field_2_Template, 7, 8, "mat-form-field", 2);
-            i0.ɵɵelementStart(3, "div", 3);
-            i0.ɵɵtemplate(4, ContextListComponent_button_4_Template, 3, 3, "button", 4);
-            i0.ɵɵtemplate(5, ContextListComponent_button_5_Template, 3, 3, "button", 4);
-            i0.ɵɵtemplate(6, ContextListComponent_igo_actionbar_6_Template, 1, 6, "igo-actionbar", 5);
-            i0.ɵɵtemplate(7, ContextListComponent_button_7_Template, 3, 4, "button", 6);
-            i0.ɵɵelementStart(8, "mat-menu", null, 7);
-            i0.ɵɵtemplate(10, ContextListComponent_ng_container_10_Template, 4, 2, "ng-container", 8);
-            i0.ɵɵelementStart(11, "button", 9)(12, "mat-checkbox", 10);
-            i0.ɵɵlistener("click", function ContextListComponent_Template_mat_checkbox_click_12_listener($event) { return $event.stopPropagation(); })("change", function ContextListComponent_Template_mat_checkbox_change_12_listener() { return ctx.showHiddenContexts.emit(); });
-            i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(13, "span");
-            i0.ɵɵtext(14);
-            i0.ɵɵpipe(15, "translate");
-            i0.ɵɵelementEnd()()()()();
-            i0.ɵɵtemplate(16, ContextListComponent_ng_template_16_Template, 2, 2, "ng-template", 11);
-            i0.ɵɵpipe(17, "keyvalue");
-            i0.ɵɵpipe(18, "async");
-            i0.ɵɵtemplate(19, ContextListComponent_div_19_Template, 3, 3, "div", 12);
-            i0.ɵɵelementEnd();
-        } if (rf & 2) {
-            i0.ɵɵproperty("navigation", true);
-            i0.ɵɵadvance(2);
-            i0.ɵɵproperty("ngIf", ctx.showFilter());
-            i0.ɵɵadvance(2);
-            i0.ɵɵproperty("ngIf", !ctx.sortedAlpha);
-            i0.ɵɵadvance(1);
-            i0.ɵɵproperty("ngIf", ctx.sortedAlpha);
-            i0.ɵɵadvance(1);
-            i0.ɵɵproperty("ngIf", ctx.auth.authenticated && ctx.contextConfigs);
-            i0.ɵɵadvance(1);
-            i0.ɵɵproperty("ngIf", ctx.auth.authenticated && ctx.contextConfigs);
-            i0.ɵɵadvance(3);
-            i0.ɵɵproperty("ngForOf", ctx.users);
-            i0.ɵɵadvance(2);
-            i0.ɵɵproperty("checked", ctx.showHidden);
-            i0.ɵɵadvance(2);
-            i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(15, 11, "igo.context.contextManager.showHidden"), " ");
-            i0.ɵɵadvance(2);
-            i0.ɵɵproperty("ngForOf", i0.ɵɵpipeBind1(17, 13, i0.ɵɵpipeBind1(18, 15, ctx.contexts$)));
-            i0.ɵɵadvance(3);
-            i0.ɵɵproperty("ngIf", ctx.isEmpty);
-        } }, dependencies: [i6.NgForOf, i6.NgIf, i1$2.DefaultValueAccessor, i1$2.NgControlStatus, i1$2.NgModel, i6$1.MatFormField, i6$1.MatLabel, i6$1.MatSuffix, i5.MatInput, i6$2.MatIcon, i7.MatIconButton, i6$3.MatTooltip, i11$1.MatCheckbox, i12$1.MatMenu, i12$1.MatMenuItem, i12$1.MatMenuTrigger, i13.ListItemDirective, i13.ListComponent, i13.CollapsibleComponent, i13.ActionbarComponent, ContextItemComponent, i6.AsyncPipe, i13.KeyValuePipe, i9$1.TranslatePipe], styles: ["[_nghost-%COMP%]     mat-form-field .mat-mdc-form-field-subscript-wrapper{display:none}.context-filter-container[_ngcontent-%COMP%]{display:flex;align-items:center;padding:8px 4px}.context-filter-container[_ngcontent-%COMP%]   mat-form-field[_ngcontent-%COMP%]{flex:1}.context-filter-min-width[_ngcontent-%COMP%]{width:calc(100% - 135px);margin:5px;padding-left:6px}.profil-menu[_ngcontent-%COMP%]{padding-left:8px}.profil-menu[_ngcontent-%COMP%]   mat-checkbox[_ngcontent-%COMP%]{margin-right:8px}.add-context-button[_ngcontent-%COMP%]{margin:0;width:40px;display:inline-flex;overflow:hidden}.actions-container[_ngcontent-%COMP%]{margin-left:4px}.no-result[_ngcontent-%COMP%]{padding:16px}"], changeDetection: 0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ContextListComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i3.ConfigService }, { token: i2.AuthService }, { token: i1$3.MatDialog }, { token: i3.LanguageService }, { token: i3.StorageService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ContextListComponent, selector: "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" }, ngImport: i0, template: "<igo-list [navigation]=\"true\">\r\n  <div class=\"context-filter-container\">\r\n    <mat-form-field *ngIf=\"showFilter()\" floatLabel=\"always\">\r\n      <mat-label>{{\r\n        'igo.context.contextManager.filterPlaceHolder' | translate\r\n      }}</mat-label>\r\n      <input\r\n        matInput\r\n        type=\"text\"\r\n        [placeholder]=\"\r\n          'igo.context.contextManager.filterPlaceHolder' | translate\r\n        \"\r\n        [(ngModel)]=\"term\"\r\n      />\r\n      <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      >\r\n        <mat-icon svgIcon=\"close\"></mat-icon>\r\n      </button>\r\n    </mat-form-field>\r\n\r\n    <div class=\"actions-container\">\r\n      <button\r\n        *ngIf=\"!sortedAlpha\"\r\n        class=\"sort-alpha\"\r\n        mat-icon-button\r\n        [matTooltip]=\"\r\n          'igo.context.contextManager.sortAlphabetically' | translate\r\n        \"\r\n        matTooltipShowDelay=\"500\"\r\n        (click)=\"toggleSort(true)\"\r\n      >\r\n        <mat-icon\r\n          color=\"primary\"\r\n          svgIcon=\"sort-alphabetical-variant\"\r\n        ></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      >\r\n        <mat-icon color=\"warn\" svgIcon=\"sort-variant-remove\"></mat-icon>\r\n      </button>\r\n\r\n      <igo-actionbar\r\n        *ngIf=\"auth.authenticated && contextConfigs\"\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      >\r\n      </igo-actionbar>\r\n\r\n      <button\r\n        *ngIf=\"auth.authenticated && contextConfigs\"\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      >\r\n        <mat-icon color=\"primary\" svgIcon=\"filter-menu\"></mat-icon>\r\n      </button>\r\n      <mat-menu #accountMenu=\"matMenu\">\r\n        <ng-container *ngFor=\"let user of users\">\r\n          <button\r\n            *ngIf=\"!user.childs; else withSubMenu\"\r\n            mat-menu-item\r\n            class=\"profil-menu\"\r\n          >\r\n            <mat-checkbox\r\n              [checked]=\"getPermission(user).checked\"\r\n              [indeterminate]=\"getPermission(user).indeterminate\"\r\n              (click)=\"$event.stopPropagation()\"\r\n              (change)=\"handleToggleCategory(user)\"\r\n            >\r\n            </mat-checkbox>\r\n            <span>{{ user.title }}</span>\r\n          </button>\r\n          <ng-template #withSubMenu>\r\n            <button\r\n              mat-menu-item\r\n              [matMenuTriggerFor]=\"subAccountMenu\"\r\n              class=\"profil-menu\"\r\n            >\r\n              <mat-checkbox\r\n                [checked]=\"getPermission(user).checked\"\r\n                [indeterminate]=\"getPermission(user).indeterminate\"\r\n                (click)=\"$event.stopPropagation()\"\r\n                (change)=\"handleToggleCategory(user)\"\r\n              >\r\n              </mat-checkbox>\r\n              <span>{{ user.title }}</span>\r\n            </button>\r\n\r\n            <mat-menu #subAccountMenu=\"matMenu\">\r\n              <button\r\n                mat-menu-item\r\n                *ngFor=\"let child of user.childs\"\r\n                class=\"profil-menu\"\r\n              >\r\n                <mat-checkbox\r\n                  [checked]=\"getPermission(child).checked\"\r\n                  (click)=\"$event.stopPropagation()\"\r\n                  (change)=\"handleToggleCategory(child, user)\"\r\n                >\r\n                  {{ child.title }}\r\n                </mat-checkbox>\r\n              </button>\r\n            </mat-menu>\r\n          </ng-template>\r\n        </ng-container>\r\n\r\n        <button mat-menu-item class=\"profil-menu\">\r\n          <mat-checkbox\r\n            [checked]=\"showHidden\"\r\n            (click)=\"$event.stopPropagation()\"\r\n            (change)=\"showHiddenContexts.emit()\"\r\n          >\r\n          </mat-checkbox>\r\n          <span>\r\n            {{ 'igo.context.contextManager.showHidden' | translate }}\r\n          </span>\r\n        </button>\r\n      </mat-menu>\r\n    </div>\r\n  </div>\r\n\r\n  <ng-template ngFor let-groupContexts [ngForOf]=\"contexts$ | async | keyvalue\">\r\n    <igo-collapsible\r\n      *ngIf=\"groupContexts.value.length && auth.authenticated\"\r\n      [title]=\"titleMapping[groupContexts.key] | translate\"\r\n      [collapsed]=\"collapsed[titleMapping[groupContexts.key]]\"\r\n      (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]=\"\r\n            context.id &&\r\n            this.defaultContextId &&\r\n            this.defaultContextId === context.id\r\n          \"\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        >\r\n        </igo-context-item>\r\n      </ng-template>\r\n    </igo-collapsible>\r\n\r\n    <ng-template\r\n      *ngIf=\"groupContexts.value.length && !auth.authenticated\"\r\n      ngFor\r\n      let-context\r\n      [ngForOf]=\"groupContexts.value\"\r\n    >\r\n      <igo-context-item\r\n        igoListItem\r\n        color=\"accent\"\r\n        [showFavorite]=\"\r\n          configService.getConfig('favoriteContext4NonAuthenticated')\r\n        \"\r\n        [selected]=\"selectedContext && selectedContext.uri === context.uri\"\r\n        [context]=\"context\"\r\n        [default]=\"\r\n          contextConfigs\r\n            ? defaultContextId === context.id\r\n            : defaultContextId === context.uri\r\n        \"\r\n        (favorite)=\"favorite.emit(context)\"\r\n        (select)=\"select.emit(context)\"\r\n        (unselect)=\"unselect.emit(context)\"\r\n      >\r\n      </igo-context-item>\r\n    </ng-template>\r\n  </ng-template>\r\n\r\n  <div *ngIf=\"isEmpty\" class=\"no-result\">\r\n    {{ 'igo.context.contextManager.noResult' | translate }}\r\n  </div>\r\n</igo-list>\r\n", styles: [":host ::ng-deep mat-form-field .mat-mdc-form-field-subscript-wrapper{display:none}.context-filter-container{display:flex;align-items:center;padding:8px 4px}.context-filter-container mat-form-field{flex:1}.context-filter-min-width{width:calc(100% - 135px);margin:5px;padding-left:6px}.profil-menu{padding-left:8px}.profil-menu mat-checkbox{margin-right:8px}.add-context-button{margin:0;width:40px;display:inline-flex;overflow:hidden}.actions-container{margin-left:4px}.no-result{padding:16px}\n"], dependencies: [{ kind: "directive", type: i6.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i6$1.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i6$1.MatLabel, selector: "mat-label" }, { kind: "directive", type: i6$1.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "directive", type: i5.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "component", type: i6$2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i7.MatIconButton, selector: "button[mat-icon-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "directive", type: i6$3.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }, { kind: "component", type: i11$1.MatCheckbox, selector: "mat-checkbox", inputs: ["disableRipple", "color", "tabIndex"], exportAs: ["matCheckbox"] }, { kind: "component", type: i12$1.MatMenu, selector: "mat-menu", exportAs: ["matMenu"] }, { kind: "component", type: i12$1.MatMenuItem, selector: "[mat-menu-item]", inputs: ["disabled", "disableRipple", "role"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i12$1.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", exportAs: ["matMenuTrigger"] }, { kind: "directive", type: i13.ListItemDirective, selector: "[igoListItem]", inputs: ["color", "focused", "selected", "disabled"], outputs: ["beforeSelect", "beforeFocus", "beforeUnselect", "beforeUnfocus", "beforeDisable", "beforeEnable", "focus", "unfocus", "select", "unselect", "disable", "enable"] }, { kind: "component", type: i13.ListComponent, selector: "igo-list", inputs: ["navigation", "selection"] }, { kind: "component", type: i13.CollapsibleComponent, selector: "igo-collapsible", inputs: ["title", "collapsed"], outputs: ["toggle"] }, { kind: "component", type: i13.ActionbarComponent, selector: "igo-actionbar", inputs: ["store", "mode", "withToggleButton", "horizontal", "color", "iconColor", "withTitle", "withTooltip", "scrollActive", "withIcon", "icon", "xPosition", "yPosition", "overlayClass"] }, { kind: "component", type: ContextItemComponent, selector: "igo-context-item", inputs: ["showFavorite", "context", "default", "selected"], outputs: ["edit", "delete", "save", "clone", "hide", "show", "favorite", "managePermissions", "manageTools"] }, { kind: "pipe", type: i6.AsyncPipe, name: "async" }, { kind: "pipe", type: i13.KeyValuePipe, name: "keyvalue" }, { kind: "pipe", type: i9$1.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ContextListComponent, [{
-        type: Component,
-        args: [{ selector: 'igo-context-list', changeDetection: ChangeDetectionStrategy.OnPush, template: "<igo-list [navigation]=\"true\">\r\n  <div class=\"context-filter-container\">\r\n    <mat-form-field *ngIf=\"showFilter()\" floatLabel=\"always\">\r\n      <mat-label>{{\r\n        'igo.context.contextManager.filterPlaceHolder' | translate\r\n      }}</mat-label>\r\n      <input\r\n        matInput\r\n        type=\"text\"\r\n        [placeholder]=\"\r\n          'igo.context.contextManager.filterPlaceHolder' | translate\r\n        \"\r\n        [(ngModel)]=\"term\"\r\n      />\r\n      <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      >\r\n        <mat-icon svgIcon=\"close\"></mat-icon>\r\n      </button>\r\n    </mat-form-field>\r\n\r\n    <div class=\"actions-container\">\r\n      <button\r\n        *ngIf=\"!sortedAlpha\"\r\n        class=\"sort-alpha\"\r\n        mat-icon-button\r\n        [matTooltip]=\"\r\n          'igo.context.contextManager.sortAlphabetically' | translate\r\n        \"\r\n        matTooltipShowDelay=\"500\"\r\n        (click)=\"toggleSort(true)\"\r\n      >\r\n        <mat-icon\r\n          color=\"primary\"\r\n          svgIcon=\"sort-alphabetical-variant\"\r\n        ></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      >\r\n        <mat-icon color=\"warn\" svgIcon=\"sort-variant-remove\"></mat-icon>\r\n      </button>\r\n\r\n      <igo-actionbar\r\n        *ngIf=\"auth.authenticated && contextConfigs\"\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      >\r\n      </igo-actionbar>\r\n\r\n      <button\r\n        *ngIf=\"auth.authenticated && contextConfigs\"\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      >\r\n        <mat-icon color=\"primary\" svgIcon=\"filter-menu\"></mat-icon>\r\n      </button>\r\n      <mat-menu #accountMenu=\"matMenu\">\r\n        <ng-container *ngFor=\"let user of users\">\r\n          <button\r\n            *ngIf=\"!user.childs; else withSubMenu\"\r\n            mat-menu-item\r\n            class=\"profil-menu\"\r\n          >\r\n            <mat-checkbox\r\n              [checked]=\"getPermission(user).checked\"\r\n              [indeterminate]=\"getPermission(user).indeterminate\"\r\n              (click)=\"$event.stopPropagation()\"\r\n              (change)=\"handleToggleCategory(user)\"\r\n            >\r\n            </mat-checkbox>\r\n            <span>{{ user.title }}</span>\r\n          </button>\r\n          <ng-template #withSubMenu>\r\n            <button\r\n              mat-menu-item\r\n              [matMenuTriggerFor]=\"subAccountMenu\"\r\n              class=\"profil-menu\"\r\n            >\r\n              <mat-checkbox\r\n                [checked]=\"getPermission(user).checked\"\r\n                [indeterminate]=\"getPermission(user).indeterminate\"\r\n                (click)=\"$event.stopPropagation()\"\r\n                (change)=\"handleToggleCategory(user)\"\r\n              >\r\n              </mat-checkbox>\r\n              <span>{{ user.title }}</span>\r\n            </button>\r\n\r\n            <mat-menu #subAccountMenu=\"matMenu\">\r\n              <button\r\n                mat-menu-item\r\n                *ngFor=\"let child of user.childs\"\r\n                class=\"profil-menu\"\r\n              >\r\n                <mat-checkbox\r\n                  [checked]=\"getPermission(child).checked\"\r\n                  (click)=\"$event.stopPropagation()\"\r\n                  (change)=\"handleToggleCategory(child, user)\"\r\n                >\r\n                  {{ child.title }}\r\n                </mat-checkbox>\r\n              </button>\r\n            </mat-menu>\r\n          </ng-template>\r\n        </ng-container>\r\n\r\n        <button mat-menu-item class=\"profil-menu\">\r\n          <mat-checkbox\r\n            [checked]=\"showHidden\"\r\n            (click)=\"$event.stopPropagation()\"\r\n            (change)=\"showHiddenContexts.emit()\"\r\n          >\r\n          </mat-checkbox>\r\n          <span>\r\n            {{ 'igo.context.contextManager.showHidden' | translate }}\r\n          </span>\r\n        </button>\r\n      </mat-menu>\r\n    </div>\r\n  </div>\r\n\r\n  <ng-template ngFor let-groupContexts [ngForOf]=\"contexts$ | async | keyvalue\">\r\n    <igo-collapsible\r\n      *ngIf=\"groupContexts.value.length && auth.authenticated\"\r\n      [title]=\"titleMapping[groupContexts.key] | translate\"\r\n      [collapsed]=\"collapsed[titleMapping[groupContexts.key]]\"\r\n      (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]=\"\r\n            context.id &&\r\n            this.defaultContextId &&\r\n            this.defaultContextId === context.id\r\n          \"\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        >\r\n        </igo-context-item>\r\n      </ng-template>\r\n    </igo-collapsible>\r\n\r\n    <ng-template\r\n      *ngIf=\"groupContexts.value.length && !auth.authenticated\"\r\n      ngFor\r\n      let-context\r\n      [ngForOf]=\"groupContexts.value\"\r\n    >\r\n      <igo-context-item\r\n        igoListItem\r\n        color=\"accent\"\r\n        [showFavorite]=\"\r\n          configService.getConfig('favoriteContext4NonAuthenticated')\r\n        \"\r\n        [selected]=\"selectedContext && selectedContext.uri === context.uri\"\r\n        [context]=\"context\"\r\n        [default]=\"\r\n          contextConfigs\r\n            ? defaultContextId === context.id\r\n            : defaultContextId === context.uri\r\n        \"\r\n        (favorite)=\"favorite.emit(context)\"\r\n        (select)=\"select.emit(context)\"\r\n        (unselect)=\"unselect.emit(context)\"\r\n      >\r\n      </igo-context-item>\r\n    </ng-template>\r\n  </ng-template>\r\n\r\n  <div *ngIf=\"isEmpty\" class=\"no-result\">\r\n    {{ 'igo.context.contextManager.noResult' | translate }}\r\n  </div>\r\n</igo-list>\r\n", styles: [":host ::ng-deep mat-form-field .mat-mdc-form-field-subscript-wrapper{display:none}.context-filter-container{display:flex;align-items:center;padding:8px 4px}.context-filter-container mat-form-field{flex:1}.context-filter-min-width{width:calc(100% - 135px);margin:5px;padding-left:6px}.profil-menu{padding-left:8px}.profil-menu mat-checkbox{margin-right:8px}.add-context-button{margin:0;width:40px;display:inline-flex;overflow:hidden}.actions-container{margin-left:4px}.no-result{padding:16px}\n"] }]
-    }], function () { return [{ type: i0.ChangeDetectorRef }, { type: i3.ConfigService }, { type: i2.AuthService }, { type: i1$3.MatDialog }, { type: i3.LanguageService }, { type: i3.StorageService }]; }, { contexts: [{
-            type: Input
-        }], selectedContext: [{
-            type: Input
-        }], map: [{
-            type: Input
-        }], defaultContextId: [{
-            type: Input
-        }], select: [{
-            type: Output
-        }], unselect: [{
-            type: Output
-        }], edit: [{
-            type: Output
-        }], delete: [{
-            type: Output
-        }], save: [{
-            type: Output
-        }], clone: [{
-            type: Output
-        }], create: [{
-            type: Output
-        }], hide: [{
-            type: Output
-        }], show: [{
-            type: Output
-        }], showHiddenContexts: [{
-            type: Output
-        }], favorite: [{
-            type: Output
-        }], managePermissions: [{
-            type: Output
-        }], manageTools: [{
-            type: Output
-        }], filterPermissionsChanged: [{
-            type: Output
-        }], term: [{
-            type: Input
-        }] }); })();
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ContextListComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'igo-context-list', changeDetection: ChangeDetectionStrategy.OnPush, template: "<igo-list [navigation]=\"true\">\r\n  <div class=\"context-filter-container\">\r\n    <mat-form-field *ngIf=\"showFilter()\" floatLabel=\"always\">\r\n      <mat-label>{{\r\n        'igo.context.contextManager.filterPlaceHolder' | translate\r\n      }}</mat-label>\r\n      <input\r\n        matInput\r\n        type=\"text\"\r\n        [placeholder]=\"\r\n          'igo.context.contextManager.filterPlaceHolder' | translate\r\n        \"\r\n        [(ngModel)]=\"term\"\r\n      />\r\n      <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      >\r\n        <mat-icon svgIcon=\"close\"></mat-icon>\r\n      </button>\r\n    </mat-form-field>\r\n\r\n    <div class=\"actions-container\">\r\n      <button\r\n        *ngIf=\"!sortedAlpha\"\r\n        class=\"sort-alpha\"\r\n        mat-icon-button\r\n        [matTooltip]=\"\r\n          'igo.context.contextManager.sortAlphabetically' | translate\r\n        \"\r\n        matTooltipShowDelay=\"500\"\r\n        (click)=\"toggleSort(true)\"\r\n      >\r\n        <mat-icon\r\n          color=\"primary\"\r\n          svgIcon=\"sort-alphabetical-variant\"\r\n        ></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      >\r\n        <mat-icon color=\"warn\" svgIcon=\"sort-variant-remove\"></mat-icon>\r\n      </button>\r\n\r\n      <igo-actionbar\r\n        *ngIf=\"auth.authenticated && contextConfigs\"\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      >\r\n      </igo-actionbar>\r\n\r\n      <button\r\n        *ngIf=\"auth.authenticated && contextConfigs\"\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      >\r\n        <mat-icon color=\"primary\" svgIcon=\"filter-menu\"></mat-icon>\r\n      </button>\r\n      <mat-menu #accountMenu=\"matMenu\">\r\n        <ng-container *ngFor=\"let user of users\">\r\n          <button\r\n            *ngIf=\"!user.childs; else withSubMenu\"\r\n            mat-menu-item\r\n            class=\"profil-menu\"\r\n          >\r\n            <mat-checkbox\r\n              [checked]=\"getPermission(user).checked\"\r\n              [indeterminate]=\"getPermission(user).indeterminate\"\r\n              (click)=\"$event.stopPropagation()\"\r\n              (change)=\"handleToggleCategory(user)\"\r\n            >\r\n            </mat-checkbox>\r\n            <span>{{ user.title }}</span>\r\n          </button>\r\n          <ng-template #withSubMenu>\r\n            <button\r\n              mat-menu-item\r\n              [matMenuTriggerFor]=\"subAccountMenu\"\r\n              class=\"profil-menu\"\r\n            >\r\n              <mat-checkbox\r\n                [checked]=\"getPermission(user).checked\"\r\n                [indeterminate]=\"getPermission(user).indeterminate\"\r\n                (click)=\"$event.stopPropagation()\"\r\n                (change)=\"handleToggleCategory(user)\"\r\n              >\r\n              </mat-checkbox>\r\n              <span>{{ user.title }}</span>\r\n            </button>\r\n\r\n            <mat-menu #subAccountMenu=\"matMenu\">\r\n              <button\r\n                mat-menu-item\r\n                *ngFor=\"let child of user.childs\"\r\n                class=\"profil-menu\"\r\n              >\r\n                <mat-checkbox\r\n                  [checked]=\"getPermission(child).checked\"\r\n                  (click)=\"$event.stopPropagation()\"\r\n                  (change)=\"handleToggleCategory(child, user)\"\r\n                >\r\n                  {{ child.title }}\r\n                </mat-checkbox>\r\n              </button>\r\n            </mat-menu>\r\n          </ng-template>\r\n        </ng-container>\r\n\r\n        <button mat-menu-item class=\"profil-menu\">\r\n          <mat-checkbox\r\n            [checked]=\"showHidden\"\r\n            (click)=\"$event.stopPropagation()\"\r\n            (change)=\"showHiddenContexts.emit()\"\r\n          >\r\n          </mat-checkbox>\r\n          <span>\r\n            {{ 'igo.context.contextManager.showHidden' | translate }}\r\n          </span>\r\n        </button>\r\n      </mat-menu>\r\n    </div>\r\n  </div>\r\n\r\n  <ng-template ngFor let-groupContexts [ngForOf]=\"contexts$ | async | keyvalue\">\r\n    <igo-collapsible\r\n      *ngIf=\"groupContexts.value.length && auth.authenticated\"\r\n      [title]=\"titleMapping[groupContexts.key] | translate\"\r\n      [collapsed]=\"collapsed[titleMapping[groupContexts.key]]\"\r\n      (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]=\"\r\n            context.id &&\r\n            this.defaultContextId &&\r\n            this.defaultContextId === context.id\r\n          \"\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        >\r\n        </igo-context-item>\r\n      </ng-template>\r\n    </igo-collapsible>\r\n\r\n    <ng-template\r\n      *ngIf=\"groupContexts.value.length && !auth.authenticated\"\r\n      ngFor\r\n      let-context\r\n      [ngForOf]=\"groupContexts.value\"\r\n    >\r\n      <igo-context-item\r\n        igoListItem\r\n        color=\"accent\"\r\n        [showFavorite]=\"\r\n          configService.getConfig('favoriteContext4NonAuthenticated')\r\n        \"\r\n        [selected]=\"selectedContext && selectedContext.uri === context.uri\"\r\n        [context]=\"context\"\r\n        [default]=\"\r\n          contextConfigs\r\n            ? defaultContextId === context.id\r\n            : defaultContextId === context.uri\r\n        \"\r\n        (favorite)=\"favorite.emit(context)\"\r\n        (select)=\"select.emit(context)\"\r\n        (unselect)=\"unselect.emit(context)\"\r\n      >\r\n      </igo-context-item>\r\n    </ng-template>\r\n  </ng-template>\r\n\r\n  <div *ngIf=\"isEmpty\" class=\"no-result\">\r\n    {{ 'igo.context.contextManager.noResult' | translate }}\r\n  </div>\r\n</igo-list>\r\n", styles: [":host ::ng-deep mat-form-field .mat-mdc-form-field-subscript-wrapper{display:none}.context-filter-container{display:flex;align-items:center;padding:8px 4px}.context-filter-container mat-form-field{flex:1}.context-filter-min-width{width:calc(100% - 135px);margin:5px;padding-left:6px}.profil-menu{padding-left:8px}.profil-menu mat-checkbox{margin-right:8px}.add-context-button{margin:0;width:40px;display:inline-flex;overflow:hidden}.actions-container{margin-left:4px}.no-result{padding:16px}\n"] }]
+        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i3.ConfigService }, { type: i2.AuthService }, { type: i1$3.MatDialog }, { type: i3.LanguageService }, { type: i3.StorageService }]; }, propDecorators: { contexts: [{
+                type: Input
+            }], selectedContext: [{
+                type: Input
+            }], map: [{
+                type: Input
+            }], defaultContextId: [{
+                type: Input
+            }], select: [{
+                type: Output
+            }], unselect: [{
+                type: Output
+            }], edit: [{
+                type: Output
+            }], delete: [{
+                type: Output
+            }], save: [{
+                type: Output
+            }], clone: [{
+                type: Output
+            }], create: [{
+                type: Output
+            }], hide: [{
+                type: Output
+            }], show: [{
+                type: Output
+            }], showHiddenContexts: [{
+                type: Output
+            }], favorite: [{
+                type: Output
+            }], managePermissions: [{
+                type: Output
+            }], manageTools: [{
+                type: Output
+            }], filterPermissionsChanged: [{
+                type: Output
+            }], term: [{
+                type: Input
+            }] } });
 
 class ContextListBindingDirective {
     contextService;
@@ -3201,247 +2419,57 @@ class ContextListBindingDirective {
     handleContextsChange(contexts) {
         this.component.contexts = contexts;
     }
-    static ɵ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(i13.ConfirmDialogService), i0.ɵɵdirectiveInject(i3.MessageService), i0.ɵɵdirectiveInject(i2.AuthService), i0.ɵɵdirectiveInject(i3.StorageService), i0.ɵɵdirectiveInject(i0.ChangeDetectorRef)); };
-    static ɵ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); });
-        } } });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ContextListBindingDirective, deps: [{ token: ContextListComponent, self: true }, { token: ContextService }, { token: i1$1.MapService }, { token: i3.LanguageService }, { token: i13.ConfirmDialogService }, { token: i3.MessageService }, { token: i2.AuthService }, { token: i3.StorageService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: ContextListBindingDirective, selector: "[igoContextListBinding]", host: { listeners: { "select": "onSelect($event)", "edit": "onEdit($event)", "save": "onSave($event)", "favorite": "onFavorite($event)", "manageTools": "onManageTools($event)", "managePermissions": "onManagePermissions($event)", "delete": "onDelete($event)", "clone": "onClone($event)", "create": "onCreate($event)", "filterPermissionsChanged": "loadContexts()", "showHiddenContexts": "showHiddenContexts()", "show": "onShowContext($event)", "hide": "onHideContext($event)" } }, ngImport: i0 });
 }
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ContextListBindingDirective, [{
-        type: Directive,
-        args: [{
-                selector: '[igoContextListBinding]'
-            }]
-    }], function () { return [{ type: ContextListComponent, decorators: [{
-                type: Self
-            }] }, { type: ContextService }, { type: i1$1.MapService }, { type: i3.LanguageService }, { type: i13.ConfirmDialogService }, { type: i3.MessageService }, { type: i2.AuthService }, { type: i3.StorageService }, { type: i0.ChangeDetectorRef }]; }, { onSelect: [{
-            type: HostListener,
-            args: ['select', ['$event']]
-        }], onEdit: [{
-            type: HostListener,
-            args: ['edit', ['$event']]
-        }], onSave: [{
-            type: HostListener,
-            args: ['save', ['$event']]
-        }], onFavorite: [{
-            type: HostListener,
-            args: ['favorite', ['$event']]
-        }], onManageTools: [{
-            type: HostListener,
-            args: ['manageTools', ['$event']]
-        }], onManagePermissions: [{
-            type: HostListener,
-            args: ['managePermissions', ['$event']]
-        }], onDelete: [{
-            type: HostListener,
-            args: ['delete', ['$event']]
-        }], onClone: [{
-            type: HostListener,
-            args: ['clone', ['$event']]
-        }], onCreate: [{
-            type: HostListener,
-            args: ['create', ['$event']]
-        }], loadContexts: [{
-            type: HostListener,
-            args: ['filterPermissionsChanged']
-        }], showHiddenContexts: [{
-            type: HostListener,
-            args: ['showHiddenContexts']
-        }], onShowContext: [{
-            type: HostListener,
-            args: ['show', ['$event']]
-        }], onHideContext: [{
-            type: HostListener,
-            args: ['hide', ['$event']]
-        }] }); })();
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ContextListBindingDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[igoContextListBinding]'
+                }]
+        }], ctorParameters: function () { return [{ type: ContextListComponent, decorators: [{
+                    type: Self
+                }] }, { type: ContextService }, { type: i1$1.MapService }, { type: i3.LanguageService }, { type: i13.ConfirmDialogService }, { type: i3.MessageService }, { type: i2.AuthService }, { type: i3.StorageService }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { onSelect: [{
+                type: HostListener,
+                args: ['select', ['$event']]
+            }], onEdit: [{
+                type: HostListener,
+                args: ['edit', ['$event']]
+            }], onSave: [{
+                type: HostListener,
+                args: ['save', ['$event']]
+            }], onFavorite: [{
+                type: HostListener,
+                args: ['favorite', ['$event']]
+            }], onManageTools: [{
+                type: HostListener,
+                args: ['manageTools', ['$event']]
+            }], onManagePermissions: [{
+                type: HostListener,
+                args: ['managePermissions', ['$event']]
+            }], onDelete: [{
+                type: HostListener,
+                args: ['delete', ['$event']]
+            }], onClone: [{
+                type: HostListener,
+                args: ['clone', ['$event']]
+            }], onCreate: [{
+                type: HostListener,
+                args: ['create', ['$event']]
+            }], loadContexts: [{
+                type: HostListener,
+                args: ['filterPermissionsChanged']
+            }], showHiddenContexts: [{
+                type: HostListener,
+                args: ['showHiddenContexts']
+            }], onShowContext: [{
+                type: HostListener,
+                args: ['show', ['$event']]
+            }], onHideContext: [{
+                type: HostListener,
+                args: ['hide', ['$event']]
+            }] } });
 
-function ContextPermissionsComponent_div_0_div_1_Template(rf, ctx) { if (rf & 1) {
-    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()();
-} if (rf & 2) {
-    i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(3, 2, "igo.context.permission.readOnlyTitle"));
-    i0.ɵɵadvance(3);
-    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(6, 4, "igo.context.permission.readOnlyMsg"));
-} }
-function ContextPermissionsComponent_div_0_div_2_mat_radio_button_8_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "mat-radio-button", 8);
-    i0.ɵɵtext(1);
-    i0.ɵɵpipe(2, "translate");
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    i0.ɵɵadvance(1);
-    i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(2, 1, "igo.context.permission.scope.public"), " ");
-} }
-function ContextPermissionsComponent_div_0_div_2_Template(rf, ctx) { if (rf & 1) {
-    const _r7 = i0.ɵɵgetCurrentView();
-    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");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(5, "mat-radio-button", 6);
-    i0.ɵɵtext(6);
-    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()();
-} if (rf & 2) {
-    const ctx_r2 = i0.ɵɵnextContext(2);
-    i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngModel", ctx_r2.context.scope);
-    i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(4, 4, "igo.context.permission.scope.private"), " ");
-    i0.ɵɵadvance(3);
-    i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(7, 6, "igo.context.permission.scope.shared"), " ");
-    i0.ɵɵadvance(2);
-    i0.ɵɵproperty("ngIf", ctx_r2.authService.isAdmin);
-} }
-function ContextPermissionsComponent_div_0_form_3_mat_option_6_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "mat-option", 20);
-    i0.ɵɵtext(1);
-    i0.ɵɵelement(2, "br");
-    i0.ɵɵelementStart(3, "small", 21);
-    i0.ɵɵtext(4);
-    i0.ɵɵelementEnd()();
-} if (rf & 2) {
-    const profil_r11 = ctx.$implicit;
-    i0.ɵɵproperty("value", profil_r11);
-    i0.ɵɵadvance(1);
-    i0.ɵɵtextInterpolate1(" ", profil_r11.title, "");
-    i0.ɵɵadvance(3);
-    i0.ɵɵtextInterpolate(profil_r11.name);
-} }
-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 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 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.ɵɵ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.ɵɵelementStart(17, "div", 18)(18, "button", 19);
-    i0.ɵɵtext(19);
-    i0.ɵɵpipe(20, "translate");
-    i0.ɵɵelementEnd()()();
-} if (rf & 2) {
-    const _r9 = i0.ɵɵreference(5);
-    const ctx_r3 = i0.ɵɵnextContext(2);
-    i0.ɵɵproperty("formGroup", ctx_r3.form);
-    i0.ɵɵadvance(2);
-    i0.ɵɵproperty("placeholder", i0.ɵɵpipeBind1(3, 11, "igo.context.permission.user"))("formControl", ctx_r3.formControl)("matAutocomplete", _r9);
-    i0.ɵɵadvance(2);
-    i0.ɵɵproperty("displayWith", ctx_r3.displayFn);
-    i0.ɵɵadvance(2);
-    i0.ɵɵproperty("ngForOf", ctx_r3.profils);
-    i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(9, 13, "igo.context.permission.profilRequired"), " ");
-    i0.ɵɵadvance(4);
-    i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(13, 15, "igo.context.permission.read"), " ");
-    i0.ɵɵadvance(3);
-    i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(16, 17, "igo.context.permission.write"), " ");
-    i0.ɵɵadvance(3);
-    i0.ɵɵproperty("disabled", !ctx_r3.form.valid);
-    i0.ɵɵadvance(1);
-    i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(20, 19, "igo.context.permission.addBtn"), " ");
-} }
-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 i0.ɵɵresetView(ctx_r21.removePermission.emit(permission_r19)); });
-    i0.ɵɵpipe(1, "translate");
-    i0.ɵɵelement(2, "mat-icon", 30);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    i0.ɵɵproperty("matTooltip", i0.ɵɵpipeBind1(1, 1, "igo.context.permission.delete"));
-} }
-function ContextPermissionsComponent_div_0_igo_list_4_ng_template_1_igo_collapsible_0_ng_template_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "mat-list-item");
-    i0.ɵɵelement(1, "mat-icon", 25);
-    i0.ɵɵelementStart(2, "h4", 26);
-    i0.ɵɵtext(3);
-    i0.ɵɵelementStart(4, "small", 21);
-    i0.ɵɵtext(5);
-    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()();
-} if (rf & 2) {
-    const permission_r19 = ctx.$implicit;
-    const ctx_r18 = i0.ɵɵnextContext(5);
-    i0.ɵɵadvance(3);
-    i0.ɵɵtextInterpolate1(" ", permission_r19.profilTitle, " ");
-    i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate(permission_r19.profil);
-    i0.ɵɵadvance(2);
-    i0.ɵɵproperty("ngIf", ctx_r18.canWrite || permission_r19.profil === ctx_r18.authService.decodeToken().user.sourceId);
-} }
-function ContextPermissionsComponent_div_0_igo_list_4_ng_template_1_igo_collapsible_0_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "igo-collapsible", 24);
-    i0.ɵɵpipe(1, "translate");
-    i0.ɵɵtemplate(2, ContextPermissionsComponent_div_0_igo_list_4_ng_template_1_igo_collapsible_0_ng_template_2_Template, 8, 3, "ng-template", 22);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const groupPermissions_r16 = i0.ɵɵnextContext().$implicit;
-    i0.ɵɵproperty("title", i0.ɵɵpipeBind1(1, 2, "igo.context.permission." + groupPermissions_r16.key));
-    i0.ɵɵadvance(2);
-    i0.ɵɵproperty("ngForOf", groupPermissions_r16.value);
-} }
-function ContextPermissionsComponent_div_0_igo_list_4_ng_template_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵtemplate(0, ContextPermissionsComponent_div_0_igo_list_4_ng_template_1_igo_collapsible_0_Template, 3, 4, "igo-collapsible", 23);
-} if (rf & 2) {
-    const groupPermissions_r16 = ctx.$implicit;
-    i0.ɵɵproperty("ngIf", groupPermissions_r16.value.length);
-} }
-function ContextPermissionsComponent_div_0_igo_list_4_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "igo-list");
-    i0.ɵɵtemplate(1, ContextPermissionsComponent_div_0_igo_list_4_ng_template_1_Template, 1, 1, "ng-template", 22);
-    i0.ɵɵpipe(2, "keyvalue");
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const ctx_r4 = i0.ɵɵnextContext(2);
-    i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngForOf", i0.ɵɵpipeBind1(2, 1, ctx_r4.permissions));
-} }
-function ContextPermissionsComponent_div_0_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div");
-    i0.ɵɵtemplate(1, ContextPermissionsComponent_div_0_div_1_Template, 7, 6, "div", 1);
-    i0.ɵɵtemplate(2, ContextPermissionsComponent_div_0_div_2_Template, 9, 8, "div", 1);
-    i0.ɵɵtemplate(3, ContextPermissionsComponent_div_0_form_3_Template, 21, 21, "form", 2);
-    i0.ɵɵtemplate(4, ContextPermissionsComponent_div_0_igo_list_4_Template, 3, 3, "igo-list", 0);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const ctx_r0 = i0.ɵɵnextContext();
-    i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngIf", !ctx_r0.canWrite);
-    i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngIf", ctx_r0.canWrite);
-    i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngIf", ctx_r0.context.scope !== "private" && ctx_r0.canWrite);
-    i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngIf", ctx_r0.permissions && ctx_r0.context.scope !== "private");
-} }
 class ContextPermissionsComponent {
     formBuilder;
     cd;
@@ -3540,27 +2568,23 @@ class ContextPermissionsComponent {
             typePermission: this.form.value.typePermission
         });
     }
-    static ɵfac = function ContextPermissionsComponent_Factory(t) { return new (t || ContextPermissionsComponent)(i0.ɵɵdirectiveInject(i1$2.UntypedFormBuilder), i0.ɵɵdirectiveInject(i0.ChangeDetectorRef), i0.ɵɵdirectiveInject(i1.HttpClient), i0.ɵɵdirectiveInject(i2.AuthService), i0.ɵɵdirectiveInject(i3.ConfigService)); };
-    static ɵ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"], ["matListItemIcon", "", "svgIcon", "account-outline"], ["matListItemTitle", ""], ["matListItemMeta", "", "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);
-        } }, dependencies: [i6.NgForOf, i6.NgIf, i1$2.ɵNgNoValidate, i1$2.DefaultValueAccessor, i1$2.NgControlStatus, i1$2.NgControlStatusGroup, i1$2.RequiredValidator, i1$2.NgModel, i1$2.FormControlDirective, i1$2.FormGroupDirective, i1$2.FormControlName, i6$1.MatFormField, i6$1.MatError, i5.MatInput, i6$2.MatIcon, i7.MatButton, i7.MatIconButton, i6$3.MatTooltip, i7$1.MatListItem, i7$1.MatListItemIcon, i7$1.MatListItemTitle, i7$1.MatListItemMeta, i12$2.MatRadioGroup, i12$2.MatRadioButton, i12.MatOption, i14.MatAutocomplete, i14.MatAutocompleteTrigger, i13.ListComponent, i13.CollapsibleComponent, i13.StopPropagationDirective, i13.KeyValuePipe, i9$1.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}"] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ContextPermissionsComponent, deps: [{ token: i1$2.UntypedFormBuilder }, { token: i0.ChangeDetectorRef }, { token: i1.HttpClient }, { token: i2.AuthService }, { token: i3.ConfigService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ContextPermissionsComponent, selector: "igo-context-permissions", inputs: { context: "context", permissions: "permissions" }, outputs: { addPermission: "addPermission", removePermission: "removePermission", scopeChanged: "scopeChanged" }, ngImport: i0, template: "<div *ngIf=\"context\">\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\r\n      [(ngModel)]=\"context.scope\"\r\n      (change)=\"scopeChanged.emit(context)\"\r\n    >\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\r\n    *ngIf=\"context.scope !== 'private' && canWrite\"\r\n    [formGroup]=\"form\"\r\n    (ngSubmit)=\"handleFormSubmit(form.value)\"\r\n  >\r\n    <mat-form-field class=\"full-width\">\r\n      <input\r\n        matInput\r\n        required\r\n        [placeholder]=\"'igo.context.permission.user' | translate\"\r\n        [formControl]=\"formControl\"\r\n        [matAutocomplete]=\"auto\"\r\n      />\r\n      <mat-autocomplete\r\n        #auto=\"matAutocomplete\"\r\n        (optionSelected)=\"onProfilSelected($event.option.value)\"\r\n        [displayWith]=\"displayFn\"\r\n      >\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    <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    <div class=\"igo-form-button-group\">\r\n      <button mat-raised-button type=\"submit\" [disabled]=\"!form.valid\">\r\n        {{ 'igo.context.permission.addBtn' | translate }}\r\n      </button>\r\n    </div>\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 matListItemIcon svgIcon=\"account-outline\"></mat-icon>\r\n            <h4 matListItemTitle>\r\n              {{ permission.profilTitle }}\r\n              <small class=\"mat-typography\">{{ permission.profil }}</small>\r\n            </h4>\r\n\r\n            <div\r\n              matListItemMeta\r\n              igoStopPropagation\r\n              class=\"igo-actions-container\"\r\n            >\r\n              <button\r\n                *ngIf=\"\r\n                  canWrite ||\r\n                  permission.profil === authService.decodeToken().user.sourceId\r\n                \"\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              >\r\n                <mat-icon svgIcon=\"delete\"></mat-icon>\r\n              </button>\r\n            </div>\r\n          </mat-list-item>\r\n        </ng-template>\r\n      </igo-collapsible>\r\n    </ng-template>\r\n  </igo-list>\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}\n"], dependencies: [{ kind: "directive", type: i6.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$2.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i1$2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: i6$1.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i6$1.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "directive", type: i5.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "component", type: i6$2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i7.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i7.MatIconButton, selector: "button[mat-icon-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "directive", type: i6$3.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }, { kind: "component", type: i7$1.MatListItem, selector: "mat-list-item, a[mat-list-item], button[mat-list-item]", inputs: ["activated"], exportAs: ["matListItem"] }, { kind: "directive", type: i7$1.MatListItemIcon, selector: "[matListItemIcon]" }, { kind: "directive", type: i7$1.MatListItemTitle, selector: "[matListItemTitle]" }, { kind: "directive", type: i7$1.MatListItemMeta, selector: "[matListItemMeta]" }, { kind: "directive", type: i12$2.MatRadioGroup, selector: "mat-radio-group", exportAs: ["matRadioGroup"] }, { kind: "component", type: i12$2.MatRadioButton, selector: "mat-radio-button", inputs: ["disableRipple", "tabIndex"], exportAs: ["matRadioButton"] }, { kind: "component", type: i12.MatOption, selector: "mat-option", exportAs: ["matOption"] }, { kind: "component", type: i14.MatAutocomplete, selector: "mat-autocomplete", inputs: ["disableRipple", "hideSingleSelectionIndicator"], exportAs: ["matAutocomplete"] }, { kind: "directive", type: i14.MatAutocompleteTrigger, selector: "input[matAutocomplete], textarea[matAutocomplete]", exportAs: ["matAutocompleteTrigger"] }, { kind: "component", type: i13.ListComponent, selector: "igo-list", inputs: ["navigation", "selection"] }, { kind: "component", type: i13.CollapsibleComponent, selector: "igo-collapsible", inputs: ["title", "collapsed"], outputs: ["toggle"] }, { kind: "directive", type: i13.StopPropagationDirective, selector: "[igoStopPropagation]" }, { kind: "pipe", type: i13.KeyValuePipe, name: "keyvalue" }, { kind: "pipe", type: i9$1.TranslatePipe, name: "translate" }] });
 }
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ContextPermissionsComponent, [{
-        type: Component,
-        args: [{ selector: 'igo-context-permissions', template: "<div *ngIf=\"context\">\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\r\n      [(ngModel)]=\"context.scope\"\r\n      (change)=\"scopeChanged.emit(context)\"\r\n    >\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\r\n    *ngIf=\"context.scope !== 'private' && canWrite\"\r\n    [formGroup]=\"form\"\r\n    (ngSubmit)=\"handleFormSubmit(form.value)\"\r\n  >\r\n    <mat-form-field class=\"full-width\">\r\n      <input\r\n        matInput\r\n        required\r\n        [placeholder]=\"'igo.context.permission.user' | translate\"\r\n        [formControl]=\"formControl\"\r\n        [matAutocomplete]=\"auto\"\r\n      />\r\n      <mat-autocomplete\r\n        #auto=\"matAutocomplete\"\r\n        (optionSelected)=\"onProfilSelected($event.option.value)\"\r\n        [displayWith]=\"displayFn\"\r\n      >\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    <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    <div class=\"igo-form-button-group\">\r\n      <button mat-raised-button type=\"submit\" [disabled]=\"!form.valid\">\r\n        {{ 'igo.context.permission.addBtn' | translate }}\r\n      </button>\r\n    </div>\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 matListItemIcon svgIcon=\"account-outline\"></mat-icon>\r\n            <h4 matListItemTitle>\r\n              {{ permission.profilTitle }}\r\n              <small class=\"mat-typography\">{{ permission.profil }}</small>\r\n            </h4>\r\n\r\n            <div\r\n              matListItemMeta\r\n              igoStopPropagation\r\n              class=\"igo-actions-container\"\r\n            >\r\n              <button\r\n                *ngIf=\"\r\n                  canWrite ||\r\n                  permission.profil === authService.decodeToken().user.sourceId\r\n                \"\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              >\r\n                <mat-icon svgIcon=\"delete\"></mat-icon>\r\n              </button>\r\n            </div>\r\n          </mat-list-item>\r\n        </ng-template>\r\n      </igo-collapsible>\r\n    </ng-template>\r\n  </igo-list>\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}\n"] }]
-    }], function () { return [{ type: i1$2.UntypedFormBuilder }, { type: i0.ChangeDetectorRef }, { type: i1.HttpClient }, { type: i2.AuthService }, { type: i3.ConfigService }]; }, { context: [{
-            type: Input
-        }], permissions: [{
-            type: Input
-        }], addPermission: [{
-            type: Output
-        }], removePermission: [{
-            type: Output
-        }], scopeChanged: [{
-            type: Output
-        }] }); })();
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ContextPermissionsComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'igo-context-permissions', template: "<div *ngIf=\"context\">\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\r\n      [(ngModel)]=\"context.scope\"\r\n      (change)=\"scopeChanged.emit(context)\"\r\n    >\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\r\n    *ngIf=\"context.scope !== 'private' && canWrite\"\r\n    [formGroup]=\"form\"\r\n    (ngSubmit)=\"handleFormSubmit(form.value)\"\r\n  >\r\n    <mat-form-field class=\"full-width\">\r\n      <input\r\n        matInput\r\n        required\r\n        [placeholder]=\"'igo.context.permission.user' | translate\"\r\n        [formControl]=\"formControl\"\r\n        [matAutocomplete]=\"auto\"\r\n      />\r\n      <mat-autocomplete\r\n        #auto=\"matAutocomplete\"\r\n        (optionSelected)=\"onProfilSelected($event.option.value)\"\r\n        [displayWith]=\"displayFn\"\r\n      >\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    <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    <div class=\"igo-form-button-group\">\r\n      <button mat-raised-button type=\"submit\" [disabled]=\"!form.valid\">\r\n        {{ 'igo.context.permission.addBtn' | translate }}\r\n      </button>\r\n    </div>\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 matListItemIcon svgIcon=\"account-outline\"></mat-icon>\r\n            <h4 matListItemTitle>\r\n              {{ permission.profilTitle }}\r\n              <small class=\"mat-typography\">{{ permission.profil }}</small>\r\n            </h4>\r\n\r\n            <div\r\n              matListItemMeta\r\n              igoStopPropagation\r\n              class=\"igo-actions-container\"\r\n            >\r\n              <button\r\n                *ngIf=\"\r\n                  canWrite ||\r\n                  permission.profil === authService.decodeToken().user.sourceId\r\n                \"\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              >\r\n                <mat-icon svgIcon=\"delete\"></mat-icon>\r\n              </button>\r\n            </div>\r\n          </mat-list-item>\r\n        </ng-template>\r\n      </igo-collapsible>\r\n    </ng-template>\r\n  </igo-list>\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}\n"] }]
+        }], ctorParameters: function () { return [{ type: i1$2.UntypedFormBuilder }, { type: i0.ChangeDetectorRef }, { type: i1.HttpClient }, { type: i2.AuthService }, { type: i3.ConfigService }]; }, propDecorators: { context: [{
+                type: Input
+            }], permissions: [{
+                type: Input
+            }], addPermission: [{
+                type: Output
+            }], removePermission: [{
+                type: Output
+            }], scopeChanged: [{
+                type: Output
+            }] } });
 
 class ContextPermissionsBindingDirective {
     contextService;
@@ -3639,28 +2663,26 @@ class ContextPermissionsBindingDirective {
             });
         }
     }
-    static ɵfac = function ContextPermissionsBindingDirective_Factory(t) { return new (t || ContextPermissionsBindingDirective)(i0.ɵɵdirectiveInject(ContextPermissionsComponent, 2), i0.ɵɵdirectiveInject(ContextService), i0.ɵɵdirectiveInject(i3.LanguageService), i0.ɵɵdirectiveInject(i3.MessageService), i0.ɵɵdirectiveInject(i0.ChangeDetectorRef)); };
-    static ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: ContextPermissionsBindingDirective, selectors: [["", "igoContextPermissionsBinding", ""]], hostBindings: function ContextPermissionsBindingDirective_HostBindings(rf, ctx) { if (rf & 1) {
-            i0.ɵɵlistener("addPermission", function ContextPermissionsBindingDirective_addPermission_HostBindingHandler($event) { return ctx.onAddPermission($event); })("removePermission", function ContextPermissionsBindingDirective_removePermission_HostBindingHandler($event) { return ctx.onRemovePermission($event); })("scopeChanged", function ContextPermissionsBindingDirective_scopeChanged_HostBindingHandler($event) { return ctx.onScopeChanged($event); });
-        } } });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ContextPermissionsBindingDirective, deps: [{ token: ContextPermissionsComponent, self: true }, { token: ContextService }, { token: i3.LanguageService }, { token: i3.MessageService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: ContextPermissionsBindingDirective, selector: "[igoContextPermissionsBinding]", host: { listeners: { "addPermission": "onAddPermission($event)", "removePermission": "onRemovePermission($event)", "scopeChanged": "onScopeChanged($event)" } }, ngImport: i0 });
 }
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ContextPermissionsBindingDirective, [{
-        type: Directive,
-        args: [{
-                selector: '[igoContextPermissionsBinding]'
-            }]
-    }], function () { return [{ type: ContextPermissionsComponent, decorators: [{
-                type: Self
-            }] }, { type: ContextService }, { type: i3.LanguageService }, { type: i3.MessageService }, { type: i0.ChangeDetectorRef }]; }, { onAddPermission: [{
-            type: HostListener,
-            args: ['addPermission', ['$event']]
-        }], onRemovePermission: [{
-            type: HostListener,
-            args: ['removePermission', ['$event']]
-        }], onScopeChanged: [{
-            type: HostListener,
-            args: ['scopeChanged', ['$event']]
-        }] }); })();
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ContextPermissionsBindingDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[igoContextPermissionsBinding]'
+                }]
+        }], ctorParameters: function () { return [{ type: ContextPermissionsComponent, decorators: [{
+                    type: Self
+                }] }, { type: ContextService }, { type: i3.LanguageService }, { type: i3.MessageService }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { onAddPermission: [{
+                type: HostListener,
+                args: ['addPermission', ['$event']]
+            }], onRemovePermission: [{
+                type: HostListener,
+                args: ['removePermission', ['$event']]
+            }], onScopeChanged: [{
+                type: HostListener,
+                args: ['scopeChanged', ['$event']]
+            }] } });
 
 class LayerContextDirective {
     component;
@@ -3796,19 +2818,19 @@ class LayerContextDirective {
         }
         return visible;
     }
-    static ɵ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)); };
-    static ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: LayerContextDirective, selectors: [["", "igoLayerContext", ""]], inputs: { removeLayersOnContextChange: "removeLayersOnContextChange" } });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: LayerContextDirective, deps: [{ token: i1$1.MapBrowserComponent }, { token: ContextService }, { token: i1$1.LayerService }, { token: i3.ConfigService }, { token: i1$1.StyleListService }, { token: i1$1.StyleService }, { token: i3.RouteService, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: LayerContextDirective, selector: "[igoLayerContext]", inputs: { removeLayersOnContextChange: "removeLayersOnContextChange" }, ngImport: i0 });
 }
-(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: [{
-                type: Optional
-            }] }]; }, { removeLayersOnContextChange: [{
-            type: Input
-        }] }); })();
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: LayerContextDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[igoLayerContext]'
+                }]
+        }], ctorParameters: 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: [{
+                    type: Optional
+                }] }]; }, propDecorators: { removeLayersOnContextChange: [{
+                type: Input
+            }] } });
 
 class MapContextDirective {
     contextService;
@@ -3870,15 +2892,15 @@ class MapContextDirective {
             this.component.controls = controlsContext;
         }
     }
-    static ɵfac = function MapContextDirective_Factory(t) { return new (t || MapContextDirective)(i0.ɵɵdirectiveInject(i1$1.MapBrowserComponent), i0.ɵɵdirectiveInject(ContextService), i0.ɵɵdirectiveInject(i3.MediaService)); };
-    static ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: MapContextDirective, selectors: [["", "igoMapContext", ""]] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: MapContextDirective, deps: [{ token: i1$1.MapBrowserComponent }, { token: ContextService }, { token: i3.MediaService }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: MapContextDirective, selector: "[igoMapContext]", ngImport: i0 });
 }
-(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); })();
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: MapContextDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[igoMapContext]'
+                }]
+        }], ctorParameters: function () { return [{ type: i1$1.MapBrowserComponent }, { type: ContextService }, { type: i3.MediaService }]; } });
 
 const CONTEXT_DIRECTIVES = [MapContextDirective, LayerContextDirective];
 class IgoContextManagerModule {
@@ -3887,9 +2909,46 @@ class IgoContextManagerModule {
             ngModule: IgoContextManagerModule
         };
     }
-    static ɵfac = function IgoContextManagerModule_Factory(t) { return new (t || IgoContextManagerModule)(); };
-    static ɵmod = /*@__PURE__*/ i0.ɵɵdefineNgModule({ type: IgoContextManagerModule });
-    static ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [CommonModule,
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: IgoContextManagerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: IgoContextManagerModule, declarations: [ContextListComponent,
+            ContextListBindingDirective,
+            ContextItemComponent,
+            ContextFormComponent,
+            ContextEditComponent,
+            ContextEditBindingDirective,
+            ContextPermissionsComponent,
+            ContextPermissionsBindingDirective, MapContextDirective, LayerContextDirective], 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], exports: [ContextListComponent,
+            ContextListBindingDirective,
+            ContextItemComponent,
+            ContextFormComponent,
+            ContextEditComponent,
+            ContextEditBindingDirective,
+            ContextPermissionsComponent,
+            ContextPermissionsBindingDirective, MapContextDirective, LayerContextDirective] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: IgoContextManagerModule, imports: [CommonModule,
             FormsModule,
             ReactiveFormsModule,
             MatFormFieldModule,
@@ -3914,97 +2973,59 @@ class IgoContextManagerModule {
             IgoContextMapButtonModule,
             IgoActionbarModule] });
 }
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(IgoContextManagerModule, [{
-        type: NgModule,
-        args: [{
-                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
-                ],
-                exports: [
-                    ContextListComponent,
-                    ContextListBindingDirective,
-                    ContextItemComponent,
-                    ContextFormComponent,
-                    ContextEditComponent,
-                    ContextEditBindingDirective,
-                    ContextPermissionsComponent,
-                    ContextPermissionsBindingDirective,
-                    ...CONTEXT_DIRECTIVES
-                ],
-                declarations: [
-                    ContextListComponent,
-                    ContextListBindingDirective,
-                    ContextItemComponent,
-                    ContextFormComponent,
-                    ContextEditComponent,
-                    ContextEditBindingDirective,
-                    ContextPermissionsComponent,
-                    ContextPermissionsBindingDirective,
-                    ...CONTEXT_DIRECTIVES
-                ]
-            }]
-    }], null, null); })();
-(function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(IgoContextManagerModule, { declarations: [ContextListComponent,
-        ContextListBindingDirective,
-        ContextItemComponent,
-        ContextFormComponent,
-        ContextEditComponent,
-        ContextEditBindingDirective,
-        ContextPermissionsComponent,
-        ContextPermissionsBindingDirective, MapContextDirective, LayerContextDirective], 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], exports: [ContextListComponent,
-        ContextListBindingDirective,
-        ContextItemComponent,
-        ContextFormComponent,
-        ContextEditComponent,
-        ContextEditBindingDirective,
-        ContextPermissionsComponent,
-        ContextPermissionsBindingDirective, MapContextDirective, LayerContextDirective] }); })();
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: IgoContextManagerModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    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
+                    ],
+                    exports: [
+                        ContextListComponent,
+                        ContextListBindingDirective,
+                        ContextItemComponent,
+                        ContextFormComponent,
+                        ContextEditComponent,
+                        ContextEditBindingDirective,
+                        ContextPermissionsComponent,
+                        ContextPermissionsBindingDirective,
+                        ...CONTEXT_DIRECTIVES
+                    ],
+                    declarations: [
+                        ContextListComponent,
+                        ContextListBindingDirective,
+                        ContextItemComponent,
+                        ContextFormComponent,
+                        ContextEditComponent,
+                        ContextEditBindingDirective,
+                        ContextPermissionsComponent,
+                        ContextPermissionsBindingDirective,
+                        ...CONTEXT_DIRECTIVES
+                    ]
+                }]
+        }] });
 
 class ShareMapService {
     contextService;
@@ -4209,68 +3230,18 @@ class ShareMapService {
         }
         return addedLayersQueryParams;
     }
-    static ɵfac = function ShareMapService_Factory(t) { return new (t || ShareMapService)(i0.ɵɵinject(ContextService), i0.ɵɵinject(i3.RouteService, 8)); };
-    static ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: ShareMapService, factory: ShareMapService.ɵfac, providedIn: 'root' });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ShareMapService, deps: [{ token: ContextService }, { token: i3.RouteService, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ShareMapService, providedIn: 'root' });
 }
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ShareMapService, [{
-        type: Injectable,
-        args: [{
-                providedIn: 'root'
-            }]
-    }], function () { return [{ type: ContextService }, { type: i3.RouteService, decorators: [{
-                type: Optional
-            }] }]; }, null); })();
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ShareMapService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }], ctorParameters: function () { return [{ type: ContextService }, { type: i3.RouteService, decorators: [{
+                    type: Optional
+                }] }]; } });
 
-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 {
     languageService;
     messageService;
@@ -4292,7 +3263,7 @@ class ShareMapApiComponent {
     ngOnInit() {
         this.auth.authenticate$.subscribe((auth) => {
             const decodeToken = this.auth.decodeToken();
-            this.userId = decodeToken.user ? decodeToken.user.id : undefined;
+            this.userId = decodeToken?.user?.id.toString();
             this.buildForm();
         });
     }
@@ -4336,216 +3307,16 @@ class ShareMapApiComponent {
             uri: [id]
         });
     }
-    static ɵ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$2.UntypedFormBuilder)); };
-    static ɵ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: [i6.NgIf, i1$2.ɵNgNoValidate, i1$2.DefaultValueAccessor, i1$2.NgControlStatus, i1$2.NgControlStatusGroup, i1$2.RequiredValidator, i1$2.FormGroupDirective, i1$2.FormControlName, i6$2.MatIcon, i6$3.MatTooltip, i6$1.MatFormField, i6$1.MatError, i5.MatInput, i7.MatButton, i7.MatIconButton, i9$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}"] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ShareMapApiComponent, deps: [{ token: i3.LanguageService }, { token: i3.MessageService }, { token: i2.AuthService }, { token: ShareMapService }, { token: i1$2.UntypedFormBuilder }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ShareMapApiComponent, selector: "igo-share-map-api", inputs: { map: "map" }, ngImport: i0, template: "<form class=\"igo-form\" [formGroup]=\"form\" (ngSubmit)=\"createUrl(form.value)\">\r\n  <div class=\"igo-input-container\">\r\n    <mat-form-field>\r\n      <input\r\n        matInput\r\n        required\r\n        [placeholder]=\"'igo.context.contextManager.form.title' | translate\"\r\n        formControlName=\"title\"\r\n      />\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\r\n          matInput\r\n          required\r\n          [readonly]=\"!userId\"\r\n          [placeholder]=\"'igo.context.contextManager.form.uri' | translate\"\r\n          formControlName=\"uri\"\r\n        />\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\r\n      *ngIf=\"!url\"\r\n      mat-raised-button\r\n      type=\"submit\"\r\n      [disabled]=\"!form.valid\"\r\n    >\r\n      {{ 'igo.context.shareMap.button' | translate }}\r\n    </button>\r\n    <button\r\n      *ngIf=\"url\"\r\n      mat-raised-button\r\n      type=\"button\"\r\n      (click)=\"updateContextShared(form.value)\"\r\n    >\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\r\n      #textArea\r\n      matInput\r\n      readonly\r\n      rows=\"3\"\r\n      class=\"textAreaWithButton\"\r\n      [placeholder]=\"'igo.context.shareMap.placeholderLink' | translate\"\r\n      [value]=\"url\"\r\n    ></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    >\r\n      <mat-icon svgIcon=\"content-copy\"></mat-icon>\r\n    </button>\r\n  </mat-form-field>\r\n  <div></div>\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"], dependencies: [{ kind: "directive", type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$2.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1$2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: i6$2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i6$3.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }, { kind: "component", type: i6$1.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i6$1.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "directive", type: i5.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "component", type: i7.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i7.MatIconButton, selector: "button[mat-icon-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "pipe", type: i9$1.TranslatePipe, name: "translate" }] });
 }
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ShareMapApiComponent, [{
-        type: Component,
-        args: [{ selector: 'igo-share-map-api', template: "<form class=\"igo-form\" [formGroup]=\"form\" (ngSubmit)=\"createUrl(form.value)\">\r\n  <div class=\"igo-input-container\">\r\n    <mat-form-field>\r\n      <input\r\n        matInput\r\n        required\r\n        [placeholder]=\"'igo.context.contextManager.form.title' | translate\"\r\n        formControlName=\"title\"\r\n      />\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\r\n          matInput\r\n          required\r\n          [readonly]=\"!userId\"\r\n          [placeholder]=\"'igo.context.contextManager.form.uri' | translate\"\r\n          formControlName=\"uri\"\r\n        />\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\r\n      *ngIf=\"!url\"\r\n      mat-raised-button\r\n      type=\"submit\"\r\n      [disabled]=\"!form.valid\"\r\n    >\r\n      {{ 'igo.context.shareMap.button' | translate }}\r\n    </button>\r\n    <button\r\n      *ngIf=\"url\"\r\n      mat-raised-button\r\n      type=\"button\"\r\n      (click)=\"updateContextShared(form.value)\"\r\n    >\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\r\n      #textArea\r\n      matInput\r\n      readonly\r\n      rows=\"3\"\r\n      class=\"textAreaWithButton\"\r\n      [placeholder]=\"'igo.context.shareMap.placeholderLink' | translate\"\r\n      [value]=\"url\"\r\n    ></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    >\r\n      <mat-icon svgIcon=\"content-copy\"></mat-icon>\r\n    </button>\r\n  </mat-form-field>\r\n  <div></div>\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$2.UntypedFormBuilder }]; }, { map: [{
-            type: Input
-        }] }); })();
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ShareMapApiComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'igo-share-map-api', template: "<form class=\"igo-form\" [formGroup]=\"form\" (ngSubmit)=\"createUrl(form.value)\">\r\n  <div class=\"igo-input-container\">\r\n    <mat-form-field>\r\n      <input\r\n        matInput\r\n        required\r\n        [placeholder]=\"'igo.context.contextManager.form.title' | translate\"\r\n        formControlName=\"title\"\r\n      />\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\r\n          matInput\r\n          required\r\n          [readonly]=\"!userId\"\r\n          [placeholder]=\"'igo.context.contextManager.form.uri' | translate\"\r\n          formControlName=\"uri\"\r\n        />\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\r\n      *ngIf=\"!url\"\r\n      mat-raised-button\r\n      type=\"submit\"\r\n      [disabled]=\"!form.valid\"\r\n    >\r\n      {{ 'igo.context.shareMap.button' | translate }}\r\n    </button>\r\n    <button\r\n      *ngIf=\"url\"\r\n      mat-raised-button\r\n      type=\"button\"\r\n      (click)=\"updateContextShared(form.value)\"\r\n    >\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\r\n      #textArea\r\n      matInput\r\n      readonly\r\n      rows=\"3\"\r\n      class=\"textAreaWithButton\"\r\n      [placeholder]=\"'igo.context.shareMap.placeholderLink' | translate\"\r\n      [value]=\"url\"\r\n    ></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    >\r\n      <mat-icon svgIcon=\"content-copy\"></mat-icon>\r\n    </button>\r\n  </mat-form-field>\r\n  <div></div>\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"] }]
+        }], ctorParameters: function () { return [{ type: i3.LanguageService }, { type: i3.MessageService }, { type: i2.AuthService }, { type: ShareMapService }, { type: i1$2.UntypedFormBuilder }]; }, propDecorators: { map: [{
+                type: Input
+            }] } });
 
-function ShareMapUrlComponent_div_13_h4_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "h4");
-    i0.ɵɵtext(1);
-    i0.ɵɵpipe(2, "translate");
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    i0.ɵɵadvance(1);
-    i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(2, 1, "igo.context.shareMap.included"), " ");
-} }
-function ShareMapUrlComponent_div_13_li_4_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "li");
-    i0.ɵɵtext(1);
-    i0.ɵɵpipe(2, "translate");
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    i0.ɵɵadvance(1);
-    i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(2, 1, "igo.context.shareMap.context"), " ");
-} }
-function ShareMapUrlComponent_div_13_li_6_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "li");
-    i0.ɵɵtext(1);
-    i0.ɵɵpipe(2, "translate");
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    i0.ɵɵadvance(1);
-    i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(2, 1, "igo.context.shareMap.center"), " ");
-} }
-function ShareMapUrlComponent_div_13_li_8_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "li");
-    i0.ɵɵtext(1);
-    i0.ɵɵpipe(2, "translate");
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    i0.ɵɵadvance(1);
-    i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(2, 1, "igo.context.shareMap.zoom"), " ");
-} }
-function ShareMapUrlComponent_div_13_li_10_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "li");
-    i0.ɵɵtext(1);
-    i0.ɵɵpipe(2, "translate");
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    i0.ɵɵadvance(1);
-    i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(2, 1, "igo.context.shareMap.addedLayers"), " ");
-} }
-function ShareMapUrlComponent_div_13_li_12_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "li");
-    i0.ɵɵtext(1);
-    i0.ɵɵpipe(2, "translate");
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    i0.ɵɵadvance(1);
-    i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(2, 1, "igo.context.shareMap.visibleInvisible"), " ");
-} }
-function ShareMapUrlComponent_div_13_h4_14_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "h4");
-    i0.ɵɵtext(1);
-    i0.ɵɵpipe(2, "translate");
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    i0.ɵɵadvance(1);
-    i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(2, 1, "igo.context.shareMap.excluded"), " ");
-} }
-function ShareMapUrlComponent_div_13_li_17_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "li");
-    i0.ɵɵtext(1);
-    i0.ɵɵpipe(2, "translate");
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    i0.ɵɵadvance(1);
-    i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(2, 1, "igo.context.shareMap.order"), " ");
-} }
-function ShareMapUrlComponent_div_13_li_19_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "li");
-    i0.ɵɵtext(1);
-    i0.ɵɵpipe(2, "translate");
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    i0.ɵɵadvance(1);
-    i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(2, 1, "igo.context.shareMap.opacity"), " ");
-} }
-function ShareMapUrlComponent_div_13_li_21_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "li");
-    i0.ɵɵtext(1);
-    i0.ɵɵpipe(2, "translate");
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    i0.ɵɵadvance(1);
-    i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(2, 1, "igo.context.shareMap.filterOgc"), " ");
-} }
-function ShareMapUrlComponent_div_13_li_23_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "li");
-    i0.ɵɵtext(1);
-    i0.ɵɵpipe(2, "translate");
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    i0.ɵɵadvance(1);
-    i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(2, 1, "igo.context.shareMap.filterTime"), " ");
-} }
-function ShareMapUrlComponent_div_13_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div");
-    i0.ɵɵtemplate(1, ShareMapUrlComponent_div_13_h4_1_Template, 3, 3, "h4", 7);
-    i0.ɵɵpipe(2, "translate");
-    i0.ɵɵelementStart(3, "ul");
-    i0.ɵɵtemplate(4, ShareMapUrlComponent_div_13_li_4_Template, 3, 3, "li", 7);
-    i0.ɵɵpipe(5, "translate");
-    i0.ɵɵtemplate(6, ShareMapUrlComponent_div_13_li_6_Template, 3, 3, "li", 7);
-    i0.ɵɵpipe(7, "translate");
-    i0.ɵɵtemplate(8, ShareMapUrlComponent_div_13_li_8_Template, 3, 3, "li", 7);
-    i0.ɵɵpipe(9, "translate");
-    i0.ɵɵtemplate(10, ShareMapUrlComponent_div_13_li_10_Template, 3, 3, "li", 7);
-    i0.ɵɵpipe(11, "translate");
-    i0.ɵɵtemplate(12, ShareMapUrlComponent_div_13_li_12_Template, 3, 3, "li", 7);
-    i0.ɵɵpipe(13, "translate");
-    i0.ɵɵelementEnd();
-    i0.ɵɵtemplate(14, ShareMapUrlComponent_div_13_h4_14_Template, 3, 3, "h4", 7);
-    i0.ɵɵpipe(15, "translate");
-    i0.ɵɵelementStart(16, "ul");
-    i0.ɵɵtemplate(17, ShareMapUrlComponent_div_13_li_17_Template, 3, 3, "li", 7);
-    i0.ɵɵpipe(18, "translate");
-    i0.ɵɵtemplate(19, ShareMapUrlComponent_div_13_li_19_Template, 3, 3, "li", 7);
-    i0.ɵɵpipe(20, "translate");
-    i0.ɵɵtemplate(21, ShareMapUrlComponent_div_13_li_21_Template, 3, 3, "li", 7);
-    i0.ɵɵpipe(22, "translate");
-    i0.ɵɵtemplate(23, ShareMapUrlComponent_div_13_li_23_Template, 3, 3, "li", 7);
-    i0.ɵɵpipe(24, "translate");
-    i0.ɵɵelementEnd()();
-} if (rf & 2) {
-    i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngIf", i0.ɵɵpipeBind1(2, 11, "igo.context.shareMap.included") !== "");
-    i0.ɵɵadvance(3);
-    i0.ɵɵproperty("ngIf", i0.ɵɵpipeBind1(5, 13, "igo.context.shareMap.context") !== "");
-    i0.ɵɵadvance(2);
-    i0.ɵɵproperty("ngIf", i0.ɵɵpipeBind1(7, 15, "igo.context.shareMap.center") !== "");
-    i0.ɵɵadvance(2);
-    i0.ɵɵproperty("ngIf", i0.ɵɵpipeBind1(9, 17, "igo.context.shareMap.zoom") !== "");
-    i0.ɵɵadvance(2);
-    i0.ɵɵproperty("ngIf", i0.ɵɵpipeBind1(11, 19, "igo.context.shareMap.addedLayers") !== "");
-    i0.ɵɵadvance(2);
-    i0.ɵɵproperty("ngIf", i0.ɵɵpipeBind1(13, 21, "igo.context.shareMap.visibleInvisible") !== "");
-    i0.ɵɵadvance(2);
-    i0.ɵɵproperty("ngIf", i0.ɵɵpipeBind1(15, 23, "igo.context.shareMap.excluded") !== "");
-    i0.ɵɵadvance(3);
-    i0.ɵɵproperty("ngIf", i0.ɵɵpipeBind1(18, 25, "igo.context.shareMap.order") !== "");
-    i0.ɵɵadvance(2);
-    i0.ɵɵproperty("ngIf", i0.ɵɵpipeBind1(20, 27, "igo.context.shareMap.opacity") !== "");
-    i0.ɵɵadvance(2);
-    i0.ɵɵproperty("ngIf", i0.ɵɵpipeBind1(22, 29, "igo.context.shareMap.filterOgc") !== "");
-    i0.ɵɵadvance(2);
-    i0.ɵɵproperty("ngIf", i0.ɵɵpipeBind1(24, 31, "igo.context.shareMap.filterTime") !== "");
-} }
-function ShareMapUrlComponent_igo_custom_html_15_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "igo-custom-html", 9);
-    i0.ɵɵpipe(1, "translate");
-} if (rf & 2) {
-    i0.ɵɵproperty("html", i0.ɵɵpipeBind1(1, 1, "igo.context.shareMap.htmlClarifications"));
-} }
 class ShareMapUrlComponent {
     messageService;
     shareMapService;
@@ -4586,71 +3357,16 @@ class ShareMapUrlComponent {
             this.messageService.success('igo.context.shareMap.dialog.copyMsg', 'igo.context.shareMap.dialog.copyTitle');
         }
     }
-    static ɵfac = function ShareMapUrlComponent_Factory(t) { return new (t || ShareMapUrlComponent)(i0.ɵɵdirectiveInject(i3.MessageService), i0.ɵɵdirectiveInject(ShareMapService), i0.ɵɵdirectiveInject(i0.ChangeDetectorRef)); };
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ShareMapUrlComponent, selectors: [["igo-share-map-url"]], inputs: { map: "map" }, decls: 17, vars: 13, 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"], ["class", "shareCustomPadding", "class", "mat-typography", 3, "html", 4, "ngIf"], [1, "mat-typography", 3, "html"]], template: function ShareMapUrlComponent_Template(rf, ctx) { if (rf & 1) {
-            const _r14 = i0.ɵɵgetCurrentView();
-            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)(6, "button", 4);
-            i0.ɵɵlistener("click", function ShareMapUrlComponent_Template_button_click_6_listener() { i0.ɵɵrestoreView(_r14); 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.ɵɵelementStart(10, "div");
-            i0.ɵɵelement(11, "br");
-            i0.ɵɵelementStart(12, "section", 6);
-            i0.ɵɵtemplate(13, ShareMapUrlComponent_div_13_Template, 25, 33, "div", 7);
-            i0.ɵɵpipe(14, "translate");
-            i0.ɵɵtemplate(15, ShareMapUrlComponent_igo_custom_html_15_Template, 2, 3, "igo-custom-html", 8);
-            i0.ɵɵpipe(16, "translate");
-            i0.ɵɵelementEnd()()();
-        } if (rf & 2) {
-            i0.ɵɵadvance(2);
-            i0.ɵɵproperty("placeholder", i0.ɵɵpipeBind1(4, 5, "igo.context.shareMap.placeholderLink"))("value", ctx.url);
-            i0.ɵɵadvance(6);
-            i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(9, 7, "igo.context.shareMap.copy"), " ");
-            i0.ɵɵadvance(5);
-            i0.ɵɵproperty("ngIf", i0.ɵɵpipeBind1(14, 9, "igo.context.shareMap.htmlClarifications") === "");
-            i0.ɵɵadvance(2);
-            i0.ɵɵproperty("ngIf", i0.ɵɵpipeBind1(16, 11, "igo.context.shareMap.htmlClarifications") !== "");
-        } }, dependencies: [i6.NgIf, i6$2.MatIcon, i6$1.MatFormField, i5.MatInput, i7.MatButton, i13.CustomHtmlComponent, i9$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}igo-custom-html.shareCustomPadding[_ngcontent-%COMP%]{padding:0}"] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ShareMapUrlComponent, deps: [{ token: i3.MessageService }, { token: ShareMapService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ShareMapUrlComponent, selector: "igo-share-map-url", inputs: { map: "map" }, ngImport: i0, template: "<div class=\"igo-input-container linkToShare\">\r\n  <mat-form-field>\r\n    <textarea\r\n      #textArea\r\n      matInput\r\n      readonly\r\n      rows=\"3\"\r\n      [placeholder]=\"'igo.context.shareMap.placeholderLink' | translate\"\r\n      [value]=\"url\"\r\n    ></textarea>\r\n  </mat-form-field>\r\n\r\n  <div class=\"igo-form-button-group\">\r\n    <button mat-raised-button (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      <div\r\n        *ngIf=\"('igo.context.shareMap.htmlClarifications' | translate) === ''\"\r\n      >\r\n        <h4 *ngIf=\"('igo.context.shareMap.included' | translate) !== ''\">\r\n          {{ 'igo.context.shareMap.included' | translate }}\r\n        </h4>\r\n        <ul>\r\n          <li *ngIf=\"('igo.context.shareMap.context' | translate) !== ''\">\r\n            {{ 'igo.context.shareMap.context' | translate }}\r\n          </li>\r\n          <li *ngIf=\"('igo.context.shareMap.center' | translate) !== ''\">\r\n            {{ 'igo.context.shareMap.center' | translate }}\r\n          </li>\r\n          <li *ngIf=\"('igo.context.shareMap.zoom' | translate) !== ''\">\r\n            {{ 'igo.context.shareMap.zoom' | translate }}\r\n          </li>\r\n          <li *ngIf=\"('igo.context.shareMap.addedLayers' | translate) !== ''\">\r\n            {{ 'igo.context.shareMap.addedLayers' | translate }}\r\n          </li>\r\n          <li\r\n            *ngIf=\"('igo.context.shareMap.visibleInvisible' | translate) !== ''\"\r\n          >\r\n            {{ 'igo.context.shareMap.visibleInvisible' | translate }}\r\n          </li>\r\n        </ul>\r\n\r\n        <h4 *ngIf=\"('igo.context.shareMap.excluded' | translate) !== ''\">\r\n          {{ 'igo.context.shareMap.excluded' | translate }}\r\n        </h4>\r\n        <ul>\r\n          <li *ngIf=\"('igo.context.shareMap.order' | translate) !== ''\">\r\n            {{ 'igo.context.shareMap.order' | translate }}\r\n          </li>\r\n          <li *ngIf=\"('igo.context.shareMap.opacity' | translate) !== ''\">\r\n            {{ 'igo.context.shareMap.opacity' | translate }}\r\n          </li>\r\n          <li *ngIf=\"('igo.context.shareMap.filterOgc' | translate) !== ''\">\r\n            {{ 'igo.context.shareMap.filterOgc' | translate }}\r\n          </li>\r\n          <li *ngIf=\"('igo.context.shareMap.filterTime' | translate) !== ''\">\r\n            {{ 'igo.context.shareMap.filterTime' | translate }}\r\n          </li>\r\n        </ul>\r\n      </div>\r\n      <igo-custom-html\r\n        class=\"shareCustomPadding\"\r\n        *ngIf=\"('igo.context.shareMap.htmlClarifications' | translate) !== ''\"\r\n        class=\"mat-typography\"\r\n        [html]=\"'igo.context.shareMap.htmlClarifications' | translate\"\r\n      >\r\n      </igo-custom-html>\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}igo-custom-html.shareCustomPadding{padding:0}\n"], dependencies: [{ kind: "directive", type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i6$2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i6$1.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i5.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "component", type: i7.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i13.CustomHtmlComponent, selector: "igo-custom-html", inputs: ["html"] }, { kind: "pipe", type: i9$1.TranslatePipe, name: "translate" }] });
 }
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ShareMapUrlComponent, [{
-        type: Component,
-        args: [{ selector: 'igo-share-map-url', template: "<div class=\"igo-input-container linkToShare\">\r\n  <mat-form-field>\r\n    <textarea\r\n      #textArea\r\n      matInput\r\n      readonly\r\n      rows=\"3\"\r\n      [placeholder]=\"'igo.context.shareMap.placeholderLink' | translate\"\r\n      [value]=\"url\"\r\n    ></textarea>\r\n  </mat-form-field>\r\n\r\n  <div class=\"igo-form-button-group\">\r\n    <button mat-raised-button (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      <div\r\n        *ngIf=\"('igo.context.shareMap.htmlClarifications' | translate) === ''\"\r\n      >\r\n        <h4 *ngIf=\"('igo.context.shareMap.included' | translate) !== ''\">\r\n          {{ 'igo.context.shareMap.included' | translate }}\r\n        </h4>\r\n        <ul>\r\n          <li *ngIf=\"('igo.context.shareMap.context' | translate) !== ''\">\r\n            {{ 'igo.context.shareMap.context' | translate }}\r\n          </li>\r\n          <li *ngIf=\"('igo.context.shareMap.center' | translate) !== ''\">\r\n            {{ 'igo.context.shareMap.center' | translate }}\r\n          </li>\r\n          <li *ngIf=\"('igo.context.shareMap.zoom' | translate) !== ''\">\r\n            {{ 'igo.context.shareMap.zoom' | translate }}\r\n          </li>\r\n          <li *ngIf=\"('igo.context.shareMap.addedLayers' | translate) !== ''\">\r\n            {{ 'igo.context.shareMap.addedLayers' | translate }}\r\n          </li>\r\n          <li\r\n            *ngIf=\"('igo.context.shareMap.visibleInvisible' | translate) !== ''\"\r\n          >\r\n            {{ 'igo.context.shareMap.visibleInvisible' | translate }}\r\n          </li>\r\n        </ul>\r\n\r\n        <h4 *ngIf=\"('igo.context.shareMap.excluded' | translate) !== ''\">\r\n          {{ 'igo.context.shareMap.excluded' | translate }}\r\n        </h4>\r\n        <ul>\r\n          <li *ngIf=\"('igo.context.shareMap.order' | translate) !== ''\">\r\n            {{ 'igo.context.shareMap.order' | translate }}\r\n          </li>\r\n          <li *ngIf=\"('igo.context.shareMap.opacity' | translate) !== ''\">\r\n            {{ 'igo.context.shareMap.opacity' | translate }}\r\n          </li>\r\n          <li *ngIf=\"('igo.context.shareMap.filterOgc' | translate) !== ''\">\r\n            {{ 'igo.context.shareMap.filterOgc' | translate }}\r\n          </li>\r\n          <li *ngIf=\"('igo.context.shareMap.filterTime' | translate) !== ''\">\r\n            {{ 'igo.context.shareMap.filterTime' | translate }}\r\n          </li>\r\n        </ul>\r\n      </div>\r\n      <igo-custom-html\r\n        class=\"shareCustomPadding\"\r\n        *ngIf=\"('igo.context.shareMap.htmlClarifications' | translate) !== ''\"\r\n        class=\"mat-typography\"\r\n        [html]=\"'igo.context.shareMap.htmlClarifications' | translate\"\r\n      >\r\n      </igo-custom-html>\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}igo-custom-html.shareCustomPadding{padding:0}\n"] }]
-    }], function () { return [{ type: i3.MessageService }, { type: ShareMapService }, { type: i0.ChangeDetectorRef }]; }, { map: [{
-            type: Input
-        }] }); })();
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ShareMapUrlComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'igo-share-map-url', template: "<div class=\"igo-input-container linkToShare\">\r\n  <mat-form-field>\r\n    <textarea\r\n      #textArea\r\n      matInput\r\n      readonly\r\n      rows=\"3\"\r\n      [placeholder]=\"'igo.context.shareMap.placeholderLink' | translate\"\r\n      [value]=\"url\"\r\n    ></textarea>\r\n  </mat-form-field>\r\n\r\n  <div class=\"igo-form-button-group\">\r\n    <button mat-raised-button (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      <div\r\n        *ngIf=\"('igo.context.shareMap.htmlClarifications' | translate) === ''\"\r\n      >\r\n        <h4 *ngIf=\"('igo.context.shareMap.included' | translate) !== ''\">\r\n          {{ 'igo.context.shareMap.included' | translate }}\r\n        </h4>\r\n        <ul>\r\n          <li *ngIf=\"('igo.context.shareMap.context' | translate) !== ''\">\r\n            {{ 'igo.context.shareMap.context' | translate }}\r\n          </li>\r\n          <li *ngIf=\"('igo.context.shareMap.center' | translate) !== ''\">\r\n            {{ 'igo.context.shareMap.center' | translate }}\r\n          </li>\r\n          <li *ngIf=\"('igo.context.shareMap.zoom' | translate) !== ''\">\r\n            {{ 'igo.context.shareMap.zoom' | translate }}\r\n          </li>\r\n          <li *ngIf=\"('igo.context.shareMap.addedLayers' | translate) !== ''\">\r\n            {{ 'igo.context.shareMap.addedLayers' | translate }}\r\n          </li>\r\n          <li\r\n            *ngIf=\"('igo.context.shareMap.visibleInvisible' | translate) !== ''\"\r\n          >\r\n            {{ 'igo.context.shareMap.visibleInvisible' | translate }}\r\n          </li>\r\n        </ul>\r\n\r\n        <h4 *ngIf=\"('igo.context.shareMap.excluded' | translate) !== ''\">\r\n          {{ 'igo.context.shareMap.excluded' | translate }}\r\n        </h4>\r\n        <ul>\r\n          <li *ngIf=\"('igo.context.shareMap.order' | translate) !== ''\">\r\n            {{ 'igo.context.shareMap.order' | translate }}\r\n          </li>\r\n          <li *ngIf=\"('igo.context.shareMap.opacity' | translate) !== ''\">\r\n            {{ 'igo.context.shareMap.opacity' | translate }}\r\n          </li>\r\n          <li *ngIf=\"('igo.context.shareMap.filterOgc' | translate) !== ''\">\r\n            {{ 'igo.context.shareMap.filterOgc' | translate }}\r\n          </li>\r\n          <li *ngIf=\"('igo.context.shareMap.filterTime' | translate) !== ''\">\r\n            {{ 'igo.context.shareMap.filterTime' | translate }}\r\n          </li>\r\n        </ul>\r\n      </div>\r\n      <igo-custom-html\r\n        class=\"shareCustomPadding\"\r\n        *ngIf=\"('igo.context.shareMap.htmlClarifications' | translate) !== ''\"\r\n        class=\"mat-typography\"\r\n        [html]=\"'igo.context.shareMap.htmlClarifications' | translate\"\r\n      >\r\n      </igo-custom-html>\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}igo-custom-html.shareCustomPadding{padding:0}\n"] }]
+        }], ctorParameters: function () { return [{ type: i3.MessageService }, { type: ShareMapService }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { map: [{
+                type: Input
+            }] } });
 
-function ShareMapComponent_mat_tab_group_0_Template(rf, ctx) { if (rf & 1) {
-    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()();
-} if (rf & 2) {
-    const ctx_r0 = i0.ɵɵnextContext();
-    i0.ɵɵadvance(1);
-    i0.ɵɵproperty("label", i0.ɵɵpipeBind1(2, 4, "igo.context.shareMap.shareWithApi"));
-    i0.ɵɵadvance(2);
-    i0.ɵɵproperty("map", ctx_r0.map);
-    i0.ɵɵadvance(1);
-    i0.ɵɵproperty("label", i0.ɵɵpipeBind1(5, 6, "igo.context.shareMap.shareWithUrl"));
-    i0.ɵɵadvance(2);
-    i0.ɵɵproperty("map", ctx_r0.map);
-} }
-function ShareMapComponent_igo_share_map_url_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "igo-share-map-url", 3);
-} if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext();
-    i0.ɵɵproperty("map", ctx_r1.map);
-} }
 class ShareMapComponent {
     config;
     map;
@@ -4659,22 +3375,15 @@ class ShareMapComponent {
         this.config = config;
         this.hasApi = this.config.getConfig('context.url') ? true : false;
     }
-    static ɵfac = function ShareMapComponent_Factory(t) { return new (t || ShareMapComponent)(i0.ɵɵdirectiveInject(i3.ConfigService)); };
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ShareMapComponent, selectors: [["igo-share-map"]], inputs: { map: "map" }, decls: 2, vars: 2, consts: [[4, "ngIf"], [3, "map", 4, "ngIf"], [3, "label"], [3, "map"]], template: function ShareMapComponent_Template(rf, ctx) { if (rf & 1) {
-            i0.ɵɵtemplate(0, ShareMapComponent_mat_tab_group_0_Template, 7, 8, "mat-tab-group", 0);
-            i0.ɵɵtemplate(1, ShareMapComponent_igo_share_map_url_1_Template, 1, 1, "igo-share-map-url", 1);
-        } if (rf & 2) {
-            i0.ɵɵproperty("ngIf", ctx.hasApi);
-            i0.ɵɵadvance(1);
-            i0.ɵɵproperty("ngIf", !ctx.hasApi);
-        } }, dependencies: [i6.NgIf, i3$1.MatTab, i3$1.MatTabGroup, ShareMapUrlComponent, ShareMapApiComponent, i9$1.TranslatePipe] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ShareMapComponent, deps: [{ token: i3.ConfigService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ShareMapComponent, selector: "igo-share-map", inputs: { map: "map" }, ngImport: i0, 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", styles: [""], dependencies: [{ kind: "directive", type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3$1.MatTab, selector: "mat-tab", inputs: ["disabled"], exportAs: ["matTab"] }, { kind: "component", type: i3$1.MatTabGroup, selector: "mat-tab-group", inputs: ["color", "disableRipple", "fitInkBarToContent", "mat-stretch-tabs"], exportAs: ["matTabGroup"] }, { kind: "component", type: ShareMapUrlComponent, selector: "igo-share-map-url", inputs: ["map"] }, { kind: "component", type: ShareMapApiComponent, selector: "igo-share-map-api", inputs: ["map"] }, { kind: "pipe", type: i9$1.TranslatePipe, name: "translate" }] });
 }
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ShareMapComponent, [{
-        type: Component,
-        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
-        }] }); })();
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ShareMapComponent, decorators: [{
+            type: Component,
+            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" }]
+        }], ctorParameters: function () { return [{ type: i3.ConfigService }]; }, propDecorators: { map: [{
+                type: Input
+            }] } });
 
 class IgoShareMapModule {
     static forRoot() {
@@ -4682,9 +3391,19 @@ class IgoShareMapModule {
             ngModule: IgoShareMapModule
         };
     }
-    static ɵfac = function IgoShareMapModule_Factory(t) { return new (t || IgoShareMapModule)(); };
-    static ɵmod = /*@__PURE__*/ i0.ɵɵdefineNgModule({ type: IgoShareMapModule });
-    static ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [CommonModule,
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: IgoShareMapModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: IgoShareMapModule, declarations: [ShareMapComponent, ShareMapUrlComponent, ShareMapApiComponent], imports: [CommonModule,
+            FormsModule,
+            ReactiveFormsModule,
+            MatIconModule,
+            MatTooltipModule,
+            MatTabsModule,
+            MatFormFieldModule,
+            MatInputModule,
+            MatButtonModule,
+            IgoLanguageModule,
+            IgoCustomHtmlModule], exports: [ShareMapComponent, ShareMapUrlComponent, ShareMapApiComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: IgoShareMapModule, imports: [CommonModule,
             FormsModule,
             ReactiveFormsModule,
             MatIconModule,
@@ -4696,88 +3415,27 @@ class IgoShareMapModule {
             IgoLanguageModule,
             IgoCustomHtmlModule] });
 }
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(IgoShareMapModule, [{
-        type: NgModule,
-        args: [{
-                imports: [
-                    CommonModule,
-                    FormsModule,
-                    ReactiveFormsModule,
-                    MatIconModule,
-                    MatTooltipModule,
-                    MatTabsModule,
-                    MatFormFieldModule,
-                    MatInputModule,
-                    MatButtonModule,
-                    IgoLanguageModule,
-                    IgoCustomHtmlModule
-                ],
-                exports: [ShareMapComponent, ShareMapUrlComponent, ShareMapApiComponent],
-                declarations: [ShareMapComponent, ShareMapUrlComponent, ShareMapApiComponent]
-            }]
-    }], null, null); })();
-(function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(IgoShareMapModule, { declarations: [ShareMapComponent, ShareMapUrlComponent, ShareMapApiComponent], imports: [CommonModule,
-        FormsModule,
-        ReactiveFormsModule,
-        MatIconModule,
-        MatTooltipModule,
-        MatTabsModule,
-        MatFormFieldModule,
-        MatInputModule,
-        MatButtonModule,
-        IgoLanguageModule,
-        IgoCustomHtmlModule], exports: [ShareMapComponent, ShareMapUrlComponent, ShareMapApiComponent] }); })();
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: IgoShareMapModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        CommonModule,
+                        FormsModule,
+                        ReactiveFormsModule,
+                        MatIconModule,
+                        MatTooltipModule,
+                        MatTabsModule,
+                        MatFormFieldModule,
+                        MatInputModule,
+                        MatButtonModule,
+                        IgoLanguageModule,
+                        IgoCustomHtmlModule
+                    ],
+                    exports: [ShareMapComponent, ShareMapUrlComponent, ShareMapApiComponent],
+                    declarations: [ShareMapComponent, ShareMapUrlComponent, ShareMapApiComponent]
+                }]
+        }] });
 
-function SidenavComponent_button_8_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "button", 11);
-    i0.ɵɵpipe(1, "translate");
-    i0.ɵɵelement(2, "mat-icon", 12);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    i0.ɵɵproperty("matTooltip", i0.ɵɵpipeBind1(1, 1, "igo.context.sidenav.goBack"));
-} }
-function SidenavComponent_button_9_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "button", 13);
-    i0.ɵɵpipe(1, "translate");
-    i0.ɵɵelement(2, "mat-icon", 14);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    i0.ɵɵproperty("matTooltip", i0.ɵɵpipeBind1(1, 1, "igo.context.sidenav.mainMenu"));
-} }
-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 i0.ɵɵresetView(ctx_r7.zoomToFeatureExtent()); });
-    i0.ɵɵelement(1, "mat-icon", 20);
-    i0.ɵɵelementEnd();
-} }
-function SidenavComponent_igo_panel_11_igo_feature_details_4_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "igo-feature-details", 21);
-} if (rf & 2) {
-    const ctx_r6 = i0.ɵɵnextContext(2);
-    i0.ɵɵproperty("feature", ctx_r6.feature);
-} }
-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)(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);
-    i0.ɵɵtemplate(4, SidenavComponent_igo_panel_11_igo_feature_details_4_Template, 1, 1, "igo-feature-details", 18);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const ctx_r4 = i0.ɵɵnextContext();
-    const _r1 = i0.ɵɵreference(4);
-    i0.ɵɵproperty("title", ctx_r4.featureTitle);
-    i0.ɵɵadvance(2);
-    i0.ɵɵproperty("svgIcon", i0.ɵɵpureFunction0(4, _c0).indexOf(_r1.state) >= 0 ? "arrow_downward" : "arrow_upward");
-    i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngIf", ctx_r4.feature.geometry);
-    i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngIf", i0.ɵɵpureFunction0(5, _c0).indexOf(_r1.state) >= 0);
-} }
 class SidenavComponent {
     titleService;
     format = new GeoJSON();
@@ -4850,46 +3508,25 @@ class SidenavComponent {
             this.topPanelState = 'initial';
         }
     }
-    static ɵfac = function SidenavComponent_Factory(t) { return new (t || SidenavComponent)(i0.ɵɵdirectiveInject(i1$4.Title)); };
-    static ɵ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)(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.ɵɵelementStart(10, "div", 9);
-            i0.ɵɵtemplate(11, SidenavComponent_igo_panel_11_Template, 5, 6, "igo-panel", 10);
-            i0.ɵɵelementEnd()()()();
-        } if (rf & 2) {
-            i0.ɵɵproperty("opened", ctx.opened);
-            i0.ɵɵadvance(3);
-            i0.ɵɵproperty("state", ctx.topPanelState);
-            i0.ɵɵadvance(3);
-            i0.ɵɵproperty("title", ctx.tool ? i0.ɵɵpipeBind1(7, 6, ctx.tool.title) : ctx.title);
-            i0.ɵɵadvance(2);
-            i0.ɵɵproperty("ngIf", ctx.tool);
-            i0.ɵɵadvance(1);
-            i0.ɵɵproperty("ngIf", ctx.tool);
-            i0.ɵɵadvance(2);
-            i0.ɵɵproperty("ngIf", ctx.feature && ctx.media !== "mobile");
-        } }, dependencies: [i6.NgIf, i6$2.MatIcon, i7.MatIconButton, i5$1.MatSidenav, i6$3.MatTooltip, i13.PanelComponent, i13.FlexibleComponent, i1$1.FeatureDetailsComponent, i9$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% - 45px)}}.igo-sidenav-content[_ngcontent-%COMP%]{margin-top:50px;height:calc(100% - 50px)}igo-feature-details[_ngcontent-%COMP%]     table{width:100%}"] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SidenavComponent, deps: [{ token: i1$4.Title }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: SidenavComponent, selector: "igo-sidenav", inputs: { map: "map", opened: "opened", feature: "feature", tool: "tool", media: "media", title: "title" }, ngImport: i0, template: "<mat-sidenav #sidenav igoSidenavShim mode=\"side\" [opened]=\"opened\">\r\n  <div class=\"igo-sidenav-content\">\r\n    <igo-flexible\r\n      #topPanel\r\n      initial=\"50%\"\r\n      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          >\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          >\r\n            <mat-icon svgIcon=\"menu\"></mat-icon>\r\n          </button>\r\n        </igo-panel>\r\n      </div>\r\n\r\n      <div igoFlexibleFill class=\"igo-content\">\r\n        <igo-panel [title]=\"featureTitle\" *ngIf=\"feature && media !== 'mobile'\">\r\n          <button\r\n            mat-icon-button\r\n            panelLeftButton\r\n            class=\"igo-icon-button\"\r\n            (click)=\"toggleTopPanel()\"\r\n          >\r\n            <mat-icon\r\n              [svgIcon]=\"\r\n                ['collapsed', 'initial'].indexOf(topPanel.state) >= 0\r\n                  ? 'arrow_downward'\r\n                  : 'arrow_upward'\r\n              \"\r\n            ></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          >\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          >\r\n          </igo-feature-details>\r\n        </igo-panel>\r\n      </div>\r\n    </igo-flexible>\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"], dependencies: [{ kind: "directive", type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i6$2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i7.MatIconButton, selector: "button[mat-icon-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i5$1.MatSidenav, selector: "mat-sidenav", inputs: ["fixedInViewport", "fixedTopGap", "fixedBottomGap"], exportAs: ["matSidenav"] }, { kind: "directive", type: i6$3.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }, { kind: "component", type: i13.PanelComponent, selector: "igo-panel", inputs: ["title", "withHeader", "cursorPointer"] }, { kind: "component", type: i13.FlexibleComponent, selector: "igo-flexible", inputs: ["initial", "collapsed", "expanded", "initialMobile", "collapsedMobile", "expandedMobile", "direction", "state"] }, { kind: "component", type: i1$1.FeatureDetailsComponent, selector: "igo-feature-details", inputs: ["source", "map", "toolbox", "feature"], outputs: ["routeEvent", "selectFeature", "htmlDisplayEvent"] }, { kind: "pipe", type: i9$1.TranslatePipe, name: "translate" }] });
 }
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SidenavComponent, [{
-        type: Component,
-        args: [{ selector: 'igo-sidenav', template: "<mat-sidenav #sidenav igoSidenavShim mode=\"side\" [opened]=\"opened\">\r\n  <div class=\"igo-sidenav-content\">\r\n    <igo-flexible\r\n      #topPanel\r\n      initial=\"50%\"\r\n      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          >\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          >\r\n            <mat-icon svgIcon=\"menu\"></mat-icon>\r\n          </button>\r\n        </igo-panel>\r\n      </div>\r\n\r\n      <div igoFlexibleFill class=\"igo-content\">\r\n        <igo-panel [title]=\"featureTitle\" *ngIf=\"feature && media !== 'mobile'\">\r\n          <button\r\n            mat-icon-button\r\n            panelLeftButton\r\n            class=\"igo-icon-button\"\r\n            (click)=\"toggleTopPanel()\"\r\n          >\r\n            <mat-icon\r\n              [svgIcon]=\"\r\n                ['collapsed', 'initial'].indexOf(topPanel.state) >= 0\r\n                  ? 'arrow_downward'\r\n                  : 'arrow_upward'\r\n              \"\r\n            ></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          >\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          >\r\n          </igo-feature-details>\r\n        </igo-panel>\r\n      </div>\r\n    </igo-flexible>\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
-        }], feature: [{
-            type: Input
-        }], tool: [{
-            type: Input
-        }], media: [{
-            type: Input
-        }], title: [{
-            type: Input
-        }] }); })();
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SidenavComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'igo-sidenav', template: "<mat-sidenav #sidenav igoSidenavShim mode=\"side\" [opened]=\"opened\">\r\n  <div class=\"igo-sidenav-content\">\r\n    <igo-flexible\r\n      #topPanel\r\n      initial=\"50%\"\r\n      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          >\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          >\r\n            <mat-icon svgIcon=\"menu\"></mat-icon>\r\n          </button>\r\n        </igo-panel>\r\n      </div>\r\n\r\n      <div igoFlexibleFill class=\"igo-content\">\r\n        <igo-panel [title]=\"featureTitle\" *ngIf=\"feature && media !== 'mobile'\">\r\n          <button\r\n            mat-icon-button\r\n            panelLeftButton\r\n            class=\"igo-icon-button\"\r\n            (click)=\"toggleTopPanel()\"\r\n          >\r\n            <mat-icon\r\n              [svgIcon]=\"\r\n                ['collapsed', 'initial'].indexOf(topPanel.state) >= 0\r\n                  ? 'arrow_downward'\r\n                  : 'arrow_upward'\r\n              \"\r\n            ></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          >\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          >\r\n          </igo-feature-details>\r\n        </igo-panel>\r\n      </div>\r\n    </igo-flexible>\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"] }]
+        }], ctorParameters: function () { return [{ type: i1$4.Title }]; }, propDecorators: { map: [{
+                type: Input
+            }], opened: [{
+                type: Input
+            }], feature: [{
+                type: Input
+            }], tool: [{
+                type: Input
+            }], media: [{
+                type: Input
+            }], title: [{
+                type: Input
+            }] } });
 
 class IgoSidenavModule {
     static forRoot() {
@@ -4897,9 +3534,18 @@ class IgoSidenavModule {
             ngModule: IgoSidenavModule
         };
     }
-    static ɵfac = function IgoSidenavModule_Factory(t) { return new (t || IgoSidenavModule)(); };
-    static ɵmod = /*@__PURE__*/ i0.ɵɵdefineNgModule({ type: IgoSidenavModule });
-    static ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [CommonModule,
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: IgoSidenavModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: IgoSidenavModule, declarations: [SidenavComponent], imports: [CommonModule,
+            MatIconModule,
+            MatButtonModule,
+            MatSidenavModule,
+            MatTooltipModule,
+            IgoLanguageModule,
+            IgoPanelModule,
+            IgoFlexibleModule,
+            IgoFeatureModule,
+            IgoContextManagerModule], exports: [SidenavComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: IgoSidenavModule, imports: [CommonModule,
             MatIconModule,
             MatButtonModule,
             MatSidenavModule,
@@ -4910,35 +3556,25 @@ class IgoSidenavModule {
             IgoFeatureModule,
             IgoContextManagerModule] });
 }
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(IgoSidenavModule, [{
-        type: NgModule,
-        args: [{
-                imports: [
-                    CommonModule,
-                    MatIconModule,
-                    MatButtonModule,
-                    MatSidenavModule,
-                    MatTooltipModule,
-                    IgoLanguageModule,
-                    IgoPanelModule,
-                    IgoFlexibleModule,
-                    IgoFeatureModule,
-                    IgoContextManagerModule
-                ],
-                exports: [SidenavComponent],
-                declarations: [SidenavComponent]
-            }]
-    }], null, null); })();
-(function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(IgoSidenavModule, { declarations: [SidenavComponent], imports: [CommonModule,
-        MatIconModule,
-        MatButtonModule,
-        MatSidenavModule,
-        MatTooltipModule,
-        IgoLanguageModule,
-        IgoPanelModule,
-        IgoFlexibleModule,
-        IgoFeatureModule,
-        IgoContextManagerModule], exports: [SidenavComponent] }); })();
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: IgoSidenavModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        CommonModule,
+                        MatIconModule,
+                        MatButtonModule,
+                        MatSidenavModule,
+                        MatTooltipModule,
+                        IgoLanguageModule,
+                        IgoPanelModule,
+                        IgoFlexibleModule,
+                        IgoFeatureModule,
+                        IgoContextManagerModule
+                    ],
+                    exports: [SidenavComponent],
+                    declarations: [SidenavComponent]
+                }]
+        }] });
 
 class IgoContextModule {
     static forRoot() {
@@ -4947,33 +3583,32 @@ class IgoContextModule {
             providers: []
         };
     }
-    static ɵfac = function IgoContextModule_Factory(t) { return new (t || IgoContextModule)(); };
-    static ɵmod = /*@__PURE__*/ i0.ɵɵdefineNgModule({ type: IgoContextModule });
-    static ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [MatInputModule, MatFormFieldModule, MatMenuModule, IgoContextImportExportModule,
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: IgoContextModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: IgoContextModule, imports: [MatInputModule, MatFormFieldModule, MatMenuModule], exports: [IgoContextImportExportModule,
+            IgoContextManagerModule,
+            IgoContextMapButtonModule,
+            IgoShareMapModule,
+            IgoSidenavModule] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: IgoContextModule, imports: [MatInputModule, MatFormFieldModule, MatMenuModule, IgoContextImportExportModule,
             IgoContextManagerModule,
             IgoContextMapButtonModule,
             IgoShareMapModule,
             IgoSidenavModule] });
 }
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(IgoContextModule, [{
-        type: NgModule,
-        args: [{
-                imports: [MatInputModule, MatFormFieldModule, MatMenuModule],
-                declarations: [],
-                exports: [
-                    IgoContextImportExportModule,
-                    IgoContextManagerModule,
-                    IgoContextMapButtonModule,
-                    IgoShareMapModule,
-                    IgoSidenavModule
-                ]
-            }]
-    }], null, null); })();
-(function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(IgoContextModule, { imports: [MatInputModule, MatFormFieldModule, MatMenuModule], exports: [IgoContextImportExportModule,
-        IgoContextManagerModule,
-        IgoContextMapButtonModule,
-        IgoShareMapModule,
-        IgoSidenavModule] }); })();
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: IgoContextModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [MatInputModule, MatFormFieldModule, MatMenuModule],
+                    declarations: [],
+                    exports: [
+                        IgoContextImportExportModule,
+                        IgoContextManagerModule,
+                        IgoContextMapButtonModule,
+                        IgoShareMapModule,
+                        IgoSidenavModule
+                    ]
+                }]
+        }] });
 
 /*
  * Public API Surface of context