@igo2/context 17.0.0-next.2 → 17.0.0-next.4

package/fesm2022/igo2-context.mjs

@@ -1484,21 +1484,8 @@ class ContextListComponent {
         this.next();
     }
     _contexts = { ours: [] };
-    get selectedContext() {
-        return this._selectedContext;
-    }
-    set selectedContext(value) {
-        this._selectedContext = value;
-        this.cdRef.detectChanges();
-    }
-    _selectedContext;
-    get map() {
-        return this._map;
-    }
-    set map(value) {
-        this._map = value;
-    }
-    _map;
+    selectedContext;
+    map;
     get defaultContextId() {
         return this.contextConfigs
             ? this._defaultContextId
@@ -1796,7 +1783,7 @@ class ContextListComponent {
         this.show.emit(context);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.4", ngImport: i0, type: ContextListComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i1$1.ConfigService }, { token: i2.AuthService }, { token: i1$4.MatDialog }, { token: i4.LanguageService }, { token: i6.StorageService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.4", type: ContextListComponent, isStandalone: true, selector: "igo-context-list", inputs: { contexts: "contexts", selectedContext: "selectedContext", map: "map", defaultContextId: "defaultContextId", term: "term" }, outputs: { select: "select", unselect: "unselect", edit: "edit", delete: "delete", save: "save", clone: "clone", create: "create", hide: "hide", show: "show", showHiddenContexts: "showHiddenContexts", favorite: "favorite", managePermissions: "managePermissions", manageTools: "manageTools", filterPermissionsChanged: "filterPermissionsChanged" }, ngImport: i0, template: "<igo-list [navigation]=\"true\">\r\n  <div class=\"context-filter-container\">\r\n    <mat-form-field *ngIf=\"showFilter()\" floatLabel=\"always\">\r\n      <mat-label>{{\r\n        'igo.context.contextManager.filterPlaceHolder' | translate\r\n      }}</mat-label>\r\n      <input\r\n        matInput\r\n        type=\"text\"\r\n        [placeholder]=\"\r\n          'igo.context.contextManager.filterPlaceHolder' | translate\r\n        \"\r\n        [(ngModel)]=\"term\"\r\n      />\r\n      <button\r\n        mat-icon-button\r\n        matSuffix\r\n        class=\"clear-button\"\r\n        *ngIf=\"term.length\"\r\n        aria-label=\"Clear\"\r\n        color=\"warn\"\r\n        (click)=\"clearFilter()\"\r\n      >\r\n        <mat-icon svgIcon=\"close\"></mat-icon>\r\n      </button>\r\n    </mat-form-field>\r\n\r\n    <div class=\"actions-container\">\r\n      <button\r\n        *ngIf=\"!sortedAlpha\"\r\n        class=\"sort-alpha\"\r\n        mat-icon-button\r\n        [matTooltip]=\"\r\n          'igo.context.contextManager.sortAlphabetically' | translate\r\n        \"\r\n        matTooltipShowDelay=\"500\"\r\n        (click)=\"toggleSort(true)\"\r\n      >\r\n        <mat-icon\r\n          color=\"primary\"\r\n          svgIcon=\"sort-alphabetical-variant\"\r\n        ></mat-icon>\r\n      </button>\r\n      <button\r\n        *ngIf=\"sortedAlpha\"\r\n        class=\"sort-alpha\"\r\n        mat-icon-button\r\n        [matTooltip]=\"'igo.context.contextManager.sortContextOrder' | translate\"\r\n        matTooltipShowDelay=\"500\"\r\n        (click)=\"toggleSort(false)\"\r\n      >\r\n        <mat-icon color=\"warn\" svgIcon=\"sort-variant-remove\"></mat-icon>\r\n      </button>\r\n\r\n      <igo-actionbar\r\n        *ngIf=\"auth.authenticated && contextConfigs\"\r\n        class=\"add-context-button\"\r\n        [iconColor]=\"color\"\r\n        [store]=\"actionStore\"\r\n        [withIcon]=\"true\"\r\n        icon=\"plus\"\r\n        [withTitle]=\"actionbarMode === 'overlay'\"\r\n        [horizontal]=\"false\"\r\n        [mode]=\"actionbarMode\"\r\n      >\r\n      </igo-actionbar>\r\n\r\n      <button\r\n        *ngIf=\"auth.authenticated && contextConfigs\"\r\n        class=\"users-filter\"\r\n        mat-icon-button\r\n        [matTooltip]=\"'igo.context.contextManager.filterUser' | translate\"\r\n        matTooltipShowDelay=\"500\"\r\n        [matMenuTriggerFor]=\"accountMenu\"\r\n      >\r\n        <mat-icon color=\"primary\" svgIcon=\"filter-menu\"></mat-icon>\r\n      </button>\r\n      <mat-menu #accountMenu=\"matMenu\">\r\n        <ng-container *ngFor=\"let user of users\">\r\n          <button\r\n            *ngIf=\"!user.childs; else withSubMenu\"\r\n            mat-menu-item\r\n            class=\"profil-menu\"\r\n          >\r\n            <mat-checkbox\r\n              [checked]=\"getPermission(user).checked\"\r\n              [indeterminate]=\"getPermission(user).indeterminate\"\r\n              (click)=\"$event.stopPropagation()\"\r\n              (change)=\"handleToggleCategory(user)\"\r\n            >\r\n            </mat-checkbox>\r\n            <span>{{ user.title }}</span>\r\n          </button>\r\n          <ng-template #withSubMenu>\r\n            <button\r\n              mat-menu-item\r\n              [matMenuTriggerFor]=\"subAccountMenu\"\r\n              class=\"profil-menu\"\r\n            >\r\n              <mat-checkbox\r\n                [checked]=\"getPermission(user).checked\"\r\n                [indeterminate]=\"getPermission(user).indeterminate\"\r\n                (click)=\"$event.stopPropagation()\"\r\n                (change)=\"handleToggleCategory(user)\"\r\n              >\r\n              </mat-checkbox>\r\n              <span>{{ user.title }}</span>\r\n            </button>\r\n\r\n            <mat-menu #subAccountMenu=\"matMenu\">\r\n              <button\r\n                mat-menu-item\r\n                *ngFor=\"let child of user.childs\"\r\n                class=\"profil-menu\"\r\n              >\r\n                <mat-checkbox\r\n                  [checked]=\"getPermission(child).checked\"\r\n                  (click)=\"$event.stopPropagation()\"\r\n                  (change)=\"handleToggleCategory(child, user)\"\r\n                >\r\n                  {{ child.title }}\r\n                </mat-checkbox>\r\n              </button>\r\n            </mat-menu>\r\n          </ng-template>\r\n        </ng-container>\r\n\r\n        <button mat-menu-item class=\"profil-menu\">\r\n          <mat-checkbox\r\n            [checked]=\"showHidden\"\r\n            (click)=\"$event.stopPropagation()\"\r\n            (change)=\"showHiddenContexts.emit()\"\r\n          >\r\n          </mat-checkbox>\r\n          <span>\r\n            {{ 'igo.context.contextManager.showHidden' | translate }}\r\n          </span>\r\n        </button>\r\n      </mat-menu>\r\n    </div>\r\n  </div>\r\n\r\n  <ng-template\r\n    ngFor\r\n    let-groupContexts\r\n    [ngForOf]=\"$any(contexts$ | async) | keyvalue\"\r\n  >\r\n    <igo-collapsible\r\n      *ngIf=\"$any(groupContexts).value.length && auth.authenticated\"\r\n      [title]=\"titleMapping[$any(groupContexts).key] | translate\"\r\n      [collapsed]=\"$any(collapsed[titleMapping[$any(groupContexts).key]])\"\r\n      (toggle)=\"collapsed[titleMapping[$any(groupContexts).key]] = $any($event)\"\r\n    >\r\n      <ng-template ngFor let-context [ngForOf]=\"$any(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-container\r\n      *ngIf=\"$any(groupContexts).value.length && !auth.authenticated\"\r\n    ></ng-container>\r\n    <ng-template ngFor let-context [ngForOf]=\"$any(groupContexts).value\">\r\n      <igo-context-item\r\n        igoListItem\r\n        color=\"accent\"\r\n        [showFavorite]=\"\r\n          configService.getConfig('favoriteContext4NonAuthenticated')\r\n        \"\r\n        [selected]=\"selectedContext && selectedContext.uri === context.uri\"\r\n        [context]=\"context\"\r\n        [default]=\"\r\n          contextConfigs\r\n            ? defaultContextId === context.id\r\n            : defaultContextId === context.uri\r\n        \"\r\n        (favorite)=\"favorite.emit(context)\"\r\n        (select)=\"select.emit(context)\"\r\n        (unselect)=\"unselect.emit(context)\"\r\n      >\r\n      </igo-context-item>\r\n    </ng-template>\r\n  </ng-template>\r\n\r\n  <div *ngIf=\"isEmpty\" class=\"no-result\">\r\n    {{ 'igo.context.contextManager.noResult' | translate }}\r\n  </div>\r\n</igo-list>\r\n", styles: [":host ::ng-deep mat-form-field .mat-mdc-form-field-subscript-wrapper{display:none}.context-filter-container{display:flex;align-items:center;padding:8px 4px}.context-filter-container mat-form-field{flex:1}.context-filter-min-width{width:calc(100% - 135px);margin:5px;padding-left:6px}.profil-menu{padding-left:8px}.profil-menu mat-checkbox{margin-right:8px}.add-context-button{margin:0;width:40px;display:inline-flex;overflow:hidden}.actions-container{margin-left:4px}.no-result{padding:16px}\n"], dependencies: [{ kind: "component", type: ListComponent, selector: "igo-list", inputs: ["navigation", "selection"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i6$1.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i6$1.MatLabel, selector: "mat-label" }, { kind: "directive", type: i6$1.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i7$1.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$3.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i5.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i6$2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i5$1.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "component", type: ActionbarComponent, selector: "igo-actionbar", inputs: ["store", "mode", "withToggleButton", "horizontal", "color", "iconColor", "withTitle", "withTooltip", "scrollActive", "withIcon", "icon", "xPosition", "yPosition", "overlayClass"] }, { kind: "ngmodule", type: MatMenuModule }, { kind: "component", type: i12$1.MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "component", type: i12$1.MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i12$1.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "ngmodule", type: MatCheckboxModule }, { kind: "component", type: i13$1.MatCheckbox, selector: "mat-checkbox", inputs: ["aria-label", "aria-labelledby", "aria-describedby", "id", "required", "labelPosition", "name", "value", "disableRipple", "tabIndex", "color", "checked", "disabled", "indeterminate"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }, { kind: "component", type: CollapsibleComponent, selector: "igo-collapsible", inputs: ["title", "collapsed"], outputs: ["toggle"] }, { kind: "component", type: ContextItemComponent, selector: "igo-context-item", inputs: ["showFavorite", "context", "default", "selected"], outputs: ["edit", "delete", "save", "clone", "hide", "show", "favorite", "managePermissions", "manageTools"] }, { kind: "directive", type: ListItemDirective, selector: "[igoListItem]", inputs: ["color", "focused", "selected", "disabled"], outputs: ["beforeSelect", "beforeFocus", "beforeUnselect", "beforeUnfocus", "beforeDisable", "beforeEnable", "focus", "unfocus", "select", "unselect", "disable", "enable"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: KeyValuePipe, name: "keyvalue" }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i7$2.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.4", type: ContextListComponent, isStandalone: true, selector: "igo-context-list", inputs: { contexts: "contexts", selectedContext: "selectedContext", map: "map", defaultContextId: "defaultContextId", term: "term" }, outputs: { select: "select", unselect: "unselect", edit: "edit", delete: "delete", save: "save", clone: "clone", create: "create", hide: "hide", show: "show", showHiddenContexts: "showHiddenContexts", favorite: "favorite", managePermissions: "managePermissions", manageTools: "manageTools", filterPermissionsChanged: "filterPermissionsChanged" }, ngImport: i0, template: "<igo-list [navigation]=\"true\">\n  <div class=\"context-filter-container\">\n    <mat-form-field *ngIf=\"showFilter()\" floatLabel=\"always\">\n      <mat-label>{{\n        'igo.context.contextManager.filterPlaceHolder' | translate\n      }}</mat-label>\n      <input\n        matInput\n        type=\"text\"\n        [placeholder]=\"\n          'igo.context.contextManager.filterPlaceHolder' | translate\n        \"\n        [(ngModel)]=\"term\"\n      />\n      <button\n        mat-icon-button\n        matSuffix\n        class=\"clear-button\"\n        *ngIf=\"term.length\"\n        aria-label=\"Clear\"\n        color=\"warn\"\n        (click)=\"clearFilter()\"\n      >\n        <mat-icon svgIcon=\"close\"></mat-icon>\n      </button>\n    </mat-form-field>\n\n    <div class=\"actions-container\">\n      <button\n        *ngIf=\"!sortedAlpha\"\n        class=\"sort-alpha\"\n        mat-icon-button\n        [matTooltip]=\"\n          'igo.context.contextManager.sortAlphabetically' | translate\n        \"\n        matTooltipShowDelay=\"500\"\n        (click)=\"toggleSort(true)\"\n      >\n        <mat-icon\n          color=\"primary\"\n          svgIcon=\"sort-alphabetical-variant\"\n        ></mat-icon>\n      </button>\n      <button\n        *ngIf=\"sortedAlpha\"\n        class=\"sort-alpha\"\n        mat-icon-button\n        [matTooltip]=\"'igo.context.contextManager.sortContextOrder' | translate\"\n        matTooltipShowDelay=\"500\"\n        (click)=\"toggleSort(false)\"\n      >\n        <mat-icon color=\"warn\" svgIcon=\"sort-variant-remove\"></mat-icon>\n      </button>\n\n      <igo-actionbar\n        *ngIf=\"auth.authenticated && contextConfigs\"\n        class=\"add-context-button\"\n        [iconColor]=\"color\"\n        [store]=\"actionStore\"\n        [withIcon]=\"true\"\n        icon=\"plus\"\n        [withTitle]=\"actionbarMode === 'overlay'\"\n        [horizontal]=\"false\"\n        [mode]=\"actionbarMode\"\n      >\n      </igo-actionbar>\n\n      <button\n        *ngIf=\"auth.authenticated && contextConfigs\"\n        class=\"users-filter\"\n        mat-icon-button\n        [matTooltip]=\"'igo.context.contextManager.filterUser' | translate\"\n        matTooltipShowDelay=\"500\"\n        [matMenuTriggerFor]=\"accountMenu\"\n      >\n        <mat-icon color=\"primary\" svgIcon=\"filter-menu\"></mat-icon>\n      </button>\n      <mat-menu #accountMenu=\"matMenu\">\n        <ng-container *ngFor=\"let user of users\">\n          <button\n            *ngIf=\"!user.childs; else withSubMenu\"\n            mat-menu-item\n            class=\"profil-menu\"\n          >\n            <mat-checkbox\n              [checked]=\"getPermission(user).checked\"\n              [indeterminate]=\"getPermission(user).indeterminate\"\n              (click)=\"$event.stopPropagation()\"\n              (change)=\"handleToggleCategory(user)\"\n            >\n            </mat-checkbox>\n            <span>{{ user.title }}</span>\n          </button>\n          <ng-template #withSubMenu>\n            <button\n              mat-menu-item\n              [matMenuTriggerFor]=\"subAccountMenu\"\n              class=\"profil-menu\"\n            >\n              <mat-checkbox\n                [checked]=\"getPermission(user).checked\"\n                [indeterminate]=\"getPermission(user).indeterminate\"\n                (click)=\"$event.stopPropagation()\"\n                (change)=\"handleToggleCategory(user)\"\n              >\n              </mat-checkbox>\n              <span>{{ user.title }}</span>\n            </button>\n\n            <mat-menu #subAccountMenu=\"matMenu\">\n              <button\n                mat-menu-item\n                *ngFor=\"let child of user.childs\"\n                class=\"profil-menu\"\n              >\n                <mat-checkbox\n                  [checked]=\"getPermission(child).checked\"\n                  (click)=\"$event.stopPropagation()\"\n                  (change)=\"handleToggleCategory(child, user)\"\n                >\n                  {{ child.title }}\n                </mat-checkbox>\n              </button>\n            </mat-menu>\n          </ng-template>\n        </ng-container>\n\n        <button mat-menu-item class=\"profil-menu\">\n          <mat-checkbox\n            [checked]=\"showHidden\"\n            (click)=\"$event.stopPropagation()\"\n            (change)=\"showHiddenContexts.emit()\"\n          >\n          </mat-checkbox>\n          <span>\n            {{ 'igo.context.contextManager.showHidden' | translate }}\n          </span>\n        </button>\n      </mat-menu>\n    </div>\n  </div>\n\n  <ng-template\n    ngFor\n    let-groupContexts\n    [ngForOf]=\"$any(contexts$ | async) | keyvalue\"\n  >\n    <igo-collapsible\n      *ngIf=\"$any(groupContexts).value.length && auth.authenticated\"\n      [title]=\"titleMapping[$any(groupContexts).key] | translate\"\n      [collapsed]=\"$any(collapsed[titleMapping[$any(groupContexts).key]])\"\n      (toggle)=\"collapsed[titleMapping[$any(groupContexts).key]] = $any($event)\"\n    >\n      <ng-template ngFor let-context [ngForOf]=\"$any(groupContexts).value\">\n        <igo-context-item\n          igoListItem\n          color=\"accent\"\n          [selected]=\"selectedContext && selectedContext.uri === context.uri\"\n          [context]=\"context\"\n          [default]=\"\n            context.id &&\n            this.defaultContextId &&\n            this.defaultContextId === context.id\n          \"\n          (edit)=\"edit.emit(context)\"\n          (delete)=\"delete.emit(context)\"\n          (clone)=\"clone.emit(context)\"\n          (save)=\"save.emit(context)\"\n          (hide)=\"hideContext(context)\"\n          (show)=\"showContext(context)\"\n          (favorite)=\"favorite.emit(context)\"\n          (manageTools)=\"manageTools.emit(context)\"\n          (managePermissions)=\"managePermissions.emit(context)\"\n          (select)=\"select.emit(context)\"\n          (unselect)=\"unselect.emit(context)\"\n        >\n        </igo-context-item>\n      </ng-template>\n    </igo-collapsible>\n\n    <ng-template\n      *ngIf=\"$any(groupContexts).value.length && !auth.authenticated\"\n      ngFor\n      let-context\n      [ngForOf]=\"$any(groupContexts).value\"\n    >\n      <igo-context-item\n        igoListItem\n        color=\"accent\"\n        [showFavorite]=\"\n          configService.getConfig('favoriteContext4NonAuthenticated')\n        \"\n        [selected]=\"selectedContext && selectedContext.uri === context.uri\"\n        [context]=\"context\"\n        [default]=\"\n          contextConfigs\n            ? defaultContextId === context.id\n            : defaultContextId === context.uri\n        \"\n        (favorite)=\"favorite.emit(context)\"\n        (select)=\"select.emit(context)\"\n        (unselect)=\"unselect.emit(context)\"\n      >\n      </igo-context-item>\n    </ng-template>\n  </ng-template>\n\n  <div *ngIf=\"isEmpty\" class=\"no-result\">\n    {{ 'igo.context.contextManager.noResult' | translate }}\n  </div>\n</igo-list>\n", styles: [":host ::ng-deep mat-form-field .mat-mdc-form-field-subscript-wrapper{display:none}.context-filter-container{display:flex;align-items:center;padding:8px 4px}.context-filter-container mat-form-field{flex:1}.context-filter-min-width{width:calc(100% - 135px);margin:5px;padding-left:6px}.profil-menu{padding-left:8px}.profil-menu mat-checkbox{margin-right:8px}.add-context-button{margin:0;width:40px;display:inline-flex;overflow:hidden}.actions-container{margin-left:4px}.no-result{padding:16px}\n"], dependencies: [{ kind: "component", type: ListComponent, selector: "igo-list", inputs: ["navigation", "selection"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i6$1.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i6$1.MatLabel, selector: "mat-label" }, { kind: "directive", type: i6$1.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i7$1.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$3.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i5.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i6$2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i5$1.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "component", type: ActionbarComponent, selector: "igo-actionbar", inputs: ["store", "mode", "withToggleButton", "horizontal", "color", "iconColor", "withTitle", "withTooltip", "scrollActive", "withIcon", "icon", "xPosition", "yPosition", "overlayClass"] }, { kind: "ngmodule", type: MatMenuModule }, { kind: "component", type: i12$1.MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "component", type: i12$1.MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i12$1.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "ngmodule", type: MatCheckboxModule }, { kind: "component", type: i13$1.MatCheckbox, selector: "mat-checkbox", inputs: ["aria-label", "aria-labelledby", "aria-describedby", "id", "required", "labelPosition", "name", "value", "disableRipple", "tabIndex", "color", "checked", "disabled", "indeterminate"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }, { kind: "component", type: CollapsibleComponent, selector: "igo-collapsible", inputs: ["title", "collapsed"], outputs: ["toggle"] }, { kind: "component", type: ContextItemComponent, selector: "igo-context-item", inputs: ["showFavorite", "context", "default", "selected"], outputs: ["edit", "delete", "save", "clone", "hide", "show", "favorite", "managePermissions", "manageTools"] }, { kind: "directive", type: ListItemDirective, selector: "[igoListItem]", inputs: ["color", "focused", "selected", "disabled"], outputs: ["beforeSelect", "beforeFocus", "beforeUnselect", "beforeUnfocus", "beforeDisable", "beforeEnable", "focus", "unfocus", "select", "unselect", "disable", "enable"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: KeyValuePipe, name: "keyvalue" }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i7$2.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.4", ngImport: i0, type: ContextListComponent, decorators: [{
             type: Component,
@@ -1819,7 +1806,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.4", ngImpor
                         AsyncPipe,
                         KeyValuePipe,
                         TranslateModule
-                    ], 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\r\n    ngFor\r\n    let-groupContexts\r\n    [ngForOf]=\"$any(contexts$ | async) | keyvalue\"\r\n  >\r\n    <igo-collapsible\r\n      *ngIf=\"$any(groupContexts).value.length && auth.authenticated\"\r\n      [title]=\"titleMapping[$any(groupContexts).key] | translate\"\r\n      [collapsed]=\"$any(collapsed[titleMapping[$any(groupContexts).key]])\"\r\n      (toggle)=\"collapsed[titleMapping[$any(groupContexts).key]] = $any($event)\"\r\n    >\r\n      <ng-template ngFor let-context [ngForOf]=\"$any(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-container\r\n      *ngIf=\"$any(groupContexts).value.length && !auth.authenticated\"\r\n    ></ng-container>\r\n    <ng-template ngFor let-context [ngForOf]=\"$any(groupContexts).value\">\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"] }]
+                    ], template: "<igo-list [navigation]=\"true\">\n  <div class=\"context-filter-container\">\n    <mat-form-field *ngIf=\"showFilter()\" floatLabel=\"always\">\n      <mat-label>{{\n        'igo.context.contextManager.filterPlaceHolder' | translate\n      }}</mat-label>\n      <input\n        matInput\n        type=\"text\"\n        [placeholder]=\"\n          'igo.context.contextManager.filterPlaceHolder' | translate\n        \"\n        [(ngModel)]=\"term\"\n      />\n      <button\n        mat-icon-button\n        matSuffix\n        class=\"clear-button\"\n        *ngIf=\"term.length\"\n        aria-label=\"Clear\"\n        color=\"warn\"\n        (click)=\"clearFilter()\"\n      >\n        <mat-icon svgIcon=\"close\"></mat-icon>\n      </button>\n    </mat-form-field>\n\n    <div class=\"actions-container\">\n      <button\n        *ngIf=\"!sortedAlpha\"\n        class=\"sort-alpha\"\n        mat-icon-button\n        [matTooltip]=\"\n          'igo.context.contextManager.sortAlphabetically' | translate\n        \"\n        matTooltipShowDelay=\"500\"\n        (click)=\"toggleSort(true)\"\n      >\n        <mat-icon\n          color=\"primary\"\n          svgIcon=\"sort-alphabetical-variant\"\n        ></mat-icon>\n      </button>\n      <button\n        *ngIf=\"sortedAlpha\"\n        class=\"sort-alpha\"\n        mat-icon-button\n        [matTooltip]=\"'igo.context.contextManager.sortContextOrder' | translate\"\n        matTooltipShowDelay=\"500\"\n        (click)=\"toggleSort(false)\"\n      >\n        <mat-icon color=\"warn\" svgIcon=\"sort-variant-remove\"></mat-icon>\n      </button>\n\n      <igo-actionbar\n        *ngIf=\"auth.authenticated && contextConfigs\"\n        class=\"add-context-button\"\n        [iconColor]=\"color\"\n        [store]=\"actionStore\"\n        [withIcon]=\"true\"\n        icon=\"plus\"\n        [withTitle]=\"actionbarMode === 'overlay'\"\n        [horizontal]=\"false\"\n        [mode]=\"actionbarMode\"\n      >\n      </igo-actionbar>\n\n      <button\n        *ngIf=\"auth.authenticated && contextConfigs\"\n        class=\"users-filter\"\n        mat-icon-button\n        [matTooltip]=\"'igo.context.contextManager.filterUser' | translate\"\n        matTooltipShowDelay=\"500\"\n        [matMenuTriggerFor]=\"accountMenu\"\n      >\n        <mat-icon color=\"primary\" svgIcon=\"filter-menu\"></mat-icon>\n      </button>\n      <mat-menu #accountMenu=\"matMenu\">\n        <ng-container *ngFor=\"let user of users\">\n          <button\n            *ngIf=\"!user.childs; else withSubMenu\"\n            mat-menu-item\n            class=\"profil-menu\"\n          >\n            <mat-checkbox\n              [checked]=\"getPermission(user).checked\"\n              [indeterminate]=\"getPermission(user).indeterminate\"\n              (click)=\"$event.stopPropagation()\"\n              (change)=\"handleToggleCategory(user)\"\n            >\n            </mat-checkbox>\n            <span>{{ user.title }}</span>\n          </button>\n          <ng-template #withSubMenu>\n            <button\n              mat-menu-item\n              [matMenuTriggerFor]=\"subAccountMenu\"\n              class=\"profil-menu\"\n            >\n              <mat-checkbox\n                [checked]=\"getPermission(user).checked\"\n                [indeterminate]=\"getPermission(user).indeterminate\"\n                (click)=\"$event.stopPropagation()\"\n                (change)=\"handleToggleCategory(user)\"\n              >\n              </mat-checkbox>\n              <span>{{ user.title }}</span>\n            </button>\n\n            <mat-menu #subAccountMenu=\"matMenu\">\n              <button\n                mat-menu-item\n                *ngFor=\"let child of user.childs\"\n                class=\"profil-menu\"\n              >\n                <mat-checkbox\n                  [checked]=\"getPermission(child).checked\"\n                  (click)=\"$event.stopPropagation()\"\n                  (change)=\"handleToggleCategory(child, user)\"\n                >\n                  {{ child.title }}\n                </mat-checkbox>\n              </button>\n            </mat-menu>\n          </ng-template>\n        </ng-container>\n\n        <button mat-menu-item class=\"profil-menu\">\n          <mat-checkbox\n            [checked]=\"showHidden\"\n            (click)=\"$event.stopPropagation()\"\n            (change)=\"showHiddenContexts.emit()\"\n          >\n          </mat-checkbox>\n          <span>\n            {{ 'igo.context.contextManager.showHidden' | translate }}\n          </span>\n        </button>\n      </mat-menu>\n    </div>\n  </div>\n\n  <ng-template\n    ngFor\n    let-groupContexts\n    [ngForOf]=\"$any(contexts$ | async) | keyvalue\"\n  >\n    <igo-collapsible\n      *ngIf=\"$any(groupContexts).value.length && auth.authenticated\"\n      [title]=\"titleMapping[$any(groupContexts).key] | translate\"\n      [collapsed]=\"$any(collapsed[titleMapping[$any(groupContexts).key]])\"\n      (toggle)=\"collapsed[titleMapping[$any(groupContexts).key]] = $any($event)\"\n    >\n      <ng-template ngFor let-context [ngForOf]=\"$any(groupContexts).value\">\n        <igo-context-item\n          igoListItem\n          color=\"accent\"\n          [selected]=\"selectedContext && selectedContext.uri === context.uri\"\n          [context]=\"context\"\n          [default]=\"\n            context.id &&\n            this.defaultContextId &&\n            this.defaultContextId === context.id\n          \"\n          (edit)=\"edit.emit(context)\"\n          (delete)=\"delete.emit(context)\"\n          (clone)=\"clone.emit(context)\"\n          (save)=\"save.emit(context)\"\n          (hide)=\"hideContext(context)\"\n          (show)=\"showContext(context)\"\n          (favorite)=\"favorite.emit(context)\"\n          (manageTools)=\"manageTools.emit(context)\"\n          (managePermissions)=\"managePermissions.emit(context)\"\n          (select)=\"select.emit(context)\"\n          (unselect)=\"unselect.emit(context)\"\n        >\n        </igo-context-item>\n      </ng-template>\n    </igo-collapsible>\n\n    <ng-template\n      *ngIf=\"$any(groupContexts).value.length && !auth.authenticated\"\n      ngFor\n      let-context\n      [ngForOf]=\"$any(groupContexts).value\"\n    >\n      <igo-context-item\n        igoListItem\n        color=\"accent\"\n        [showFavorite]=\"\n          configService.getConfig('favoriteContext4NonAuthenticated')\n        \"\n        [selected]=\"selectedContext && selectedContext.uri === context.uri\"\n        [context]=\"context\"\n        [default]=\"\n          contextConfigs\n            ? defaultContextId === context.id\n            : defaultContextId === context.uri\n        \"\n        (favorite)=\"favorite.emit(context)\"\n        (select)=\"select.emit(context)\"\n        (unselect)=\"unselect.emit(context)\"\n      >\n      </igo-context-item>\n    </ng-template>\n  </ng-template>\n\n  <div *ngIf=\"isEmpty\" class=\"no-result\">\n    {{ 'igo.context.contextManager.noResult' | translate }}\n  </div>\n</igo-list>\n", styles: [":host ::ng-deep mat-form-field .mat-mdc-form-field-subscript-wrapper{display:none}.context-filter-container{display:flex;align-items:center;padding:8px 4px}.context-filter-container mat-form-field{flex:1}.context-filter-min-width{width:calc(100% - 135px);margin:5px;padding-left:6px}.profil-menu{padding-left:8px}.profil-menu mat-checkbox{margin-right:8px}.add-context-button{margin:0;width:40px;display:inline-flex;overflow:hidden}.actions-container{margin-left:4px}.no-result{padding:16px}\n"] }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i1$1.ConfigService }, { type: i2.AuthService }, { type: i1$4.MatDialog }, { type: i4.LanguageService }, { type: i6.StorageService }], propDecorators: { contexts: [{
                 type: Input
             }], selectedContext: [{
@@ -2836,7 +2823,7 @@ class PoiButtonComponent {
         });
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.4", ngImport: i0, type: PoiButtonComponent, deps: [{ token: i1$4.MatDialog }, { token: i2.AuthService }, { token: PoiService }, { token: i3.MessageService }, { token: i4.LanguageService }, { token: i5$2.ConfirmDialogService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.4", type: PoiButtonComponent, isStandalone: true, selector: "igo-poi-button", inputs: { map: "map", color: "color" }, ngImport: i0, template: "<mat-select\n  [placeholder]=\"'igo.context.poiButton.placeholder' | translate\"\n  floatPlaceholder=\"never\"\n>\n  <mat-option (click)=\"createPoi()\" class=\"poi-option\">\n    <div class=\"titlePoi\">\n      {{ 'igo.context.poiButton.create' | translate }}\n    </div>\n    <button\n      igoStopPropagation\n      mat-icon-button\n      color=\"primary\"\n      (click)=\"createPoi()\"\n    >\n      <mat-icon svgIcon=\"plus-circle\"></mat-icon>\n    </button>\n  </mat-option>\n  <mat-divider></mat-divider>\n  <mat-option\n    *ngFor=\"let poi of pois\"\n    class=\"poi-option\"\n    [value]=\"poi.id\"\n    (click)=\"zoomOnPoi(poi.id)\"\n  >\n    <div class=\"titlePoi\">{{ poi.title }}</div>\n    <button\n      mat-icon-button\n      igoStopPropagation\n      color=\"warn\"\n      (click)=\"deletePoi(poi)\"\n    >\n      <mat-icon svgIcon=\"delete\"></mat-icon>\n    </button>\n  </mat-option>\n</mat-select>\n", styles: [":host{background-color:#fff;padding:0 8px;height:100%}mat-select{width:150px;height:100%}mat-select ::ng-deep .mat-mdc-select-trigger{height:100%}::ng-deep .poi-option .mdc-list-item__primary-text{display:flex;justify-content:space-between;align-items:center;flex:1;overflow:visible}::ng-deep .poi-option button{margin-right:-16px}\n"], dependencies: [{ kind: "ngmodule", type: MatSelectModule }, { kind: "component", type: i11.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "component", type: i12.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "ngmodule", type: MatOptionModule }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i5.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "directive", type: StopPropagationDirective, selector: "[igoStopPropagation]" }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i6$2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatDividerModule }, { kind: "component", type: i13.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i7$2.TranslatePipe, name: "translate" }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.4", type: PoiButtonComponent, isStandalone: true, selector: "igo-poi-button", inputs: { map: "map", color: "color" }, providers: [PoiService], ngImport: i0, template: "<mat-select\n  [placeholder]=\"'igo.context.poiButton.placeholder' | translate\"\n  floatPlaceholder=\"never\"\n>\n  <mat-option (click)=\"createPoi()\" class=\"poi-option\">\n    <div class=\"titlePoi\">\n      {{ 'igo.context.poiButton.create' | translate }}\n    </div>\n    <button\n      igoStopPropagation\n      mat-icon-button\n      color=\"primary\"\n      (click)=\"createPoi()\"\n    >\n      <mat-icon svgIcon=\"plus-circle\"></mat-icon>\n    </button>\n  </mat-option>\n  <mat-divider></mat-divider>\n  <mat-option\n    *ngFor=\"let poi of pois\"\n    class=\"poi-option\"\n    [value]=\"poi.id\"\n    (click)=\"zoomOnPoi(poi.id)\"\n  >\n    <div class=\"titlePoi\">{{ poi.title }}</div>\n    <button\n      mat-icon-button\n      igoStopPropagation\n      color=\"warn\"\n      (click)=\"deletePoi(poi)\"\n    >\n      <mat-icon svgIcon=\"delete\"></mat-icon>\n    </button>\n  </mat-option>\n</mat-select>\n", styles: [":host{background-color:#fff;padding:0 8px;height:100%}mat-select{width:150px;height:100%}mat-select ::ng-deep .mat-mdc-select-trigger{height:100%}::ng-deep .poi-option .mdc-list-item__primary-text{display:flex;justify-content:space-between;align-items:center;flex:1;overflow:visible}::ng-deep .poi-option button{margin-right:-16px}\n"], dependencies: [{ kind: "ngmodule", type: MatSelectModule }, { kind: "component", type: i11.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "component", type: i12.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "ngmodule", type: MatOptionModule }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i5.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "directive", type: StopPropagationDirective, selector: "[igoStopPropagation]" }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i6$2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatDividerModule }, { kind: "component", type: i13.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i7$2.TranslatePipe, name: "translate" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.4", ngImport: i0, type: PoiButtonComponent, decorators: [{
             type: Component,
@@ -2849,7 +2836,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.4", ngImpor
                         MatDividerModule,
                         NgFor,
                         TranslateModule
-                    ], template: "<mat-select\n  [placeholder]=\"'igo.context.poiButton.placeholder' | translate\"\n  floatPlaceholder=\"never\"\n>\n  <mat-option (click)=\"createPoi()\" class=\"poi-option\">\n    <div class=\"titlePoi\">\n      {{ 'igo.context.poiButton.create' | translate }}\n    </div>\n    <button\n      igoStopPropagation\n      mat-icon-button\n      color=\"primary\"\n      (click)=\"createPoi()\"\n    >\n      <mat-icon svgIcon=\"plus-circle\"></mat-icon>\n    </button>\n  </mat-option>\n  <mat-divider></mat-divider>\n  <mat-option\n    *ngFor=\"let poi of pois\"\n    class=\"poi-option\"\n    [value]=\"poi.id\"\n    (click)=\"zoomOnPoi(poi.id)\"\n  >\n    <div class=\"titlePoi\">{{ poi.title }}</div>\n    <button\n      mat-icon-button\n      igoStopPropagation\n      color=\"warn\"\n      (click)=\"deletePoi(poi)\"\n    >\n      <mat-icon svgIcon=\"delete\"></mat-icon>\n    </button>\n  </mat-option>\n</mat-select>\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"] }]
+                    ], providers: [PoiService], template: "<mat-select\n  [placeholder]=\"'igo.context.poiButton.placeholder' | translate\"\n  floatPlaceholder=\"never\"\n>\n  <mat-option (click)=\"createPoi()\" class=\"poi-option\">\n    <div class=\"titlePoi\">\n      {{ 'igo.context.poiButton.create' | translate }}\n    </div>\n    <button\n      igoStopPropagation\n      mat-icon-button\n      color=\"primary\"\n      (click)=\"createPoi()\"\n    >\n      <mat-icon svgIcon=\"plus-circle\"></mat-icon>\n    </button>\n  </mat-option>\n  <mat-divider></mat-divider>\n  <mat-option\n    *ngFor=\"let poi of pois\"\n    class=\"poi-option\"\n    [value]=\"poi.id\"\n    (click)=\"zoomOnPoi(poi.id)\"\n  >\n    <div class=\"titlePoi\">{{ poi.title }}</div>\n    <button\n      mat-icon-button\n      igoStopPropagation\n      color=\"warn\"\n      (click)=\"deletePoi(poi)\"\n    >\n      <mat-icon svgIcon=\"delete\"></mat-icon>\n    </button>\n  </mat-option>\n</mat-select>\n", styles: [":host{background-color:#fff;padding:0 8px;height:100%}mat-select{width:150px;height:100%}mat-select ::ng-deep .mat-mdc-select-trigger{height:100%}::ng-deep .poi-option .mdc-list-item__primary-text{display:flex;justify-content:space-between;align-items:center;flex:1;overflow:visible}::ng-deep .poi-option button{margin-right:-16px}\n"] }]
         }], ctorParameters: () => [{ type: i1$4.MatDialog }, { type: i2.AuthService }, { type: PoiService }, { type: i3.MessageService }, { type: i4.LanguageService }, { type: i5$2.ConfirmDialogService }], propDecorators: { map: [{
                 type: Input
             }], color: [{