@igo2/context 16.0.0-rc.4 → 16.0.0-rc.6

package/fesm2022/igo2-context.mjs

@@ -24,7 +24,7 @@ import * as i11 from '@angular/material/select';
 import { MatSelectModule } from '@angular/material/select';
 import * as i3$1 from '@angular/material/tabs';
 import { MatTabsModule } from '@angular/material/tabs';
-import * as i6$2 from '@angular/material/tooltip';
+import * as i6$3 from '@angular/material/tooltip';
 import { MatTooltipModule } from '@angular/material/tooltip';
 import * as i13 from '@igo2/common';
 import { IgoSpinnerModule, IgoConfirmDialogModule, IgoStopPropagationModule, ActionStore, ActionbarMode, IgoListModule, IgoKeyValueModule, IgoCollapsibleModule, IgoActionbarModule, IgoCustomHtmlModule, getEntityTitle, IgoPanelModule, IgoFlexibleModule } from '@igo2/common';
@@ -47,7 +47,7 @@ import * as i14 from '@angular/material/autocomplete';
 import { MatAutocompleteModule } from '@angular/material/autocomplete';
 import * as i1$3 from '@angular/material/dialog';
 import { MatDialogModule } from '@angular/material/dialog';
-import * as i8$1 from '@angular/material/icon';
+import * as i6$2 from '@angular/material/icon';
 import { MatIconModule } from '@angular/material/icon';
 import * as i7$1 from '@angular/material/list';
 import { MatListModule } from '@angular/material/list';
@@ -421,23 +421,23 @@ class ContextService {
         }
         let i = 0;
         for (const layer of layers) {
-            const layerOptions = {
+            const opts = {
+                id: layer.options.id ? String(layer.options.id) : undefined,
                 title: layer.options.title,
                 zIndex: ++i,
                 visible: layer.visible,
                 security: layer.options.security,
-                opacity: layer.opacity
-            };
-            const opts = {
-                id: layer.options.id ? String(layer.options.id) : undefined,
-                layerOptions,
+                opacity: layer.opacity,
                 sourceOptions: {
                     type: layer.dataSource.options.type,
                     params: layer.dataSource.options.params,
-                    url: layer.dataSource.options.url,
-                    queryable: layer.queryable
+                    url: layer.dataSource.options.url
                 }
             };
+            if (layer.queryable) {
+                // TODO: bad practice replace bracket notation
+                opts.sourceOptions['queryable'] = layer.queryable;
+            }
             if (opts.sourceOptions.type) {
                 context.layers.push(opts);
             }
@@ -1425,7 +1425,7 @@ class BookmarkButtonComponent {
         } if (rf & 2) {
             i0.ɵɵadvance(1);
             i0.ɵɵproperty("matTooltip", i0.ɵɵpipeBind1(2, 2, "igo.context.bookmarkButton.create"))("color", ctx.color);
-        } }, dependencies: [i7.MatIconButton, i8$1.MatIcon, i6$2.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}"] });
+        } }, 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}"] });
 }
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(BookmarkButtonComponent, [{
         type: Component,
@@ -1511,15 +1511,15 @@ class PoiService {
         type: Injectable
     }], function () { return [{ type: i1.HttpClient }, { type: i3.ConfigService }]; }, null); })();
 
-function PoiButtonComponent_mat_option_8_Template(rf, ctx) { if (rf & 1) {
+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_8_Template_mat_option_click_0_listener() { const restoredCtx = i0.ɵɵrestoreView(_r3); const poi_r1 = restoredCtx.$implicit; const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.zoomOnPoi(poi_r1.id)); });
+    i0.ɵɵ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_8_Template_button_click_3_listener() { const restoredCtx = i0.ɵɵrestoreView(_r3); const poi_r1 = restoredCtx.$implicit; const ctx_r4 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r4.deletePoi(poi_r1)); });
+    i0.ɵɵ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) {
@@ -1635,7 +1635,7 @@ class PoiButtonComponent {
         });
     }
     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: 9, vars: 7, consts: [["floatPlaceholder", "never", 3, "placeholder"], [3, "click"], [1, "titlePoi"], ["igoStopPropagation", "", "mat-icon-button", "", "color", "primary", 1, "addPoi", "buttonPoi", 3, "click"], ["svgIcon", "plus-circle"], [3, "value", "click", 4, "ngFor", "ngForOf"], [3, "value", "click"], ["igoStopPropagation", "", "mat-icon-button", "", "color", "warn", 1, "deletePoi", "buttonPoi", 3, "click"], ["svgIcon", "delete"]], template: function PoiButtonComponent_Template(rf, ctx) { if (rf & 1) {
+    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);
@@ -1648,19 +1648,20 @@ class PoiButtonComponent {
             i0.ɵɵlistener("click", function PoiButtonComponent_Template_button_click_6_listener() { return ctx.createPoi(); });
             i0.ɵɵelement(7, "mat-icon", 4);
             i0.ɵɵelementEnd()();
-            i0.ɵɵtemplate(8, PoiButtonComponent_mat_option_8_Template, 5, 2, "mat-option", 5);
+            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.ɵɵtextInterpolate(i0.ɵɵpipeBind1(5, 5, "igo.context.poiButton.create"));
-            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, i8$1.MatIcon, i12.MatOption, i11.MatSelect, i9$1.TranslatePipe], styles: ["[_nghost-%COMP%]   mat-select[_ngcontent-%COMP%]{width:150px;background-color:#fff;height:40px;padding-top:0}[_nghost-%COMP%]   mat-select[_ngcontent-%COMP%]     .mat-mdc-select-trigger{height:40px}[_nghost-%COMP%]   mat-select[_ngcontent-%COMP%]     .mat-mdc-select-value-text, [_nghost-%COMP%]   mat-select[_ngcontent-%COMP%]     .mat-mdc-select-placeholder{padding:5px;position:relative}[_nghost-%COMP%]   .mat-mdc-option[_ngcontent-%COMP%]{text-overflow:inherit}[_nghost-%COMP%]   .titlePoi[_ngcontent-%COMP%]{max-width:135px;overflow:hidden;text-overflow:ellipsis;float:left}[_nghost-%COMP%]   .buttonPoi[_ngcontent-%COMP%]{float:right;margin:4px -10px 4px 0}[_nghost-%COMP%]   .buttonPoi[_ngcontent-%COMP%]     .mat-icon{margin:0 8px}"] });
+        } }, 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}"] });
 }
 (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()\">\r\n    <div class=\"titlePoi\">{{ 'igo.context.poiButton.create' | translate }}</div>\r\n    <button\r\n      igoStopPropagation\r\n      class=\"addPoi buttonPoi\"\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-option\r\n    *ngFor=\"let poi of pois\"\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      igoStopPropagation\r\n      class=\"deletePoi buttonPoi\"\r\n      mat-icon-button\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 mat-select{width:150px;background-color:#fff;height:40px;padding-top:0}:host mat-select ::ng-deep .mat-mdc-select-trigger{height:40px}:host mat-select ::ng-deep .mat-mdc-select-value-text,:host mat-select ::ng-deep .mat-mdc-select-placeholder{padding:5px;position:relative}:host .mat-mdc-option{text-overflow:inherit}:host .titlePoi{max-width:135px;overflow:hidden;text-overflow:ellipsis;float:left}:host .buttonPoi{float:right;margin:4px -10px 4px 0}:host .buttonPoi ::ng-deep .mat-icon{margin:0 8px}\n"] }]
+        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: [{
@@ -1832,7 +1833,7 @@ class UserButtonComponent {
             i0.ɵɵtemplate(0, UserButtonComponent_div_0_Template, 11, 11, "div", 0);
         } if (rf & 2) {
             i0.ɵɵproperty("ngIf", ctx.visible);
-        } }, dependencies: [i6.NgIf, i7.MatIconButton, i8$1.MatIcon, i6$2.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()] } });
+        } }, 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()] } });
 }
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(UserButtonComponent, [{
         type: Component,
@@ -1859,6 +1860,7 @@ class IgoContextMapButtonModule {
             IgoStopPropagationModule,
             MatButtonModule,
             MatDialogModule,
+            MatDividerModule,
             MatFormFieldModule,
             MatIconModule,
             MatInputModule,
@@ -1878,6 +1880,7 @@ class IgoContextMapButtonModule {
                     IgoStopPropagationModule,
                     MatButtonModule,
                     MatDialogModule,
+                    MatDividerModule,
                     MatFormFieldModule,
                     MatIconModule,
                     MatInputModule,
@@ -1915,6 +1918,7 @@ class IgoContextMapButtonModule {
         IgoStopPropagationModule,
         MatButtonModule,
         MatDialogModule,
+        MatDividerModule,
         MatFormFieldModule,
         MatIconModule,
         MatInputModule,
@@ -2043,7 +2047,7 @@ class ContextFormComponent {
             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, i8$1.MatIcon, i7.MatButton, i7.MatIconButton, i6$2.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}"] });
+        } }, 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}"] });
 }
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ContextFormComponent, [{
         type: Component,
@@ -2358,7 +2362,7 @@ class ContextItemComponent {
             i0.ɵɵtextInterpolate(ctx.context.title);
             i0.ɵɵadvance(1);
             i0.ɵɵproperty("ngIf", ctx.auth.authenticated);
-        } }, dependencies: [i6.NgClass, i6.NgIf, i8$1.MatIcon, i7.MatIconButton, i6$2.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 });
+        } }, 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 });
 }
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ContextItemComponent, [{
         type: Component,
@@ -2399,20 +2403,20 @@ var ContextListControlsEnum;
 })(ContextListControlsEnum || (ContextListControlsEnum = {}));
 
 function ContextListComponent_mat_form_field_2_button_6_Template(rf, ctx) { if (rf & 1) {
-    const _r10 = i0.ɵɵgetCurrentView();
+    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(_r10); const ctx_r9 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r9.clearFilter()); });
+    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 _r12 = i0.ɵɵgetCurrentView();
+    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(_r12); const ctx_r11 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r11.term = $event); });
+    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);
@@ -2427,9 +2431,9 @@ function ContextListComponent_mat_form_field_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵproperty("ngIf", ctx_r0.term.length);
 } }
 function ContextListComponent_button_4_Template(rf, ctx) { if (rf & 1) {
-    const _r14 = i0.ɵɵgetCurrentView();
+    const _r15 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "button", 18);
-    i0.ɵɵlistener("click", function ContextListComponent_button_4_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r14); const ctx_r13 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r13.toggleSort(true)); });
+    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();
@@ -2437,9 +2441,9 @@ function ContextListComponent_button_4_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵproperty("matTooltip", i0.ɵɵpipeBind1(1, 1, "igo.context.contextManager.sortAlphabetically"));
 } }
 function ContextListComponent_button_5_Template(rf, ctx) { if (rf & 1) {
-    const _r16 = i0.ɵɵgetCurrentView();
+    const _r17 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "button", 18);
-    i0.ɵɵlistener("click", function ContextListComponent_button_5_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r16); const ctx_r15 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r15.toggleSort(false)); });
+    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();
@@ -2462,113 +2466,128 @@ function ContextListComponent_button_7_Template(rf, ctx) { if (rf & 1) {
     const _r5 = i0.ɵɵreference(9);
     i0.ɵɵproperty("matTooltip", i0.ɵɵpipeBind1(1, 2, "igo.context.contextManager.filterUser"))("matMenuTriggerFor", _r5);
 } }
-function ContextListComponent_ng_container_10_button_4_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "button", 29);
-    i0.ɵɵtext(1);
+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_r17 = i0.ɵɵnextContext().$implicit;
-    const _r20 = i0.ɵɵreference(7);
-    i0.ɵɵproperty("matMenuTriggerFor", _r20);
+    const user_r18 = i0.ɵɵnextContext().$implicit;
+    const ctx_r19 = i0.ɵɵnextContext();
     i0.ɵɵadvance(1);
-    i0.ɵɵtextInterpolate1(" ", user_r17.title, " ");
+    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_button_5_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "button", 10);
-    i0.ɵɵtext(1);
-    i0.ɵɵelementEnd();
+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 user_r17 = i0.ɵɵnextContext().$implicit;
+    const child_r29 = ctx.$implicit;
+    const ctx_r28 = i0.ɵɵnextContext(3);
     i0.ɵɵadvance(1);
-    i0.ɵɵtextInterpolate1(" ", user_r17.title, " ");
+    i0.ɵɵproperty("checked", ctx_r28.getPermission(child_r29).checked);
+    i0.ɵɵadvance(1);
+    i0.ɵɵtextInterpolate1(" ", child_r29.title, " ");
 } }
-function ContextListComponent_ng_container_10_mat_checkbox_9_Template(rf, ctx) { if (rf & 1) {
-    const _r27 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "mat-checkbox", 11);
-    i0.ɵɵlistener("click", function ContextListComponent_ng_container_10_mat_checkbox_9_Template_mat_checkbox_click_0_listener($event) { return $event.stopPropagation(); })("change", function ContextListComponent_ng_container_10_mat_checkbox_9_Template_mat_checkbox_change_0_listener() { const restoredCtx = i0.ɵɵrestoreView(_r27); const child_r24 = restoredCtx.$implicit; const user_r17 = i0.ɵɵnextContext().$implicit; const ctx_r26 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r26.userSelection(child_r24, user_r17)); });
-    i0.ɵɵtext(1);
+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 child_r24 = ctx.$implicit;
-    const ctx_r21 = i0.ɵɵnextContext(2);
-    i0.ɵɵproperty("checked", ctx_r21.getPermission(child_r24).checked);
+    const _r27 = i0.ɵɵreference(5);
+    const user_r18 = i0.ɵɵnextContext().$implicit;
+    const ctx_r21 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("matMenuTriggerFor", _r27);
     i0.ɵɵadvance(1);
-    i0.ɵɵtextInterpolate1(" ", child_r24.title, " ");
+    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) {
-    const _r31 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementContainerStart(0);
-    i0.ɵɵelementStart(1, "span", 9)(2, "div", 10)(3, "mat-checkbox", 24);
-    i0.ɵɵlistener("click", function ContextListComponent_ng_container_10_Template_mat_checkbox_click_3_listener($event) { return $event.stopPropagation(); })("change", function ContextListComponent_ng_container_10_Template_mat_checkbox_change_3_listener() { const restoredCtx = i0.ɵɵrestoreView(_r31); const user_r17 = restoredCtx.$implicit; const ctx_r30 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r30.userSelection(user_r17)); });
-    i0.ɵɵelementEnd()();
-    i0.ɵɵtemplate(4, ContextListComponent_ng_container_10_button_4_Template, 2, 2, "button", 25);
-    i0.ɵɵtemplate(5, ContextListComponent_ng_container_10_button_5_Template, 2, 1, "button", 26);
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(6, "mat-menu", null, 27)(8, "div", 10);
-    i0.ɵɵtemplate(9, ContextListComponent_ng_container_10_mat_checkbox_9_Template, 2, 2, "mat-checkbox", 28);
-    i0.ɵɵelementEnd()();
+    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_r17 = ctx.$implicit;
-    const ctx_r6 = i0.ɵɵnextContext();
-    i0.ɵɵadvance(3);
-    i0.ɵɵproperty("checked", ctx_r6.getPermission(user_r17).checked)("indeterminate", ctx_r6.getPermission(user_r17).indeterminate);
-    i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngIf", user_r17.childs);
+    const user_r18 = ctx.$implicit;
+    const _r20 = i0.ɵɵreference(3);
     i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngIf", !user_r17.childs);
-    i0.ɵɵadvance(4);
-    i0.ɵɵproperty("ngForOf", user_r17.childs);
+    i0.ɵɵproperty("ngIf", !user_r18.childs)("ngIfElse", _r20);
 } }
-function ContextListComponent_ng_template_17_igo_collapsible_0_ng_template_2_Template(rf, ctx) { if (rf & 1) {
-    const _r38 = i0.ɵɵgetCurrentView();
+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_17_igo_collapsible_0_ng_template_2_Template_igo_context_item_edit_0_listener() { const restoredCtx = i0.ɵɵrestoreView(_r38); const context_r36 = restoredCtx.$implicit; const ctx_r37 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r37.edit.emit(context_r36)); })("delete", function ContextListComponent_ng_template_17_igo_collapsible_0_ng_template_2_Template_igo_context_item_delete_0_listener() { const restoredCtx = i0.ɵɵrestoreView(_r38); const context_r36 = restoredCtx.$implicit; const ctx_r39 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r39.delete.emit(context_r36)); })("clone", function ContextListComponent_ng_template_17_igo_collapsible_0_ng_template_2_Template_igo_context_item_clone_0_listener() { const restoredCtx = i0.ɵɵrestoreView(_r38); const context_r36 = restoredCtx.$implicit; const ctx_r40 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r40.clone.emit(context_r36)); })("save", function ContextListComponent_ng_template_17_igo_collapsible_0_ng_template_2_Template_igo_context_item_save_0_listener() { const restoredCtx = i0.ɵɵrestoreView(_r38); const context_r36 = restoredCtx.$implicit; const ctx_r41 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r41.save.emit(context_r36)); })("hide", function ContextListComponent_ng_template_17_igo_collapsible_0_ng_template_2_Template_igo_context_item_hide_0_listener() { const restoredCtx = i0.ɵɵrestoreView(_r38); const context_r36 = restoredCtx.$implicit; const ctx_r42 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r42.hideContext(context_r36)); })("show", function ContextListComponent_ng_template_17_igo_collapsible_0_ng_template_2_Template_igo_context_item_show_0_listener() { const restoredCtx = i0.ɵɵrestoreView(_r38); const context_r36 = restoredCtx.$implicit; const ctx_r43 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r43.showContext(context_r36)); })("favorite", function ContextListComponent_ng_template_17_igo_collapsible_0_ng_template_2_Template_igo_context_item_favorite_0_listener() { const restoredCtx = i0.ɵɵrestoreView(_r38); const context_r36 = restoredCtx.$implicit; const ctx_r44 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r44.favorite.emit(context_r36)); })("manageTools", function ContextListComponent_ng_template_17_igo_collapsible_0_ng_template_2_Template_igo_context_item_manageTools_0_listener() { const restoredCtx = i0.ɵɵrestoreView(_r38); const context_r36 = restoredCtx.$implicit; const ctx_r45 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r45.manageTools.emit(context_r36)); })("managePermissions", function ContextListComponent_ng_template_17_igo_collapsible_0_ng_template_2_Template_igo_context_item_managePermissions_0_listener() { const restoredCtx = i0.ɵɵrestoreView(_r38); const context_r36 = restoredCtx.$implicit; const ctx_r46 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r46.managePermissions.emit(context_r36)); })("select", function ContextListComponent_ng_template_17_igo_collapsible_0_ng_template_2_Template_igo_context_item_select_0_listener() { const restoredCtx = i0.ɵɵrestoreView(_r38); const context_r36 = restoredCtx.$implicit; const ctx_r47 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r47.select.emit(context_r36)); })("unselect", function ContextListComponent_ng_template_17_igo_collapsible_0_ng_template_2_Template_igo_context_item_unselect_0_listener() { const restoredCtx = i0.ɵɵrestoreView(_r38); const context_r36 = restoredCtx.$implicit; const ctx_r48 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r48.unselect.emit(context_r36)); });
+    i0.ɵɵ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_r36 = ctx.$implicit;
-    const ctx_r35 = i0.ɵɵnextContext(3);
-    i0.ɵɵproperty("selected", ctx_r35.selectedContext && ctx_r35.selectedContext.uri === context_r36.uri)("context", context_r36)("default", context_r36.id && ctx_r35.defaultContextId && ctx_r35.defaultContextId === context_r36.id);
+    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_17_igo_collapsible_0_Template(rf, ctx) { if (rf & 1) {
-    const _r50 = i0.ɵɵgetCurrentView();
+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_17_igo_collapsible_0_Template_igo_collapsible_toggle_0_listener($event) { i0.ɵɵrestoreView(_r50); const groupContexts_r32 = i0.ɵɵnextContext().$implicit; const ctx_r49 = i0.ɵɵnextContext(); return i0.ɵɵresetView((ctx_r49.collapsed[ctx_r49.titleMapping[groupContexts_r32.key]] = $event)); });
+    i0.ɵɵ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_17_igo_collapsible_0_ng_template_2_Template, 1, 3, "ng-template", 12);
+    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_r32 = i0.ɵɵnextContext().$implicit;
-    const ctx_r33 = i0.ɵɵnextContext();
-    i0.ɵɵproperty("title", i0.ɵɵpipeBind1(1, 3, ctx_r33.titleMapping[groupContexts_r32.key]))("collapsed", ctx_r33.collapsed[ctx_r33.titleMapping[groupContexts_r32.key]]);
+    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_r32.value);
+    i0.ɵɵproperty("ngForOf", groupContexts_r39.value);
 } }
-function ContextListComponent_ng_template_17_1_ng_template_0_Template(rf, ctx) { if (rf & 1) {
-    const _r56 = i0.ɵɵgetCurrentView();
+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_17_1_ng_template_0_Template_igo_context_item_favorite_0_listener() { const restoredCtx = i0.ɵɵrestoreView(_r56); const context_r54 = restoredCtx.$implicit; const ctx_r55 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r55.favorite.emit(context_r54)); })("select", function ContextListComponent_ng_template_17_1_ng_template_0_Template_igo_context_item_select_0_listener() { const restoredCtx = i0.ɵɵrestoreView(_r56); const context_r54 = restoredCtx.$implicit; const ctx_r57 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r57.select.emit(context_r54)); })("unselect", function ContextListComponent_ng_template_17_1_ng_template_0_Template_igo_context_item_unselect_0_listener() { const restoredCtx = i0.ɵɵrestoreView(_r56); const context_r54 = restoredCtx.$implicit; const ctx_r58 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r58.unselect.emit(context_r54)); });
+    i0.ɵɵ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_r54 = ctx.$implicit;
-    const ctx_r53 = i0.ɵɵnextContext(3);
-    i0.ɵɵproperty("showFavorite", ctx_r53.configService.getConfig("favoriteContext4NonAuthenticated"))("selected", ctx_r53.selectedContext && ctx_r53.selectedContext.uri === context_r54.uri)("context", context_r54)("default", ctx_r53.contextConfigs ? ctx_r53.defaultContextId === context_r54.id : ctx_r53.defaultContextId === context_r54.uri);
+    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_17_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵtemplate(0, ContextListComponent_ng_template_17_1_ng_template_0_Template, 1, 4, "ng-template", 12);
+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_r32 = i0.ɵɵnextContext().$implicit;
-    i0.ɵɵproperty("ngForOf", groupContexts_r32.value);
+    const groupContexts_r39 = i0.ɵɵnextContext().$implicit;
+    i0.ɵɵproperty("ngForOf", groupContexts_r39.value);
 } }
-function ContextListComponent_ng_template_17_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵtemplate(0, ContextListComponent_ng_template_17_igo_collapsible_0_Template, 3, 5, "igo-collapsible", 30);
-    i0.ɵɵtemplate(1, ContextListComponent_ng_template_17_1_Template, 1, 1, null, 31);
+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_r32 = ctx.$implicit;
+    const groupContexts_r39 = ctx.$implicit;
     const ctx_r7 = i0.ɵɵnextContext();
-    i0.ɵɵproperty("ngIf", groupContexts_r32.value.length && ctx_r7.auth.authenticated);
+    i0.ɵɵproperty("ngIf", groupContexts_r39.value.length && ctx_r7.auth.authenticated);
     i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngIf", groupContexts_r32.value.length && !ctx_r7.auth.authenticated);
+    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;
@@ -2587,7 +2606,6 @@ class ContextListComponent {
     }
     set contexts(value) {
         this._contexts = value;
-        this.cdRef.detectChanges();
         this.next();
     }
     _contexts = { ours: [] };
@@ -2663,6 +2681,11 @@ class ContextListComponent {
     _sortedAlpha = undefined;
     showContextFilter = ContextListControlsEnum.always;
     thresholdToFilter = 5;
+    get isEmpty() {
+        return (!this.contexts.ours.length &&
+            !this.contexts.public?.length &&
+            !this.contexts.shared?.length);
+    }
     constructor(cdRef, configService, auth, dialog, languageService, storageService) {
         this.cdRef = cdRef;
         this.configService = configService;
@@ -2674,13 +2697,7 @@ class ContextListComponent {
     }
     ngOnInit() {
         this.change$$ = this.change$
-            .pipe(debounce(() => {
-            return this.contexts.ours.length === 0 &&
-                this.contexts.public?.length === 0 &&
-                this.contexts.shared?.length === 0
-                ? EMPTY
-                : timer(50);
-        }))
+            .pipe(debounce(() => timer(50)))
             .subscribe(() => {
             this.contexts$.next(this.filterContextsList(this.contexts));
         });
@@ -2853,7 +2870,7 @@ class ContextListComponent {
             return permission;
         }
     }
-    userSelection(user, parent) {
+    handleToggleCategory(user, parent) {
         const permission = this.getPermission(user);
         if (permission) {
             permission.checked = !permission.checked;
@@ -2904,7 +2921,7 @@ class ContextListComponent {
         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: 16, 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"], [1, "profilsMenu"], ["mat-menu-item", ""], [3, "checked", "click", "change"], ["ngFor", "", 3, "ngForOf"], ["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"], [3, "checked", "indeterminate", "click", "change"], ["mat-menu-item", "", 3, "matMenuTriggerFor", 4, "ngIf"], ["mat-menu-item", "", 4, "ngIf"], ["subAccountMenu", "matMenu"], [3, "checked", "click", "change", 4, "ngFor", "ngForOf"], ["mat-menu-item", "", 3, "matMenuTriggerFor"], [3, "title", "collapsed", "toggle", 4, "ngIf"], [4, "ngIf"], [3, "title", "collapsed", "toggle"], ["igoListItem", "", "color", "accent", 3, "selected", "context", "default", "edit", "delete", "clone", "save", "hide", "show", "favorite", "manageTools", "managePermissions", "select", "unselect"], ["igoListItem", "", "color", "accent", 3, "showFavorite", "selected", "context", "default", "favorite", "select", "unselect"]], template: function ContextListComponent_Template(rf, ctx) { if (rf & 1) {
+    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);
@@ -2913,17 +2930,18 @@ class ContextListComponent {
             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, 10, 5, "ng-container", 8);
-            i0.ɵɵelementStart(11, "span", 9)(12, "div", 10)(13, "mat-checkbox", 11);
-            i0.ɵɵlistener("click", function ContextListComponent_Template_mat_checkbox_click_13_listener($event) { return $event.stopPropagation(); })("change", function ContextListComponent_Template_mat_checkbox_change_13_listener() { return ctx.showHiddenContexts.emit(); });
-            i0.ɵɵelementEnd()();
-            i0.ɵɵelementStart(14, "button", 10);
-            i0.ɵɵtext(15);
-            i0.ɵɵpipe(16, "translate");
+            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(17, ContextListComponent_ng_template_17_Template, 2, 2, "ng-template", 12);
-            i0.ɵɵpipe(18, "keyvalue");
-            i0.ɵɵpipe(19, "async");
+            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);
@@ -2939,17 +2957,19 @@ class ContextListComponent {
             i0.ɵɵproperty("ngIf", ctx.auth.authenticated && ctx.contextConfigs);
             i0.ɵɵadvance(3);
             i0.ɵɵproperty("ngForOf", ctx.users);
-            i0.ɵɵadvance(3);
+            i0.ɵɵadvance(2);
             i0.ɵɵproperty("checked", ctx.showHidden);
             i0.ɵɵadvance(2);
-            i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(16, 10, "igo.context.contextManager.showHidden"), " ");
+            i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(15, 11, "igo.context.contextManager.showHidden"), " ");
             i0.ɵɵadvance(2);
-            i0.ɵɵproperty("ngForOf", i0.ɵɵpipeBind1(18, 12, i0.ɵɵpipeBind1(19, 14, ctx.contexts$)));
-        } }, 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, i8$1.MatIcon, i7.MatIconButton, i6$2.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%]   .context-filter-container[_ngcontent-%COMP%]{display:flex;align-items:center;padding:8px 4px}[_nghost-%COMP%]   .context-filter-container[_ngcontent-%COMP%]   mat-form-field[_ngcontent-%COMP%]{flex:1}[_nghost-%COMP%]   .context-filter-min-width[_ngcontent-%COMP%]{width:calc(100% - 135px);margin:5px;padding-left:6px}[_nghost-%COMP%]   .profilsMenu[_ngcontent-%COMP%]{display:flex}[_nghost-%COMP%]   .add-context-button[_ngcontent-%COMP%]{margin:0;width:40px;display:inline-flex;overflow:hidden}[_nghost-%COMP%]     mat-form-field .mat-mdc-form-field-subscript-wrapper{display:none}[_nghost-%COMP%]   .actions-container[_ngcontent-%COMP%]{margin-left:4px}"], changeDetection: 0 });
+            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 });
 }
 (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          <span class=\"profilsMenu\">\r\n            <div mat-menu-item>\r\n              <mat-checkbox\r\n                [checked]=\"getPermission(user).checked\"\r\n                [indeterminate]=\"getPermission(user).indeterminate\"\r\n                (click)=\"$event.stopPropagation()\"\r\n                (change)=\"userSelection(user)\"\r\n              >\r\n              </mat-checkbox>\r\n            </div>\r\n            <button\r\n              *ngIf=\"user.childs\"\r\n              [matMenuTriggerFor]=\"subAccountMenu\"\r\n              mat-menu-item\r\n            >\r\n              {{ user.title }}\r\n            </button>\r\n            <button mat-menu-item *ngIf=\"!user.childs\">\r\n              {{ user.title }}\r\n            </button>\r\n          </span>\r\n\r\n          <mat-menu #subAccountMenu=\"matMenu\">\r\n            <div mat-menu-item>\r\n              <mat-checkbox\r\n                *ngFor=\"let child of user.childs\"\r\n                [checked]=\"getPermission(child).checked\"\r\n                (click)=\"$event.stopPropagation()\"\r\n                (change)=\"userSelection(child, user)\"\r\n              >\r\n                {{ child.title }}\r\n              </mat-checkbox>\r\n            </div>\r\n          </mat-menu>\r\n        </ng-container>\r\n\r\n        <span class=\"profilsMenu\">\r\n          <div mat-menu-item>\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          </div>\r\n          <button mat-menu-item>\r\n            {{ 'igo.context.contextManager.showHidden' | translate }}\r\n          </button>\r\n        </span>\r\n      </mat-menu>\r\n    </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</igo-list>\r\n", styles: [":host .context-filter-container{display:flex;align-items:center;padding:8px 4px}:host .context-filter-container mat-form-field{flex:1}:host .context-filter-min-width{width:calc(100% - 135px);margin:5px;padding-left:6px}:host .profilsMenu{display:flex}:host .add-context-button{margin:0;width:40px;display:inline-flex;overflow:hidden}:host ::ng-deep mat-form-field .mat-mdc-form-field-subscript-wrapper{display:none}:host .actions-container{margin-left:4px}\n"] }]
+        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: [{
@@ -3521,15 +3541,15 @@ class ContextPermissionsComponent {
         });
     }
     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", ""], ["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) {
+    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, i8$1.MatIcon, i7.MatButton, i7.MatIconButton, i6$2.MatTooltip, i7$1.MatListItem, i7$1.MatListItemIcon, i7$1.MatListItemTitle, 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}"] });
+        } }, 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}"] });
 }
 (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 igoStopPropagation class=\"igo-actions-container\">\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"] }]
+        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: [{
@@ -4360,7 +4380,7 @@ class ShareMapApiComponent {
             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, i8$1.MatIcon, i6$2.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}"] });
+        } }, 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}"] });
 }
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ShareMapApiComponent, [{
         type: Component,
@@ -4596,7 +4616,7 @@ class ShareMapUrlComponent {
             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, i8$1.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}"] });
+        } }, 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}"] });
 }
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ShareMapUrlComponent, [{
         type: Component,
@@ -4852,7 +4872,7 @@ class SidenavComponent {
             i0.ɵɵproperty("ngIf", ctx.tool);
             i0.ɵɵadvance(2);
             i0.ɵɵproperty("ngIf", ctx.feature && ctx.media !== "mobile");
-        } }, dependencies: [i6.NgIf, i8$1.MatIcon, i7.MatIconButton, i5$1.MatSidenav, i6$2.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%}"] });
+        } }, 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%}"] });
 }
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SidenavComponent, [{
         type: Component,