@igo2/context 20.0.1-next.1 → 20.1.0-next.2

package/fesm2022/igo2-context.mjs

@@ -1,6 +1,6 @@
 import * as i0 from '@angular/core';
-import { inject, DOCUMENT, Injectable, Input, Component, NgModule, EventEmitter, Output, ChangeDetectorRef, HostListener, Directive, ChangeDetectionStrategy } from '@angular/core';
-import { AsyncPipe, NgClass, KeyValuePipe } from '@angular/common';
+import { inject, Injectable, input, Component, NgModule, output, effect, Directive, signal, viewChild, ChangeDetectionStrategy, model, Input, ChangeDetectorRef, HostListener } from '@angular/core';
+import { DOCUMENT, AsyncPipe, NgClass, KeyValuePipe } from '@angular/common';
 import * as i2 from '@angular/forms';
 import { UntypedFormBuilder, Validators, FormsModule, ReactiveFormsModule, UntypedFormControl } from '@angular/forms';
 import * as i4 from '@angular/material/button';
@@ -20,12 +20,12 @@ import { ConfigService } from '@igo2/core/config';
 import { LanguageService, IgoLanguageModule } from '@igo2/core/language';
 import { MessageService } from '@igo2/core/message';
 import { BehaviorSubject, Subject, of, Observable, ReplaySubject, timer, EMPTY, combineLatest } from 'rxjs';
-import { skip, first, catchError, tap, map, mergeMap, debounceTime, take, debounce, switchMap, filter } from 'rxjs/operators';
+import { skip, first, catchError, tap, map, mergeMap, debounceTime, take, switchMap, filter, debounce } from 'rxjs/operators';
 import { HttpParams, HttpClient } from '@angular/common/http';
 import { AuthService } from '@igo2/auth';
 import { RouteService } from '@igo2/core/route';
 import { StorageService } from '@igo2/core/storage';
-import { QueryFormat, isLayerGroupOptions, ID_GROUP_PREFIX, isLayerGroup, isLayerItem, getLayerOptionIdentifier, findParentId, generateIdFromSourceOptions, ExportService, FeatureDataSource, featureRandomStyleFunction, featureRandomStyle, VectorLayer, ClusterDataSource, MapService, MapBrowserComponent, LayerService, StyleListService, StyleService, sortLayersByZindex, mergeLayersOptions, moveToOlFeatures, FeatureMotion, FeatureDetailsComponent } from '@igo2/geo';
+import { QueryFormat, isLayerGroupOptions, ID_GROUP_PREFIX, isLayerGroup, isLayerItem, getLayerOptionIdentifier, findParentId, generateIdFromSourceOptions, ExportService, FeatureDataSource, featureRandomStyleFunction, featureRandomStyle, VectorLayer, ClusterDataSource, MapBrowserComponent, LayerService, StyleListService, StyleService, sortLayersByZindex, mergeLayersOptions, MapService, isLayerItemOptions, moveToOlFeatures, FeatureMotion, FeatureDetailsComponent } from '@igo2/geo';
 import { ObjectUtils, uuid, downloadContent } from '@igo2/utils';
 import GeoJSON from 'ol/format/GeoJSON';
 import olPoint from 'ol/geom/Point';
@@ -39,28 +39,27 @@ import * as i5$1 from '@ngx-translate/core';
 import { Clipboard } from '@angular/cdk/clipboard';
 import * as i4$1 from '@angular/material/icon';
 import { MatIconModule } from '@angular/material/icon';
-import * as i2$2 from '@angular/material/tooltip';
+import * as i6$1 from '@angular/material/tooltip';
 import { MatTooltipModule } from '@angular/material/tooltip';
-import { CollapseDirective, CollapsibleComponent } from '@igo2/common/collapsible';
+import { MediaService } from '@igo2/core/media';
+import * as i5$2 from '@angular/material/menu';
+import { MatMenuTrigger, MatMenuModule } from '@angular/material/menu';
 import { StopPropagationDirective } from '@igo2/common/stop-propagation';
-import { ConfirmDialogService } from '@igo2/common/confirm-dialog';
 import * as i8 from '@angular/material/checkbox';
 import { MatCheckboxModule } from '@angular/material/checkbox';
 import { MatDialogRef, MatDialogTitle, MatDialogContent, MatDialogActions, MatDialog } from '@angular/material/dialog';
-import * as i7 from '@angular/material/menu';
-import { MatMenuModule } from '@angular/material/menu';
 import { ActionStore, ActionbarMode, ActionbarComponent } from '@igo2/common/action';
+import { CollapsibleComponent } from '@igo2/common/collapsible';
+import { ConfirmDialogService } from '@igo2/common/confirm-dialog';
 import { ListComponent, ListItemDirective } from '@igo2/common/list';
 import * as i1$3 from '@angular/material/radio';
 import { MatRadioModule } from '@angular/material/radio';
-import { MediaService } from '@igo2/core/media';
 import * as oleasing from 'ol/easing';
 import * as olproj from 'ol/proj';
 import { trigger, state, transition, style, animate } from '@angular/animations';
 import { CustomHtmlComponent } from '@igo2/common/custom-html';
-import * as i1$4 from '@angular/material/tabs';
 import { MatTabsModule } from '@angular/material/tabs';
-import * as i1$5 from '@angular/material/sidenav';
+import * as i1$4 from '@angular/material/sidenav';
 import { MatSidenavModule } from '@angular/material/sidenav';
 import { Title } from '@angular/platform-browser';
 import { getEntityTitle } from '@igo2/common/entity';
@@ -89,6 +88,7 @@ const BaseLayerParamsKeys = [
     'parentId'
 ];
 const LayerParamsKeys = [
+    'id',
     'index',
     'names',
     'type',
@@ -153,6 +153,11 @@ function shareMapKeyDefs(options) {
             key: options.layers,
             params: {
                 index: undefined,
+                id: {
+                    key: 'id',
+                    parse: (params) => extractParam(params, 'id'),
+                    stringify: (value) => `${value}`
+                },
                 names: {
                     key: 'n',
                     parse: (params) => extractParam(params, 'n'),
@@ -374,11 +379,10 @@ function hasLegacyParams(params, optionsLegacy) {
     return legacyPairs.some(([layer, url]) => getParamValue(params, layer) && getParamValue(params, url));
 }
 function hasModernShareParams(params, keysDefinitions) {
-    const { urlsKey, layers, groups } = keysDefinitions;
+    const { layers, groups } = keysDefinitions;
     const hasGroups = !!getParamValue(params, groups.key);
     const hasLayers = !!getParamValue(params, layers.key);
-    const hasUrls = !!getParamValue(params, urlsKey);
-    return (hasLayers && hasUrls) || hasGroups;
+    return hasLayers || hasGroups;
 }
 function getParamValue(params, key) {
     const value = params[key];
@@ -389,19 +393,19 @@ class ShareMapEncoder {
     SHARE_MAP_DEFS;
     document;
     context;
+    language;
     constructor(SHARE_MAP_DEFS, document) {
         this.SHARE_MAP_DEFS = SHARE_MAP_DEFS;
         this.document = document;
     }
-    generateUrl(map, context, publicShareOption, language) {
+    generateUrl(map, context) {
         this.context = context;
-        const querystring = publicShareOption.layerlistControls?.querystring ?? '';
         const layers = [
             map.layerController.baseLayer,
             ...map.layerController.layersFlattened
         ].filter(Boolean);
-        const queryUrl = this.buildQueryUrl(layers, querystring);
-        const urlBaseConfig = this.getBaseUrlConfig(map.viewController, language);
+        const queryUrl = this.buildQueryUrl(layers);
+        const urlBaseConfig = this.getBaseUrlConfig(map.viewController);
         return queryUrl !== '' ? urlBaseConfig + '&' + queryUrl : urlBaseConfig;
     }
     /**
@@ -414,9 +418,9 @@ class ShareMapEncoder {
         // eslint-disable-next-line prefer-const
         let counter = 1;
         layers.forEach((layer) => {
-            if (layer.id && layer.id.includes(ID_GROUP_PREFIX)) {
+            if (layer.id && layer.id.toString().includes(ID_GROUP_PREFIX)) {
                 const newId = this.getUniqueId(existingIds, counter);
-                idMap.set(layer.id, String(newId));
+                idMap.set(layer.id, newId);
                 layer.options.id = newId;
             }
         });
@@ -457,13 +461,13 @@ class ShareMapEncoder {
     getLayerItems(layers) {
         return layers.filter(isLayerItem);
     }
-    buildQueryUrl(layers, querystring) {
+    buildQueryUrl(layers) {
         const layersSharable = this.isLayerSharable(layers);
+        this.replaceGroupLocalIds(layersSharable);
         const layersChanged = this.getFilteredMapLayers(layersSharable);
         const groups = this.getLayerGroups(layersChanged);
-        this.replaceGroupLocalIds(groups);
         const groupsQueryUrl = this.buildGroupsQueryUrl(groups);
-        const layersByService = this.generateLayersOptionsByService(this.getLayerItems(layersChanged), querystring);
+        const layersByService = this.generateLayersOptionsByService(this.getLayerItems(layersChanged));
         const layersQueryUrl = this.buildLayersQueryUrl(layersByService);
         return [layersQueryUrl, groupsQueryUrl].filter(Boolean).join('&');
     }
@@ -527,10 +531,10 @@ class ShareMapEncoder {
         }
         return ids;
     }
-    generateLayersOptionsByService(layers, querystring) {
+    generateLayersOptionsByService(layers) {
         const layersByUrl = new Map();
         layers.forEach((layer) => {
-            const [url, params] = this.generateLayerOption(layer, querystring);
+            const [url, params] = this.generateLayerOption(layer);
             if (!layersByUrl.has(url)) {
                 layersByUrl.set(url, [params]);
             }
@@ -538,18 +542,25 @@ class ShareMapEncoder {
                 layersByUrl.get(url).push(params);
             }
         });
-        return Array.from(layersByUrl.entries()).map(([url, layerParams], i) => {
-            layerParams.forEach((params) => {
-                params.index = i;
-            });
+        let customIndex = 0;
+        return Array.from(layersByUrl.entries()).map(([url, layerParams]) => {
+            const hasNoId = layerParams.some((p) => !p.id);
+            if (hasNoId) {
+                layerParams.forEach((params) => {
+                    if (!params.id) {
+                        params.index = customIndex;
+                    }
+                });
+                customIndex++;
+            }
             return [url, layerParams];
         });
     }
-    generateLayerOption(layer, querystring) {
+    generateLayerOption(layer) {
         const dataSourceOptions = layer.dataSource.options;
         return [
             this.concatUrlWithVersion(dataSourceOptions),
-            this.getLayerParams(layer, querystring)
+            this.getLayerParams(layer)
         ];
     }
     getLayerNames(dataSourceOptions) {
@@ -579,46 +590,81 @@ class ShareMapEncoder {
         }
         return dataSourceOptions.url;
     }
-    getLayerParams(layer, queryString) {
+    getLayerParams(layer) {
         const dataSourceOptions = layer.dataSource.options;
+        const isExisting = this.hasLayerId(this.context.layers, layer.id);
         return {
             index: undefined,
-            names: this.getLayerNames(dataSourceOptions),
-            type: dataSourceOptions?.type,
+            ...(isExisting
+                ? { id: layer.id }
+                : {
+                    names: this.getLayerNames(dataSourceOptions),
+                    type: dataSourceOptions?.type
+                }),
             opacity: this.getOpacity(layer.opacity),
             parentId: layer.parent?.id,
             visible: this.getVisibility(layer.visible),
-            zIndex: layer.zIndex,
-            queryString: this.getQueryString(dataSourceOptions?.type, queryString)
+            zIndex: layer.zIndex
         };
     }
+    /** Recursive */
+    hasLayerId(layersOptions, targetId) {
+        if (targetId == null)
+            return false;
+        return layersOptions.some((l) => {
+            if (l.id == null)
+                return false;
+            if (!isLayerGroupOptions(l)) {
+                return String(l.id) === String(targetId);
+            }
+            if (isLayerGroupOptions(l) && Array.isArray(l.children)) {
+                return this.hasLayerId(l.children, targetId);
+            }
+            return false;
+        });
+    }
     getOpacity(opacity) {
         return opacity === 1 ? undefined : opacity;
     }
     getVisibility(visibility) {
         return !!visibility;
     }
-    getQueryString(type, queryString) {
-        return (type === 'wms' || type === 'wmts') && queryString !== ''
-            ? queryString
-            : undefined;
-    }
     buildLayersQueryUrl(layersByService) {
         if (layersByService.length === 0)
             return undefined;
         const { urlsKey, layers } = this.SHARE_MAP_DEFS;
-        const urls = layersByService.map(([url]) => url).join(',');
-        const layersWithParams = layersByService
-            .flatMap(([_, params]) => params.map((p) => this.stringifyLayerParams(p)))
-            .join(';');
-        return `${urlsKey}=${urls}&${layers.key}=${layersWithParams}`;
+        const urls = [];
+        const layerParams = [];
+        for (const [url, layer] of layersByService) {
+            let needUrl = false;
+            for (const param of layer) {
+                layerParams.push(this.stringifyLayerParams(param));
+                if (param.id == null) {
+                    needUrl = true;
+                }
+            }
+            // If some layer have no id push the url service.
+            if (needUrl) {
+                urls.push(url);
+            }
+        }
+        if (layerParams.length === 0)
+            return undefined;
+        const queryParts = [];
+        if (urls.length > 0) {
+            queryParts.push(`${urlsKey}=${urls.join(',')}`);
+        }
+        queryParts.push(`${layers.key}=${layerParams.join(';')}`);
+        return queryParts.join('&');
     }
     stringifyLayerParams(params) {
         const { index, ...restParams } = params;
         const stringifiedParams = this.stringifyDefinitions(restParams, this.SHARE_MAP_DEFS.layers.params);
-        return `${index},${stringifiedParams}`;
+        return restParams.id != null
+            ? `${stringifiedParams}`
+            : `${index},${stringifiedParams}`;
     }
-    getBaseUrlConfig(viewController, language) {
+    getBaseUrlConfig(viewController) {
         const { pos, contextKey, languageKey } = this.SHARE_MAP_DEFS;
         const href = this.document.location.href;
         const baseUrl = this.sanitizeBaseUrl(href);
@@ -630,8 +676,8 @@ class ShareMapEncoder {
         const contextUri = this.context?.uri;
         if (contextUri)
             params.push(`${contextKey}=${contextUri}`);
-        if (language && !baseUrl.includes(`${languageKey}=`))
-            params.push(`${languageKey}=${language}`);
+        if (this.language && !baseUrl.includes(`${languageKey}=`))
+            params.push(`${languageKey}=${this.language}`);
         return `${baseUrl}${params.join('&')}`;
     }
     sanitizeBaseUrl(baseUrl) {
@@ -957,22 +1003,34 @@ class ShareMapParser {
         });
     }
     parseLayer(layer, urls) {
-        const urlIndex = this.extractUrlIndex(layer);
-        if (urlIndex === undefined)
-            return undefined;
-        const layerNames = this.extractLayerNames(layer);
-        if (layerNames === undefined)
-            return undefined;
         const { zIndex, visibility, type, opacity, parentId } = this.extractLayerProperties(layer);
-        const url = urls[urlIndex];
-        const version = this.extractVersionFromUrl(url);
-        const sourceOptions = buildDataSourceOptions(type, url, layerNames, version);
-        return ObjectUtils.removeUndefined({
-            sourceOptions,
+        const base = {
             visible: visibility,
             zIndex,
             opacity,
             parentId
+        };
+        const layerNames = this.extractLayerNames(layer);
+        if (layerNames) {
+            const urlIndex = this.extractUrlIndex(layer);
+            if (urlIndex === undefined)
+                return undefined;
+            const url = urls[urlIndex];
+            const version = this.extractVersionFromUrl(url);
+            const sourceOptions = buildDataSourceOptions(type, url, layerNames, version);
+            return ObjectUtils.removeUndefined({
+                id: undefined,
+                sourceOptions,
+                ...base
+            });
+        }
+        const id = this.extractLayerId(layer);
+        if (!id)
+            return undefined;
+        return ObjectUtils.removeUndefined({
+            id,
+            sourceOptions: undefined,
+            ...base
         });
     }
     parseGroup(properties) {
@@ -992,6 +1050,12 @@ class ShareMapParser {
         const versionDef = this.keysDefinitions.layers.params.version;
         return versionDef.parse(url);
     }
+    extractLayerId(layer) {
+        const { id } = this.keysDefinitions.layers.params;
+        const regex = new RegExp(`([a-zA-Z0-9_]+)${id.key}\\b`);
+        const match = layer.match(regex);
+        return match ? match[1] : undefined;
+    }
     extractUrlIndex(layer) {
         const { index } = this.keysDefinitions.layers.params;
         const regex = index ? new RegExp(`([\\d.]+)${index}`) : /([\d.]+)/;
@@ -1031,19 +1095,19 @@ class ShareMapService {
     encoder;
     parser;
     constructor() {
-        const document = this.document;
         this.options = SHARE_MAP_KEYS_DEFAULT_OPTIONS;
         this.optionsLegacy = this.routeService.legacyOptions;
         this.keysDefinitions = shareMapKeyDefs({
             ...SHARE_MAP_KEYS_DEFAULT_OPTIONS,
             languageKey: this.routeService.options.languageKey
         });
-        this.encoder = new ShareMapEncoder(this.keysDefinitions, document);
+        this.encoder = new ShareMapEncoder(this.keysDefinitions, this.document);
         this.parser = new ShareMapParser(this.keysDefinitions, this.routeService.legacyOptions);
         this.routeService.queryParams.subscribe((params) => {
-            const language = this.options.languageKey;
-            if (params[language]) {
-                this.language = params[language];
+            const language = params[this.keysDefinitions.languageKey];
+            if (language) {
+                this.language = language;
+                this.encoder.language = language;
             }
         });
     }
@@ -1070,10 +1134,10 @@ class ShareMapService {
             params[zoomKey] ||
             params[centerKey]);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: ShareMapService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: ShareMapService, providedIn: 'root' });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: ShareMapService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: ShareMapService, providedIn: 'root' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: ShareMapService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: ShareMapService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
@@ -1209,6 +1273,10 @@ class ContextService {
     delete(id, imported = false) {
         const contexts = { ours: [] };
         Object.keys(this.contexts$.value).forEach((key) => (contexts[key] = this.contexts$.value[key].filter((c) => c.id !== id)));
+        if (id === this.context$.value?.id) {
+            this.context$.next(undefined);
+            this.loadContext(this.defaultContextUri);
+        }
         if (imported) {
             this.importedContext = this.importedContext.filter((c) => c.id !== id);
             return of(this.contexts$.next(contexts));
@@ -1430,7 +1498,8 @@ class ContextService {
             .filter(Boolean);
         context.tools = this.tools.map((tool) => {
             return {
-                id: String(tool.id),
+                id: tool.id,
+                name: tool.name,
                 global: tool.global
             };
         });
@@ -1477,21 +1546,11 @@ class ContextService {
                 context.layers.push(layerOptions);
             }
             else {
-                if (!(layer.ol.getSource() instanceof olVectorSource)) {
-                    const catalogLayer = layer.options;
-                    catalogLayer.zIndex = layer.zIndex;
-                    catalogLayer.visible = layer.visible;
-                    catalogLayer.opacity = layer.opacity;
-                    delete catalogLayer.source;
-                    context.layers.push(catalogLayer);
-                }
-                else {
-                    const extraFeatures = this.getExtraFeatures(layer);
-                    extraFeatures.name = layer.options.title;
-                    extraFeatures.opacity = layer.opacity;
-                    extraFeatures.visible = layer.visible;
-                    context.extraFeatures.push(extraFeatures);
-                }
+                const extraFeatures = this.getExtraFeatures(layer);
+                extraFeatures.name = layer.options.title;
+                extraFeatures.opacity = layer.opacity;
+                extraFeatures.visible = layer.visible;
+                context.extraFeatures.push(extraFeatures);
             }
         });
         context.toolbar = this.toolbar;
@@ -1641,10 +1700,10 @@ class ContextService {
         }
         return found;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: ContextService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: ContextService, providedIn: 'root' });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: ContextService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: ContextService, providedIn: 'root' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: ContextService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: ContextService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
@@ -1689,10 +1748,10 @@ class ContextExportService {
         }
         return false;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: ContextExportService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: ContextExportService, providedIn: 'root' });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: ContextExportService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: ContextExportService, providedIn: 'root' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: ContextExportService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: ContextExportService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
@@ -1956,10 +2015,10 @@ class ContextImportService {
         const context = JSON.parse(data);
         return context;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: ContextImportService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: ContextImportService, providedIn: 'root' });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: ContextImportService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: ContextImportService, providedIn: 'root' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: ContextImportService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: ContextImportService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
@@ -1984,7 +2043,7 @@ class ContextImportExportComponent {
     clientSideFileSizeMax;
     fileSizeMb;
     activeImportExport = 'import';
-    map;
+    map = input(undefined, ...(ngDevMode ? [{ debugName: "map" }] : []));
     constructor() {
         this.buildForm();
     }
@@ -1993,8 +2052,8 @@ class ContextImportExportComponent {
         this.clientSideFileSizeMax =
             (configFileSizeMb ? configFileSizeMb : 30) * Math.pow(1024, 2);
         this.fileSizeMb = this.clientSideFileSizeMax / Math.pow(1024, 2);
-        this.layerList = this.map.layerController.all;
-        this.userControlledLayerList = this.map.layerController.treeLayers;
+        this.layerList = this.map().layerController.all;
+        this.userControlledLayerList = this.map().layerController.treeLayers;
     }
     importFiles(files) {
         this.loading$.next(true);
@@ -2009,7 +2068,7 @@ class ContextImportExportComponent {
     }
     handleExportFormSubmit(contextOptions) {
         this.loading$.next(true);
-        this.res = this.contextService.getContextFromLayers(this.map, contextOptions.layers, contextOptions.name, false);
+        this.res = this.contextService.getContextFromLayers(this.map(), contextOptions.layers, contextOptions.name, false);
         this.res.imported = true;
         this.contextExportService
             .export(this.res)
@@ -2054,10 +2113,10 @@ class ContextImportExportComponent {
     onImportExportChange(event) {
         this.activeImportExport = event.value;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: ContextImportExportComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.4", type: ContextImportExportComponent, isStandalone: true, selector: "igo-context-import-export", inputs: { map: "map" }, ngImport: i0, template: "<div class=\"import-export-toggle\">\n  <mat-button-toggle-group\n    [value]=\"activeImportExport\"\n    (change)=\"onImportExportChange($event)\"\n  >\n    <mat-button-toggle [value]=\"'import'\">\n      {{ 'igo.geo.importExportForm.importTabTitle' | translate }}\n    </mat-button-toggle>\n    <mat-button-toggle [value]=\"'export'\">\n      {{ 'igo.geo.importExportForm.exportTabTitle' | translate }}\n    </mat-button-toggle>\n  </mat-button-toggle-group>\n</div>\n\n@if (activeImportExport === 'import') {\n  <div>\n    <form class=\"igo-form\">\n      <div class=\"igo-form-button-group\">\n        <button\n          matButton=\"elevated\"\n          type=\"button\"\n          (click)=\"fileInput.click()\"\n          [disabled]=\"loading$ | async\"\n        >\n          {{ 'igo.geo.importExportForm.importButton' | translate }}\n        </button>\n        <igo-spinner [shown]=\"loading$ | async\"></igo-spinner>\n        <input\n          #fileInput\n          type=\"file\"\n          [style.display]=\"'none'\"\n          (click)=\"fileInput.value = null\"\n          (change)=\"importFiles($any($event.target).files)\"\n        />\n      </div>\n    </form>\n    <section>\n      <h4>{{ 'igo.geo.importExportForm.importClarifications' | translate }}</h4>\n      <ul>\n        <li>\n          {{\n            'igo.geo.importExportForm.importSizeMax'\n              | translate: { size: fileSizeMb }\n          }}\n        </li>\n      </ul>\n    </section>\n  </div>\n}\n\n@if (activeImportExport === 'export') {\n  <form class=\"igo-form\" [formGroup]=\"form\">\n    <div class=\"igo-input-container\">\n      <mat-form-field class=\"example-full-width\">\n        <mat-label>{{\n          'igo.context.contextImportExport.export.exportContextName' | translate\n        }}</mat-label>\n        <input formControlName=\"name\" matInput [value]=\"\" />\n      </mat-form-field>\n    </div>\n    <div class=\"igo-input-container\">\n      <mat-form-field>\n        <mat-label>{{\n          'igo.context.contextImportExport.export.exportPlaceHolder' | translate\n        }}</mat-label>\n        <mat-select formControlName=\"layers\" multiple>\n          <mat-option [value]=\"1\" (click)=\"selectAll(e)\" #e>\n            {{\n              'igo.context.contextImportExport.export.exportSelectAll'\n                | translate\n            }}\n          </mat-option>\n          <mat-divider></mat-divider>\n          @for (layer of userControlledLayerList; track layer) {\n            <mat-option [value]=\"layer\">{{ layer.title }}</mat-option>\n          }\n        </mat-select>\n      </mat-form-field>\n    </div>\n    <div class=\"igo-form-button-group\">\n      <button\n        matButton=\"elevated\"\n        type=\"button\"\n        [disabled]=\"!form.valid || (loading$ | async)\"\n        (click)=\"handleExportFormSubmit(form.value)\"\n      >\n        {{ 'igo.geo.importExportForm.exportButton' | translate }}\n      </button>\n      <igo-spinner [shown]=\"loading$ | async\"></igo-spinner>\n    </div>\n  </form>\n}\n", styles: [".import-export-toggle{padding:10px;text-align:center}.import-export-toggle mat-button-toggle-group{width:100%}.import-export-toggle mat-button-toggle-group mat-button-toggle{width:50%}.igo-input-container{padding:10px}.igo-input-container mat-form-field{width:100%}h4{padding:0 5px}.igo-form{padding:15px 5px}.igo-form-button-group{text-align:center;padding-top:10px}igo-spinner{position:absolute;padding-left:10px}\n"], dependencies: [{ kind: "ngmodule", type: MatButtonToggleModule }, { kind: "directive", type: i1.MatButtonToggleGroup, selector: "mat-button-toggle-group", inputs: ["appearance", "name", "vertical", "value", "multiple", "disabled", "disabledInteractive", "hideSingleSelectionIndicator", "hideMultipleSelectionIndicator"], outputs: ["valueChange", "change"], exportAs: ["matButtonToggleGroup"] }, { kind: "component", type: i1.MatButtonToggle, selector: "mat-button-toggle", inputs: ["aria-label", "aria-labelledby", "id", "name", "value", "tabIndex", "disableRipple", "appearance", "checked", "disabled", "disabledInteractive"], outputs: ["change"], exportAs: ["matButtonToggle"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2.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: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2.NgForm, selector: "form:not([ngNoForm]):not([formGroup]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i4.MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: SpinnerComponent, selector: "igo-spinner", inputs: ["shown"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i1$1.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i1$1.MatLabel, selector: "mat-label" }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i2$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", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "ngmodule", type: MatSelectModule }, { kind: "component", type: i6.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", "canSelectNullableOptions"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "component", type: i5.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "ngmodule", type: MatOptionModule }, { kind: "ngmodule", type: MatDividerModule }, { kind: "component", type: i1$2.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { kind: "ngmodule", type: IgoLanguageModule }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: i5$1.TranslatePipe, name: "translate" }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: ContextImportExportComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.6", type: ContextImportExportComponent, isStandalone: true, selector: "igo-context-import-export", inputs: { map: { classPropertyName: "map", publicName: "map", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div class=\"import-export-toggle\">\n  <mat-button-toggle-group\n    [value]=\"activeImportExport\"\n    (change)=\"onImportExportChange($event)\"\n  >\n    <mat-button-toggle [value]=\"'import'\">\n      {{ 'igo.geo.importExportForm.importTabTitle' | translate }}\n    </mat-button-toggle>\n    <mat-button-toggle [value]=\"'export'\">\n      {{ 'igo.geo.importExportForm.exportTabTitle' | translate }}\n    </mat-button-toggle>\n  </mat-button-toggle-group>\n</div>\n\n@if (activeImportExport === 'import') {\n  <div>\n    <form class=\"igo-form\">\n      <div class=\"igo-form-button-group\">\n        <button\n          matButton=\"elevated\"\n          type=\"button\"\n          (click)=\"fileInput.click()\"\n          [disabled]=\"loading$ | async\"\n        >\n          {{ 'igo.geo.importExportForm.importButton' | translate }}\n        </button>\n        <igo-spinner [shown]=\"loading$ | async\" />\n        <input\n          #fileInput\n          type=\"file\"\n          [style.display]=\"'none'\"\n          (click)=\"fileInput.value = null\"\n          (change)=\"importFiles($any($event.target).files)\"\n        />\n      </div>\n    </form>\n    <section>\n      <h4>{{ 'igo.geo.importExportForm.importClarifications' | translate }}</h4>\n      <ul>\n        <li>\n          {{\n            'igo.geo.importExportForm.importSizeMax'\n              | translate: { size: fileSizeMb }\n          }}\n        </li>\n      </ul>\n    </section>\n  </div>\n}\n\n@if (activeImportExport === 'export') {\n  <form class=\"igo-form\" [formGroup]=\"form\">\n    <div class=\"igo-input-container\">\n      <mat-form-field class=\"example-full-width\">\n        <mat-label>{{\n          'igo.context.contextImportExport.export.exportContextName' | translate\n        }}</mat-label>\n        <input formControlName=\"name\" matInput [value]=\"\" />\n      </mat-form-field>\n    </div>\n    <div class=\"igo-input-container\">\n      <mat-form-field>\n        <mat-label>{{\n          'igo.context.contextImportExport.export.exportPlaceHolder' | translate\n        }}</mat-label>\n        <mat-select formControlName=\"layers\" multiple>\n          <mat-option [value]=\"1\" (click)=\"selectAll(e)\" #e>\n            {{\n              'igo.context.contextImportExport.export.exportSelectAll'\n                | translate\n            }}\n          </mat-option>\n          <mat-divider />\n          @for (layer of userControlledLayerList; track layer) {\n            <mat-option [value]=\"layer\">{{ layer.title }}</mat-option>\n          }\n        </mat-select>\n      </mat-form-field>\n    </div>\n    <div class=\"igo-form-button-group\">\n      <button\n        matButton=\"elevated\"\n        type=\"button\"\n        [disabled]=\"!form.valid || (loading$ | async)\"\n        (click)=\"handleExportFormSubmit(form.value)\"\n      >\n        {{ 'igo.geo.importExportForm.exportButton' | translate }}\n      </button>\n      <igo-spinner [shown]=\"loading$ | async\" />\n    </div>\n  </form>\n}\n", styles: [".import-export-toggle{padding:10px;text-align:center}.import-export-toggle mat-button-toggle-group{width:100%}.import-export-toggle mat-button-toggle-group mat-button-toggle{width:50%}.igo-input-container{padding:10px}.igo-input-container mat-form-field{width:100%}h4{padding:0 5px}.igo-form{padding:15px 5px}.igo-form-button-group{text-align:center;padding-top:10px}igo-spinner{position:absolute;padding-left:10px}\n"], dependencies: [{ kind: "ngmodule", type: MatButtonToggleModule }, { kind: "directive", type: i1.MatButtonToggleGroup, selector: "mat-button-toggle-group", inputs: ["appearance", "name", "vertical", "value", "multiple", "disabled", "disabledInteractive", "hideSingleSelectionIndicator", "hideMultipleSelectionIndicator"], outputs: ["valueChange", "change"], exportAs: ["matButtonToggleGroup"] }, { kind: "component", type: i1.MatButtonToggle, selector: "mat-button-toggle", inputs: ["aria-label", "aria-labelledby", "id", "name", "value", "tabIndex", "disableRipple", "appearance", "checked", "disabled", "disabledInteractive"], outputs: ["change"], exportAs: ["matButtonToggle"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2.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: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2.NgForm, selector: "form:not([ngNoForm]):not([formGroup]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i4.MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: SpinnerComponent, selector: "igo-spinner", inputs: ["shown"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i1$1.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i1$1.MatLabel, selector: "mat-label" }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i2$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", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "ngmodule", type: MatSelectModule }, { kind: "component", type: i6.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", "canSelectNullableOptions"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "component", type: i5.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "ngmodule", type: MatOptionModule }, { kind: "ngmodule", type: MatDividerModule }, { kind: "component", type: i1$2.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { kind: "ngmodule", type: IgoLanguageModule }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: i5$1.TranslatePipe, name: "translate" }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: ContextImportExportComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: ContextImportExportComponent, decorators: [{
             type: Component,
             args: [{ selector: 'igo-context-import-export', imports: [
                         MatButtonToggleModule,
@@ -2072,10 +2131,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImpor
                         MatDividerModule,
                         AsyncPipe,
                         IgoLanguageModule
-                    ], template: "<div class=\"import-export-toggle\">\n  <mat-button-toggle-group\n    [value]=\"activeImportExport\"\n    (change)=\"onImportExportChange($event)\"\n  >\n    <mat-button-toggle [value]=\"'import'\">\n      {{ 'igo.geo.importExportForm.importTabTitle' | translate }}\n    </mat-button-toggle>\n    <mat-button-toggle [value]=\"'export'\">\n      {{ 'igo.geo.importExportForm.exportTabTitle' | translate }}\n    </mat-button-toggle>\n  </mat-button-toggle-group>\n</div>\n\n@if (activeImportExport === 'import') {\n  <div>\n    <form class=\"igo-form\">\n      <div class=\"igo-form-button-group\">\n        <button\n          matButton=\"elevated\"\n          type=\"button\"\n          (click)=\"fileInput.click()\"\n          [disabled]=\"loading$ | async\"\n        >\n          {{ 'igo.geo.importExportForm.importButton' | translate }}\n        </button>\n        <igo-spinner [shown]=\"loading$ | async\"></igo-spinner>\n        <input\n          #fileInput\n          type=\"file\"\n          [style.display]=\"'none'\"\n          (click)=\"fileInput.value = null\"\n          (change)=\"importFiles($any($event.target).files)\"\n        />\n      </div>\n    </form>\n    <section>\n      <h4>{{ 'igo.geo.importExportForm.importClarifications' | translate }}</h4>\n      <ul>\n        <li>\n          {{\n            'igo.geo.importExportForm.importSizeMax'\n              | translate: { size: fileSizeMb }\n          }}\n        </li>\n      </ul>\n    </section>\n  </div>\n}\n\n@if (activeImportExport === 'export') {\n  <form class=\"igo-form\" [formGroup]=\"form\">\n    <div class=\"igo-input-container\">\n      <mat-form-field class=\"example-full-width\">\n        <mat-label>{{\n          'igo.context.contextImportExport.export.exportContextName' | translate\n        }}</mat-label>\n        <input formControlName=\"name\" matInput [value]=\"\" />\n      </mat-form-field>\n    </div>\n    <div class=\"igo-input-container\">\n      <mat-form-field>\n        <mat-label>{{\n          'igo.context.contextImportExport.export.exportPlaceHolder' | translate\n        }}</mat-label>\n        <mat-select formControlName=\"layers\" multiple>\n          <mat-option [value]=\"1\" (click)=\"selectAll(e)\" #e>\n            {{\n              'igo.context.contextImportExport.export.exportSelectAll'\n                | translate\n            }}\n          </mat-option>\n          <mat-divider></mat-divider>\n          @for (layer of userControlledLayerList; track layer) {\n            <mat-option [value]=\"layer\">{{ layer.title }}</mat-option>\n          }\n        </mat-select>\n      </mat-form-field>\n    </div>\n    <div class=\"igo-form-button-group\">\n      <button\n        matButton=\"elevated\"\n        type=\"button\"\n        [disabled]=\"!form.valid || (loading$ | async)\"\n        (click)=\"handleExportFormSubmit(form.value)\"\n      >\n        {{ 'igo.geo.importExportForm.exportButton' | translate }}\n      </button>\n      <igo-spinner [shown]=\"loading$ | async\"></igo-spinner>\n    </div>\n  </form>\n}\n", styles: [".import-export-toggle{padding:10px;text-align:center}.import-export-toggle mat-button-toggle-group{width:100%}.import-export-toggle mat-button-toggle-group mat-button-toggle{width:50%}.igo-input-container{padding:10px}.igo-input-container mat-form-field{width:100%}h4{padding:0 5px}.igo-form{padding:15px 5px}.igo-form-button-group{text-align:center;padding-top:10px}igo-spinner{position:absolute;padding-left:10px}\n"] }]
-        }], ctorParameters: () => [], propDecorators: { map: [{
-                type: Input
-            }] } });
+                    ], template: "<div class=\"import-export-toggle\">\n  <mat-button-toggle-group\n    [value]=\"activeImportExport\"\n    (change)=\"onImportExportChange($event)\"\n  >\n    <mat-button-toggle [value]=\"'import'\">\n      {{ 'igo.geo.importExportForm.importTabTitle' | translate }}\n    </mat-button-toggle>\n    <mat-button-toggle [value]=\"'export'\">\n      {{ 'igo.geo.importExportForm.exportTabTitle' | translate }}\n    </mat-button-toggle>\n  </mat-button-toggle-group>\n</div>\n\n@if (activeImportExport === 'import') {\n  <div>\n    <form class=\"igo-form\">\n      <div class=\"igo-form-button-group\">\n        <button\n          matButton=\"elevated\"\n          type=\"button\"\n          (click)=\"fileInput.click()\"\n          [disabled]=\"loading$ | async\"\n        >\n          {{ 'igo.geo.importExportForm.importButton' | translate }}\n        </button>\n        <igo-spinner [shown]=\"loading$ | async\" />\n        <input\n          #fileInput\n          type=\"file\"\n          [style.display]=\"'none'\"\n          (click)=\"fileInput.value = null\"\n          (change)=\"importFiles($any($event.target).files)\"\n        />\n      </div>\n    </form>\n    <section>\n      <h4>{{ 'igo.geo.importExportForm.importClarifications' | translate }}</h4>\n      <ul>\n        <li>\n          {{\n            'igo.geo.importExportForm.importSizeMax'\n              | translate: { size: fileSizeMb }\n          }}\n        </li>\n      </ul>\n    </section>\n  </div>\n}\n\n@if (activeImportExport === 'export') {\n  <form class=\"igo-form\" [formGroup]=\"form\">\n    <div class=\"igo-input-container\">\n      <mat-form-field class=\"example-full-width\">\n        <mat-label>{{\n          'igo.context.contextImportExport.export.exportContextName' | translate\n        }}</mat-label>\n        <input formControlName=\"name\" matInput [value]=\"\" />\n      </mat-form-field>\n    </div>\n    <div class=\"igo-input-container\">\n      <mat-form-field>\n        <mat-label>{{\n          'igo.context.contextImportExport.export.exportPlaceHolder' | translate\n        }}</mat-label>\n        <mat-select formControlName=\"layers\" multiple>\n          <mat-option [value]=\"1\" (click)=\"selectAll(e)\" #e>\n            {{\n              'igo.context.contextImportExport.export.exportSelectAll'\n                | translate\n            }}\n          </mat-option>\n          <mat-divider />\n          @for (layer of userControlledLayerList; track layer) {\n            <mat-option [value]=\"layer\">{{ layer.title }}</mat-option>\n          }\n        </mat-select>\n      </mat-form-field>\n    </div>\n    <div class=\"igo-form-button-group\">\n      <button\n        matButton=\"elevated\"\n        type=\"button\"\n        [disabled]=\"!form.valid || (loading$ | async)\"\n        (click)=\"handleExportFormSubmit(form.value)\"\n      >\n        {{ 'igo.geo.importExportForm.exportButton' | translate }}\n      </button>\n      <igo-spinner [shown]=\"loading$ | async\" />\n    </div>\n  </form>\n}\n", styles: [".import-export-toggle{padding:10px;text-align:center}.import-export-toggle mat-button-toggle-group{width:100%}.import-export-toggle mat-button-toggle-group mat-button-toggle{width:50%}.igo-input-container{padding:10px}.igo-input-container mat-form-field{width:100%}h4{padding:0 5px}.igo-form{padding:15px 5px}.igo-form-button-group{text-align:center;padding-top:10px}igo-spinner{position:absolute;padding-left:10px}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { map: [{ type: i0.Input, args: [{ isSignal: true, alias: "map", required: false }] }] } });
 
 /**
  * @deprecated import the ContextImportExportComponent directly
@@ -2086,11 +2143,11 @@ class IgoContextImportExportModule {
             ngModule: IgoContextImportExportModule
         };
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: IgoContextImportExportModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.4", ngImport: i0, type: IgoContextImportExportModule, imports: [ContextImportExportComponent], exports: [ContextImportExportComponent] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: IgoContextImportExportModule, imports: [ContextImportExportComponent] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: IgoContextImportExportModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.6", ngImport: i0, type: IgoContextImportExportModule, imports: [ContextImportExportComponent], exports: [ContextImportExportComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: IgoContextImportExportModule, imports: [ContextImportExportComponent] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: IgoContextImportExportModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: IgoContextImportExportModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [ContextImportExportComponent],
@@ -2104,34 +2161,19 @@ class ContextFormComponent {
     messageService = inject(MessageService);
     form;
     prefix;
-    get btnSubmitText() {
-        return this._btnSubmitText;
-    }
-    set btnSubmitText(value) {
-        this._btnSubmitText = value;
-    }
-    _btnSubmitText;
-    get context() {
-        return this._context;
-    }
-    set context(value) {
-        this._context = value;
-        this.buildForm();
-    }
-    _context;
-    get disabled() {
-        return this._disabled;
-    }
-    set disabled(value) {
-        this._disabled = value;
-    }
-    _disabled = false;
-    // TODO: replace any by ContextOptions or Context
-    submitForm = new EventEmitter();
-    clone = new EventEmitter();
-    delete = new EventEmitter();
-    ngOnInit() {
-        this.buildForm();
+    btnSubmitText = input(...(ngDevMode ? [undefined, { debugName: "btnSubmitText" }] : []));
+    context = input(...(ngDevMode ? [undefined, { debugName: "context" }] : []));
+    disabled = input(false, ...(ngDevMode ? [{ debugName: "disabled" }] : []));
+    submitForm = output();
+    clone = output();
+    delete = output();
+    constructor() {
+        effect(() => {
+            const context = this.context();
+            if (context) {
+                this.buildForm(context);
+            }
+        });
     }
     handleFormSubmit(value) {
         let inputs = Object.assign({}, value);
@@ -2152,8 +2194,7 @@ class ContextFormComponent {
             this.messageService.success('igo.context.contextManager.dialog.copyMsg', 'igo.context.contextManager.dialog.copyTitle');
         }
     }
-    buildForm() {
-        const context = this.context || {};
+    buildForm(context) {
         const uriSplit = context.uri.split('-');
         this.prefix = uriSplit.shift();
         const uri = uriSplit.join('-');
@@ -2162,10 +2203,10 @@ class ContextFormComponent {
             uri: [uri || ' ']
         });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: ContextFormComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.4", type: ContextFormComponent, isStandalone: true, selector: "igo-context-form", inputs: { btnSubmitText: "btnSubmitText", context: "context", disabled: "disabled" }, outputs: { submitForm: "submitForm", clone: "clone", delete: "delete" }, ngImport: i0, template: "<form\n  class=\"igo-form\"\n  [formGroup]=\"form\"\n  (ngSubmit)=\"handleFormSubmit(form.value)\"\n>\n  <mat-form-field class=\"full-width\">\n    <input\n      matInput\n      required\n      maxlength=\"128\"\n      [placeholder]=\"'igo.context.contextManager.form.title' | translate\"\n      formControlName=\"title\"\n    />\n    <mat-error>\n      {{ 'igo.context.contextManager.form.titleRequired' | translate }}\n    </mat-error>\n  </mat-form-field>\n\n  <mat-form-field id=\"uriInput\" class=\"full-width\">\n    @if (prefix) {\n      <span class=\"prefix\">{{ prefix }}-</span>\n    }\n    <span class=\"fieldWrapper\">\n      <input\n        matInput\n        maxlength=\"64\"\n        floatLabel=\"always\"\n        [placeholder]=\"'igo.context.contextManager.form.uri' | translate\"\n        formControlName=\"uri\"\n      />\n    </span>\n  </mat-form-field>\n\n  <button\n    id=\"copyButton\"\n    type=\"button\"\n    mat-icon-button\n    tooltip-position=\"below\"\n    matTooltipShowDelay=\"500\"\n    [matTooltip]=\"'igo.context.contextManager.form.copy' | translate\"\n    color=\"primary\"\n    (click)=\"copyTextToClipboard()\"\n  >\n    <mat-icon>content_copy</mat-icon>\n  </button>\n\n  <div class=\"igo-form-button-group\">\n    <button\n      matButton=\"elevated\"\n      type=\"submit\"\n      [disabled]=\"!form.valid || disabled\"\n    >\n      {{ 'igo.context.contextManager.form.edit' | translate }}\n    </button>\n  </div>\n</form>\n", styles: ["form{margin:10px}.full-width{width:100%}#uriInput .fieldWrapper{display:block;overflow:hidden}#uriInput .prefix{float:left}#copyButton{width:24px;float:right;position:relative;top:-58px;left:5px}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2.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: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i2.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i1$1.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i1$1.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i2$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", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i4.MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: i4.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i2$2.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i4$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: IgoLanguageModule }, { kind: "pipe", type: i5$1.TranslatePipe, name: "translate" }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: ContextFormComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.6", type: ContextFormComponent, isStandalone: true, selector: "igo-context-form", inputs: { btnSubmitText: { classPropertyName: "btnSubmitText", publicName: "btnSubmitText", isSignal: true, isRequired: false, transformFunction: null }, context: { classPropertyName: "context", publicName: "context", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { submitForm: "submitForm", clone: "clone", delete: "delete" }, ngImport: i0, template: "<form\n  class=\"igo-form\"\n  [formGroup]=\"form\"\n  (ngSubmit)=\"handleFormSubmit(form.value)\"\n>\n  <mat-form-field class=\"full-width\">\n    <input\n      matInput\n      required\n      maxlength=\"128\"\n      [placeholder]=\"'igo.context.contextManager.form.title' | translate\"\n      formControlName=\"title\"\n    />\n    <mat-error>\n      {{ 'igo.context.contextManager.form.titleRequired' | translate }}\n    </mat-error>\n  </mat-form-field>\n\n  <mat-form-field id=\"uriInput\" class=\"full-width\">\n    @if (prefix) {\n      <span class=\"prefix\">{{ prefix }}-</span>\n    }\n    <span class=\"fieldWrapper\">\n      <input\n        matInput\n        maxlength=\"64\"\n        floatLabel=\"always\"\n        [placeholder]=\"'igo.context.contextManager.form.uri' | translate\"\n        formControlName=\"uri\"\n      />\n    </span>\n  </mat-form-field>\n\n  <button\n    id=\"copyButton\"\n    type=\"button\"\n    mat-icon-button\n    tooltip-position=\"below\"\n    matTooltipShowDelay=\"500\"\n    [matTooltip]=\"'igo.context.contextManager.form.copy' | translate\"\n    color=\"primary\"\n    (click)=\"copyTextToClipboard()\"\n  >\n    <mat-icon>content_copy</mat-icon>\n  </button>\n\n  <div class=\"igo-form-button-group\">\n    <button\n      matButton=\"elevated\"\n      type=\"submit\"\n      [disabled]=\"!form.valid || disabled\"\n    >\n      {{ 'igo.context.contextManager.form.edit' | translate }}\n    </button>\n  </div>\n</form>\n", styles: ["form{margin:10px}.full-width{width:100%}#uriInput .fieldWrapper{display:block;overflow:hidden}#uriInput .prefix{float:left}#copyButton{width:24px;float:right;position:relative;top:-58px;left:5px}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2.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: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i2.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i1$1.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i1$1.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i2$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", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i4.MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: i4.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i6$1.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i4$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: IgoLanguageModule }, { kind: "pipe", type: i5$1.TranslatePipe, name: "translate" }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: ContextFormComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: ContextFormComponent, decorators: [{
             type: Component,
             args: [{ selector: 'igo-context-form', imports: [
                         FormsModule,
@@ -2177,123 +2218,316 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImpor
                         MatIconModule,
                         IgoLanguageModule
                     ], template: "<form\n  class=\"igo-form\"\n  [formGroup]=\"form\"\n  (ngSubmit)=\"handleFormSubmit(form.value)\"\n>\n  <mat-form-field class=\"full-width\">\n    <input\n      matInput\n      required\n      maxlength=\"128\"\n      [placeholder]=\"'igo.context.contextManager.form.title' | translate\"\n      formControlName=\"title\"\n    />\n    <mat-error>\n      {{ 'igo.context.contextManager.form.titleRequired' | translate }}\n    </mat-error>\n  </mat-form-field>\n\n  <mat-form-field id=\"uriInput\" class=\"full-width\">\n    @if (prefix) {\n      <span class=\"prefix\">{{ prefix }}-</span>\n    }\n    <span class=\"fieldWrapper\">\n      <input\n        matInput\n        maxlength=\"64\"\n        floatLabel=\"always\"\n        [placeholder]=\"'igo.context.contextManager.form.uri' | translate\"\n        formControlName=\"uri\"\n      />\n    </span>\n  </mat-form-field>\n\n  <button\n    id=\"copyButton\"\n    type=\"button\"\n    mat-icon-button\n    tooltip-position=\"below\"\n    matTooltipShowDelay=\"500\"\n    [matTooltip]=\"'igo.context.contextManager.form.copy' | translate\"\n    color=\"primary\"\n    (click)=\"copyTextToClipboard()\"\n  >\n    <mat-icon>content_copy</mat-icon>\n  </button>\n\n  <div class=\"igo-form-button-group\">\n    <button\n      matButton=\"elevated\"\n      type=\"submit\"\n      [disabled]=\"!form.valid || disabled\"\n    >\n      {{ 'igo.context.contextManager.form.edit' | translate }}\n    </button>\n  </div>\n</form>\n", styles: ["form{margin:10px}.full-width{width:100%}#uriInput .fieldWrapper{display:block;overflow:hidden}#uriInput .prefix{float:left}#copyButton{width:24px;float:right;position:relative;top:-58px;left:5px}\n"] }]
-        }], propDecorators: { btnSubmitText: [{
-                type: Input
-            }], context: [{
-                type: Input
-            }], disabled: [{
-                type: Input
-            }], submitForm: [{
-                type: Output
-            }], clone: [{
-                type: Output
-            }], delete: [{
-                type: Output
-            }] } });
+        }], ctorParameters: () => [], propDecorators: { btnSubmitText: [{ type: i0.Input, args: [{ isSignal: true, alias: "btnSubmitText", required: false }] }], context: [{ type: i0.Input, args: [{ isSignal: true, alias: "context", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], submitForm: [{ type: i0.Output, args: ["submitForm"] }], clone: [{ type: i0.Output, args: ["clone"] }], delete: [{ type: i0.Output, args: ["delete"] }] } });
 
-class ContextEditComponent {
-    cd = inject(ChangeDetectorRef);
-    get context() {
-        return this._context;
+class LayerContextDirective {
+    component = inject(MapBrowserComponent);
+    contextService = inject(ContextService);
+    layerService = inject(LayerService);
+    configService = inject(ConfigService);
+    styleListService = inject(StyleListService);
+    styleService = inject(StyleService);
+    shareMapService = inject(ShareMapService);
+    context$$;
+    queryParams;
+    contextLayers = [];
+    removeLayersOnContextChange = input(true, ...(ngDevMode ? [{ debugName: "removeLayersOnContextChange" }] : []));
+    contextLayersLoaded = output();
+    get map() {
+        return this.component.map();
+    }
+    ngOnInit() {
+        this.context$$ = this.shareMapService.routeService.queryParams
+            .pipe(switchMap((params) => {
+            this.queryParams = params ?? {};
+            return this.contextService.context$.pipe(filter((context) => context !== undefined));
+        }))
+            .subscribe((context) => this.handleContextChange(context));
+    }
+    ngOnDestroy() {
+        this.context$$.unsubscribe();
+    }
+    handleContextChange(context) {
+        if (context.layers === undefined) {
+            return;
+        }
+        /**
+         * Assign an id to each layer group if it doesn't have one.
+         * This is needed to be able to detect layer groups in the context that doesn't have and id and be able to ignore them in the share
+         */
+        if (context.layers?.length) {
+            addIdToGroups(context.layers);
+        }
+        const contextLayers = this.handleContextWithSharedUrl(ObjectUtils.copyDeep(context));
+        if (this.removeLayersOnContextChange() === true) {
+            this.map.layerController.reset();
+        }
+        else {
+            this.map.layerController.remove(...this.contextLayers);
+        }
+        this.contextLayers = [];
+        this.layerService.unavailableLayers = [];
+        const importExportOptions = this.configService.getConfig('importExport');
+        this.layerService
+            .createLayers(contextLayers, context.uri)
+            .subscribe((layers) => {
+            this.handleAddLayers(layers);
+            if (context.extraFeatures) {
+                context.extraFeatures.forEach((featureCollection) => {
+                    if (!importExportOptions?.importWithStyle) {
+                        addImportedFeaturesToMap(featureCollection, this.map);
+                    }
+                    else {
+                        addImportedFeaturesStyledToMap(featureCollection, this.map, this.styleListService, this.styleService);
+                    }
+                });
+            }
+            this.contextLayersLoaded.emit(true);
+        });
+        if (this.configService.getConfig('importExport.allowToStoreLayer', false)) {
+            this.layerService
+                .createAsyncIdbLayers(context.uri)
+                .pipe(debounceTime(500))
+                .subscribe((layers) => this.handleAddLayers(layers));
+        }
+    }
+    handleAddLayers(layers) {
+        const layersFiltrered = layers
+            .filter((layer) => layer)
+            .map((layer) => {
+            layer.visible = this.computeLayerVisibilityFromUrl(layer);
+            return layer;
+        });
+        const layersSorted = sortLayersByZindex(layersFiltrered, 'asc');
+        this.contextLayers.concat(layersSorted);
+        this.map.layerController.add(...layersSorted);
+    }
+    computeLayerVisibilityFromUrl(layer) {
+        const params = this.queryParams;
+        const currentContext = this.contextService.context$.value.uri;
+        const currentLayerid = layer.id;
+        let visible = layer.visible;
+        if (!params || !currentLayerid) {
+            return visible;
+        }
+        const contextParams = this.shareMapService.getContext(params);
+        if (contextParams === currentContext || !contextParams) {
+            let visibleOnLayersParams = '';
+            let visibleOffLayersParams = '';
+            let visiblelayers = [];
+            let invisiblelayers = [];
+            const visibleOnLayers = params[this.shareMapService.routeService.options.visibleOnLayersKey];
+            const visibleOffLayers = params[this.shareMapService.routeService.options.visibleOffLayersKey];
+            if (visibleOnLayers) {
+                visibleOnLayersParams = visibleOnLayers;
+            }
+            if (visibleOffLayers) {
+                visibleOffLayersParams = visibleOffLayers;
+            }
+            /* This order is important because to control whichever
+             the order of * param. First whe open and close everything.*/
+            if (visibleOnLayersParams === '*') {
+                visible = true;
+            }
+            if (visibleOffLayersParams === '*') {
+                visible = false;
+            }
+            // After, managing named layer by id (context.json OR id from datasource)
+            visiblelayers = visibleOnLayersParams.split(',');
+            invisiblelayers = visibleOffLayersParams.split(',');
+            if (visiblelayers.indexOf(currentLayerid) > -1 ||
+                visiblelayers.indexOf(currentLayerid.toString()) > -1) {
+                visible = true;
+            }
+            if (invisiblelayers.indexOf(currentLayerid) > -1 ||
+                invisiblelayers.indexOf(currentLayerid.toString()) > -1) {
+                visible = false;
+            }
+        }
+        return visible;
     }
-    set context(value) {
-        this._context = value;
-        this.refresh();
+    handleContextWithSharedUrl(context) {
+        if (!this.queryParams ||
+            (!hasLegacyParams(this.queryParams, this.shareMapService.optionsLegacy) &&
+                !hasModernShareParams(this.queryParams, this.shareMapService.keysDefinitions))) {
+            return context.layers;
+        }
+        const { layers, uri } = context;
+        const contextValue = this.shareMapService.getContext(this.queryParams);
+        if (!contextValue || contextValue === uri) {
+            const layersOptions = this.shareMapService.parser.parseLayers(this.queryParams);
+            if (layersOptions.length) {
+                return mergeLayersOptions([...layers], layersOptions);
+            }
+        }
+        return layers;
     }
-    _context;
-    submitForm = new EventEmitter();
-    refresh() {
-        this.cd.detectChanges();
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: LayerContextDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.6", type: LayerContextDirective, isStandalone: true, selector: "[igoLayerContext]", inputs: { removeLayersOnContextChange: { classPropertyName: "removeLayersOnContextChange", publicName: "removeLayersOnContextChange", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { contextLayersLoaded: "contextLayersLoaded" }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: LayerContextDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[igoLayerContext]'
+                }]
+        }], propDecorators: { removeLayersOnContextChange: [{ type: i0.Input, args: [{ isSignal: true, alias: "removeLayersOnContextChange", required: false }] }], contextLayersLoaded: [{ type: i0.Output, args: ["contextLayersLoaded"] }] } });
+/** Recursive */
+function addIdToGroups(layerOptions) {
+    for (const options of layerOptions) {
+        if (isLayerGroupOptions(options) && !options.id) {
+            options.id = ID_GROUP_PREFIX + uuid();
+            if (Array.isArray(options.children)) {
+                addIdToGroups(options.children);
+            }
+        }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: ContextEditComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.4", type: ContextEditComponent, isStandalone: true, selector: "igo-context-edit", inputs: { context: "context" }, outputs: { submitForm: "submitForm" }, ngImport: i0, template: "@if (context) {\n  <igo-context-form\n    [btnSubmitText]=\"'igo.context.contextManager.save' | translate\"\n    [context]=\"context\"\n    (submitForm)=\"submitForm.emit($event)\"\n  >\n  </igo-context-form>\n}\n", dependencies: [{ kind: "component", type: ContextFormComponent, selector: "igo-context-form", inputs: ["btnSubmitText", "context", "disabled"], outputs: ["submitForm", "clone", "delete"] }, { kind: "ngmodule", type: IgoLanguageModule }, { kind: "pipe", type: i5$1.TranslatePipe, name: "translate" }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: ContextEditComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'igo-context-edit', imports: [ContextFormComponent, IgoLanguageModule], template: "@if (context) {\n  <igo-context-form\n    [btnSubmitText]=\"'igo.context.contextManager.save' | translate\"\n    [context]=\"context\"\n    (submitForm)=\"submitForm.emit($event)\"\n  >\n  </igo-context-form>\n}\n" }]
-        }], propDecorators: { context: [{
-                type: Input
-            }], submitForm: [{
-                type: Output
-            }] } });
 
-class ContextEditBindingDirective {
+class MapContextDirective {
     contextService = inject(ContextService);
-    messageService = inject(MessageService);
+    mediaService = inject(MediaService);
+    shareMapService = inject(ShareMapService);
     component;
-    editedContext$$;
-    submitSuccessed = new EventEmitter();
-    onEdit(context) {
-        const id = this.component.context.id;
-        this.contextService.update(id, context).subscribe(() => {
-            this.messageService.success('igo.context.contextManager.dialog.saveMsg', 'igo.context.contextManager.dialog.saveTitle', undefined, {
-                value: context.title || this.component.context.title
-            });
-            this.contextService.setEditedContext(undefined);
-            this.submitSuccessed.emit(context);
-        });
+    context$$;
+    get map() {
+        return this.component.map();
     }
+    queryParams;
     constructor() {
-        const component = inject(ContextEditComponent, { self: true });
+        const component = inject(MapBrowserComponent);
         this.component = component;
     }
     ngOnInit() {
-        this.editedContext$$ = this.contextService.editedContext$.subscribe((context) => this.handleEditedContextChange(context));
+        this.context$$ = this.shareMapService.routeService.queryParams
+            .pipe(switchMap((params) => {
+            this.queryParams = params ?? {};
+            return this.contextService.context$.pipe(filter((context) => context !== undefined));
+        }))
+            .subscribe((context) => this.handleContextChange(context));
     }
     ngOnDestroy() {
-        this.editedContext$$.unsubscribe();
-    }
-    handleEditedContextChange(context) {
-        this.component.context = context;
+        this.context$$.unsubscribe();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: ContextEditBindingDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.4", type: ContextEditBindingDirective, isStandalone: true, selector: "[igoContextEditBinding]", outputs: { submitSuccessed: "submitSuccessed" }, host: { listeners: { "submitForm": "onEdit($event)" } }, ngImport: i0 });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: ContextEditBindingDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[igoContextEditBinding]',
-                    standalone: true
-                }]
-        }], ctorParameters: () => [], propDecorators: { submitSuccessed: [{
-                type: Output
-            }], onEdit: [{
-                type: HostListener,
-                args: ['submitForm', ['$event']]
-            }] } });
-
+    handleContextChange(context) {
+        if (context.map === undefined) {
+            return;
+        }
+        const viewContext = context.map.view;
+        const shouldOverrideView = !this.component.view() ||
+            viewContext.keepCurrentView !== true ||
+            context.map.view.projection !== this.map.projection;
+        if (this.shareMapService.hasPositionParams(this.queryParams) &&
+            shouldOverrideView) {
+            const positions = this.shareMapService.parser.parsePosition(this.queryParams);
+            this.component.setView({ ...viewContext, ...positions });
+        }
+        else if (shouldOverrideView) {
+            this.component.setView(viewContext);
+        }
+        const map = this.component.map();
+        if (map.geolocationController) {
+            map.geolocationController.updateGeolocationOptions(viewContext);
+        }
+        const controlsContext = context.map.controls;
+        if (!this.component.controls && controlsContext) {
+            if (this.mediaService.isMobile()) {
+                if (typeof controlsContext.scaleLine !== 'boolean') {
+                    const scaleLineOption = controlsContext.scaleLine;
+                    if (!scaleLineOption.minWidth) {
+                        scaleLineOption.minWidth = Math.min(64, scaleLineOption.minWidth);
+                        controlsContext.scaleLine = scaleLineOption;
+                    }
+                }
+            }
+            this.component.controls = controlsContext;
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: MapContextDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.6", type: MapContextDirective, isStandalone: true, selector: "[igoMapContext]", ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: MapContextDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[igoMapContext]'
+                }]
+        }], ctorParameters: () => [] });
+
+class ContextEditComponent {
+    contextService = inject(ContextService);
+    messageService = inject(MessageService);
+    context = signal(undefined, ...(ngDevMode ? [{ debugName: "context" }] : []));
+    submitSuccessed = output();
+    editedContext$$;
+    ngOnInit() {
+        this.editedContext$$ = this.contextService.editedContext$.subscribe((context) => this.handleEditedContextChange(context));
+    }
+    ngOnDestroy() {
+        this.editedContext$$.unsubscribe();
+    }
+    handleEditedContextChange(context) {
+        this.context.set(context);
+    }
+    onEdit(context) {
+        const id = this.context().id;
+        this.contextService.update(id, context).subscribe(() => {
+            this.messageService.success('igo.context.contextManager.dialog.saveMsg', 'igo.context.contextManager.dialog.saveTitle', undefined, {
+                value: context.title || this.context().title
+            });
+            const currentContext = this.contextService.context$.value;
+            if (currentContext && currentContext.id === id) {
+                currentContext.title = context.title;
+                currentContext.uri = context.uri;
+            }
+            this.contextService.setEditedContext(undefined);
+            this.submitSuccessed.emit(context);
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: ContextEditComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.6", type: ContextEditComponent, isStandalone: true, selector: "igo-context-edit", outputs: { submitSuccessed: "submitSuccessed" }, ngImport: i0, template: "@if (context()) {\n  <igo-context-form\n    [btnSubmitText]=\"'igo.context.contextManager.save' | translate\"\n    [context]=\"context()\"\n    (submitForm)=\"onEdit($event)\"\n  />\n}\n", dependencies: [{ kind: "component", type: ContextFormComponent, selector: "igo-context-form", inputs: ["btnSubmitText", "context", "disabled"], outputs: ["submitForm", "clone", "delete"] }, { kind: "ngmodule", type: IgoLanguageModule }, { kind: "pipe", type: i5$1.TranslatePipe, name: "translate" }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: ContextEditComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'igo-context-edit', imports: [ContextFormComponent, IgoLanguageModule], template: "@if (context()) {\n  <igo-context-form\n    [btnSubmitText]=\"'igo.context.contextManager.save' | translate\"\n    [context]=\"context()\"\n    (submitForm)=\"onEdit($event)\"\n  />\n}\n" }]
+        }], propDecorators: { submitSuccessed: [{ type: i0.Output, args: ["submitSuccessed"] }] } });
+
 class ContextItemComponent {
     auth = inject(AuthService);
     storageService = inject(StorageService);
     typePermission = TypePermission;
     color = 'primary';
     collapsed = true;
-    showFavorite = true;
-    context;
-    default;
-    selected;
-    edit = new EventEmitter();
-    delete = new EventEmitter();
-    save = new EventEmitter();
-    clone = new EventEmitter();
-    hide = new EventEmitter();
-    show = new EventEmitter();
-    favorite = new EventEmitter();
-    managePermissions = new EventEmitter();
-    manageTools = new EventEmitter();
+    showFavorite = input(true, ...(ngDevMode ? [{ debugName: "showFavorite" }] : []));
+    context = input(undefined, ...(ngDevMode ? [{ debugName: "context" }] : []));
+    default = input(undefined, ...(ngDevMode ? [{ debugName: "default" }] : []));
+    selected = input(undefined, ...(ngDevMode ? [{ debugName: "selected" }] : []));
+    isDesktop = input(undefined, ...(ngDevMode ? [{ debugName: "isDesktop" }] : []));
+    edit = output();
+    delete = output();
+    save = output();
+    clone = output();
+    hide = output();
+    show = output();
+    favorite = output();
+    managePermissions = output();
+    manageTools = output();
+    share = output();
     get hidden() {
-        return this.context.hidden;
+        return this.context().hidden;
     }
     get canShare() {
         return this.storageService.get('canShare') === true;
     }
+    get isMenuOpen() {
+        return this.itemActionsMenuTrigger()?.menuOpen ?? false;
+    }
+    itemActionsMenuTrigger = viewChild(MatMenuTrigger, ...(ngDevMode ? [{ debugName: "itemActionsMenuTrigger" }] : []));
     favoriteClick(context) {
         this.favorite.emit(context);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: ContextItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.4", type: ContextItemComponent, isStandalone: true, selector: "igo-context-item", inputs: { showFavorite: "showFavorite", context: "context", default: "default", selected: "selected" }, outputs: { edit: "edit", delete: "delete", save: "save", clone: "clone", hide: "hide", show: "show", favorite: "favorite", managePermissions: "managePermissions", manageTools: "manageTools" }, ngImport: i0, template: "<mat-list-item\n  class=\"mat-list-item\"\n  [ngClass]=\"{ 'mat-list-item-light': hidden }\"\n>\n  @if (auth.authenticated) {\n    <button\n      matListItemAvatar\n      mat-icon-button\n      igoStopPropagation\n      [matTooltip]=\"\n        auth.authenticated\n          ? ('igo.context.contextManager.favorite' | translate)\n          : ''\n      \"\n      matTooltipShowDelay=\"500\"\n      [color]=\"default ? 'primary' : 'default'\"\n      (click)=\"favoriteClick(context)\"\n    >\n      @if (!context.iconImage) {\n        <mat-icon>{{\n          context.icon\n            ? context.icon\n            : context.scope === 'public'\n              ? 'public'\n              : 'star'\n        }}</mat-icon>\n      }\n      @if (context.iconImage) {\n        <img [src]=\"context.iconImage\" />\n      }\n    </button>\n  }\n  @if (!auth.authenticated && showFavorite) {\n    <button\n      matListItemAvatar\n      mat-icon-button\n      igoStopPropagation\n      [matTooltip]=\"'igo.context.contextManager.favorite' | translate\"\n      matTooltipShowDelay=\"500\"\n      [color]=\"default ? 'primary' : 'default'\"\n      (click)=\"favoriteClick(context)\"\n    >\n      <mat-icon>star</mat-icon>\n    </button>\n  }\n  <span matListItemTitle>{{ context.title }}</span>\n\n  @if (auth.authenticated) {\n    <div matListItemMeta igoStopPropagation class=\"igo-actions-container\">\n      @if (\n        collapsed &&\n        selected &&\n        (context.permission === typePermission[typePermission.write] ||\n          context.imported)\n      ) {\n        <button\n          class=\"save-button\"\n          mat-icon-button\n          [matTooltip]=\"'igo.context.contextManager.save' | translate\"\n          matTooltipShowDelay=\"500\"\n          [color]=\"color\"\n          (click)=\"save.emit(context)\"\n        >\n          <mat-icon>save</mat-icon>\n        </button>\n      }\n      <div #actions class=\"igo-actions-expand-container\">\n        @if (canShare && !context.imported) {\n          <button\n            mat-icon-button\n            [matTooltip]=\"\n              'igo.context.contextManager.managePermissions' | translate\n            \"\n            matTooltipShowDelay=\"500\"\n            [color]=\"color\"\n            (click)=\"managePermissions.emit(context)\"\n          >\n            <mat-icon>manage_accounts</mat-icon>\n          </button>\n        }\n        @if (!context.imported) {\n          <button\n            class=\"clone-button\"\n            mat-icon-button\n            [matTooltip]=\"'igo.context.contextManager.clone' | translate\"\n            matTooltipShowDelay=\"500\"\n            [color]=\"color\"\n            (click)=\"clone.emit(context)\"\n          >\n            <mat-icon>content_copy</mat-icon>\n          </button>\n        }\n        @if (\n          context.permission === typePermission[typePermission.write] &&\n          !context.imported\n        ) {\n          <button\n            class=\"edit-button\"\n            mat-icon-button\n            [color]=\"color\"\n            [matTooltip]=\"'igo.context.contextManager.edit' | translate\"\n            matTooltipShowDelay=\"500\"\n            (click)=\"edit.emit(context)\"\n          >\n            <mat-icon>edit</mat-icon>\n          </button>\n        }\n        @if (!context.hidden && !context.imported) {\n          <button\n            class=\"hide-button\"\n            mat-icon-button\n            [color]=\"color\"\n            [matTooltip]=\"'igo.context.contextManager.hide' | translate\"\n            matTooltipShowDelay=\"500\"\n            (click)=\"hide.emit(context)\"\n          >\n            <mat-icon>visibility</mat-icon>\n          </button>\n        }\n        @if (context.hidden && !context.imported) {\n          <button\n            class=\"hide-button\"\n            mat-icon-button\n            [color]=\"color\"\n            [matTooltip]=\"'igo.context.contextManager.show' | translate\"\n            matTooltipShowDelay=\"500\"\n            (click)=\"show.emit(context)\"\n          >\n            <mat-icon>visibility_off</mat-icon>\n          </button>\n        }\n        @if (\n          context.permission === typePermission[typePermission.write] ||\n          context.imported\n        ) {\n          <button\n            class=\"delete-button\"\n            mat-icon-button\n            color=\"warn\"\n            [matTooltip]=\"'igo.context.contextManager.delete' | translate\"\n            matTooltipShowDelay=\"500\"\n            (click)=\"delete.emit(context)\"\n          >\n            <mat-icon>delete</mat-icon>\n          </button>\n        }\n      </div>\n      <button\n        class=\"actions-button\"\n        mat-icon-button\n        igoCollapse\n        [color]=\"color\"\n        [target]=\"actions\"\n        [collapsed]=\"collapsed\"\n        (click)=\"collapsed = !collapsed\"\n      >\n        <mat-icon>more_horiz</mat-icon>\n      </button>\n    </div>\n  }\n</mat-list-item>\n", styles: [":host{overflow:hidden}.igo-actions-container{flex-shrink:0}.igo-actions-expand-container{display:inline-flex}mat-icon.disabled{color:#00000061}.mdc-list-item--with-leading-avatar .mdc-list-item__start{margin:0 8px 0 0}button[matlistitemavatar]{background-color:inherit}\n"], dependencies: [{ kind: "ngmodule", type: MatListModule }, { kind: "component", type: i1$2.MatListItem, selector: "mat-list-item, a[mat-list-item], button[mat-list-item]", inputs: ["activated"], exportAs: ["matListItem"] }, { kind: "directive", type: i1$2.MatListItemAvatar, selector: "[matListItemAvatar]" }, { kind: "directive", type: i1$2.MatListItemTitle, selector: "[matListItemTitle]" }, { kind: "directive", type: i1$2.MatListItemMeta, selector: "[matListItemMeta]" }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i4.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "directive", type: StopPropagationDirective, selector: "[igoStopPropagation]" }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i2$2.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i4$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: CollapseDirective, selector: "[igoCollapse]", inputs: ["target", "collapsed"], outputs: ["toggle"] }, { kind: "ngmodule", type: IgoLanguageModule }, { kind: "pipe", type: i5$1.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: ContextItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.6", type: ContextItemComponent, isStandalone: true, selector: "igo-context-item", inputs: { showFavorite: { classPropertyName: "showFavorite", publicName: "showFavorite", isSignal: true, isRequired: false, transformFunction: null }, context: { classPropertyName: "context", publicName: "context", isSignal: true, isRequired: false, transformFunction: null }, default: { classPropertyName: "default", publicName: "default", isSignal: true, isRequired: false, transformFunction: null }, selected: { classPropertyName: "selected", publicName: "selected", isSignal: true, isRequired: false, transformFunction: null }, isDesktop: { classPropertyName: "isDesktop", publicName: "isDesktop", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { edit: "edit", delete: "delete", save: "save", clone: "clone", hide: "hide", show: "show", favorite: "favorite", managePermissions: "managePermissions", manageTools: "manageTools", share: "share" }, host: { properties: { "class.igo-list-item-focused": "this.isMenuOpen" } }, viewQueries: [{ propertyName: "itemActionsMenuTrigger", first: true, predicate: MatMenuTrigger, descendants: true, isSignal: true }], ngImport: i0, template: "<mat-list-item\n  class=\"mat-list-item\"\n  [ngClass]=\"{ 'mat-list-item-light': hidden }\"\n>\n  @if (auth.authenticated) {\n    <button\n      matListItemAvatar\n      mat-icon-button\n      igoStopPropagation\n      [matTooltip]=\"\n        auth.authenticated\n          ? ('igo.context.contextManager.favorite' | translate)\n          : ''\n      \"\n      matTooltipShowDelay=\"500\"\n      [color]=\"default() ? 'primary' : 'default'\"\n      (click)=\"favoriteClick(context())\"\n    >\n      @if (!context().iconImage) {\n        <mat-icon>{{\n          context().icon\n            ? context().icon\n            : context().scope === 'public'\n              ? 'public'\n              : 'star'\n        }}</mat-icon>\n      } @else {\n        <img\n          [src]=\"context().iconImage\"\n          alt=\"Ic\u00F4ne pour le favori de contexte\"\n        />\n      }\n    </button>\n  } @else if (showFavorite()) {\n    <button\n      matListItemAvatar\n      mat-icon-button\n      igoStopPropagation\n      [matTooltip]=\"'igo.context.contextManager.favorite' | translate\"\n      matTooltipShowDelay=\"500\"\n      [color]=\"default() ? 'primary' : 'default'\"\n      (click)=\"favoriteClick(context())\"\n    >\n      <mat-icon>star</mat-icon>\n    </button>\n  }\n\n  <span matListItemTitle>{{ context().title }}</span>\n\n  @if (auth.authenticated) {\n    <div\n      matListItemMeta\n      igoStopPropagation\n      class=\"igo-actions-container\"\n      [class.--not-desktop]=\"!isDesktop()\"\n      [class.--selected]=\"selected()\"\n    >\n      @if (\n        collapsed &&\n        selected() &&\n        (context().permission === typePermission[typePermission.write] ||\n          context().imported)\n      ) {\n        <button\n          class=\"save-button\"\n          mat-icon-button\n          [matTooltip]=\"'igo.context.contextManager.save' | translate\"\n          matTooltipShowDelay=\"500\"\n          [color]=\"color\"\n          (click)=\"save.emit(context())\"\n        >\n          <mat-icon>save</mat-icon>\n        </button>\n      }\n\n      <button\n        class=\"actions-button\"\n        mat-icon-button\n        [color]=\"color\"\n        [matMenuTriggerFor]=\"itemActionsMenu\"\n        #itemActionsMenuTrigger=\"matMenuTrigger\"\n      >\n        <mat-icon>more_vert</mat-icon>\n      </button>\n      <mat-menu #itemActionsMenu=\"matMenu\">\n        @if (!context().imported) {\n          @if (canShare) {\n            <button\n              mat-menu-item\n              [matTooltip]=\"\n                'igo.context.contextManager.managePermissions' | translate\n              \"\n              matTooltipShowDelay=\"500\"\n              (click)=\"managePermissions.emit(context())\"\n            >\n              <mat-icon>manage_accounts</mat-icon\n              ><span>{{\n                'igo.context.contextManager.managePermissions' | translate\n              }}</span>\n            </button>\n          }\n\n          <button\n            class=\"clone-button\"\n            mat-menu-item\n            [matTooltip]=\"'igo.context.contextManager.clone' | translate\"\n            matTooltipShowDelay=\"500\"\n            (click)=\"clone.emit(context())\"\n          >\n            <mat-icon>content_copy</mat-icon>\n            <span>{{ 'igo.context.contextManager.clone' | translate }}</span>\n          </button>\n\n          @if (context().permission === typePermission[typePermission.write]) {\n            <button\n              class=\"edit-button\"\n              mat-menu-item\n              [matTooltip]=\"'igo.context.contextManager.edit' | translate\"\n              matTooltipShowDelay=\"500\"\n              (click)=\"edit.emit(context())\"\n            >\n              <mat-icon>edit</mat-icon>\n              <span>{{ 'igo.context.contextManager.edit' | translate }}</span>\n            </button>\n          }\n\n          @if (!context().hidden) {\n            <button\n              class=\"hide-button\"\n              mat-menu-item\n              [matTooltip]=\"'igo.context.contextManager.hide' | translate\"\n              matTooltipShowDelay=\"500\"\n              (click)=\"hide.emit(context())\"\n            >\n              <mat-icon>visibility</mat-icon>\n              <span>{{ 'igo.context.contextManager.hide' | translate }}</span>\n            </button>\n          }\n\n          @if (context().hidden) {\n            <button\n              class=\"hide-button\"\n              mat-menu-item\n              [matTooltip]=\"'igo.context.contextManager.show' | translate\"\n              matTooltipShowDelay=\"500\"\n              (click)=\"show.emit(context())\"\n            >\n              <mat-icon>visibility_off</mat-icon>\n              <span>{{ 'igo.context.contextManager.show' | translate }}</span>\n            </button>\n          }\n\n          <button\n            mat-menu-item\n            class=\"share-button\"\n            [matTooltip]=\"'igo.context.contextManager.share' | translate\"\n            matTooltipShowDelay=\"500\"\n            (click)=\"share.emit(context())\"\n          >\n            <mat-icon>share</mat-icon>\n            <span>{{ 'igo.context.contextManager.share' | translate }}</span>\n          </button>\n        }\n\n        @if (\n          context().permission === typePermission[typePermission.write] ||\n          context().imported\n        ) {\n          <button\n            class=\"delete-button\"\n            mat-menu-item\n            color=\"warn\"\n            [matTooltip]=\"'igo.context.contextManager.delete' | translate\"\n            matTooltipShowDelay=\"500\"\n            (click)=\"delete.emit(context())\"\n          >\n            <mat-icon>delete</mat-icon>\n            <span>{{ 'igo.context.contextManager.delete' | translate }}</span>\n          </button>\n        }\n      </mat-menu>\n    </div>\n  }\n</mat-list-item>\n", styles: [":host{overflow:hidden}:host:hover .igo-actions-container button,:host.igo-list-item-focused .igo-actions-container button,:host .--not-desktop button,:host .--selected button{visibility:visible!important}.igo-actions-container{flex-shrink:0}.igo-actions-container button{visibility:hidden}.igo-actions-container button.disabled{visibility:visible}.igo-actions-expand-container{display:inline-flex}mat-icon.disabled{color:#00000061}button[matlistitemavatar]{margin-right:8px}.mdc-list-item--with-leading-avatar .mat-mdc-list-item-avatar{background-color:transparent}\n"], dependencies: [{ kind: "ngmodule", type: MatListModule }, { kind: "component", type: i1$2.MatListItem, selector: "mat-list-item, a[mat-list-item], button[mat-list-item]", inputs: ["activated"], exportAs: ["matListItem"] }, { kind: "directive", type: i1$2.MatListItemAvatar, selector: "[matListItemAvatar]" }, { kind: "directive", type: i1$2.MatListItemTitle, selector: "[matListItemTitle]" }, { kind: "directive", type: i1$2.MatListItemMeta, selector: "[matListItemMeta]" }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i4.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "directive", type: StopPropagationDirective, selector: "[igoStopPropagation]" }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i6$1.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i4$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatMenuModule }, { kind: "component", type: i5$2.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: i5$2.MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i5$2.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { kind: "ngmodule", type: IgoLanguageModule }, { kind: "pipe", type: i5$1.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: ContextItemComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: ContextItemComponent, decorators: [{
             type: Component,
             args: [{ selector: 'igo-context-item', changeDetection: ChangeDetectionStrategy.OnPush, imports: [
                         MatListModule,
@@ -2302,44 +2536,20 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImpor
                         StopPropagationDirective,
                         MatTooltipModule,
                         MatIconModule,
-                        CollapseDirective,
+                        MatMenuModule,
                         IgoLanguageModule
-                    ], template: "<mat-list-item\n  class=\"mat-list-item\"\n  [ngClass]=\"{ 'mat-list-item-light': hidden }\"\n>\n  @if (auth.authenticated) {\n    <button\n      matListItemAvatar\n      mat-icon-button\n      igoStopPropagation\n      [matTooltip]=\"\n        auth.authenticated\n          ? ('igo.context.contextManager.favorite' | translate)\n          : ''\n      \"\n      matTooltipShowDelay=\"500\"\n      [color]=\"default ? 'primary' : 'default'\"\n      (click)=\"favoriteClick(context)\"\n    >\n      @if (!context.iconImage) {\n        <mat-icon>{{\n          context.icon\n            ? context.icon\n            : context.scope === 'public'\n              ? 'public'\n              : 'star'\n        }}</mat-icon>\n      }\n      @if (context.iconImage) {\n        <img [src]=\"context.iconImage\" />\n      }\n    </button>\n  }\n  @if (!auth.authenticated && showFavorite) {\n    <button\n      matListItemAvatar\n      mat-icon-button\n      igoStopPropagation\n      [matTooltip]=\"'igo.context.contextManager.favorite' | translate\"\n      matTooltipShowDelay=\"500\"\n      [color]=\"default ? 'primary' : 'default'\"\n      (click)=\"favoriteClick(context)\"\n    >\n      <mat-icon>star</mat-icon>\n    </button>\n  }\n  <span matListItemTitle>{{ context.title }}</span>\n\n  @if (auth.authenticated) {\n    <div matListItemMeta igoStopPropagation class=\"igo-actions-container\">\n      @if (\n        collapsed &&\n        selected &&\n        (context.permission === typePermission[typePermission.write] ||\n          context.imported)\n      ) {\n        <button\n          class=\"save-button\"\n          mat-icon-button\n          [matTooltip]=\"'igo.context.contextManager.save' | translate\"\n          matTooltipShowDelay=\"500\"\n          [color]=\"color\"\n          (click)=\"save.emit(context)\"\n        >\n          <mat-icon>save</mat-icon>\n        </button>\n      }\n      <div #actions class=\"igo-actions-expand-container\">\n        @if (canShare && !context.imported) {\n          <button\n            mat-icon-button\n            [matTooltip]=\"\n              'igo.context.contextManager.managePermissions' | translate\n            \"\n            matTooltipShowDelay=\"500\"\n            [color]=\"color\"\n            (click)=\"managePermissions.emit(context)\"\n          >\n            <mat-icon>manage_accounts</mat-icon>\n          </button>\n        }\n        @if (!context.imported) {\n          <button\n            class=\"clone-button\"\n            mat-icon-button\n            [matTooltip]=\"'igo.context.contextManager.clone' | translate\"\n            matTooltipShowDelay=\"500\"\n            [color]=\"color\"\n            (click)=\"clone.emit(context)\"\n          >\n            <mat-icon>content_copy</mat-icon>\n          </button>\n        }\n        @if (\n          context.permission === typePermission[typePermission.write] &&\n          !context.imported\n        ) {\n          <button\n            class=\"edit-button\"\n            mat-icon-button\n            [color]=\"color\"\n            [matTooltip]=\"'igo.context.contextManager.edit' | translate\"\n            matTooltipShowDelay=\"500\"\n            (click)=\"edit.emit(context)\"\n          >\n            <mat-icon>edit</mat-icon>\n          </button>\n        }\n        @if (!context.hidden && !context.imported) {\n          <button\n            class=\"hide-button\"\n            mat-icon-button\n            [color]=\"color\"\n            [matTooltip]=\"'igo.context.contextManager.hide' | translate\"\n            matTooltipShowDelay=\"500\"\n            (click)=\"hide.emit(context)\"\n          >\n            <mat-icon>visibility</mat-icon>\n          </button>\n        }\n        @if (context.hidden && !context.imported) {\n          <button\n            class=\"hide-button\"\n            mat-icon-button\n            [color]=\"color\"\n            [matTooltip]=\"'igo.context.contextManager.show' | translate\"\n            matTooltipShowDelay=\"500\"\n            (click)=\"show.emit(context)\"\n          >\n            <mat-icon>visibility_off</mat-icon>\n          </button>\n        }\n        @if (\n          context.permission === typePermission[typePermission.write] ||\n          context.imported\n        ) {\n          <button\n            class=\"delete-button\"\n            mat-icon-button\n            color=\"warn\"\n            [matTooltip]=\"'igo.context.contextManager.delete' | translate\"\n            matTooltipShowDelay=\"500\"\n            (click)=\"delete.emit(context)\"\n          >\n            <mat-icon>delete</mat-icon>\n          </button>\n        }\n      </div>\n      <button\n        class=\"actions-button\"\n        mat-icon-button\n        igoCollapse\n        [color]=\"color\"\n        [target]=\"actions\"\n        [collapsed]=\"collapsed\"\n        (click)=\"collapsed = !collapsed\"\n      >\n        <mat-icon>more_horiz</mat-icon>\n      </button>\n    </div>\n  }\n</mat-list-item>\n", styles: [":host{overflow:hidden}.igo-actions-container{flex-shrink:0}.igo-actions-expand-container{display:inline-flex}mat-icon.disabled{color:#00000061}.mdc-list-item--with-leading-avatar .mdc-list-item__start{margin:0 8px 0 0}button[matlistitemavatar]{background-color:inherit}\n"] }]
-        }], propDecorators: { showFavorite: [{
-                type: Input
-            }], context: [{
-                type: Input
-            }], default: [{
-                type: Input
-            }], selected: [{
-                type: Input
-            }], edit: [{
-                type: Output
-            }], delete: [{
-                type: Output
-            }], save: [{
-                type: Output
-            }], clone: [{
-                type: Output
-            }], hide: [{
-                type: Output
-            }], show: [{
-                type: Output
-            }], favorite: [{
-                type: Output
-            }], managePermissions: [{
-                type: Output
-            }], manageTools: [{
-                type: Output
-            }] } });
+                    ], host: {
+                        '[class.igo-list-item-focused]': 'this.isMenuOpen'
+                    }, template: "<mat-list-item\n  class=\"mat-list-item\"\n  [ngClass]=\"{ 'mat-list-item-light': hidden }\"\n>\n  @if (auth.authenticated) {\n    <button\n      matListItemAvatar\n      mat-icon-button\n      igoStopPropagation\n      [matTooltip]=\"\n        auth.authenticated\n          ? ('igo.context.contextManager.favorite' | translate)\n          : ''\n      \"\n      matTooltipShowDelay=\"500\"\n      [color]=\"default() ? 'primary' : 'default'\"\n      (click)=\"favoriteClick(context())\"\n    >\n      @if (!context().iconImage) {\n        <mat-icon>{{\n          context().icon\n            ? context().icon\n            : context().scope === 'public'\n              ? 'public'\n              : 'star'\n        }}</mat-icon>\n      } @else {\n        <img\n          [src]=\"context().iconImage\"\n          alt=\"Ic\u00F4ne pour le favori de contexte\"\n        />\n      }\n    </button>\n  } @else if (showFavorite()) {\n    <button\n      matListItemAvatar\n      mat-icon-button\n      igoStopPropagation\n      [matTooltip]=\"'igo.context.contextManager.favorite' | translate\"\n      matTooltipShowDelay=\"500\"\n      [color]=\"default() ? 'primary' : 'default'\"\n      (click)=\"favoriteClick(context())\"\n    >\n      <mat-icon>star</mat-icon>\n    </button>\n  }\n\n  <span matListItemTitle>{{ context().title }}</span>\n\n  @if (auth.authenticated) {\n    <div\n      matListItemMeta\n      igoStopPropagation\n      class=\"igo-actions-container\"\n      [class.--not-desktop]=\"!isDesktop()\"\n      [class.--selected]=\"selected()\"\n    >\n      @if (\n        collapsed &&\n        selected() &&\n        (context().permission === typePermission[typePermission.write] ||\n          context().imported)\n      ) {\n        <button\n          class=\"save-button\"\n          mat-icon-button\n          [matTooltip]=\"'igo.context.contextManager.save' | translate\"\n          matTooltipShowDelay=\"500\"\n          [color]=\"color\"\n          (click)=\"save.emit(context())\"\n        >\n          <mat-icon>save</mat-icon>\n        </button>\n      }\n\n      <button\n        class=\"actions-button\"\n        mat-icon-button\n        [color]=\"color\"\n        [matMenuTriggerFor]=\"itemActionsMenu\"\n        #itemActionsMenuTrigger=\"matMenuTrigger\"\n      >\n        <mat-icon>more_vert</mat-icon>\n      </button>\n      <mat-menu #itemActionsMenu=\"matMenu\">\n        @if (!context().imported) {\n          @if (canShare) {\n            <button\n              mat-menu-item\n              [matTooltip]=\"\n                'igo.context.contextManager.managePermissions' | translate\n              \"\n              matTooltipShowDelay=\"500\"\n              (click)=\"managePermissions.emit(context())\"\n            >\n              <mat-icon>manage_accounts</mat-icon\n              ><span>{{\n                'igo.context.contextManager.managePermissions' | translate\n              }}</span>\n            </button>\n          }\n\n          <button\n            class=\"clone-button\"\n            mat-menu-item\n            [matTooltip]=\"'igo.context.contextManager.clone' | translate\"\n            matTooltipShowDelay=\"500\"\n            (click)=\"clone.emit(context())\"\n          >\n            <mat-icon>content_copy</mat-icon>\n            <span>{{ 'igo.context.contextManager.clone' | translate }}</span>\n          </button>\n\n          @if (context().permission === typePermission[typePermission.write]) {\n            <button\n              class=\"edit-button\"\n              mat-menu-item\n              [matTooltip]=\"'igo.context.contextManager.edit' | translate\"\n              matTooltipShowDelay=\"500\"\n              (click)=\"edit.emit(context())\"\n            >\n              <mat-icon>edit</mat-icon>\n              <span>{{ 'igo.context.contextManager.edit' | translate }}</span>\n            </button>\n          }\n\n          @if (!context().hidden) {\n            <button\n              class=\"hide-button\"\n              mat-menu-item\n              [matTooltip]=\"'igo.context.contextManager.hide' | translate\"\n              matTooltipShowDelay=\"500\"\n              (click)=\"hide.emit(context())\"\n            >\n              <mat-icon>visibility</mat-icon>\n              <span>{{ 'igo.context.contextManager.hide' | translate }}</span>\n            </button>\n          }\n\n          @if (context().hidden) {\n            <button\n              class=\"hide-button\"\n              mat-menu-item\n              [matTooltip]=\"'igo.context.contextManager.show' | translate\"\n              matTooltipShowDelay=\"500\"\n              (click)=\"show.emit(context())\"\n            >\n              <mat-icon>visibility_off</mat-icon>\n              <span>{{ 'igo.context.contextManager.show' | translate }}</span>\n            </button>\n          }\n\n          <button\n            mat-menu-item\n            class=\"share-button\"\n            [matTooltip]=\"'igo.context.contextManager.share' | translate\"\n            matTooltipShowDelay=\"500\"\n            (click)=\"share.emit(context())\"\n          >\n            <mat-icon>share</mat-icon>\n            <span>{{ 'igo.context.contextManager.share' | translate }}</span>\n          </button>\n        }\n\n        @if (\n          context().permission === typePermission[typePermission.write] ||\n          context().imported\n        ) {\n          <button\n            class=\"delete-button\"\n            mat-menu-item\n            color=\"warn\"\n            [matTooltip]=\"'igo.context.contextManager.delete' | translate\"\n            matTooltipShowDelay=\"500\"\n            (click)=\"delete.emit(context())\"\n          >\n            <mat-icon>delete</mat-icon>\n            <span>{{ 'igo.context.contextManager.delete' | translate }}</span>\n          </button>\n        }\n      </mat-menu>\n    </div>\n  }\n</mat-list-item>\n", styles: [":host{overflow:hidden}:host:hover .igo-actions-container button,:host.igo-list-item-focused .igo-actions-container button,:host .--not-desktop button,:host .--selected button{visibility:visible!important}.igo-actions-container{flex-shrink:0}.igo-actions-container button{visibility:hidden}.igo-actions-container button.disabled{visibility:visible}.igo-actions-expand-container{display:inline-flex}mat-icon.disabled{color:#00000061}button[matlistitemavatar]{margin-right:8px}.mdc-list-item--with-leading-avatar .mat-mdc-list-item-avatar{background-color:transparent}\n"] }]
+        }], propDecorators: { showFavorite: [{ type: i0.Input, args: [{ isSignal: true, alias: "showFavorite", required: false }] }], context: [{ type: i0.Input, args: [{ isSignal: true, alias: "context", required: false }] }], default: [{ type: i0.Input, args: [{ isSignal: true, alias: "default", required: false }] }], selected: [{ type: i0.Input, args: [{ isSignal: true, alias: "selected", required: false }] }], isDesktop: [{ type: i0.Input, args: [{ isSignal: true, alias: "isDesktop", required: false }] }], edit: [{ type: i0.Output, args: ["edit"] }], delete: [{ type: i0.Output, args: ["delete"] }], save: [{ type: i0.Output, args: ["save"] }], clone: [{ type: i0.Output, args: ["clone"] }], hide: [{ type: i0.Output, args: ["hide"] }], show: [{ type: i0.Output, args: ["show"] }], favorite: [{ type: i0.Output, args: ["favorite"] }], managePermissions: [{ type: i0.Output, args: ["managePermissions"] }], manageTools: [{ type: i0.Output, args: ["manageTools"] }], share: [{ type: i0.Output, args: ["share"] }], itemActionsMenuTrigger: [{ type: i0.ViewChild, args: [i0.forwardRef(() => MatMenuTrigger), { isSignal: true }] }] } });
 
 class BookmarkDialogComponent {
     dialogRef = inject(MatDialogRef);
     title;
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: BookmarkDialogComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.4", type: BookmarkDialogComponent, isStandalone: true, selector: "igo-bookmark-dialog", ngImport: i0, template: "<h1 mat-dialog-title>\n  {{ 'igo.context.bookmarkButton.dialog.title' | translate }}\n</h1>\n<div mat-dialog-content>\n  <mat-form-field>\n    <input\n      matInput\n      required\n      autocomplete=\"off\"\n      maxlength=\"128\"\n      [placeholder]=\"\n        'igo.context.bookmarkButton.dialog.placeholder' | translate\n      \"\n      [(ngModel)]=\"title\"\n    />\n  </mat-form-field>\n</div>\n<div mat-dialog-actions>\n  <button\n    mat-button\n    color=\"primary\"\n    [disabled]=\"!title\"\n    (click)=\"dialogRef.close(title)\"\n  >\n    {{ 'igo.common.confirmDialog.confirmBtn' | translate }}\n  </button>\n  <button mat-button (click)=\"dialogRef.close(false)\">\n    {{ 'igo.common.confirmDialog.cancelBtn' | translate }}\n  </button>\n</div>\n", dependencies: [{ kind: "directive", type: MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "directive", type: MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i1$1.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i2$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", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.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: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i2.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i4.MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: IgoLanguageModule }, { kind: "pipe", type: i5$1.TranslatePipe, name: "translate" }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: BookmarkDialogComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.6", type: BookmarkDialogComponent, isStandalone: true, selector: "igo-bookmark-dialog", ngImport: i0, template: "<h1 mat-dialog-title>\n  {{ 'igo.context.bookmarkButton.dialog.title' | translate }}\n</h1>\n<div mat-dialog-content>\n  <mat-form-field>\n    <input\n      matInput\n      required\n      autocomplete=\"off\"\n      maxlength=\"128\"\n      [placeholder]=\"\n        'igo.context.bookmarkButton.dialog.placeholder' | translate\n      \"\n      [(ngModel)]=\"title\"\n    />\n  </mat-form-field>\n</div>\n<div mat-dialog-actions>\n  <button\n    mat-button\n    color=\"primary\"\n    [disabled]=\"!title\"\n    (click)=\"dialogRef.close(title)\"\n  >\n    {{ 'igo.common.confirmDialog.confirmBtn' | translate }}\n  </button>\n  <button mat-button (click)=\"dialogRef.close(false)\">\n    {{ 'igo.common.confirmDialog.cancelBtn' | translate }}\n  </button>\n</div>\n", dependencies: [{ kind: "directive", type: MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "directive", type: MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i1$1.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i2$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", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.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: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i2.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i4.MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: IgoLanguageModule }, { kind: "pipe", type: i5$1.TranslatePipe, name: "translate" }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: BookmarkDialogComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: BookmarkDialogComponent, decorators: [{
             type: Component,
             args: [{ selector: 'igo-bookmark-dialog', imports: [
                         MatDialogTitle,
@@ -2363,6 +2573,12 @@ var ContextListControlsEnum;
 class ContextListComponent {
     configService = inject(ConfigService);
     auth = inject(AuthService);
+    contextService = inject(ContextService);
+    shareMapService = inject(ShareMapService);
+    clipboard = inject(Clipboard);
+    messageService = inject(MessageService);
+    mapService = inject(MapService);
+    confirmDialogService = inject(ConfirmDialogService);
     dialog = inject(MatDialog);
     languageService = inject(LanguageService);
     storageService = inject(StorageService);
@@ -2371,6 +2587,8 @@ class ContextListComponent {
     contexts$ = new BehaviorSubject(this.contextsInitial);
     change$ = new ReplaySubject(1);
     change$$;
+    previousMessageId;
+    isDesktop;
     get contexts() {
         return this._contexts;
     }
@@ -2379,8 +2597,8 @@ class ContextListComponent {
         this.next();
     }
     _contexts = { ours: [] };
-    selectedContext;
-    map;
+    selectedContext = model(undefined, ...(ngDevMode ? [{ debugName: "selectedContext" }] : []));
+    map = input(undefined, ...(ngDevMode ? [{ debugName: "map" }] : []));
     get defaultContextId() {
         return this.contextConfigs
             ? this._defaultContextId
@@ -2392,20 +2610,20 @@ class ContextListComponent {
     }
     _defaultContextId;
     collapsed = [];
-    select = new EventEmitter();
-    unselect = new EventEmitter();
-    edit = new EventEmitter();
-    delete = new EventEmitter();
-    save = new EventEmitter();
-    clone = new EventEmitter();
-    create = new EventEmitter();
-    hide = new EventEmitter();
-    show = new EventEmitter();
-    showHiddenContexts = new EventEmitter();
-    favorite = new EventEmitter();
-    managePermissions = new EventEmitter();
-    manageTools = new EventEmitter();
-    filterPermissionsChanged = new EventEmitter();
+    select = output();
+    unselect = output();
+    edit = output();
+    delete = output();
+    save = output();
+    clone = output();
+    create = output();
+    hide = output();
+    show = output();
+    showHiddenContexts = output();
+    favorite = output();
+    managePermissions = output();
+    manageTools = output();
+    filterPermissionsChanged = output();
     titleMapping = {
         ours: 'igo.context.contextManager.ourContexts',
         shared: 'igo.context.contextManager.sharedContexts',
@@ -2443,6 +2661,9 @@ class ContextListComponent {
             !this.contexts.public?.length &&
             !this.contexts.shared?.length);
     }
+    contexts$$;
+    selectedContext$$;
+    defaultContextId$$;
     constructor() {
         this.contextConfigs = this.configService.getConfig('context');
     }
@@ -2472,6 +2693,62 @@ class ContextListComponent {
                 }
             }
         ]);
+        // Override input contexts
+        this.contexts = { ours: [] };
+        this.showHidden = this.storageService.get('contexts.showHidden');
+        this.contexts$$ = this.contextService.contexts$.subscribe((contexts) => (this.contexts = contexts));
+        this.defaultContextId$$ = this.contextService.defaultContextId$.subscribe((id) => {
+            this.defaultContextId = id;
+        });
+        const storedContextUri = this.storageService.get('favorite.context.uri');
+        if (storedContextUri && !this.auth.authenticated) {
+            this.contextService.defaultContextId$.next(storedContextUri);
+        }
+        // See feature-list.component for an explanation about the debounce time
+        this.selectedContext$$ = this.contextService.context$
+            .pipe(debounceTime(100))
+            .subscribe((context) => {
+            this.setSelected(context);
+        });
+        this.auth.authenticate$.subscribe((authenticate) => {
+            if (authenticate) {
+                this.contextService.getProfilByUser().subscribe((profils) => {
+                    this.users = profils;
+                    this.permissions = [];
+                    const profilsAcc = this.users.reduce((acc, cur) => {
+                        acc = acc.concat(cur);
+                        acc = cur.childs ? acc.concat(cur.childs) : acc;
+                        return acc;
+                    }, []);
+                    for (const user of profilsAcc) {
+                        const permission = {
+                            name: user.name,
+                            checked: this.storageService.get('contexts.permissions.' + user.name)
+                        };
+                        if (permission.checked === null) {
+                            permission.checked = true;
+                        }
+                        this.permissions.push(permission);
+                    }
+                    const permissions = ['none'];
+                    for (const p of this.permissions) {
+                        if (p.checked === true || p.indeterminate === true) {
+                            permissions.push(p.name);
+                        }
+                    }
+                    this.contextService.loadContexts(permissions, this.showHidden);
+                });
+            }
+        });
+    }
+    ngOnDestroy() {
+        this.change$$.unsubscribe();
+        this.contexts$$.unsubscribe();
+        this.selectedContext$$.unsubscribe();
+        this.defaultContextId$$.unsubscribe();
+    }
+    setSelected(context) {
+        this.selectedContext.set(context);
     }
     next() {
         this.change$.next();
@@ -2532,9 +2809,6 @@ class ContextListComponent {
             return updateContexts;
         }
     }
-    ngOnDestroy() {
-        this.change$$.unsubscribe();
-    }
     showFilter() {
         switch (this.showContextFilter) {
             case ContextListControlsEnum.always:
@@ -2612,7 +2886,7 @@ class ContextListComponent {
             .pipe(take(1))
             .subscribe((title) => {
             if (title) {
-                this.create.emit({ title, empty });
+                this.onCreate({ title, empty });
             }
         });
     }
@@ -2655,108 +2929,50 @@ class ContextListComponent {
                 }
             }
         }
-        this.filterPermissionsChanged.emit(this.permissions);
-    }
-    hideContext(context) {
-        context.hidden = true;
-        if (!this.showHidden) {
-            const contexts = { ours: [], shared: [], public: [] };
-            contexts.ours = this.contexts.ours.filter((c) => c.id !== context.id);
-            contexts.shared = this.contexts.shared?.filter((c) => c.id !== context.id);
-            contexts.public = this.contexts.public?.filter((c) => c.id !== context.id);
-            this.contexts = contexts;
-        }
-        this.hide.emit(context);
+        this.onFilterPermissionsChanged();
     }
     showContext(context) {
         context.hidden = false;
+        this.contextService.showContext(context.id).subscribe();
         this.show.emit(context);
     }
     onSelect(context) {
+        this.contextService.loadContext(context.uri);
         this.select.emit(context);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: ContextListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.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    @if (showFilter()) {\n      <mat-form-field 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        @if (term.length) {\n          <button\n            mat-icon-button\n            matSuffix\n            class=\"clear-button\"\n            aria-label=\"Clear\"\n            color=\"warn\"\n            (click)=\"clearFilter()\"\n          >\n            <mat-icon>close</mat-icon>\n          </button>\n        }\n      </mat-form-field>\n    }\n\n    <div class=\"actions-container\">\n      <button\n        class=\"sort-alpha\"\n        [class.--active]=\"sortedAlpha\"\n        mat-icon-button\n        [matTooltip]=\"\n          'igo.context.contextManager.sortAlphabetically' | translate\n        \"\n        matTooltipShowDelay=\"500\"\n        (click)=\"toggleSort()\"\n      >\n        <mat-icon color=\"primary\">sort_by_alpha</mat-icon>\n      </button>\n\n      @if (auth.authenticated && contextConfigs) {\n        <igo-actionbar\n          class=\"add-context-button\"\n          [iconColor]=\"color\"\n          [store]=\"actionStore\"\n          [withIcon]=\"true\"\n          icon=\"add\"\n          [withTitle]=\"actionbarMode === 'overlay'\"\n          [horizontal]=\"false\"\n          [mode]=\"actionbarMode\"\n        >\n        </igo-actionbar>\n      }\n\n      @if (auth.authenticated && contextConfigs) {\n        <button\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\">filter_alt</mat-icon>\n        </button>\n      }\n      <mat-menu #accountMenu=\"matMenu\">\n        @for (user of users; track user) {\n          @if (!user.childs) {\n            <button mat-menu-item class=\"profil-menu\">\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          } @else {\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            <mat-menu #subAccountMenu=\"matMenu\">\n              @for (child of user.childs; track child) {\n                <button mat-menu-item class=\"profil-menu\">\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              }\n            </mat-menu>\n          }\n        }\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  @for (\n    groupContexts of $any(contexts$ | async) | keyvalue;\n    track groupContexts\n  ) {\n    @if ($any(groupContexts).value.length && auth.authenticated) {\n      <igo-collapsible\n        [title]=\"titleMapping[$any(groupContexts).key] | translate\"\n        [collapsed]=\"$any(collapsed[titleMapping[$any(groupContexts).key]])\"\n        (toggle)=\"\n          collapsed[titleMapping[$any(groupContexts).key]] = $any($event)\n        \"\n      >\n        @for (context of $any(groupContexts).value; track context) {\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)=\"onSelect(context)\"\n            (unselect)=\"unselect.emit(context)\"\n          >\n          </igo-context-item>\n        }\n      </igo-collapsible>\n    }\n    @if ($any(groupContexts).value.length && !auth.authenticated; as context) {\n      @for (context of $any(groupContexts).value; track context) {\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      }\n    }\n  }\n\n  @if (isEmpty) {\n    <div class=\"no-result\">\n      {{ 'igo.context.contextManager.noResult' | translate }}\n    </div>\n  }\n</igo-list>\n", styles: [":host{--mat-list-list-item-one-line-container-height: 40px;--mat-form-field-container-height: 48px;--mat-form-field-container-vertical-padding: 12px;--mat-icon-button-state-layer-size: 40px}: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}.sort-alpha.--active mat-icon{color:red}.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: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i1$1.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i1$1.MatLabel, selector: "mat-label" }, { kind: "directive", type: i1$1.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i2$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", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.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: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i4.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i4$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i2$2.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: i7.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: i7.MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i7.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { kind: "ngmodule", type: MatCheckboxModule }, { kind: "component", type: i8.MatCheckbox, selector: "mat-checkbox", inputs: ["aria-label", "aria-labelledby", "aria-describedby", "aria-expanded", "aria-controls", "aria-owns", "id", "required", "labelPosition", "name", "value", "disableRipple", "tabIndex", "color", "disabledInteractive", "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: "ngmodule", type: IgoLanguageModule }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: KeyValuePipe, name: "keyvalue" }, { kind: "pipe", type: i5$1.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: ContextListComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'igo-context-list', changeDetection: ChangeDetectionStrategy.OnPush, imports: [
-                        ListComponent,
-                        MatFormFieldModule,
-                        MatInputModule,
-                        FormsModule,
-                        MatButtonModule,
-                        MatIconModule,
-                        MatTooltipModule,
-                        ActionbarComponent,
-                        MatMenuModule,
-                        MatCheckboxModule,
-                        CollapsibleComponent,
-                        ContextItemComponent,
-                        ListItemDirective,
-                        AsyncPipe,
-                        KeyValuePipe,
-                        IgoLanguageModule
-                    ], template: "<igo-list [navigation]=\"true\">\n  <div class=\"context-filter-container\">\n    @if (showFilter()) {\n      <mat-form-field 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        @if (term.length) {\n          <button\n            mat-icon-button\n            matSuffix\n            class=\"clear-button\"\n            aria-label=\"Clear\"\n            color=\"warn\"\n            (click)=\"clearFilter()\"\n          >\n            <mat-icon>close</mat-icon>\n          </button>\n        }\n      </mat-form-field>\n    }\n\n    <div class=\"actions-container\">\n      <button\n        class=\"sort-alpha\"\n        [class.--active]=\"sortedAlpha\"\n        mat-icon-button\n        [matTooltip]=\"\n          'igo.context.contextManager.sortAlphabetically' | translate\n        \"\n        matTooltipShowDelay=\"500\"\n        (click)=\"toggleSort()\"\n      >\n        <mat-icon color=\"primary\">sort_by_alpha</mat-icon>\n      </button>\n\n      @if (auth.authenticated && contextConfigs) {\n        <igo-actionbar\n          class=\"add-context-button\"\n          [iconColor]=\"color\"\n          [store]=\"actionStore\"\n          [withIcon]=\"true\"\n          icon=\"add\"\n          [withTitle]=\"actionbarMode === 'overlay'\"\n          [horizontal]=\"false\"\n          [mode]=\"actionbarMode\"\n        >\n        </igo-actionbar>\n      }\n\n      @if (auth.authenticated && contextConfigs) {\n        <button\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\">filter_alt</mat-icon>\n        </button>\n      }\n      <mat-menu #accountMenu=\"matMenu\">\n        @for (user of users; track user) {\n          @if (!user.childs) {\n            <button mat-menu-item class=\"profil-menu\">\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          } @else {\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            <mat-menu #subAccountMenu=\"matMenu\">\n              @for (child of user.childs; track child) {\n                <button mat-menu-item class=\"profil-menu\">\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              }\n            </mat-menu>\n          }\n        }\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  @for (\n    groupContexts of $any(contexts$ | async) | keyvalue;\n    track groupContexts\n  ) {\n    @if ($any(groupContexts).value.length && auth.authenticated) {\n      <igo-collapsible\n        [title]=\"titleMapping[$any(groupContexts).key] | translate\"\n        [collapsed]=\"$any(collapsed[titleMapping[$any(groupContexts).key]])\"\n        (toggle)=\"\n          collapsed[titleMapping[$any(groupContexts).key]] = $any($event)\n        \"\n      >\n        @for (context of $any(groupContexts).value; track context) {\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)=\"onSelect(context)\"\n            (unselect)=\"unselect.emit(context)\"\n          >\n          </igo-context-item>\n        }\n      </igo-collapsible>\n    }\n    @if ($any(groupContexts).value.length && !auth.authenticated; as context) {\n      @for (context of $any(groupContexts).value; track context) {\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      }\n    }\n  }\n\n  @if (isEmpty) {\n    <div class=\"no-result\">\n      {{ 'igo.context.contextManager.noResult' | translate }}\n    </div>\n  }\n</igo-list>\n", styles: [":host{--mat-list-list-item-one-line-container-height: 40px;--mat-form-field-container-height: 48px;--mat-form-field-container-vertical-padding: 12px;--mat-icon-button-state-layer-size: 40px}: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}.sort-alpha.--active mat-icon{color:red}.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: () => [], propDecorators: { contexts: [{
-                type: Input
-            }], selectedContext: [{
-                type: Input
-            }], map: [{
-                type: Input
-            }], defaultContextId: [{
-                type: Input
-            }], select: [{
-                type: Output
-            }], unselect: [{
-                type: Output
-            }], edit: [{
-                type: Output
-            }], delete: [{
-                type: Output
-            }], save: [{
-                type: Output
-            }], clone: [{
-                type: Output
-            }], create: [{
-                type: Output
-            }], hide: [{
-                type: Output
-            }], show: [{
-                type: Output
-            }], showHiddenContexts: [{
-                type: Output
-            }], favorite: [{
-                type: Output
-            }], managePermissions: [{
-                type: Output
-            }], manageTools: [{
-                type: Output
-            }], filterPermissionsChanged: [{
-                type: Output
-            }], term: [{
-                type: Input
-            }] } });
-
-class ContextListBindingDirective {
-    contextService = inject(ContextService);
-    mapService = inject(MapService);
-    languageService = inject(LanguageService);
-    confirmDialogService = inject(ConfirmDialogService);
-    messageService = inject(MessageService);
-    auth = inject(AuthService);
-    storageService = inject(StorageService);
-    cdRef = inject(ChangeDetectorRef);
-    component;
-    contexts$$;
-    selectedContext$$;
-    defaultContextId$$;
-    previousMessageId;
-    onSelect(context) {
-        this.contextService.loadContext(context.uri);
+    isContextSelected(context) {
+        const selectedContext = this.selectedContext();
+        if (!selectedContext)
+            return false;
+        return context?.id
+            ? selectedContext.id === context.id
+            : selectedContext.uri === context.uri;
+    }
+    onShareContext(context) {
+        const currentContext = this.contextService.context$.value;
+        const { toolKey, sidenavKey, languageKey } = this.shareMapService.routeService.options;
+        const { context: contextKey } = this.shareMapService.options;
+        const baseOrigin = this.shareMapService.encoder.sanitizeBaseUrl(this.shareMapService.document.location.href);
+        const url = context.uri === currentContext.uri
+            ? this.shareMapService.encoder.generateUrl(this.map(), this.contextService.context$.value)
+            : `${baseOrigin}${contextKey}=${context.uri}`;
+        const params = [];
+        const currentLanguage = this.shareMapService.encoder.language;
+        if (currentLanguage && !url.includes(`${languageKey}=`))
+            params.push(`${languageKey}=${currentLanguage}`);
+        if (!url.includes(`${toolKey}=`))
+            params.push(`${toolKey}=${'mapTools'}`);
+        if (!url.includes(`${sidenavKey}=`))
+            params.push(`${sidenavKey}=1`);
+        const fullUrl = params.length ? `${url}&${params.join('&')}` : url;
+        const successful = this.clipboard.copy(fullUrl);
+        if (!successful)
+            return;
+        this.messageService.success('igo.context.shareMap.dialog.copyMsg', 'igo.context.shareMap.dialog.copyTitle');
     }
     onEdit(context) {
         this.contextService.loadEditedContext(context.uri);
+        this.edit.emit(context);
     }
     onSave(context) {
         const map = this.mapService.getMap();
@@ -2781,31 +2997,53 @@ class ContextListBindingDirective {
                 view: contextFromMap.map.view
             }
         };
-        this.contextService.update(context.id, changes).subscribe(() => {
+        this.contextService
+            .update(context.id, changes)
+            .pipe(tap((changes) => {
+            this.handleContextChanges(changes);
             msgSuccess();
+        }), switchMap(() => this.contextService.getDetails(context.id)), tap((fullContext) => {
+            this.contextService.context$.value.layers = fullContext.layers;
+        }), take(1))
+            .subscribe();
+        this.save.emit(context);
+    }
+    handleContextChanges(changes) {
+        const map = this.mapService.getMap();
+        changes.layers.created.forEach((layerCreated) => {
+            const layer = isLayerItemOptions(layerCreated)
+                ? map.layerController.getBySourceId(layerCreated.sourceOptions.id)
+                : map.layerController.getByTitle(layerCreated.title);
+            if (layer) {
+                layer.id = layerCreated.id;
+            }
         });
     }
     onFavorite(context) {
         if (!context.id) {
             context.id = context.uri;
         }
-        this.contextService.setDefault(context.id).subscribe(() => {
+        this.contextService.setDefault(context.id).subscribe((defaultId) => {
             if (this.previousMessageId) {
                 this.messageService.remove(this.previousMessageId);
             }
-            this.contextService.defaultContextId$.next(context.id);
-            const messageObj = this.messageService.success('igo.context.contextManager.dialog.favoriteMsg', 'igo.context.contextManager.dialog.favoriteTitle', undefined, {
-                value: context.title
-            });
-            this.previousMessageId = messageObj.toastId;
-            this.cdRef.detectChanges();
+            this.contextService.defaultContextId$.next(defaultId);
+            if (defaultId) {
+                const messageObj = this.messageService.success('igo.context.contextManager.dialog.favoriteMsg', 'igo.context.contextManager.dialog.favoriteTitle', undefined, {
+                    value: context.title
+                });
+                this.previousMessageId = messageObj.toastId;
+            }
+            this.favorite.emit(context);
         });
     }
     onManageTools(context) {
         this.contextService.loadEditedContext(context.uri);
+        this.manageTools.emit(context);
     }
     onManagePermissions(context) {
         this.contextService.loadEditedContext(context.uri);
+        this.managePermissions.emit(context);
     }
     onDelete(context) {
         const translate = this.languageService.translate;
@@ -2818,6 +3056,7 @@ class ContextListBindingDirective {
                     .subscribe(() => {
                     this.messageService.info('igo.context.contextManager.dialog.deleteMsg', 'igo.context.contextManager.dialog.deleteTitle', undefined, { value: context.title });
                 });
+                this.delete.emit(context);
             }
         });
     }
@@ -2829,189 +3068,103 @@ class ContextListBindingDirective {
         this.contextService.clone(context.id, properties).subscribe(() => {
             this.messageService.success('igo.context.contextManager.dialog.cloneMsg', 'igo.context.contextManager.dialog.cloneTitle', undefined, { value: context.title });
         });
+        this.clone.emit(context);
     }
     onCreate(opts) {
         const { title, empty } = opts;
-        const context = this.contextService.getContextFromMap(this.component.map, empty);
+        const context = this.contextService.getContextFromMap(this.map(), empty);
         context.title = title;
         this.contextService.create(context).subscribe(() => {
             this.messageService.success('igo.context.bookmarkButton.dialog.createMsg', 'igo.context.bookmarkButton.dialog.createTitle', undefined, { value: context.title });
             this.contextService.loadContext(context.uri);
         });
+        this.create.emit(opts);
     }
-    loadContexts() {
+    onFilterPermissionsChanged() {
         const permissions = ['none'];
-        for (const p of this.component.permissions) {
+        for (const p of this.permissions) {
             if (p.checked === true || p.indeterminate === true) {
                 permissions.push(p.name);
             }
         }
-        this.contextService.loadContexts(permissions, this.component.showHidden);
-    }
-    showHiddenContexts() {
-        this.component.showHidden = !this.component.showHidden;
-        this.storageService.set('contexts.showHidden', this.component.showHidden);
-        this.loadContexts();
+        this.contextService.loadContexts(permissions, this.showHidden);
+        this.filterPermissionsChanged.emit(this.permissions);
     }
-    onShowContext(context) {
-        this.contextService.showContext(context.id).subscribe();
+    onShowHiddenContexts() {
+        this.showHidden = !this.showHidden;
+        this.storageService.set('contexts.showHidden', this.showHidden);
+        this.onFilterPermissionsChanged();
+        this.showHiddenContexts.emit(this.showHidden);
     }
     onHideContext(context) {
         this.contextService.hideContext(context.id).subscribe();
-    }
-    constructor() {
-        const component = inject(ContextListComponent, { self: true });
-        this.component = component;
-    }
-    ngOnInit() {
-        // Override input contexts
-        this.component.contexts = { ours: [] };
-        this.component.showHidden = this.storageService.get('contexts.showHidden');
-        this.contexts$$ = this.contextService.contexts$.subscribe((contexts) => this.handleContextsChange(contexts));
-        this.defaultContextId$$ = this.contextService.defaultContextId$.subscribe((id) => {
-            this.component.defaultContextId = id;
-        });
-        const storedContextUri = this.storageService.get('favorite.context.uri');
-        if (storedContextUri && !this.auth.authenticated) {
-            this.contextService.defaultContextId$.next(storedContextUri);
+        context.hidden = true;
+        if (!this.showHidden) {
+            const contexts = { ours: [], shared: [], public: [] };
+            contexts.ours = this.contexts.ours.filter((c) => c.id !== context.id);
+            contexts.shared = this.contexts.shared?.filter((c) => c.id !== context.id);
+            contexts.public = this.contexts.public?.filter((c) => c.id !== context.id);
+            this.contexts = contexts;
         }
-        // See feature-list.component for an explanation about the debounce time
-        this.selectedContext$$ = this.contextService.context$
-            .pipe(debounceTime(100))
-            .subscribe((context) => {
-            this.component.selectedContext = context;
-            this.cdRef.markForCheck();
-        });
-        this.auth.authenticate$.subscribe((authenticate) => {
-            if (authenticate) {
-                this.contextService.getProfilByUser().subscribe((profils) => {
-                    this.component.users = profils;
-                    this.component.permissions = [];
-                    const profilsAcc = this.component.users.reduce((acc, cur) => {
-                        acc = acc.concat(cur);
-                        acc = cur.childs ? acc.concat(cur.childs) : acc;
-                        return acc;
-                    }, []);
-                    for (const user of profilsAcc) {
-                        const permission = {
-                            name: user.name,
-                            checked: this.storageService.get('contexts.permissions.' + user.name)
-                        };
-                        if (permission.checked === null) {
-                            permission.checked = true;
-                        }
-                        this.component.permissions.push(permission);
-                    }
-                    const permissions = ['none'];
-                    for (const p of this.component.permissions) {
-                        if (p.checked === true || p.indeterminate === true) {
-                            permissions.push(p.name);
-                        }
-                    }
-                    this.contextService.loadContexts(permissions, this.component.showHidden);
-                });
-            }
-        });
-    }
-    ngOnDestroy() {
-        this.contexts$$.unsubscribe();
-        this.selectedContext$$.unsubscribe();
-        this.defaultContextId$$.unsubscribe();
-    }
-    handleContextsChange(contexts) {
-        this.component.contexts = contexts;
+        this.hide.emit(context);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: ContextListBindingDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.4", type: ContextListBindingDirective, isStandalone: true, selector: "[igoContextListBinding]", host: { listeners: { "select": "onSelect($event)", "edit": "onEdit($event)", "save": "onSave($event)", "favorite": "onFavorite($event)", "manageTools": "onManageTools($event)", "managePermissions": "onManagePermissions($event)", "delete": "onDelete($event)", "clone": "onClone($event)", "create": "onCreate($event)", "filterPermissionsChanged": "loadContexts()", "showHiddenContexts": "showHiddenContexts()", "show": "onShowContext($event)", "hide": "onHideContext($event)" } }, providers: [ConfirmDialogService], ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: ContextListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.6", type: ContextListComponent, isStandalone: true, selector: "igo-context-list", inputs: { isDesktop: { classPropertyName: "isDesktop", publicName: "isDesktop", isSignal: false, isRequired: false, transformFunction: null }, contexts: { classPropertyName: "contexts", publicName: "contexts", isSignal: false, isRequired: false, transformFunction: null }, selectedContext: { classPropertyName: "selectedContext", publicName: "selectedContext", isSignal: true, isRequired: false, transformFunction: null }, map: { classPropertyName: "map", publicName: "map", isSignal: true, isRequired: false, transformFunction: null }, defaultContextId: { classPropertyName: "defaultContextId", publicName: "defaultContextId", isSignal: false, isRequired: false, transformFunction: null }, term: { classPropertyName: "term", publicName: "term", isSignal: false, isRequired: false, transformFunction: null } }, outputs: { selectedContext: "selectedContextChange", 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    @if (showFilter()) {\n      <mat-form-field 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        @if (term.length) {\n          <button\n            mat-icon-button\n            matSuffix\n            class=\"clear-button\"\n            aria-label=\"Clear\"\n            color=\"warn\"\n            (click)=\"clearFilter()\"\n          >\n            <mat-icon>close</mat-icon>\n          </button>\n        }\n      </mat-form-field>\n    }\n\n    <div class=\"actions-container\">\n      <button\n        class=\"sort-alpha\"\n        [class.--active]=\"sortedAlpha\"\n        mat-icon-button\n        [matTooltip]=\"\n          'igo.context.contextManager.sortAlphabetically' | translate\n        \"\n        matTooltipShowDelay=\"500\"\n        (click)=\"toggleSort()\"\n      >\n        <mat-icon color=\"primary\">sort_by_alpha</mat-icon>\n      </button>\n\n      @if (auth.authenticated && contextConfigs) {\n        <igo-actionbar\n          class=\"add-context-button\"\n          [iconColor]=\"color\"\n          [store]=\"actionStore\"\n          [withIcon]=\"true\"\n          icon=\"add\"\n          [withTitle]=\"actionbarMode === 'overlay'\"\n          [horizontal]=\"false\"\n          [mode]=\"actionbarMode\"\n        />\n\n        <button\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\">filter_alt</mat-icon>\n        </button>\n      }\n      <mat-menu #accountMenu=\"matMenu\">\n        @for (user of users; track user.name) {\n          @if (!user.childs) {\n            <button mat-menu-item class=\"profil-menu\">\n              <mat-checkbox\n                [checked]=\"getPermission(user).checked\"\n                [indeterminate]=\"getPermission(user).indeterminate\"\n                (click)=\"$event.stopPropagation()\"\n                (change)=\"handleToggleCategory(user)\"\n              />\n              <span>{{ user.title }}</span>\n            </button>\n          } @else {\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              <span>{{ user.title }}</span>\n            </button>\n            <mat-menu #subAccountMenu=\"matMenu\">\n              @for (child of user.childs; track child.name) {\n                <button mat-menu-item class=\"profil-menu\">\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              }\n            </mat-menu>\n          }\n        }\n\n        <button mat-menu-item class=\"profil-menu\">\n          <mat-checkbox\n            [checked]=\"showHidden\"\n            (click)=\"$event.stopPropagation()\"\n            (change)=\"onShowHiddenContexts()\"\n          />\n          <span>\n            {{ 'igo.context.contextManager.showHidden' | translate }}\n          </span>\n        </button>\n      </mat-menu>\n    </div>\n  </div>\n\n  @for (\n    groupContexts of $any(contexts$ | async) | keyvalue;\n    track groupContexts\n  ) {\n    @if ($any(groupContexts).value.length && auth.authenticated) {\n      <igo-collapsible\n        [title]=\"titleMapping[$any(groupContexts).key] | translate\"\n        [collapsed]=\"$any(collapsed[titleMapping[$any(groupContexts).key]])\"\n        (toggle)=\"\n          collapsed[titleMapping[$any(groupContexts).key]] = $any($event)\n        \"\n      >\n        @for (\n          context of $any(groupContexts).value;\n          track context.id ?? context.uri\n        ) {\n          <igo-context-item\n            igoListItem\n            color=\"accent\"\n            [selected]=\"\n              selectedContext() && selectedContext().uri === context.uri\n            \"\n            [context]=\"context\"\n            [default]=\"\n              context.id &&\n              this.defaultContextId &&\n              this.defaultContextId === context.id\n            \"\n            [isDesktop]=\"isDesktop\"\n            (edit)=\"onEdit(context)\"\n            (delete)=\"onDelete(context)\"\n            (clone)=\"onClone(context)\"\n            (save)=\"onSave(context)\"\n            (hide)=\"onHideContext(context)\"\n            (show)=\"showContext(context)\"\n            (favorite)=\"onFavorite(context)\"\n            (manageTools)=\"onManageTools(context)\"\n            (managePermissions)=\"onManagePermissions(context)\"\n            (select)=\"onSelect(context)\"\n            (unselect)=\"unselect.emit(context)\"\n            (share)=\"onShareContext(context)\"\n          />\n        }\n      </igo-collapsible>\n    }\n    @if ($any(groupContexts).value.length && !auth.authenticated; as context) {\n      @for (\n        context of $any(groupContexts).value;\n        track context.id ?? context.uri\n      ) {\n        <igo-context-item\n          igoListItem\n          color=\"accent\"\n          [selected]=\"isContextSelected(context)\"\n          [context]=\"context\"\n          [default]=\"\n            contextConfigs\n              ? defaultContextId === context.id\n              : defaultContextId === context.uri\n          \"\n          [isDesktop]=\"isDesktop\"\n          (edit)=\"onEdit(context)\"\n          (delete)=\"onDelete(context)\"\n          (clone)=\"onClone(context)\"\n          (save)=\"onSave(context)\"\n          (hide)=\"onHideContext(context)\"\n          (show)=\"showContext(context)\"\n          (favorite)=\"onFavorite(context)\"\n          (select)=\"onSelect(context)\"\n          (unselect)=\"unselect.emit(context)\"\n        />\n      }\n    }\n  }\n\n  @if (isEmpty) {\n    <div class=\"no-result\">\n      {{ 'igo.context.contextManager.noResult' | translate }}\n    </div>\n  }\n</igo-list>\n", styles: [":host{--mat-list-list-item-one-line-container-height: 40px;--mat-form-field-container-height: 48px;--mat-form-field-container-vertical-padding: 12px;--mat-icon-button-state-layer-size: 40px}: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}.sort-alpha.--active mat-icon{color:red}.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: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i1$1.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i1$1.MatLabel, selector: "mat-label" }, { kind: "directive", type: i1$1.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i2$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", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.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: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i4.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i4$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i6$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: i5$2.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: i5$2.MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i5$2.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { kind: "ngmodule", type: MatCheckboxModule }, { kind: "component", type: i8.MatCheckbox, selector: "mat-checkbox", inputs: ["aria-label", "aria-labelledby", "aria-describedby", "aria-expanded", "aria-controls", "aria-owns", "id", "required", "labelPosition", "name", "value", "disableRipple", "tabIndex", "color", "disabledInteractive", "checked", "disabled", "indeterminate"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }, { kind: "component", type: CollapsibleComponent, selector: "igo-collapsible", inputs: ["title", "collapsed"], outputs: ["collapsedChange", "toggle"] }, { kind: "component", type: ContextItemComponent, selector: "igo-context-item", inputs: ["showFavorite", "context", "default", "selected", "isDesktop"], outputs: ["edit", "delete", "save", "clone", "hide", "show", "favorite", "managePermissions", "manageTools", "share"] }, { 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: "ngmodule", type: IgoLanguageModule }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: KeyValuePipe, name: "keyvalue" }, { kind: "pipe", type: i5$1.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: ContextListBindingDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[igoContextListBinding]',
-                    standalone: true,
-                    providers: [ConfirmDialogService]
-                }]
-        }], ctorParameters: () => [], propDecorators: { onSelect: [{
-                type: HostListener,
-                args: ['select', ['$event']]
-            }], onEdit: [{
-                type: HostListener,
-                args: ['edit', ['$event']]
-            }], onSave: [{
-                type: HostListener,
-                args: ['save', ['$event']]
-            }], onFavorite: [{
-                type: HostListener,
-                args: ['favorite', ['$event']]
-            }], onManageTools: [{
-                type: HostListener,
-                args: ['manageTools', ['$event']]
-            }], onManagePermissions: [{
-                type: HostListener,
-                args: ['managePermissions', ['$event']]
-            }], onDelete: [{
-                type: HostListener,
-                args: ['delete', ['$event']]
-            }], onClone: [{
-                type: HostListener,
-                args: ['clone', ['$event']]
-            }], onCreate: [{
-                type: HostListener,
-                args: ['create', ['$event']]
-            }], loadContexts: [{
-                type: HostListener,
-                args: ['filterPermissionsChanged']
-            }], showHiddenContexts: [{
-                type: HostListener,
-                args: ['showHiddenContexts']
-            }], onShowContext: [{
-                type: HostListener,
-                args: ['show', ['$event']]
-            }], onHideContext: [{
-                type: HostListener,
-                args: ['hide', ['$event']]
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: ContextListComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'igo-context-list', changeDetection: ChangeDetectionStrategy.OnPush, imports: [
+                        ListComponent,
+                        MatFormFieldModule,
+                        MatInputModule,
+                        FormsModule,
+                        MatButtonModule,
+                        MatIconModule,
+                        MatTooltipModule,
+                        ActionbarComponent,
+                        MatMenuModule,
+                        MatCheckboxModule,
+                        CollapsibleComponent,
+                        ContextItemComponent,
+                        ListItemDirective,
+                        AsyncPipe,
+                        KeyValuePipe,
+                        IgoLanguageModule
+                    ], template: "<igo-list [navigation]=\"true\">\n  <div class=\"context-filter-container\">\n    @if (showFilter()) {\n      <mat-form-field 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        @if (term.length) {\n          <button\n            mat-icon-button\n            matSuffix\n            class=\"clear-button\"\n            aria-label=\"Clear\"\n            color=\"warn\"\n            (click)=\"clearFilter()\"\n          >\n            <mat-icon>close</mat-icon>\n          </button>\n        }\n      </mat-form-field>\n    }\n\n    <div class=\"actions-container\">\n      <button\n        class=\"sort-alpha\"\n        [class.--active]=\"sortedAlpha\"\n        mat-icon-button\n        [matTooltip]=\"\n          'igo.context.contextManager.sortAlphabetically' | translate\n        \"\n        matTooltipShowDelay=\"500\"\n        (click)=\"toggleSort()\"\n      >\n        <mat-icon color=\"primary\">sort_by_alpha</mat-icon>\n      </button>\n\n      @if (auth.authenticated && contextConfigs) {\n        <igo-actionbar\n          class=\"add-context-button\"\n          [iconColor]=\"color\"\n          [store]=\"actionStore\"\n          [withIcon]=\"true\"\n          icon=\"add\"\n          [withTitle]=\"actionbarMode === 'overlay'\"\n          [horizontal]=\"false\"\n          [mode]=\"actionbarMode\"\n        />\n\n        <button\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\">filter_alt</mat-icon>\n        </button>\n      }\n      <mat-menu #accountMenu=\"matMenu\">\n        @for (user of users; track user.name) {\n          @if (!user.childs) {\n            <button mat-menu-item class=\"profil-menu\">\n              <mat-checkbox\n                [checked]=\"getPermission(user).checked\"\n                [indeterminate]=\"getPermission(user).indeterminate\"\n                (click)=\"$event.stopPropagation()\"\n                (change)=\"handleToggleCategory(user)\"\n              />\n              <span>{{ user.title }}</span>\n            </button>\n          } @else {\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              <span>{{ user.title }}</span>\n            </button>\n            <mat-menu #subAccountMenu=\"matMenu\">\n              @for (child of user.childs; track child.name) {\n                <button mat-menu-item class=\"profil-menu\">\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              }\n            </mat-menu>\n          }\n        }\n\n        <button mat-menu-item class=\"profil-menu\">\n          <mat-checkbox\n            [checked]=\"showHidden\"\n            (click)=\"$event.stopPropagation()\"\n            (change)=\"onShowHiddenContexts()\"\n          />\n          <span>\n            {{ 'igo.context.contextManager.showHidden' | translate }}\n          </span>\n        </button>\n      </mat-menu>\n    </div>\n  </div>\n\n  @for (\n    groupContexts of $any(contexts$ | async) | keyvalue;\n    track groupContexts\n  ) {\n    @if ($any(groupContexts).value.length && auth.authenticated) {\n      <igo-collapsible\n        [title]=\"titleMapping[$any(groupContexts).key] | translate\"\n        [collapsed]=\"$any(collapsed[titleMapping[$any(groupContexts).key]])\"\n        (toggle)=\"\n          collapsed[titleMapping[$any(groupContexts).key]] = $any($event)\n        \"\n      >\n        @for (\n          context of $any(groupContexts).value;\n          track context.id ?? context.uri\n        ) {\n          <igo-context-item\n            igoListItem\n            color=\"accent\"\n            [selected]=\"\n              selectedContext() && selectedContext().uri === context.uri\n            \"\n            [context]=\"context\"\n            [default]=\"\n              context.id &&\n              this.defaultContextId &&\n              this.defaultContextId === context.id\n            \"\n            [isDesktop]=\"isDesktop\"\n            (edit)=\"onEdit(context)\"\n            (delete)=\"onDelete(context)\"\n            (clone)=\"onClone(context)\"\n            (save)=\"onSave(context)\"\n            (hide)=\"onHideContext(context)\"\n            (show)=\"showContext(context)\"\n            (favorite)=\"onFavorite(context)\"\n            (manageTools)=\"onManageTools(context)\"\n            (managePermissions)=\"onManagePermissions(context)\"\n            (select)=\"onSelect(context)\"\n            (unselect)=\"unselect.emit(context)\"\n            (share)=\"onShareContext(context)\"\n          />\n        }\n      </igo-collapsible>\n    }\n    @if ($any(groupContexts).value.length && !auth.authenticated; as context) {\n      @for (\n        context of $any(groupContexts).value;\n        track context.id ?? context.uri\n      ) {\n        <igo-context-item\n          igoListItem\n          color=\"accent\"\n          [selected]=\"isContextSelected(context)\"\n          [context]=\"context\"\n          [default]=\"\n            contextConfigs\n              ? defaultContextId === context.id\n              : defaultContextId === context.uri\n          \"\n          [isDesktop]=\"isDesktop\"\n          (edit)=\"onEdit(context)\"\n          (delete)=\"onDelete(context)\"\n          (clone)=\"onClone(context)\"\n          (save)=\"onSave(context)\"\n          (hide)=\"onHideContext(context)\"\n          (show)=\"showContext(context)\"\n          (favorite)=\"onFavorite(context)\"\n          (select)=\"onSelect(context)\"\n          (unselect)=\"unselect.emit(context)\"\n        />\n      }\n    }\n  }\n\n  @if (isEmpty) {\n    <div class=\"no-result\">\n      {{ 'igo.context.contextManager.noResult' | translate }}\n    </div>\n  }\n</igo-list>\n", styles: [":host{--mat-list-list-item-one-line-container-height: 40px;--mat-form-field-container-height: 48px;--mat-form-field-container-vertical-padding: 12px;--mat-icon-button-state-layer-size: 40px}: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}.sort-alpha.--active mat-icon{color:red}.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: () => [], propDecorators: { isDesktop: [{
+                type: Input
+            }], contexts: [{
+                type: Input
+            }], selectedContext: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectedContext", required: false }] }, { type: i0.Output, args: ["selectedContextChange"] }], map: [{ type: i0.Input, args: [{ isSignal: true, alias: "map", required: false }] }], defaultContextId: [{
+                type: Input
+            }], select: [{ type: i0.Output, args: ["select"] }], unselect: [{ type: i0.Output, args: ["unselect"] }], edit: [{ type: i0.Output, args: ["edit"] }], delete: [{ type: i0.Output, args: ["delete"] }], save: [{ type: i0.Output, args: ["save"] }], clone: [{ type: i0.Output, args: ["clone"] }], create: [{ type: i0.Output, args: ["create"] }], hide: [{ type: i0.Output, args: ["hide"] }], show: [{ type: i0.Output, args: ["show"] }], showHiddenContexts: [{ type: i0.Output, args: ["showHiddenContexts"] }], favorite: [{ type: i0.Output, args: ["favorite"] }], managePermissions: [{ type: i0.Output, args: ["managePermissions"] }], manageTools: [{ type: i0.Output, args: ["manageTools"] }], filterPermissionsChanged: [{ type: i0.Output, args: ["filterPermissionsChanged"] }], term: [{
+                type: Input
             }] } });
 
 class ContextPermissionsComponent {
     formBuilder = inject(UntypedFormBuilder);
-    cd = inject(ChangeDetectorRef);
     http = inject(HttpClient);
     authService = inject(AuthService);
     config = inject(ConfigService);
     form;
-    get context() {
-        return this._context;
-    }
-    set context(value) {
-        this._context = value;
-        this.cd.detectChanges();
-    }
-    _context;
-    get permissions() {
-        return this._permissions;
-    }
-    set permissions(value) {
-        this._permissions = value;
-        this.cd.detectChanges();
-    }
-    _permissions;
+    context = model(...(ngDevMode ? [undefined, { debugName: "context" }] : []));
+    permissions = model(...(ngDevMode ? [undefined, { debugName: "permissions" }] : []));
     get profils() {
         return this._profils;
     }
     set profils(value) {
         this._profils = value;
-        this.cd.detectChanges();
     }
     _profils = [];
     get canWrite() {
-        return this.context.permission === TypePermission[TypePermission.write];
+        return this.context().permission === TypePermission[TypePermission.write];
     }
     baseUrlProfils;
     formControl = new UntypedFormControl();
     formValueChanges$$;
-    addPermission = new EventEmitter();
-    removePermission = new EventEmitter();
-    scopeChanged = new EventEmitter();
+    addPermission = output();
+    removePermission = output();
+    scopeChanged = output();
     ngOnInit() {
         this.buildForm();
         this.baseUrlProfils =
@@ -3040,392 +3193,147 @@ class ContextPermissionsComponent {
                     return profilNormalized.includes(filterNormalized);
                 });
             }
-            else {
-                this.profils = [];
-            }
-        });
-    }
-    displayFn(profil) {
-        return profil ? profil.title : undefined;
-    }
-    handleFormSubmit(value) {
-        this.addPermission.emit(value);
-    }
-    buildForm() {
-        this.form = this.formBuilder.group({
-            profil: [],
-            typePermission: ['read']
-        });
-    }
-    onProfilSelected(value) {
-        this.form.setValue({
-            profil: value.name,
-            typePermission: this.form.value.typePermission
-        });
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: ContextPermissionsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.4", type: ContextPermissionsComponent, isStandalone: true, selector: "igo-context-permissions", inputs: { context: "context", permissions: "permissions" }, outputs: { addPermission: "addPermission", removePermission: "removePermission", scopeChanged: "scopeChanged" }, ngImport: i0, template: "@if (context) {\n  <div>\n    @if (!canWrite) {\n      <div class=\"scopeForm\">\n        <h4>{{ 'igo.context.permission.readOnlyTitle' | translate }}</h4>\n        <p>{{ 'igo.context.permission.readOnlyMsg' | translate }}</p>\n      </div>\n    }\n    @if (canWrite) {\n      <div class=\"scopeForm\">\n        <mat-radio-group\n          [(ngModel)]=\"context.scope\"\n          (change)=\"scopeChanged.emit(context)\"\n        >\n          <mat-radio-button value=\"private\">\n            {{ 'igo.context.permission.scope.private' | translate }}\n          </mat-radio-button>\n          <mat-radio-button value=\"protected\">\n            {{ 'igo.context.permission.scope.shared' | translate }}\n          </mat-radio-button>\n          @if (authService.isAdmin) {\n            <mat-radio-button value=\"public\">\n              {{ 'igo.context.permission.scope.public' | translate }}\n            </mat-radio-button>\n          }\n        </mat-radio-group>\n      </div>\n    }\n    @if (context.scope !== 'private' && canWrite) {\n      <form [formGroup]=\"form\" (ngSubmit)=\"handleFormSubmit(form.value)\">\n        <mat-form-field class=\"full-width\">\n          <input\n            matInput\n            required\n            [placeholder]=\"'igo.context.permission.user' | translate\"\n            [formControl]=\"formControl\"\n            [matAutocomplete]=\"auto\"\n          />\n          <mat-autocomplete\n            #auto=\"matAutocomplete\"\n            (optionSelected)=\"onProfilSelected($event.option.value)\"\n            [displayWith]=\"displayFn\"\n          >\n            @for (profil of this.profils; track profil) {\n              <mat-option [value]=\"profil\">\n                {{ profil.title }}<br />\n                <small>{{ profil.name }}</small>\n              </mat-option>\n            }\n          </mat-autocomplete>\n          <mat-error>\n            {{ 'igo.context.permission.profilRequired' | translate }}\n          </mat-error>\n        </mat-form-field>\n        <mat-radio-group formControlName=\"typePermission\">\n          <mat-radio-button value=\"read\">\n            {{ 'igo.context.permission.read' | translate }}\n          </mat-radio-button>\n          <mat-radio-button value=\"write\">\n            {{ 'igo.context.permission.write' | translate }}\n          </mat-radio-button>\n        </mat-radio-group>\n        <div class=\"igo-form-button-group\">\n          <button matButton=\"elevated\" type=\"submit\" [disabled]=\"!form.valid\">\n            {{ 'igo.context.permission.addBtn' | translate }}\n          </button>\n        </div>\n      </form>\n    }\n    @if (permissions && context.scope !== 'private') {\n      <igo-list>\n        @for (\n          groupPermissions of permissions | keyvalue;\n          track groupPermissions\n        ) {\n          @if (groupPermissions.value.length) {\n            <igo-collapsible\n              [title]=\"\n                'igo.context.permission.' + groupPermissions.key | translate\n              \"\n            >\n              @for (permission of groupPermissions.value; track permission) {\n                <mat-list-item>\n                  <mat-icon matListItemIcon>person</mat-icon>\n                  <h4 matListItemTitle>\n                    {{ permission.profilTitle }}\n                    <small>{{ permission.profil }}</small>\n                  </h4>\n                  <div\n                    matListItemMeta\n                    igoStopPropagation\n                    class=\"igo-actions-container\"\n                  >\n                    @if (\n                      canWrite ||\n                      permission.profil ===\n                        authService.decodeToken().user.sourceId\n                    ) {\n                      <button\n                        mat-icon-button\n                        [matTooltip]=\"\n                          'igo.context.permission.delete' | translate\n                        \"\n                        matTooltipShowDelay=\"500\"\n                        color=\"warn\"\n                        (click)=\"removePermission.emit(permission)\"\n                      >\n                        <mat-icon>delete</mat-icon>\n                      </button>\n                    }\n                  </div>\n                </mat-list-item>\n              }\n            </igo-collapsible>\n          }\n        }\n      </igo-list>\n    }\n  </div>\n}\n", styles: [":host{margin:10px}.full-width{width:100%}mat-radio-button{padding:14px 14px 14px 0}.scopeForm,form{padding:5px}\n"], dependencies: [{ kind: "ngmodule", type: MatRadioModule }, { kind: "directive", type: i1$3.MatRadioGroup, selector: "mat-radio-group", inputs: ["color", "name", "labelPosition", "value", "selected", "disabled", "required", "disabledInteractive"], outputs: ["change"], exportAs: ["matRadioGroup"] }, { kind: "component", type: i1$3.MatRadioButton, selector: "mat-radio-button", inputs: ["id", "name", "aria-label", "aria-labelledby", "aria-describedby", "disableRipple", "tabIndex", "checked", "value", "labelPosition", "disabled", "required", "color", "disabledInteractive"], outputs: ["change"], exportAs: ["matRadioButton"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2.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: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i1$1.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i1$1.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i2$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", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "ngmodule", type: MatAutocompleteModule }, { kind: "component", type: i5.MatAutocomplete, selector: "mat-autocomplete", inputs: ["aria-label", "aria-labelledby", "displayWith", "autoActiveFirstOption", "autoSelectActiveOption", "requireSelection", "panelWidth", "disableRipple", "class", "hideSingleSelectionIndicator"], outputs: ["optionSelected", "opened", "closed", "optionActivated"], exportAs: ["matAutocomplete"] }, { kind: "component", type: i5.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "directive", type: i5.MatAutocompleteTrigger, selector: "input[matAutocomplete], textarea[matAutocomplete]", inputs: ["matAutocomplete", "matAutocompletePosition", "matAutocompleteConnectedTo", "autocomplete", "matAutocompleteDisabled"], exportAs: ["matAutocompleteTrigger"] }, { kind: "ngmodule", type: MatOptionModule }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i4.MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: i4.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: ListComponent, selector: "igo-list", inputs: ["navigation", "selection"] }, { kind: "component", type: CollapsibleComponent, selector: "igo-collapsible", inputs: ["title", "collapsed"], outputs: ["toggle"] }, { kind: "ngmodule", type: MatListModule }, { kind: "component", type: i1$2.MatListItem, selector: "mat-list-item, a[mat-list-item], button[mat-list-item]", inputs: ["activated"], exportAs: ["matListItem"] }, { kind: "directive", type: i1$2.MatListItemIcon, selector: "[matListItemIcon]" }, { kind: "directive", type: i1$2.MatListItemTitle, selector: "[matListItemTitle]" }, { kind: "directive", type: i1$2.MatListItemMeta, selector: "[matListItemMeta]" }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i4$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: StopPropagationDirective, selector: "[igoStopPropagation]" }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i2$2.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "ngmodule", type: IgoLanguageModule }, { kind: "pipe", type: KeyValuePipe, name: "keyvalue" }, { kind: "pipe", type: i5$1.TranslatePipe, name: "translate" }] });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: ContextPermissionsComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'igo-context-permissions', imports: [
-                        MatRadioModule,
-                        FormsModule,
-                        ReactiveFormsModule,
-                        MatFormFieldModule,
-                        MatInputModule,
-                        MatAutocompleteModule,
-                        MatOptionModule,
-                        MatButtonModule,
-                        ListComponent,
-                        CollapsibleComponent,
-                        MatListModule,
-                        MatIconModule,
-                        StopPropagationDirective,
-                        MatTooltipModule,
-                        KeyValuePipe,
-                        IgoLanguageModule
-                    ], template: "@if (context) {\n  <div>\n    @if (!canWrite) {\n      <div class=\"scopeForm\">\n        <h4>{{ 'igo.context.permission.readOnlyTitle' | translate }}</h4>\n        <p>{{ 'igo.context.permission.readOnlyMsg' | translate }}</p>\n      </div>\n    }\n    @if (canWrite) {\n      <div class=\"scopeForm\">\n        <mat-radio-group\n          [(ngModel)]=\"context.scope\"\n          (change)=\"scopeChanged.emit(context)\"\n        >\n          <mat-radio-button value=\"private\">\n            {{ 'igo.context.permission.scope.private' | translate }}\n          </mat-radio-button>\n          <mat-radio-button value=\"protected\">\n            {{ 'igo.context.permission.scope.shared' | translate }}\n          </mat-radio-button>\n          @if (authService.isAdmin) {\n            <mat-radio-button value=\"public\">\n              {{ 'igo.context.permission.scope.public' | translate }}\n            </mat-radio-button>\n          }\n        </mat-radio-group>\n      </div>\n    }\n    @if (context.scope !== 'private' && canWrite) {\n      <form [formGroup]=\"form\" (ngSubmit)=\"handleFormSubmit(form.value)\">\n        <mat-form-field class=\"full-width\">\n          <input\n            matInput\n            required\n            [placeholder]=\"'igo.context.permission.user' | translate\"\n            [formControl]=\"formControl\"\n            [matAutocomplete]=\"auto\"\n          />\n          <mat-autocomplete\n            #auto=\"matAutocomplete\"\n            (optionSelected)=\"onProfilSelected($event.option.value)\"\n            [displayWith]=\"displayFn\"\n          >\n            @for (profil of this.profils; track profil) {\n              <mat-option [value]=\"profil\">\n                {{ profil.title }}<br />\n                <small>{{ profil.name }}</small>\n              </mat-option>\n            }\n          </mat-autocomplete>\n          <mat-error>\n            {{ 'igo.context.permission.profilRequired' | translate }}\n          </mat-error>\n        </mat-form-field>\n        <mat-radio-group formControlName=\"typePermission\">\n          <mat-radio-button value=\"read\">\n            {{ 'igo.context.permission.read' | translate }}\n          </mat-radio-button>\n          <mat-radio-button value=\"write\">\n            {{ 'igo.context.permission.write' | translate }}\n          </mat-radio-button>\n        </mat-radio-group>\n        <div class=\"igo-form-button-group\">\n          <button matButton=\"elevated\" type=\"submit\" [disabled]=\"!form.valid\">\n            {{ 'igo.context.permission.addBtn' | translate }}\n          </button>\n        </div>\n      </form>\n    }\n    @if (permissions && context.scope !== 'private') {\n      <igo-list>\n        @for (\n          groupPermissions of permissions | keyvalue;\n          track groupPermissions\n        ) {\n          @if (groupPermissions.value.length) {\n            <igo-collapsible\n              [title]=\"\n                'igo.context.permission.' + groupPermissions.key | translate\n              \"\n            >\n              @for (permission of groupPermissions.value; track permission) {\n                <mat-list-item>\n                  <mat-icon matListItemIcon>person</mat-icon>\n                  <h4 matListItemTitle>\n                    {{ permission.profilTitle }}\n                    <small>{{ permission.profil }}</small>\n                  </h4>\n                  <div\n                    matListItemMeta\n                    igoStopPropagation\n                    class=\"igo-actions-container\"\n                  >\n                    @if (\n                      canWrite ||\n                      permission.profil ===\n                        authService.decodeToken().user.sourceId\n                    ) {\n                      <button\n                        mat-icon-button\n                        [matTooltip]=\"\n                          'igo.context.permission.delete' | translate\n                        \"\n                        matTooltipShowDelay=\"500\"\n                        color=\"warn\"\n                        (click)=\"removePermission.emit(permission)\"\n                      >\n                        <mat-icon>delete</mat-icon>\n                      </button>\n                    }\n                  </div>\n                </mat-list-item>\n              }\n            </igo-collapsible>\n          }\n        }\n      </igo-list>\n    }\n  </div>\n}\n", styles: [":host{margin:10px}.full-width{width:100%}mat-radio-button{padding:14px 14px 14px 0}.scopeForm,form{padding:5px}\n"] }]
-        }], propDecorators: { context: [{
-                type: Input
-            }], permissions: [{
-                type: Input
-            }], addPermission: [{
-                type: Output
-            }], removePermission: [{
-                type: Output
-            }], scopeChanged: [{
-                type: Output
-            }] } });
-
-class ContextPermissionsBindingDirective {
-    contextService = inject(ContextService);
-    languageService = inject(LanguageService);
-    messageService = inject(MessageService);
-    cd = inject(ChangeDetectorRef);
-    component;
-    editedContext$$;
-    onAddPermission(permission) {
-        if (!permission.profil) {
-            this.messageService.error('igo.context.contextManager.errors.addPermissionEmpty', 'igo.context.contextManager.errors.addPermissionTitle');
-            return;
-        }
-        const contextId = this.component.context.id;
-        this.contextService
-            .addPermissionAssociation(contextId, permission.profil, permission.typePermission)
-            .subscribe((profils) => {
-            for (const p of profils) {
-                this.component.permissions[permission.typePermission].push(p);
-            }
-            const profil = permission.profil;
-            this.messageService.success('igo.context.permission.dialog.addMsg', 'igo.context.permission.dialog.addTitle', undefined, { value: profil });
-            this.cd.detectChanges();
-        });
-    }
-    onRemovePermission(permission) {
-        const contextId = this.component.context.id;
-        this.contextService
-            .deletePermissionAssociation(contextId, permission.id)
-            .subscribe(() => {
-            const index = this.component.permissions[permission.typePermission].findIndex((p) => {
-                return p.id === permission.id;
-            });
-            this.component.permissions[permission.typePermission].splice(index, 1);
-            const profil = permission.profil;
-            this.messageService.success('igo.context.permission.dialog.deleteMsg', 'igo.context.permission.dialog.deleteTitle', undefined, { value: profil });
-            this.cd.detectChanges();
-        });
-    }
-    onScopeChanged(context) {
-        const scope = context.scope;
-        this.contextService.update(context.id, { scope }).subscribe(() => {
-            this.messageService.success('igo.context.permission.dialog.scopeChangedMsg', 'igo.context.permission.dialog.scopeChangedTitle', undefined, { value: 'igo.context.permission.scope.' + scope });
-        });
-    }
-    constructor() {
-        const component = inject(ContextPermissionsComponent, { self: true });
-        this.component = component;
-    }
-    ngOnInit() {
-        this.editedContext$$ = this.contextService.editedContext$.subscribe((context) => this.handleEditedContextChange(context));
-    }
-    ngOnDestroy() {
-        this.editedContext$$.unsubscribe();
-        this.contextService.editedContext$.next(undefined);
-    }
-    handleEditedContextChange(context) {
-        this.component.context = context;
-        if (context) {
-            this.contextService
-                .getPermissions(context.id)
-                .subscribe((permissionsArray) => {
-                permissionsArray = permissionsArray || [];
-                const permissions = {
-                    read: permissionsArray.filter((p) => {
-                        return p.typePermission.toString() === 'read';
-                    }),
-                    write: permissionsArray.filter((p) => {
-                        return p.typePermission.toString() === 'write';
-                    })
-                };
-                return (this.component.permissions = permissions);
-            });
-        }
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: ContextPermissionsBindingDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.4", type: ContextPermissionsBindingDirective, isStandalone: true, selector: "[igoContextPermissionsBinding]", host: { listeners: { "addPermission": "onAddPermission($event)", "removePermission": "onRemovePermission($event)", "scopeChanged": "onScopeChanged($event)" } }, ngImport: i0 });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: ContextPermissionsBindingDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[igoContextPermissionsBinding]',
-                    standalone: true
-                }]
-        }], ctorParameters: () => [], propDecorators: { onAddPermission: [{
-                type: HostListener,
-                args: ['addPermission', ['$event']]
-            }], onRemovePermission: [{
-                type: HostListener,
-                args: ['removePermission', ['$event']]
-            }], onScopeChanged: [{
-                type: HostListener,
-                args: ['scopeChanged', ['$event']]
-            }] } });
-
-class LayerContextDirective {
-    component = inject(MapBrowserComponent);
-    contextService = inject(ContextService);
-    layerService = inject(LayerService);
-    configService = inject(ConfigService);
-    styleListService = inject(StyleListService);
-    styleService = inject(StyleService);
-    shareMapService = inject(ShareMapService);
-    context$$;
-    queryParams;
-    contextLayers = [];
-    removeLayersOnContextChange = true;
-    contextLayersLoaded = new EventEmitter();
-    get map() {
-        return this.component.map;
-    }
-    ngOnInit() {
-        this.context$$ = this.shareMapService.routeService.queryParams
-            .pipe(switchMap((params) => {
-            this.queryParams = params ?? {};
-            return this.contextService.context$.pipe(filter((context) => context !== undefined));
-        }))
-            .subscribe((context) => this.handleContextChange(context));
-    }
-    ngOnDestroy() {
-        this.context$$.unsubscribe();
-    }
-    handleContextChange(context) {
-        if (context.layers === undefined) {
-            return;
-        }
-        /**
-         * Assign an id to each layer group if it doesn't have one.
-         * This is needed to be able to detect layer groups in the context that doesn't have and id and be able to ignore them in the share
-         */
-        if (context.layers?.length) {
-            addIdToGroups(context.layers);
-        }
-        const contextLayers = this.handleContextWithSharedUrl(ObjectUtils.copyDeep(context));
-        if (this.removeLayersOnContextChange === true) {
-            this.map.layerController.reset();
-        }
-        else {
-            this.map.layerController.remove(...this.contextLayers);
-        }
-        this.contextLayers = [];
-        this.layerService.unavailableLayers = [];
-        const importExportOptions = this.configService.getConfig('importExport');
-        this.layerService
-            .createLayers(contextLayers, context.uri)
-            .subscribe((layers) => {
-            this.handleAddLayers(layers);
-            if (context.extraFeatures) {
-                context.extraFeatures.forEach((featureCollection) => {
-                    if (!importExportOptions?.importWithStyle) {
-                        addImportedFeaturesToMap(featureCollection, this.map);
-                    }
-                    else {
-                        addImportedFeaturesStyledToMap(featureCollection, this.map, this.styleListService, this.styleService);
-                    }
-                });
-            }
-            this.contextLayersLoaded.emit(true);
-        });
-        if (this.configService.getConfig('importExport.allowToStoreLayer', false)) {
-            this.layerService
-                .createAsyncIdbLayers(context.uri)
-                .pipe(debounceTime(500))
-                .subscribe((layers) => this.handleAddLayers(layers));
-        }
-    }
-    handleAddLayers(layers) {
-        const layersFiltrered = layers
-            .filter((layer) => layer)
-            .map((layer) => {
-            layer.visible = this.computeLayerVisibilityFromUrl(layer);
-            return layer;
-        });
-        const layersSorted = sortLayersByZindex(layersFiltrered, 'asc');
-        this.contextLayers.concat(layersSorted);
-        this.map.layerController.add(...layersSorted);
-    }
-    computeLayerVisibilityFromUrl(layer) {
-        const params = this.queryParams;
-        const currentContext = this.contextService.context$.value.uri;
-        const currentLayerid = layer.id;
-        let visible = layer.visible;
-        if (!params || !currentLayerid) {
-            return visible;
-        }
-        const contextParams = this.shareMapService.getContext(params);
-        if (contextParams === currentContext || !contextParams) {
-            let visibleOnLayersParams = '';
-            let visibleOffLayersParams = '';
-            let visiblelayers = [];
-            let invisiblelayers = [];
-            const visibleOnLayers = params[this.shareMapService.routeService.options.visibleOnLayersKey];
-            const visibleOffLayers = params[this.shareMapService.routeService.options.visibleOffLayersKey];
-            if (visibleOnLayers) {
-                visibleOnLayersParams = visibleOnLayers;
-            }
-            if (visibleOffLayers) {
-                visibleOffLayersParams = visibleOffLayers;
-            }
-            /* This order is important because to control whichever
-             the order of * param. First whe open and close everything.*/
-            if (visibleOnLayersParams === '*') {
-                visible = true;
-            }
-            if (visibleOffLayersParams === '*') {
-                visible = false;
-            }
-            // After, managing named layer by id (context.json OR id from datasource)
-            visiblelayers = visibleOnLayersParams.split(',');
-            invisiblelayers = visibleOffLayersParams.split(',');
-            if (visiblelayers.indexOf(currentLayerid) > -1 ||
-                visiblelayers.indexOf(currentLayerid.toString()) > -1) {
-                visible = true;
-            }
-            if (invisiblelayers.indexOf(currentLayerid) > -1 ||
-                invisiblelayers.indexOf(currentLayerid.toString()) > -1) {
-                visible = false;
-            }
-        }
-        return visible;
-    }
-    handleContextWithSharedUrl(context) {
-        if (!this.queryParams ||
-            (!hasLegacyParams(this.queryParams, this.shareMapService.optionsLegacy) &&
-                !hasModernShareParams(this.queryParams, this.shareMapService.keysDefinitions))) {
-            return context.layers;
-        }
-        const { layers, uri } = context;
-        const contextValue = this.shareMapService.getContext(this.queryParams);
-        if (!contextValue || contextValue === uri) {
-            const layersOptions = this.shareMapService.parser.parseLayers(this.queryParams);
-            if (layersOptions.length) {
-                return mergeLayersOptions([...layers], layersOptions);
-            }
-        }
-        return layers;
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: LayerContextDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.4", type: LayerContextDirective, isStandalone: true, selector: "[igoLayerContext]", inputs: { removeLayersOnContextChange: "removeLayersOnContextChange" }, outputs: { contextLayersLoaded: "contextLayersLoaded" }, ngImport: i0 });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: LayerContextDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[igoLayerContext]'
-                }]
-        }], propDecorators: { removeLayersOnContextChange: [{
-                type: Input
-            }], contextLayersLoaded: [{
-                type: Output
-            }] } });
-/** Recursive */
-function addIdToGroups(layerOptions) {
-    for (const options of layerOptions) {
-        if (isLayerGroupOptions(options) && !options.id) {
-            options.id = ID_GROUP_PREFIX + uuid();
-            if (Array.isArray(options.children)) {
-                addIdToGroups(options.children);
+            else {
+                this.profils = [];
             }
-        }
+        });
+    }
+    displayFn(profil) {
+        return profil ? profil.title : undefined;
+    }
+    handleFormSubmit(value) {
+        this.addPermission.emit(value);
+    }
+    buildForm() {
+        this.form = this.formBuilder.group({
+            profil: [],
+            typePermission: ['read']
+        });
+    }
+    onProfilSelected(value) {
+        this.form.setValue({
+            profil: value.name,
+            typePermission: this.form.value.typePermission
+        });
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: ContextPermissionsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.6", type: ContextPermissionsComponent, isStandalone: true, selector: "igo-context-permissions", inputs: { context: { classPropertyName: "context", publicName: "context", isSignal: true, isRequired: false, transformFunction: null }, permissions: { classPropertyName: "permissions", publicName: "permissions", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { context: "contextChange", permissions: "permissionsChange", addPermission: "addPermission", removePermission: "removePermission", scopeChanged: "scopeChanged" }, ngImport: i0, template: "@if (context()) {\n  <div>\n    @if (!canWrite) {\n      <div class=\"scopeForm\">\n        <h4>{{ 'igo.context.permission.readOnlyTitle' | translate }}</h4>\n        <p>{{ 'igo.context.permission.readOnlyMsg' | translate }}</p>\n      </div>\n    }\n    @if (canWrite) {\n      <div class=\"scopeForm\">\n        <mat-radio-group\n          [(ngModel)]=\"context().scope\"\n          (change)=\"scopeChanged.emit(context())\"\n        >\n          <mat-radio-button value=\"private\">\n            {{ 'igo.context.permission.scope.private' | translate }}\n          </mat-radio-button>\n          <mat-radio-button value=\"protected\">\n            {{ 'igo.context.permission.scope.shared' | translate }}\n          </mat-radio-button>\n          @if (authService.isAdmin) {\n            <mat-radio-button value=\"public\">\n              {{ 'igo.context.permission.scope.public' | translate }}\n            </mat-radio-button>\n          }\n        </mat-radio-group>\n      </div>\n    }\n    @if (context().scope !== 'private' && canWrite) {\n      <form [formGroup]=\"form\" (ngSubmit)=\"handleFormSubmit(form.value)\">\n        <mat-form-field class=\"full-width\">\n          <input\n            matInput\n            required\n            [placeholder]=\"'igo.context.permission.user' | translate\"\n            [formControl]=\"formControl\"\n            [matAutocomplete]=\"auto\"\n          />\n          <mat-autocomplete\n            #auto=\"matAutocomplete\"\n            (optionSelected)=\"onProfilSelected($event.option.value)\"\n            [displayWith]=\"displayFn\"\n          >\n            @for (profil of this.profils; track profil) {\n              <mat-option [value]=\"profil\">\n                {{ profil.title }}<br />\n                <small>{{ profil.name }}</small>\n              </mat-option>\n            }\n          </mat-autocomplete>\n          <mat-error>\n            {{ 'igo.context.permission.profilRequired' | translate }}\n          </mat-error>\n        </mat-form-field>\n        <mat-radio-group formControlName=\"typePermission\">\n          <mat-radio-button value=\"read\">\n            {{ 'igo.context.permission.read' | translate }}\n          </mat-radio-button>\n          <mat-radio-button value=\"write\">\n            {{ 'igo.context.permission.write' | translate }}\n          </mat-radio-button>\n        </mat-radio-group>\n        <div class=\"igo-form-button-group\">\n          <button matButton=\"elevated\" type=\"submit\" [disabled]=\"!form.valid\">\n            {{ 'igo.context.permission.addBtn' | translate }}\n          </button>\n        </div>\n      </form>\n    }\n    @if (permissions() && context().scope !== 'private') {\n      <igo-list>\n        @for (\n          groupPermissions of permissions() | keyvalue;\n          track groupPermissions\n        ) {\n          @if (groupPermissions.value.length) {\n            <igo-collapsible\n              [title]=\"\n                'igo.context.permission.' + groupPermissions.key | translate\n              \"\n            >\n              @for (permission of groupPermissions.value; track permission) {\n                <mat-list-item>\n                  <mat-icon matListItemIcon>person</mat-icon>\n                  <h4 matListItemTitle>\n                    {{ permission.profilTitle }}\n                    <small>{{ permission.profil }}</small>\n                  </h4>\n                  <div\n                    matListItemMeta\n                    igoStopPropagation\n                    class=\"igo-actions-container\"\n                  >\n                    @if (\n                      canWrite ||\n                      permission.profil ===\n                        authService.decodeToken().user.sourceId\n                    ) {\n                      <button\n                        mat-icon-button\n                        [matTooltip]=\"\n                          'igo.context().permission.delete' | translate\n                        \"\n                        matTooltipShowDelay=\"500\"\n                        color=\"warn\"\n                        (click)=\"removePermission.emit(permission)\"\n                      >\n                        <mat-icon>delete</mat-icon>\n                      </button>\n                    }\n                  </div>\n                </mat-list-item>\n              }\n            </igo-collapsible>\n          }\n        }\n      </igo-list>\n    }\n  </div>\n}\n", styles: [":host{margin:10px}.full-width{width:100%}mat-radio-button{padding:14px 14px 14px 0}.scopeForm,form{padding:5px}\n"], dependencies: [{ kind: "ngmodule", type: MatRadioModule }, { kind: "directive", type: i1$3.MatRadioGroup, selector: "mat-radio-group", inputs: ["color", "name", "labelPosition", "value", "selected", "disabled", "required", "disabledInteractive"], outputs: ["change"], exportAs: ["matRadioGroup"] }, { kind: "component", type: i1$3.MatRadioButton, selector: "mat-radio-button", inputs: ["id", "name", "aria-label", "aria-labelledby", "aria-describedby", "disableRipple", "tabIndex", "checked", "value", "labelPosition", "disabled", "required", "color", "disabledInteractive"], outputs: ["change"], exportAs: ["matRadioButton"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2.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: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i1$1.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i1$1.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i2$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", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "ngmodule", type: MatAutocompleteModule }, { kind: "component", type: i5.MatAutocomplete, selector: "mat-autocomplete", inputs: ["aria-label", "aria-labelledby", "displayWith", "autoActiveFirstOption", "autoSelectActiveOption", "requireSelection", "panelWidth", "disableRipple", "class", "hideSingleSelectionIndicator"], outputs: ["optionSelected", "opened", "closed", "optionActivated"], exportAs: ["matAutocomplete"] }, { kind: "component", type: i5.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "directive", type: i5.MatAutocompleteTrigger, selector: "input[matAutocomplete], textarea[matAutocomplete]", inputs: ["matAutocomplete", "matAutocompletePosition", "matAutocompleteConnectedTo", "autocomplete", "matAutocompleteDisabled"], exportAs: ["matAutocompleteTrigger"] }, { kind: "ngmodule", type: MatOptionModule }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i4.MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: i4.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: ListComponent, selector: "igo-list", inputs: ["navigation", "selection"] }, { kind: "component", type: CollapsibleComponent, selector: "igo-collapsible", inputs: ["title", "collapsed"], outputs: ["collapsedChange", "toggle"] }, { kind: "ngmodule", type: MatListModule }, { kind: "component", type: i1$2.MatListItem, selector: "mat-list-item, a[mat-list-item], button[mat-list-item]", inputs: ["activated"], exportAs: ["matListItem"] }, { kind: "directive", type: i1$2.MatListItemIcon, selector: "[matListItemIcon]" }, { kind: "directive", type: i1$2.MatListItemTitle, selector: "[matListItemTitle]" }, { kind: "directive", type: i1$2.MatListItemMeta, selector: "[matListItemMeta]" }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i4$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: StopPropagationDirective, selector: "[igoStopPropagation]" }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i6$1.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "ngmodule", type: IgoLanguageModule }, { kind: "pipe", type: KeyValuePipe, name: "keyvalue" }, { kind: "pipe", type: i5$1.TranslatePipe, name: "translate" }] });
 }
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: ContextPermissionsComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'igo-context-permissions', imports: [
+                        MatRadioModule,
+                        FormsModule,
+                        ReactiveFormsModule,
+                        MatFormFieldModule,
+                        MatInputModule,
+                        MatAutocompleteModule,
+                        MatOptionModule,
+                        MatButtonModule,
+                        ListComponent,
+                        CollapsibleComponent,
+                        MatListModule,
+                        MatIconModule,
+                        StopPropagationDirective,
+                        MatTooltipModule,
+                        KeyValuePipe,
+                        IgoLanguageModule
+                    ], template: "@if (context()) {\n  <div>\n    @if (!canWrite) {\n      <div class=\"scopeForm\">\n        <h4>{{ 'igo.context.permission.readOnlyTitle' | translate }}</h4>\n        <p>{{ 'igo.context.permission.readOnlyMsg' | translate }}</p>\n      </div>\n    }\n    @if (canWrite) {\n      <div class=\"scopeForm\">\n        <mat-radio-group\n          [(ngModel)]=\"context().scope\"\n          (change)=\"scopeChanged.emit(context())\"\n        >\n          <mat-radio-button value=\"private\">\n            {{ 'igo.context.permission.scope.private' | translate }}\n          </mat-radio-button>\n          <mat-radio-button value=\"protected\">\n            {{ 'igo.context.permission.scope.shared' | translate }}\n          </mat-radio-button>\n          @if (authService.isAdmin) {\n            <mat-radio-button value=\"public\">\n              {{ 'igo.context.permission.scope.public' | translate }}\n            </mat-radio-button>\n          }\n        </mat-radio-group>\n      </div>\n    }\n    @if (context().scope !== 'private' && canWrite) {\n      <form [formGroup]=\"form\" (ngSubmit)=\"handleFormSubmit(form.value)\">\n        <mat-form-field class=\"full-width\">\n          <input\n            matInput\n            required\n            [placeholder]=\"'igo.context.permission.user' | translate\"\n            [formControl]=\"formControl\"\n            [matAutocomplete]=\"auto\"\n          />\n          <mat-autocomplete\n            #auto=\"matAutocomplete\"\n            (optionSelected)=\"onProfilSelected($event.option.value)\"\n            [displayWith]=\"displayFn\"\n          >\n            @for (profil of this.profils; track profil) {\n              <mat-option [value]=\"profil\">\n                {{ profil.title }}<br />\n                <small>{{ profil.name }}</small>\n              </mat-option>\n            }\n          </mat-autocomplete>\n          <mat-error>\n            {{ 'igo.context.permission.profilRequired' | translate }}\n          </mat-error>\n        </mat-form-field>\n        <mat-radio-group formControlName=\"typePermission\">\n          <mat-radio-button value=\"read\">\n            {{ 'igo.context.permission.read' | translate }}\n          </mat-radio-button>\n          <mat-radio-button value=\"write\">\n            {{ 'igo.context.permission.write' | translate }}\n          </mat-radio-button>\n        </mat-radio-group>\n        <div class=\"igo-form-button-group\">\n          <button matButton=\"elevated\" type=\"submit\" [disabled]=\"!form.valid\">\n            {{ 'igo.context.permission.addBtn' | translate }}\n          </button>\n        </div>\n      </form>\n    }\n    @if (permissions() && context().scope !== 'private') {\n      <igo-list>\n        @for (\n          groupPermissions of permissions() | keyvalue;\n          track groupPermissions\n        ) {\n          @if (groupPermissions.value.length) {\n            <igo-collapsible\n              [title]=\"\n                'igo.context.permission.' + groupPermissions.key | translate\n              \"\n            >\n              @for (permission of groupPermissions.value; track permission) {\n                <mat-list-item>\n                  <mat-icon matListItemIcon>person</mat-icon>\n                  <h4 matListItemTitle>\n                    {{ permission.profilTitle }}\n                    <small>{{ permission.profil }}</small>\n                  </h4>\n                  <div\n                    matListItemMeta\n                    igoStopPropagation\n                    class=\"igo-actions-container\"\n                  >\n                    @if (\n                      canWrite ||\n                      permission.profil ===\n                        authService.decodeToken().user.sourceId\n                    ) {\n                      <button\n                        mat-icon-button\n                        [matTooltip]=\"\n                          'igo.context().permission.delete' | translate\n                        \"\n                        matTooltipShowDelay=\"500\"\n                        color=\"warn\"\n                        (click)=\"removePermission.emit(permission)\"\n                      >\n                        <mat-icon>delete</mat-icon>\n                      </button>\n                    }\n                  </div>\n                </mat-list-item>\n              }\n            </igo-collapsible>\n          }\n        }\n      </igo-list>\n    }\n  </div>\n}\n", styles: [":host{margin:10px}.full-width{width:100%}mat-radio-button{padding:14px 14px 14px 0}.scopeForm,form{padding:5px}\n"] }]
+        }], propDecorators: { context: [{ type: i0.Input, args: [{ isSignal: true, alias: "context", required: false }] }, { type: i0.Output, args: ["contextChange"] }], permissions: [{ type: i0.Input, args: [{ isSignal: true, alias: "permissions", required: false }] }, { type: i0.Output, args: ["permissionsChange"] }], addPermission: [{ type: i0.Output, args: ["addPermission"] }], removePermission: [{ type: i0.Output, args: ["removePermission"] }], scopeChanged: [{ type: i0.Output, args: ["scopeChanged"] }] } });
 
-class MapContextDirective {
+class ContextPermissionsBindingDirective {
     contextService = inject(ContextService);
-    mediaService = inject(MediaService);
-    shareMapService = inject(ShareMapService);
+    languageService = inject(LanguageService);
+    messageService = inject(MessageService);
+    cd = inject(ChangeDetectorRef);
     component;
-    context$$;
-    get map() {
-        return this.component.map;
+    editedContext$$;
+    onAddPermission(permission) {
+        if (!permission.profil) {
+            this.messageService.error('igo.context.contextManager.errors.addPermissionEmpty', 'igo.context.contextManager.errors.addPermissionTitle');
+            return;
+        }
+        const contextId = this.component.context().id;
+        this.contextService
+            .addPermissionAssociation(contextId, permission.profil, permission.typePermission)
+            .subscribe((profils) => {
+            for (const p of profils) {
+                this.component.permissions[permission.typePermission].push(p);
+            }
+            const profil = permission.profil;
+            this.messageService.success('igo.context.permission.dialog.addMsg', 'igo.context.permission.dialog.addTitle', undefined, { value: profil });
+            this.cd.detectChanges();
+        });
+    }
+    onRemovePermission(permission) {
+        const contextId = this.component.context().id;
+        this.contextService
+            .deletePermissionAssociation(contextId, permission.id)
+            .subscribe(() => {
+            const index = this.component.permissions[permission.typePermission].findIndex((p) => {
+                return p.id === permission.id;
+            });
+            this.component.permissions[permission.typePermission].splice(index, 1);
+            const profil = permission.profil;
+            this.messageService.success('igo.context.permission.dialog.deleteMsg', 'igo.context.permission.dialog.deleteTitle', undefined, { value: profil });
+            this.cd.detectChanges();
+        });
+    }
+    onScopeChanged(context) {
+        const scope = context.scope;
+        this.contextService.update(context.id, { scope }).subscribe(() => {
+            this.messageService.success('igo.context.permission.dialog.scopeChangedMsg', 'igo.context.permission.dialog.scopeChangedTitle', undefined, { value: 'igo.context.permission.scope.' + scope });
+        });
     }
-    queryParams;
     constructor() {
-        const component = inject(MapBrowserComponent);
+        const component = inject(ContextPermissionsComponent, { self: true });
         this.component = component;
     }
     ngOnInit() {
-        this.context$$ = this.shareMapService.routeService.queryParams
-            .pipe(switchMap((params) => {
-            this.queryParams = params ?? {};
-            return this.contextService.context$.pipe(filter((context) => context !== undefined));
-        }))
-            .subscribe((context) => this.handleContextChange(context));
+        this.editedContext$$ = this.contextService.editedContext$.subscribe((context) => this.handleEditedContextChange(context));
     }
     ngOnDestroy() {
-        this.context$$.unsubscribe();
+        this.editedContext$$.unsubscribe();
+        this.contextService.editedContext$.next(undefined);
     }
-    handleContextChange(context) {
-        if (context.map === undefined) {
-            return;
-        }
-        const viewContext = context.map.view;
-        const shouldOverrideView = !this.component.view ||
-            viewContext.keepCurrentView !== true ||
-            context.map.view.projection !== this.map.projection;
-        if (this.shareMapService.hasPositionParams(this.queryParams) &&
-            shouldOverrideView) {
-            const positions = this.shareMapService.parser.parsePosition(this.queryParams);
-            this.component.view = { ...viewContext, ...positions };
-        }
-        else if (shouldOverrideView) {
-            this.component.view = viewContext;
-        }
-        if (this.component.map.geolocationController) {
-            this.component.map.geolocationController.updateGeolocationOptions(viewContext);
-        }
-        const controlsContext = context.map.controls;
-        if (!this.component.controls && controlsContext) {
-            if (this.mediaService.isMobile()) {
-                if (typeof controlsContext.scaleLine !== 'boolean') {
-                    const scaleLineOption = controlsContext.scaleLine;
-                    if (!scaleLineOption.minWidth) {
-                        scaleLineOption.minWidth = Math.min(64, scaleLineOption.minWidth);
-                        controlsContext.scaleLine = scaleLineOption;
-                    }
-                }
-            }
-            this.component.controls = controlsContext;
+    handleEditedContextChange(context) {
+        this.component.context.set(context);
+        if (context) {
+            this.contextService
+                .getPermissions(context.id)
+                .subscribe((permissionsArray) => {
+                permissionsArray = permissionsArray || [];
+                const permissions = {
+                    read: permissionsArray.filter((p) => {
+                        return p.typePermission.toString() === 'read';
+                    }),
+                    write: permissionsArray.filter((p) => {
+                        return p.typePermission.toString() === 'write';
+                    })
+                };
+                return this.component.permissions.set(permissions);
+            });
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: MapContextDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.4", type: MapContextDirective, isStandalone: true, selector: "[igoMapContext]", ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: ContextPermissionsBindingDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.6", type: ContextPermissionsBindingDirective, isStandalone: true, selector: "[igoContextPermissionsBinding]", host: { listeners: { "addPermission": "onAddPermission($event)", "removePermission": "onRemovePermission($event)", "scopeChanged": "onScopeChanged($event)" } }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: MapContextDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: ContextPermissionsBindingDirective, decorators: [{
             type: Directive,
             args: [{
-                    selector: '[igoMapContext]'
+                    selector: '[igoContextPermissionsBinding]',
+                    standalone: true
                 }]
-        }], ctorParameters: () => [] });
+        }], ctorParameters: () => [], propDecorators: { onAddPermission: [{
+                type: HostListener,
+                args: ['addPermission', ['$event']]
+            }], onRemovePermission: [{
+                type: HostListener,
+                args: ['removePermission', ['$event']]
+            }], onScopeChanged: [{
+                type: HostListener,
+                args: ['scopeChanged', ['$event']]
+            }] } });
 
 /**
  * @deprecated import the components/directives directly or CONTEXT_MANAGER_DIRECTIVES for the set
@@ -3436,42 +3344,36 @@ class IgoContextManagerModule {
             ngModule: IgoContextManagerModule
         };
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: IgoContextManagerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.4", ngImport: i0, type: IgoContextManagerModule, imports: [ContextListComponent,
-            ContextListBindingDirective,
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: IgoContextManagerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.6", ngImport: i0, type: IgoContextManagerModule, imports: [ContextListComponent,
             ContextItemComponent,
             ContextFormComponent,
             ContextEditComponent,
-            ContextEditBindingDirective,
             ContextPermissionsComponent,
             ContextPermissionsBindingDirective,
             LayerContextDirective,
             MapContextDirective], exports: [ContextListComponent,
-            ContextListBindingDirective,
             ContextItemComponent,
             ContextFormComponent,
             ContextEditComponent,
-            ContextEditBindingDirective,
             ContextPermissionsComponent,
             ContextPermissionsBindingDirective,
             LayerContextDirective,
             MapContextDirective] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: IgoContextManagerModule, imports: [ContextListComponent,
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: IgoContextManagerModule, imports: [ContextListComponent,
             ContextItemComponent,
             ContextFormComponent,
             ContextEditComponent,
             ContextPermissionsComponent] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: IgoContextManagerModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: IgoContextManagerModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [
                         ContextListComponent,
-                        ContextListBindingDirective,
                         ContextItemComponent,
                         ContextFormComponent,
                         ContextEditComponent,
-                        ContextEditBindingDirective,
                         ContextPermissionsComponent,
                         ContextPermissionsBindingDirective,
                         LayerContextDirective,
@@ -3479,11 +3381,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImpor
                     ],
                     exports: [
                         ContextListComponent,
-                        ContextListBindingDirective,
                         ContextItemComponent,
                         ContextFormComponent,
                         ContextEditComponent,
-                        ContextEditBindingDirective,
                         ContextPermissionsComponent,
                         ContextPermissionsBindingDirective,
                         LayerContextDirective,
@@ -3526,10 +3426,10 @@ class BookmarkButtonComponent {
             }
         });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: BookmarkButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.4", type: BookmarkButtonComponent, isStandalone: true, selector: "igo-bookmark-button", inputs: { map: "map", color: "color" }, ngImport: i0, template: "<div class=\"igo-bookmark-button-container\">\n  <button\n    mat-icon-button\n    [matTooltip]=\"'igo.context.bookmarkButton.create' | translate\"\n    matTooltipPosition=\"above\"\n    [color]=\"color\"\n    (click)=\"createContext()\"\n  >\n    <mat-icon>star</mat-icon>\n  </button>\n</div>\n", styles: [":host button{border-radius:0!important;background-color:var(--mat-sys-surface-bright)}:host button .mat-ripple,:host button .mdc-icon-button__ripple{border-radius:0!important}\n"], dependencies: [{ kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i4.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i2$2.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i4$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: IgoLanguageModule }, { kind: "pipe", type: i5$1.TranslatePipe, name: "translate" }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: BookmarkButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.6", type: BookmarkButtonComponent, isStandalone: true, selector: "igo-bookmark-button", inputs: { map: "map", color: "color" }, ngImport: i0, template: "<div class=\"igo-bookmark-button-container\">\n  <button\n    mat-icon-button\n    [matTooltip]=\"'igo.context.bookmarkButton.create' | translate\"\n    matTooltipPosition=\"above\"\n    [color]=\"color\"\n    (click)=\"createContext()\"\n  >\n    <mat-icon>star</mat-icon>\n  </button>\n</div>\n", styles: [":host button{border-radius:0!important;background-color:var(--mat-sys-surface-bright)}:host button .mat-ripple,:host button .mdc-icon-button__ripple{border-radius:0!important}\n"], dependencies: [{ kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i4.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i6$1.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i4$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: IgoLanguageModule }, { kind: "pipe", type: i5$1.TranslatePipe, name: "translate" }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: BookmarkButtonComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: BookmarkButtonComponent, decorators: [{
             type: Component,
             args: [{ selector: 'igo-bookmark-button', imports: [MatButtonModule, MatTooltipModule, MatIconModule, IgoLanguageModule], template: "<div class=\"igo-bookmark-button-container\">\n  <button\n    mat-icon-button\n    [matTooltip]=\"'igo.context.bookmarkButton.create' | translate\"\n    matTooltipPosition=\"above\"\n    [color]=\"color\"\n    (click)=\"createContext()\"\n  >\n    <mat-icon>star</mat-icon>\n  </button>\n</div>\n", styles: [":host button{border-radius:0!important;background-color:var(--mat-sys-surface-bright)}:host button .mat-ripple,:host button .mdc-icon-button__ripple{border-radius:0!important}\n"] }]
         }], propDecorators: { map: [{
@@ -3541,10 +3441,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImpor
 class PoiDialogComponent {
     dialogRef = inject(MatDialogRef);
     title;
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: PoiDialogComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.4", type: PoiDialogComponent, isStandalone: true, selector: "igo-poi-dialog", ngImport: i0, template: "<h1 mat-dialog-title>\n  {{ 'igo.context.poiButton.dialog.title' | translate }}\n</h1>\n<div mat-dialog-content>\n  <mat-form-field>\n    <input\n      matInput\n      required\n      autocomplete=\"off\"\n      [placeholder]=\"'igo.context.poiButton.dialog.placeholder' | translate\"\n      [(ngModel)]=\"title\"\n    />\n  </mat-form-field>\n</div>\n<div mat-dialog-actions>\n  <button\n    mat-button\n    color=\"primary\"\n    [disabled]=\"!title\"\n    (click)=\"dialogRef.close(title)\"\n  >\n    {{ 'igo.common.confirmDialog.confirmBtn' | translate }}\n  </button>\n  <button matButton (click)=\"dialogRef.close(false)\">\n    {{ 'igo.common.confirmDialog.cancelBtn' | translate }}\n  </button>\n</div>\n", dependencies: [{ kind: "directive", type: MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "directive", type: MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i1$1.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i2$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", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.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: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i4.MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: IgoLanguageModule }, { kind: "pipe", type: i5$1.TranslatePipe, name: "translate" }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: PoiDialogComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.6", type: PoiDialogComponent, isStandalone: true, selector: "igo-poi-dialog", ngImport: i0, template: "<h1 mat-dialog-title>\n  {{ 'igo.context.poiButton.dialog.title' | translate }}\n</h1>\n<div mat-dialog-content>\n  <mat-form-field>\n    <input\n      matInput\n      required\n      autocomplete=\"off\"\n      [placeholder]=\"'igo.context.poiButton.dialog.placeholder' | translate\"\n      [(ngModel)]=\"title\"\n    />\n  </mat-form-field>\n</div>\n<div mat-dialog-actions>\n  <button\n    mat-button\n    color=\"primary\"\n    [disabled]=\"!title\"\n    (click)=\"dialogRef.close(title)\"\n  >\n    {{ 'igo.common.confirmDialog.confirmBtn' | translate }}\n  </button>\n  <button matButton (click)=\"dialogRef.close(false)\">\n    {{ 'igo.common.confirmDialog.cancelBtn' | translate }}\n  </button>\n</div>\n", dependencies: [{ kind: "directive", type: MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "directive", type: MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i1$1.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i2$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", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.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: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i4.MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: IgoLanguageModule }, { kind: "pipe", type: i5$1.TranslatePipe, name: "translate" }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: PoiDialogComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: PoiDialogComponent, decorators: [{
             type: Component,
             args: [{ selector: 'igo-poi-dialog', imports: [
                         MatDialogTitle,
@@ -3580,10 +3480,10 @@ class PoiService {
         const url = this.baseUrl + '/pois';
         return this.http.post(url, context);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: PoiService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: PoiService });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: PoiService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: PoiService });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: PoiService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: PoiService, decorators: [{
             type: Injectable
         }], ctorParameters: () => [] });
 
@@ -3685,10 +3585,10 @@ class PoiButtonComponent {
             easing: oleasing.easeOut
         });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: PoiButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.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>add-circle</mat-icon>\n    </button>\n  </mat-option>\n  <mat-divider></mat-divider>\n  @for (poi of pois; track poi) {\n    <mat-option class=\"poi-option\" [value]=\"poi.id\" (click)=\"zoomOnPoi(poi.id)\">\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>delete</mat-icon>\n      </button>\n    </mat-option>\n  }\n</mat-select>\n", styles: [":host{padding:0 8px;height:100%;background-color:var(--mat-sys-surface-bright)}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: i6.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", "canSelectNullableOptions"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "component", type: i5.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "ngmodule", type: MatOptionModule }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i4.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "directive", type: StopPropagationDirective, selector: "[igoStopPropagation]" }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i4$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatDividerModule }, { kind: "component", type: i1$2.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { kind: "ngmodule", type: IgoLanguageModule }, { kind: "pipe", type: i5$1.TranslatePipe, name: "translate" }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: PoiButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.6", type: PoiButtonComponent, isStandalone: true, selector: "igo-poi-button", inputs: { map: "map", color: "color" }, providers: [PoiService], ngImport: i0, template: "<mat-select\n  panelClass=\"poi-select-panel\"\n  class=\"poi-select\"\n  [placeholder]=\"'igo.context.poiButton.placeholder' | translate\"\n  floatPlaceholder=\"never\"\n>\n  <mat-option (click)=\"createPoi()\" class=\"poi-option\">\n    <div\n      class=\"poi-option-row\"\n      [matTooltip]=\"'igo.context.poiButton.create' | translate\"\n      matTooltipPosition=\"above\"\n    >\n      <div class=\"poi-option-text\">\n        {{ 'igo.context.poiButton.create' | translate }}\n      </div>\n      <div class=\"poi-option-button\">\n        <button\n          igoStopPropagation\n          mat-icon-button\n          color=\"primary\"\n          (click)=\"createPoi()\"\n        >\n          <mat-icon>add_circle</mat-icon>\n        </button>\n      </div>\n    </div>\n  </mat-option>\n  <mat-divider />\n  @for (poi of pois; track poi) {\n    <mat-option class=\"poi-option\" [value]=\"poi.id\" (click)=\"zoomOnPoi(poi.id)\">\n      <div class=\"poi-option-row\">\n        <div\n          class=\"poi-option-text\"\n          [matTooltip]=\"poi.title\"\n          matTooltipPosition=\"above\"\n        >\n          {{ poi.title }}\n        </div>\n        <div class=\"poi-option-button\">\n          <button\n            mat-icon-button\n            igoStopPropagation\n            color=\"warn\"\n            (click)=\"deletePoi(poi)\"\n          >\n            <mat-icon>delete</mat-icon>\n          </button>\n        </div>\n      </div>\n    </mat-option>\n  }\n</mat-select>\n", styles: [":host{padding:0 8px;height:100%;display:flex;align-items:center;background-color:var(--mat-sys-surface-bright)}.poi-select{width:175px;height:100%}.poi-option{padding-right:6px;padding-left:6px}.poi-option .poi-option-row{display:flex;align-items:center;width:100%}.poi-option .poi-option-text{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.poi-option .poi-option-button{width:35px;display:flex;align-items:center;justify-content:flex-start}.poi-option ::ng-deep .mat-pseudo-checkbox{display:none}::ng-deep .poi-select .mat-mdc-select-trigger{height:100%;display:flex;align-items:center}::ng-deep .poi-select-panel .mdc-list-item__primary-text{width:100%}\n"], dependencies: [{ kind: "ngmodule", type: MatSelectModule }, { kind: "component", type: i6.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", "canSelectNullableOptions"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "component", type: i5.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "ngmodule", type: MatOptionModule }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i4.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "directive", type: StopPropagationDirective, selector: "[igoStopPropagation]" }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i4$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatDividerModule }, { kind: "component", type: i1$2.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i6$1.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "ngmodule", type: IgoLanguageModule }, { kind: "pipe", type: i5$1.TranslatePipe, name: "translate" }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: PoiButtonComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: PoiButtonComponent, decorators: [{
             type: Component,
             args: [{ selector: 'igo-poi-button', imports: [
                         MatSelectModule,
@@ -3697,8 +3597,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImpor
                         StopPropagationDirective,
                         MatIconModule,
                         MatDividerModule,
+                        MatTooltipModule,
                         IgoLanguageModule
-                    ], 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>add-circle</mat-icon>\n    </button>\n  </mat-option>\n  <mat-divider></mat-divider>\n  @for (poi of pois; track poi) {\n    <mat-option class=\"poi-option\" [value]=\"poi.id\" (click)=\"zoomOnPoi(poi.id)\">\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>delete</mat-icon>\n      </button>\n    </mat-option>\n  }\n</mat-select>\n", styles: [":host{padding:0 8px;height:100%;background-color:var(--mat-sys-surface-bright)}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  panelClass=\"poi-select-panel\"\n  class=\"poi-select\"\n  [placeholder]=\"'igo.context.poiButton.placeholder' | translate\"\n  floatPlaceholder=\"never\"\n>\n  <mat-option (click)=\"createPoi()\" class=\"poi-option\">\n    <div\n      class=\"poi-option-row\"\n      [matTooltip]=\"'igo.context.poiButton.create' | translate\"\n      matTooltipPosition=\"above\"\n    >\n      <div class=\"poi-option-text\">\n        {{ 'igo.context.poiButton.create' | translate }}\n      </div>\n      <div class=\"poi-option-button\">\n        <button\n          igoStopPropagation\n          mat-icon-button\n          color=\"primary\"\n          (click)=\"createPoi()\"\n        >\n          <mat-icon>add_circle</mat-icon>\n        </button>\n      </div>\n    </div>\n  </mat-option>\n  <mat-divider />\n  @for (poi of pois; track poi) {\n    <mat-option class=\"poi-option\" [value]=\"poi.id\" (click)=\"zoomOnPoi(poi.id)\">\n      <div class=\"poi-option-row\">\n        <div\n          class=\"poi-option-text\"\n          [matTooltip]=\"poi.title\"\n          matTooltipPosition=\"above\"\n        >\n          {{ poi.title }}\n        </div>\n        <div class=\"poi-option-button\">\n          <button\n            mat-icon-button\n            igoStopPropagation\n            color=\"warn\"\n            (click)=\"deletePoi(poi)\"\n          >\n            <mat-icon>delete</mat-icon>\n          </button>\n        </div>\n      </div>\n    </mat-option>\n  }\n</mat-select>\n", styles: [":host{padding:0 8px;height:100%;display:flex;align-items:center;background-color:var(--mat-sys-surface-bright)}.poi-select{width:175px;height:100%}.poi-option{padding-right:6px;padding-left:6px}.poi-option .poi-option-row{display:flex;align-items:center;width:100%}.poi-option .poi-option-text{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.poi-option .poi-option-button{width:35px;display:flex;align-items:center;justify-content:flex-start}.poi-option ::ng-deep .mat-pseudo-checkbox{display:none}::ng-deep .poi-select .mat-mdc-select-trigger{height:100%;display:flex;align-items:center}::ng-deep .poi-select-panel .mdc-list-item__primary-text{width:100%}\n"] }]
         }], propDecorators: { map: [{
                 type: Input
             }], color: [{
@@ -3735,10 +3636,10 @@ class UserDialogComponent {
     clearPreferences() {
         this.storageService.clear();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: UserDialogComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.4", type: UserDialogComponent, isStandalone: true, selector: "igo-user-dialog", ngImport: i0, template: "<h1 mat-dialog-title>\n  {{ 'igo.context.userButton.infoTitle' | translate }}\n</h1>\n<div mat-dialog-content>\n  <p>\n    {{ 'igo.context.userButton.dialog.user' | translate }}: {{ user.sourceId }}\n  </p>\n  <p>\n    {{ 'igo.context.userButton.dialog.email' | translate }}: {{ user.email }}\n  </p>\n  <p>{{ 'igo.context.userButton.dialog.expiration' | translate }}: {{ exp }}</p>\n  <button mat-stroked-button color=\"primary\" (click)=\"clearPreferences()\">\n    {{ 'igo.context.userButton.dialog.clearPreferences' | translate }}\n  </button>\n  <br />\n</div>\n<div mat-dialog-actions style=\"justify-content: center\">\n  <button matButton=\"elevated\" color=\"primary\" (click)=\"dialogRef.close(false)\">\n    OK\n  </button>\n</div>\n", dependencies: [{ kind: "directive", type: MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "directive", type: MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i4.MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "directive", type: MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "ngmodule", type: IgoLanguageModule }, { kind: "pipe", type: i5$1.TranslatePipe, name: "translate" }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: UserDialogComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.6", type: UserDialogComponent, isStandalone: true, selector: "igo-user-dialog", ngImport: i0, template: "<h1 mat-dialog-title>\n  {{ 'igo.context.userButton.infoTitle' | translate }}\n</h1>\n<div mat-dialog-content>\n  <p>\n    {{ 'igo.context.userButton.dialog.user' | translate }}: {{ user.sourceId }}\n  </p>\n  <p>\n    {{ 'igo.context.userButton.dialog.email' | translate }}: {{ user.email }}\n  </p>\n  <p>{{ 'igo.context.userButton.dialog.expiration' | translate }}: {{ exp }}</p>\n  <button mat-stroked-button color=\"primary\" (click)=\"clearPreferences()\">\n    {{ 'igo.context.userButton.dialog.clearPreferences' | translate }}\n  </button>\n  <br />\n</div>\n<div mat-dialog-actions style=\"justify-content: center\">\n  <button matButton=\"elevated\" color=\"primary\" (click)=\"dialogRef.close(false)\">\n    OK\n  </button>\n</div>\n", dependencies: [{ kind: "directive", type: MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "directive", type: MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i4.MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "directive", type: MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "ngmodule", type: IgoLanguageModule }, { kind: "pipe", type: i5$1.TranslatePipe, name: "translate" }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: UserDialogComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: UserDialogComponent, decorators: [{
             type: Component,
             args: [{ selector: 'igo-user-dialog', imports: [
                         MatDialogTitle,
@@ -3789,10 +3690,10 @@ class UserButtonComponent {
     infoUser() {
         this.dialog.open(UserDialogComponent, { disableClose: false });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: UserButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.4", type: UserButtonComponent, isStandalone: true, selector: "igo-user-button", inputs: { map: "map", color: "color" }, ngImport: i0, template: "@if (visible) {\n  <div class=\"igo-user-button-container\">\n    <div\n      class=\"igo-user-button-more-container\"\n      [@userButtonState]=\"expand ? 'expand' : 'collapse'\"\n    >\n      @if (hasApi) {\n        <igo-poi-button [color]=\"color\" [map]=\"map\"></igo-poi-button>\n      }\n      <button\n        mat-icon-button\n        [matTooltip]=\"'igo.context.userButton.infoTitle' | translate\"\n        matTooltipPosition=\"above\"\n        [color]=\"color\"\n        (click)=\"infoUser()\"\n      >\n        <mat-icon>info</mat-icon>\n      </button>\n      <button\n        mat-icon-button\n        [matTooltip]=\"'igo.context.userButton.logout' | translate\"\n        matTooltipPosition=\"above\"\n        [color]=\"color\"\n        (click)=\"logout()\"\n      >\n        <mat-icon>power_settings_new</mat-icon>\n      </button>\n    </div>\n    <button\n      mat-icon-button\n      [color]=\"auth.authenticated ? color : 'warn'\"\n      (click)=\"accountClick()\"\n    >\n      <mat-icon>account_box</mat-icon>\n    </button>\n  </div>\n}\n", styles: [":host button{border-radius:0!important;background-color:var(--mat-sys-surface-bright)}:host button .mat-ripple,:host button .mdc-icon-button__ripple{border-radius:0!important}.igo-user-button-container,.igo-user-button-more-container{display:flex;gap:4px}\n"], dependencies: [{ kind: "component", type: PoiButtonComponent, selector: "igo-poi-button", inputs: ["map", "color"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i4.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i2$2.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i4$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: IgoLanguageModule }, { kind: "pipe", type: i5$1.TranslatePipe, name: "translate" }], animations: [userButtonSlideInOut()] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: UserButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.6", type: UserButtonComponent, isStandalone: true, selector: "igo-user-button", inputs: { map: "map", color: "color" }, ngImport: i0, template: "@if (visible) {\n  <div class=\"igo-user-button-container\">\n    <div\n      class=\"igo-user-button-more-container\"\n      [@userButtonState]=\"expand ? 'expand' : 'collapse'\"\n    >\n      @if (hasApi) {\n        <igo-poi-button [color]=\"color\" [map]=\"map\" />\n      }\n      <button\n        mat-icon-button\n        [matTooltip]=\"'igo.context.userButton.infoTitle' | translate\"\n        matTooltipPosition=\"above\"\n        [color]=\"color\"\n        (click)=\"infoUser()\"\n      >\n        <mat-icon>info</mat-icon>\n      </button>\n      <button\n        mat-icon-button\n        [matTooltip]=\"'igo.context.userButton.logout' | translate\"\n        matTooltipPosition=\"above\"\n        [color]=\"color\"\n        (click)=\"logout()\"\n      >\n        <mat-icon>power_settings_new</mat-icon>\n      </button>\n    </div>\n    <button\n      mat-icon-button\n      [color]=\"auth.authenticated ? color : 'warn'\"\n      (click)=\"accountClick()\"\n    >\n      <mat-icon>account_box</mat-icon>\n    </button>\n  </div>\n}\n", styles: [":host button{border-radius:0!important;background-color:var(--mat-sys-surface-bright)}:host button .mat-ripple,:host button .mdc-icon-button__ripple{border-radius:0!important}.igo-user-button-container,.igo-user-button-more-container{display:flex;gap:4px}\n"], dependencies: [{ kind: "component", type: PoiButtonComponent, selector: "igo-poi-button", inputs: ["map", "color"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i4.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i6$1.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i4$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: IgoLanguageModule }, { kind: "pipe", type: i5$1.TranslatePipe, name: "translate" }], animations: [userButtonSlideInOut()] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: UserButtonComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: UserButtonComponent, decorators: [{
             type: Component,
             args: [{ selector: 'igo-user-button', animations: [userButtonSlideInOut()], imports: [
                         PoiButtonComponent,
@@ -3800,7 +3701,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImpor
                         MatTooltipModule,
                         MatIconModule,
                         IgoLanguageModule
-                    ], template: "@if (visible) {\n  <div class=\"igo-user-button-container\">\n    <div\n      class=\"igo-user-button-more-container\"\n      [@userButtonState]=\"expand ? 'expand' : 'collapse'\"\n    >\n      @if (hasApi) {\n        <igo-poi-button [color]=\"color\" [map]=\"map\"></igo-poi-button>\n      }\n      <button\n        mat-icon-button\n        [matTooltip]=\"'igo.context.userButton.infoTitle' | translate\"\n        matTooltipPosition=\"above\"\n        [color]=\"color\"\n        (click)=\"infoUser()\"\n      >\n        <mat-icon>info</mat-icon>\n      </button>\n      <button\n        mat-icon-button\n        [matTooltip]=\"'igo.context.userButton.logout' | translate\"\n        matTooltipPosition=\"above\"\n        [color]=\"color\"\n        (click)=\"logout()\"\n      >\n        <mat-icon>power_settings_new</mat-icon>\n      </button>\n    </div>\n    <button\n      mat-icon-button\n      [color]=\"auth.authenticated ? color : 'warn'\"\n      (click)=\"accountClick()\"\n    >\n      <mat-icon>account_box</mat-icon>\n    </button>\n  </div>\n}\n", styles: [":host button{border-radius:0!important;background-color:var(--mat-sys-surface-bright)}:host button .mat-ripple,:host button .mdc-icon-button__ripple{border-radius:0!important}.igo-user-button-container,.igo-user-button-more-container{display:flex;gap:4px}\n"] }]
+                    ], template: "@if (visible) {\n  <div class=\"igo-user-button-container\">\n    <div\n      class=\"igo-user-button-more-container\"\n      [@userButtonState]=\"expand ? 'expand' : 'collapse'\"\n    >\n      @if (hasApi) {\n        <igo-poi-button [color]=\"color\" [map]=\"map\" />\n      }\n      <button\n        mat-icon-button\n        [matTooltip]=\"'igo.context.userButton.infoTitle' | translate\"\n        matTooltipPosition=\"above\"\n        [color]=\"color\"\n        (click)=\"infoUser()\"\n      >\n        <mat-icon>info</mat-icon>\n      </button>\n      <button\n        mat-icon-button\n        [matTooltip]=\"'igo.context.userButton.logout' | translate\"\n        matTooltipPosition=\"above\"\n        [color]=\"color\"\n        (click)=\"logout()\"\n      >\n        <mat-icon>power_settings_new</mat-icon>\n      </button>\n    </div>\n    <button\n      mat-icon-button\n      [color]=\"auth.authenticated ? color : 'warn'\"\n      (click)=\"accountClick()\"\n    >\n      <mat-icon>account_box</mat-icon>\n    </button>\n  </div>\n}\n", styles: [":host button{border-radius:0!important;background-color:var(--mat-sys-surface-bright)}:host button .mat-ripple,:host button .mdc-icon-button__ripple{border-radius:0!important}.igo-user-button-container,.igo-user-button-more-container{display:flex;gap:4px}\n"] }]
         }], ctorParameters: () => [], propDecorators: { map: [{
                 type: Input
             }], color: [{
@@ -3816,20 +3717,20 @@ class IgoContextMapButtonModule {
             ngModule: IgoContextMapButtonModule
         };
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: IgoContextMapButtonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.4", ngImport: i0, type: IgoContextMapButtonModule, imports: [BookmarkButtonComponent,
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: IgoContextMapButtonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.6", ngImport: i0, type: IgoContextMapButtonModule, imports: [BookmarkButtonComponent,
             BookmarkDialogComponent,
             PoiButtonComponent,
             UserButtonComponent], exports: [BookmarkButtonComponent,
             PoiButtonComponent,
             UserButtonComponent,
             BookmarkDialogComponent] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: IgoContextMapButtonModule, providers: [PoiService], imports: [BookmarkButtonComponent,
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: IgoContextMapButtonModule, providers: [PoiService], imports: [BookmarkButtonComponent,
             BookmarkDialogComponent,
             PoiButtonComponent,
             UserButtonComponent] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: IgoContextMapButtonModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: IgoContextMapButtonModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [
@@ -3848,137 +3749,20 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImpor
                 }]
         }] });
 
-const CONTEXT_MANAGER_DIRECTIVES = [
-    ContextListComponent,
-    ContextListBindingDirective,
-    ContextItemComponent,
-    ContextFormComponent,
-    ContextEditComponent,
-    ContextEditBindingDirective,
-    ContextPermissionsComponent,
-    ContextPermissionsBindingDirective,
-    MapContextDirective,
-    LayerContextDirective
-];
-
-class ShareMapApiComponent {
-    clipboard = inject(Clipboard);
-    languageService = inject(LanguageService);
-    messageService = inject(MessageService);
-    auth = inject(AuthService);
-    shareMapService = inject(ShareMapService);
-    formBuilder = inject(UntypedFormBuilder);
-    contextService = inject(ContextService);
-    form;
-    map;
-    url;
-    userId;
-    idContextShared;
-    ngOnInit() {
-        this.auth.authenticate$.subscribe(() => {
-            const decodeToken = this.auth.decodeToken();
-            this.userId = decodeToken?.user?.id.toString();
-            this.buildForm();
-        });
-    }
-    createUrl(values = {}) {
-        const inputs = Object.assign({}, values);
-        inputs.uri = this.userId ? `${this.userId}-${values.uri}` : values.uri;
-        this.url = this.shareMapService.getUrlWithApi(inputs);
-        this.createContextShared(this.map, inputs).subscribe((rep) => {
-            this.idContextShared = rep.id;
-            this.messageService.success('igo.context.contextManager.dialog.saveMsg', 'igo.context.contextManager.dialog.saveTitle', undefined, { value: inputs.title });
-        }, (err) => {
-            err.error.title = this.languageService.translate.instant('igo.context.shareMap.errorTitle');
-            this.messageService.showError(err);
-        });
-    }
-    updateContextShared(values = {}) {
-        const inputs = Object.assign({}, values);
-        inputs.uri = this.userId ? `${this.userId}-${values.uri}` : values.uri;
-        this._updateContextShared(this.map, inputs, this.idContextShared).subscribe(() => {
-            this.messageService.success('igo.context.contextManager.dialog.saveMsg', 'igo.context.contextManager.dialog.saveTitle', undefined, { value: inputs.title });
-        }, (err) => {
-            err.error.title = this.languageService.translate.instant('igo.context.shareMap.errorTitle');
-            this.messageService.showError(err);
-        });
-    }
-    copyTextToClipboard(textArea) {
-        const successful = this.clipboard.copy(textArea.value);
-        if (successful) {
-            this.messageService.success('igo.context.shareMap.dialog.copyMsg', 'igo.context.shareMap.dialog.copyTitle');
-        }
-    }
-    buildForm() {
-        this.url = undefined;
-        const id = uuid();
-        let title = 'Partage ';
-        title += this.userId ? `(${this.userId}-${id})` : `(${id})`;
-        this.form = this.formBuilder.group({
-            title: [title],
-            uri: [id]
-        });
-    }
-    createContextShared(map, formValues) {
-        const context = this.contextService.getContextFromMap(map);
-        context.scope = 'public';
-        context.title = formValues.title;
-        context.uri = formValues.uri;
-        return this.contextService.create(context);
-    }
-    _updateContextShared(map, formValues, id) {
-        const context = this.contextService.getContextFromMap(map);
-        return this.contextService.update(id, {
-            title: formValues.title,
-            map: context.map
-        });
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: ShareMapApiComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.4", type: ShareMapApiComponent, isStandalone: true, selector: "igo-share-map-api", inputs: { map: "map" }, ngImport: i0, template: "<form class=\"igo-form\" [formGroup]=\"form\" (ngSubmit)=\"createUrl(form.value)\">\n  <div class=\"igo-input-container\">\n    <mat-form-field>\n      <input\n        matInput\n        required\n        [placeholder]=\"'igo.context.contextManager.form.title' | translate\"\n        formControlName=\"title\"\n      />\n      <mat-error>\n        {{ 'igo.context.contextManager.form.titleRequired' | translate }}\n      </mat-error>\n    </mat-form-field>\n  </div>\n\n  <div id=\"uriInput\" class=\"igo-input-container\">\n    <mat-form-field>\n      @if (userId) {\n        <span class=\"prefix\">{{ userId }}-</span>\n      }\n      <span class=\"fieldWrapper\">\n        <input\n          matInput\n          required\n          [readonly]=\"!userId\"\n          [placeholder]=\"'igo.context.contextManager.form.uri' | translate\"\n          formControlName=\"uri\"\n        />\n      </span>\n      <mat-error>\n        {{ 'igo.context.contextManager.form.uriRequired' | translate }}\n      </mat-error>\n    </mat-form-field>\n  </div>\n\n  <div class=\"igo-form-button-group\">\n    @if (!url) {\n      <button matButton=\"elevated\" type=\"submit\" [disabled]=\"!form.valid\">\n        {{ 'igo.context.shareMap.button' | translate }}\n      </button>\n    }\n    @if (url) {\n      <button\n        matButton=\"elevated\"\n        type=\"button\"\n        (click)=\"updateContextShared(form.value)\"\n      >\n        {{ 'igo.context.shareMap.refreshBtn' | translate }}\n      </button>\n    }\n  </div>\n</form>\n\n@if (url) {\n  <div class=\"igo-input-container linkToShare\">\n    <mat-form-field>\n      <textarea\n        #textArea\n        matInput\n        readonly\n        rows=\"3\"\n        class=\"textAreaWithButton\"\n        [placeholder]=\"'igo.context.shareMap.placeholderLink' | translate\"\n        [value]=\"url\"\n      ></textarea>\n      <button\n        mat-icon-button\n        tooltip-position=\"below\"\n        matTooltipShowDelay=\"500\"\n        [matTooltip]=\"'igo.context.shareMap.copy' | translate\"\n        color=\"primary\"\n        (click)=\"copyTextToClipboard(textArea)\"\n      >\n        <mat-icon>content_copy</mat-icon>\n      </button>\n    </mat-form-field>\n    <div></div>\n  </div>\n}\n", styles: ["@charset \"UTF-8\";mat-form-field{width:100%}#uriInput .fieldWrapper{display:block;overflow:hidden}#uriInput .prefix{float:left}.linkToShare\\a0 {padding:25px 5px 5px}.linkToShare\\a0  textarea{resize:none;width:100%;line-height:1.3;height:40px;overflow-y:hidden;word-wrap:normal;word-break:break-all}.linkToShare\\a0  textarea.textAreaWithButton{width:calc(100% - 60px)}.linkToShare\\a0  mat-form-field>button{float:right;margin:-10px 0}.igo-form{padding:20px 5px 5px}.igo-form-button-group{text-align:center;padding-top:10px}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2.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: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i1$1.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i1$1.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i2$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", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i4.MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: i4.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i2$2.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i4$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: IgoLanguageModule }, { kind: "pipe", type: i5$1.TranslatePipe, name: "translate" }] });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: ShareMapApiComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'igo-share-map-api', imports: [
-                        FormsModule,
-                        ReactiveFormsModule,
-                        MatFormFieldModule,
-                        MatInputModule,
-                        MatButtonModule,
-                        MatTooltipModule,
-                        MatIconModule,
-                        IgoLanguageModule
-                    ], template: "<form class=\"igo-form\" [formGroup]=\"form\" (ngSubmit)=\"createUrl(form.value)\">\n  <div class=\"igo-input-container\">\n    <mat-form-field>\n      <input\n        matInput\n        required\n        [placeholder]=\"'igo.context.contextManager.form.title' | translate\"\n        formControlName=\"title\"\n      />\n      <mat-error>\n        {{ 'igo.context.contextManager.form.titleRequired' | translate }}\n      </mat-error>\n    </mat-form-field>\n  </div>\n\n  <div id=\"uriInput\" class=\"igo-input-container\">\n    <mat-form-field>\n      @if (userId) {\n        <span class=\"prefix\">{{ userId }}-</span>\n      }\n      <span class=\"fieldWrapper\">\n        <input\n          matInput\n          required\n          [readonly]=\"!userId\"\n          [placeholder]=\"'igo.context.contextManager.form.uri' | translate\"\n          formControlName=\"uri\"\n        />\n      </span>\n      <mat-error>\n        {{ 'igo.context.contextManager.form.uriRequired' | translate }}\n      </mat-error>\n    </mat-form-field>\n  </div>\n\n  <div class=\"igo-form-button-group\">\n    @if (!url) {\n      <button matButton=\"elevated\" type=\"submit\" [disabled]=\"!form.valid\">\n        {{ 'igo.context.shareMap.button' | translate }}\n      </button>\n    }\n    @if (url) {\n      <button\n        matButton=\"elevated\"\n        type=\"button\"\n        (click)=\"updateContextShared(form.value)\"\n      >\n        {{ 'igo.context.shareMap.refreshBtn' | translate }}\n      </button>\n    }\n  </div>\n</form>\n\n@if (url) {\n  <div class=\"igo-input-container linkToShare\">\n    <mat-form-field>\n      <textarea\n        #textArea\n        matInput\n        readonly\n        rows=\"3\"\n        class=\"textAreaWithButton\"\n        [placeholder]=\"'igo.context.shareMap.placeholderLink' | translate\"\n        [value]=\"url\"\n      ></textarea>\n      <button\n        mat-icon-button\n        tooltip-position=\"below\"\n        matTooltipShowDelay=\"500\"\n        [matTooltip]=\"'igo.context.shareMap.copy' | translate\"\n        color=\"primary\"\n        (click)=\"copyTextToClipboard(textArea)\"\n      >\n        <mat-icon>content_copy</mat-icon>\n      </button>\n    </mat-form-field>\n    <div></div>\n  </div>\n}\n", styles: ["@charset \"UTF-8\";mat-form-field{width:100%}#uriInput .fieldWrapper{display:block;overflow:hidden}#uriInput .prefix{float:left}.linkToShare\\a0 {padding:25px 5px 5px}.linkToShare\\a0  textarea{resize:none;width:100%;line-height:1.3;height:40px;overflow-y:hidden;word-wrap:normal;word-break:break-all}.linkToShare\\a0  textarea.textAreaWithButton{width:calc(100% - 60px)}.linkToShare\\a0  mat-form-field>button{float:right;margin:-10px 0}.igo-form{padding:20px 5px 5px}.igo-form-button-group{text-align:center;padding-top:10px}\n"] }]
-        }], propDecorators: { map: [{
-                type: Input
-            }] } });
-
 class ShareMapUrlComponent {
     clipboard = inject(Clipboard);
     messageService = inject(MessageService);
     shareMapService = inject(ShareMapService);
     contextService = inject(ContextService);
     cdRef = inject(ChangeDetectorRef);
-    route = inject(RouteService);
     mapState$$;
-    map;
+    map = input(undefined, ...(ngDevMode ? [{ debugName: "map" }] : []));
     url;
-    publicShareOption = {
-        layerlistControls: { querystring: '' }
-    };
-    language;
-    constructor() {
-        this.route.queryParams.subscribe((params) => {
-            const lang = params[this.route.options.languageKey];
-            if (lang) {
-                this.language = lang;
-            }
-        });
-    }
     ngOnInit() {
         this.generateUrl();
         this.mapState$$ = combineLatest([
-            this.map.viewController.state$,
-            this.map.status$
+            this.map().viewController.state$,
+            this.map().status$
         ]).subscribe(() => {
             this.generateUrl();
             this.cdRef.detectChanges();
@@ -3988,7 +3772,7 @@ class ShareMapUrlComponent {
         this.mapState$$?.unsubscribe();
     }
     generateUrl() {
-        this.url = this.shareMapService.encoder.generateUrl(this.map, this.contextService.context$.value, this.publicShareOption, this.language);
+        this.url = this.shareMapService.encoder.generateUrl(this.map(), this.contextService.context$.value);
     }
     copyTextToClipboard(textArea) {
         const successful = this.clipboard.copy(textArea.value);
@@ -3996,49 +3780,34 @@ class ShareMapUrlComponent {
             this.messageService.success('igo.context.shareMap.dialog.copyMsg', 'igo.context.shareMap.dialog.copyTitle');
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: ShareMapUrlComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.4", type: ShareMapUrlComponent, isStandalone: true, selector: "igo-share-map-url", inputs: { map: "map" }, ngImport: i0, template: "<div class=\"igo-input-container\">\n  <mat-form-field>\n    <textarea\n      #textArea\n      matInput\n      readonly\n      rows=\"3\"\n      [placeholder]=\"'igo.context.shareMap.placeholderLink' | translate\"\n      [value]=\"url\"\n    ></textarea>\n  </mat-form-field>\n\n  <div class=\"igo-share-map-url-content\">\n    <div class=\"igo-form-button-group\">\n      <button matButton=\"elevated\" (click)=\"copyTextToClipboard(textArea)\">\n        <mat-icon>content_copy</mat-icon>\n        {{ 'igo.context.shareMap.copy' | translate }}\n      </button>\n    </div>\n\n    <div>\n      <br />\n      <section>\n        @if (('igo.context.shareMap.htmlClarifications' | translate) === '') {\n          <div>\n            @if (('igo.context.shareMap.included' | translate) !== '') {\n              <h4>\n                {{ 'igo.context.shareMap.included' | translate }}\n              </h4>\n            }\n            <ul>\n              @if (('igo.context.shareMap.context' | translate) !== '') {\n                <li>\n                  {{ 'igo.context.shareMap.context' | translate }}\n                </li>\n              }\n              @if (('igo.context.shareMap.center' | translate) !== '') {\n                <li>\n                  {{ 'igo.context.shareMap.center' | translate }}\n                </li>\n              }\n              @if (('igo.context.shareMap.zoom' | translate) !== '') {\n                <li>\n                  {{ 'igo.context.shareMap.zoom' | translate }}\n                </li>\n              }\n              @if (('igo.context.shareMap.addedLayers' | translate) !== '') {\n                <li>\n                  {{ 'igo.context.shareMap.addedLayers' | translate }}\n                </li>\n              }\n              @if (\n                ('igo.context.shareMap.visibleInvisible' | translate) !== ''\n              ) {\n                <li>\n                  {{ 'igo.context.shareMap.visibleInvisible' | translate }}\n                </li>\n              }\n            </ul>\n            @if (('igo.context.shareMap.excluded' | translate) !== '') {\n              <h4>\n                {{ 'igo.context.shareMap.excluded' | translate }}\n              </h4>\n            }\n            <ul>\n              @if (('igo.context.shareMap.order' | translate) !== '') {\n                <li>\n                  {{ 'igo.context.shareMap.order' | translate }}\n                </li>\n              }\n              @if (('igo.context.shareMap.opacity' | translate) !== '') {\n                <li>\n                  {{ 'igo.context.shareMap.opacity' | translate }}\n                </li>\n              }\n              @if (('igo.context.shareMap.filterOgc' | translate) !== '') {\n                <li>\n                  {{ 'igo.context.shareMap.filterOgc' | translate }}\n                </li>\n              }\n              @if (('igo.context.shareMap.filterTime' | translate) !== '') {\n                <li>\n                  {{ 'igo.context.shareMap.filterTime' | translate }}\n                </li>\n              }\n            </ul>\n          </div>\n        }\n        @if (('igo.context.shareMap.htmlClarifications' | translate) !== '') {\n          <igo-custom-html\n            class=\"shareCustomPadding\"\n            [html]=\"'igo.context.shareMap.htmlClarifications' | translate\"\n          >\n          </igo-custom-html>\n        }\n      </section>\n    </div>\n  </div>\n</div>\n", styles: ["mat-form-field{width:100%}.igo-share-map-url-content{padding:16px}.igo-form-button-group{text-align:center}igo-custom-html.shareCustomPadding{padding:0}\n"], dependencies: [{ kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i1$1.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i2$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", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i4.MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i4$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: CustomHtmlComponent, selector: "igo-custom-html", inputs: ["html"] }, { kind: "ngmodule", type: IgoLanguageModule }, { kind: "pipe", type: i5$1.TranslatePipe, name: "translate" }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: ShareMapUrlComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.6", type: ShareMapUrlComponent, isStandalone: true, selector: "igo-share-map-url", inputs: { map: { classPropertyName: "map", publicName: "map", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div class=\"igo-input-container\">\n  <mat-form-field>\n    <textarea\n      #textArea\n      matInput\n      readonly\n      rows=\"3\"\n      [placeholder]=\"'igo.context.shareMap.placeholderLink' | translate\"\n      [value]=\"url\"\n    ></textarea>\n  </mat-form-field>\n\n  <div class=\"igo-share-map-url-content\">\n    <div class=\"igo-form-button-group\">\n      <button matButton=\"elevated\" (click)=\"copyTextToClipboard(textArea)\">\n        <mat-icon>content_copy</mat-icon>\n        {{ 'igo.context.shareMap.copy' | translate }}\n      </button>\n    </div>\n\n    <div>\n      <br />\n      <section>\n        @if (('igo.context.shareMap.htmlClarifications' | translate) === '') {\n          <div>\n            @if (('igo.context.shareMap.included' | translate) !== '') {\n              <h4>\n                {{ 'igo.context.shareMap.included' | translate }}\n              </h4>\n            }\n            <ul>\n              @if (('igo.context.shareMap.context' | translate) !== '') {\n                <li>\n                  {{ 'igo.context.shareMap.context' | translate }}\n                </li>\n              }\n              @if (('igo.context.shareMap.center' | translate) !== '') {\n                <li>\n                  {{ 'igo.context.shareMap.center' | translate }}\n                </li>\n              }\n              @if (('igo.context.shareMap.zoom' | translate) !== '') {\n                <li>\n                  {{ 'igo.context.shareMap.zoom' | translate }}\n                </li>\n              }\n              @if (('igo.context.shareMap.addedLayers' | translate) !== '') {\n                <li>\n                  {{ 'igo.context.shareMap.addedLayers' | translate }}\n                </li>\n              }\n              @if (\n                ('igo.context.shareMap.visibleInvisible' | translate) !== ''\n              ) {\n                <li>\n                  {{ 'igo.context.shareMap.visibleInvisible' | translate }}\n                </li>\n              }\n            </ul>\n            @if (('igo.context.shareMap.excluded' | translate) !== '') {\n              <h4>\n                {{ 'igo.context.shareMap.excluded' | translate }}\n              </h4>\n            }\n            <ul>\n              @if (('igo.context.shareMap.order' | translate) !== '') {\n                <li>\n                  {{ 'igo.context.shareMap.order' | translate }}\n                </li>\n              }\n              @if (('igo.context.shareMap.opacity' | translate) !== '') {\n                <li>\n                  {{ 'igo.context.shareMap.opacity' | translate }}\n                </li>\n              }\n              @if (('igo.context.shareMap.filterOgc' | translate) !== '') {\n                <li>\n                  {{ 'igo.context.shareMap.filterOgc' | translate }}\n                </li>\n              }\n              @if (('igo.context.shareMap.filterTime' | translate) !== '') {\n                <li>\n                  {{ 'igo.context.shareMap.filterTime' | translate }}\n                </li>\n              }\n            </ul>\n          </div>\n        }\n        @if (('igo.context.shareMap.htmlClarifications' | translate) !== '') {\n          <igo-custom-html\n            class=\"shareCustomPadding\"\n            [html]=\"'igo.context.shareMap.htmlClarifications' | translate\"\n          />\n        }\n      </section>\n    </div>\n  </div>\n</div>\n", styles: ["mat-form-field{width:100%}.igo-share-map-url-content{padding:16px}.igo-form-button-group{text-align:center}igo-custom-html.shareCustomPadding{padding:0}\n"], dependencies: [{ kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i1$1.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i2$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", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i4.MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i4$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: IgoLanguageModule }, { kind: "component", type: CustomHtmlComponent, selector: "igo-custom-html", inputs: ["html"] }, { kind: "pipe", type: i5$1.TranslatePipe, name: "translate" }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: ShareMapUrlComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: ShareMapUrlComponent, decorators: [{
             type: Component,
             args: [{ selector: 'igo-share-map-url', imports: [
                         MatFormFieldModule,
                         MatInputModule,
                         MatButtonModule,
                         MatIconModule,
-                        CustomHtmlComponent,
-                        IgoLanguageModule
-                    ], template: "<div class=\"igo-input-container\">\n  <mat-form-field>\n    <textarea\n      #textArea\n      matInput\n      readonly\n      rows=\"3\"\n      [placeholder]=\"'igo.context.shareMap.placeholderLink' | translate\"\n      [value]=\"url\"\n    ></textarea>\n  </mat-form-field>\n\n  <div class=\"igo-share-map-url-content\">\n    <div class=\"igo-form-button-group\">\n      <button matButton=\"elevated\" (click)=\"copyTextToClipboard(textArea)\">\n        <mat-icon>content_copy</mat-icon>\n        {{ 'igo.context.shareMap.copy' | translate }}\n      </button>\n    </div>\n\n    <div>\n      <br />\n      <section>\n        @if (('igo.context.shareMap.htmlClarifications' | translate) === '') {\n          <div>\n            @if (('igo.context.shareMap.included' | translate) !== '') {\n              <h4>\n                {{ 'igo.context.shareMap.included' | translate }}\n              </h4>\n            }\n            <ul>\n              @if (('igo.context.shareMap.context' | translate) !== '') {\n                <li>\n                  {{ 'igo.context.shareMap.context' | translate }}\n                </li>\n              }\n              @if (('igo.context.shareMap.center' | translate) !== '') {\n                <li>\n                  {{ 'igo.context.shareMap.center' | translate }}\n                </li>\n              }\n              @if (('igo.context.shareMap.zoom' | translate) !== '') {\n                <li>\n                  {{ 'igo.context.shareMap.zoom' | translate }}\n                </li>\n              }\n              @if (('igo.context.shareMap.addedLayers' | translate) !== '') {\n                <li>\n                  {{ 'igo.context.shareMap.addedLayers' | translate }}\n                </li>\n              }\n              @if (\n                ('igo.context.shareMap.visibleInvisible' | translate) !== ''\n              ) {\n                <li>\n                  {{ 'igo.context.shareMap.visibleInvisible' | translate }}\n                </li>\n              }\n            </ul>\n            @if (('igo.context.shareMap.excluded' | translate) !== '') {\n              <h4>\n                {{ 'igo.context.shareMap.excluded' | translate }}\n              </h4>\n            }\n            <ul>\n              @if (('igo.context.shareMap.order' | translate) !== '') {\n                <li>\n                  {{ 'igo.context.shareMap.order' | translate }}\n                </li>\n              }\n              @if (('igo.context.shareMap.opacity' | translate) !== '') {\n                <li>\n                  {{ 'igo.context.shareMap.opacity' | translate }}\n                </li>\n              }\n              @if (('igo.context.shareMap.filterOgc' | translate) !== '') {\n                <li>\n                  {{ 'igo.context.shareMap.filterOgc' | translate }}\n                </li>\n              }\n              @if (('igo.context.shareMap.filterTime' | translate) !== '') {\n                <li>\n                  {{ 'igo.context.shareMap.filterTime' | translate }}\n                </li>\n              }\n            </ul>\n          </div>\n        }\n        @if (('igo.context.shareMap.htmlClarifications' | translate) !== '') {\n          <igo-custom-html\n            class=\"shareCustomPadding\"\n            [html]=\"'igo.context.shareMap.htmlClarifications' | translate\"\n          >\n          </igo-custom-html>\n        }\n      </section>\n    </div>\n  </div>\n</div>\n", styles: ["mat-form-field{width:100%}.igo-share-map-url-content{padding:16px}.igo-form-button-group{text-align:center}igo-custom-html.shareCustomPadding{padding:0}\n"] }]
-        }], ctorParameters: () => [], propDecorators: { map: [{
-                type: Input
-            }] } });
+                        IgoLanguageModule,
+                        CustomHtmlComponent
+                    ], template: "<div class=\"igo-input-container\">\n  <mat-form-field>\n    <textarea\n      #textArea\n      matInput\n      readonly\n      rows=\"3\"\n      [placeholder]=\"'igo.context.shareMap.placeholderLink' | translate\"\n      [value]=\"url\"\n    ></textarea>\n  </mat-form-field>\n\n  <div class=\"igo-share-map-url-content\">\n    <div class=\"igo-form-button-group\">\n      <button matButton=\"elevated\" (click)=\"copyTextToClipboard(textArea)\">\n        <mat-icon>content_copy</mat-icon>\n        {{ 'igo.context.shareMap.copy' | translate }}\n      </button>\n    </div>\n\n    <div>\n      <br />\n      <section>\n        @if (('igo.context.shareMap.htmlClarifications' | translate) === '') {\n          <div>\n            @if (('igo.context.shareMap.included' | translate) !== '') {\n              <h4>\n                {{ 'igo.context.shareMap.included' | translate }}\n              </h4>\n            }\n            <ul>\n              @if (('igo.context.shareMap.context' | translate) !== '') {\n                <li>\n                  {{ 'igo.context.shareMap.context' | translate }}\n                </li>\n              }\n              @if (('igo.context.shareMap.center' | translate) !== '') {\n                <li>\n                  {{ 'igo.context.shareMap.center' | translate }}\n                </li>\n              }\n              @if (('igo.context.shareMap.zoom' | translate) !== '') {\n                <li>\n                  {{ 'igo.context.shareMap.zoom' | translate }}\n                </li>\n              }\n              @if (('igo.context.shareMap.addedLayers' | translate) !== '') {\n                <li>\n                  {{ 'igo.context.shareMap.addedLayers' | translate }}\n                </li>\n              }\n              @if (\n                ('igo.context.shareMap.visibleInvisible' | translate) !== ''\n              ) {\n                <li>\n                  {{ 'igo.context.shareMap.visibleInvisible' | translate }}\n                </li>\n              }\n            </ul>\n            @if (('igo.context.shareMap.excluded' | translate) !== '') {\n              <h4>\n                {{ 'igo.context.shareMap.excluded' | translate }}\n              </h4>\n            }\n            <ul>\n              @if (('igo.context.shareMap.order' | translate) !== '') {\n                <li>\n                  {{ 'igo.context.shareMap.order' | translate }}\n                </li>\n              }\n              @if (('igo.context.shareMap.opacity' | translate) !== '') {\n                <li>\n                  {{ 'igo.context.shareMap.opacity' | translate }}\n                </li>\n              }\n              @if (('igo.context.shareMap.filterOgc' | translate) !== '') {\n                <li>\n                  {{ 'igo.context.shareMap.filterOgc' | translate }}\n                </li>\n              }\n              @if (('igo.context.shareMap.filterTime' | translate) !== '') {\n                <li>\n                  {{ 'igo.context.shareMap.filterTime' | translate }}\n                </li>\n              }\n            </ul>\n          </div>\n        }\n        @if (('igo.context.shareMap.htmlClarifications' | translate) !== '') {\n          <igo-custom-html\n            class=\"shareCustomPadding\"\n            [html]=\"'igo.context.shareMap.htmlClarifications' | translate\"\n          />\n        }\n      </section>\n    </div>\n  </div>\n</div>\n", styles: ["mat-form-field{width:100%}.igo-share-map-url-content{padding:16px}.igo-form-button-group{text-align:center}igo-custom-html.shareCustomPadding{padding:0}\n"] }]
+        }], propDecorators: { map: [{ type: i0.Input, args: [{ isSignal: true, alias: "map", required: false }] }] } });
 
 class ShareMapComponent {
-    config = inject(ConfigService);
-    map;
-    hasApi = false;
-    constructor() {
-        this.hasApi = this.config.getConfig('context.url') ? true : false;
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: ShareMapComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.4", type: ShareMapComponent, isStandalone: true, selector: "igo-share-map", inputs: { map: "map" }, ngImport: i0, template: "@if (hasApi) {\n  <mat-tab-group>\n    <mat-tab [label]=\"'igo.context.shareMap.shareWithApi' | translate\">\n      <igo-share-map-api [map]=\"map\"></igo-share-map-api>\n    </mat-tab>\n    <mat-tab [label]=\"'igo.context.shareMap.shareWithUrl' | translate\">\n      <igo-share-map-url [map]=\"map\"></igo-share-map-url>\n    </mat-tab>\n  </mat-tab-group>\n}\n\n@if (!hasApi) {\n  <igo-share-map-url [map]=\"map\"></igo-share-map-url>\n}\n", styles: [""], dependencies: [{ kind: "ngmodule", type: MatTabsModule }, { kind: "component", type: i1$4.MatTab, selector: "mat-tab", inputs: ["disabled", "label", "aria-label", "aria-labelledby", "labelClass", "bodyClass", "id"], exportAs: ["matTab"] }, { kind: "component", type: i1$4.MatTabGroup, selector: "mat-tab-group", inputs: ["color", "fitInkBarToContent", "mat-stretch-tabs", "mat-align-tabs", "dynamicHeight", "selectedIndex", "headerPosition", "animationDuration", "contentTabIndex", "disablePagination", "disableRipple", "preserveContent", "backgroundColor", "aria-label", "aria-labelledby"], outputs: ["selectedIndexChange", "focusChange", "animationDone", "selectedTabChange"], exportAs: ["matTabGroup"] }, { kind: "component", type: ShareMapApiComponent, selector: "igo-share-map-api", inputs: ["map"] }, { kind: "component", type: ShareMapUrlComponent, selector: "igo-share-map-url", inputs: ["map"] }, { kind: "ngmodule", type: IgoLanguageModule }, { kind: "pipe", type: i5$1.TranslatePipe, name: "translate" }] });
+    map = input(undefined, ...(ngDevMode ? [{ debugName: "map" }] : []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: ShareMapComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.6", type: ShareMapComponent, isStandalone: true, selector: "igo-share-map", inputs: { map: { classPropertyName: "map", publicName: "map", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<igo-share-map-url [map]=\"map()\" />\n", styles: [""], dependencies: [{ kind: "ngmodule", type: MatTabsModule }, { kind: "component", type: ShareMapUrlComponent, selector: "igo-share-map-url", inputs: ["map"] }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: ShareMapComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: ShareMapComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'igo-share-map', imports: [
-                        MatTabsModule,
-                        ShareMapApiComponent,
-                        ShareMapUrlComponent,
-                        IgoLanguageModule
-                    ], template: "@if (hasApi) {\n  <mat-tab-group>\n    <mat-tab [label]=\"'igo.context.shareMap.shareWithApi' | translate\">\n      <igo-share-map-api [map]=\"map\"></igo-share-map-api>\n    </mat-tab>\n    <mat-tab [label]=\"'igo.context.shareMap.shareWithUrl' | translate\">\n      <igo-share-map-url [map]=\"map\"></igo-share-map-url>\n    </mat-tab>\n  </mat-tab-group>\n}\n\n@if (!hasApi) {\n  <igo-share-map-url [map]=\"map\"></igo-share-map-url>\n}\n" }]
-        }], ctorParameters: () => [], propDecorators: { map: [{
-                type: Input
-            }] } });
+            args: [{ selector: 'igo-share-map', imports: [MatTabsModule, ShareMapUrlComponent], template: "<igo-share-map-url [map]=\"map()\" />\n" }]
+        }], propDecorators: { map: [{ type: i0.Input, args: [{ isSignal: true, alias: "map", required: false }] }] } });
 
 const SHARE_MAP_DIRECTIVES = [
     ShareMapComponent,
-    ShareMapUrlComponent,
-    ShareMapApiComponent
+    ShareMapUrlComponent
 ];
 /**
  * @deprecated import the components/directives directly or SHARE_MAP_DIRECTIVES for the set
@@ -4049,15 +3818,15 @@ class IgoShareMapModule {
             ngModule: IgoShareMapModule
         };
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: IgoShareMapModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.4", ngImport: i0, type: IgoShareMapModule, imports: [ShareMapComponent, ShareMapUrlComponent, ShareMapApiComponent], exports: [ShareMapComponent, ShareMapUrlComponent, ShareMapApiComponent] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: IgoShareMapModule, imports: [ShareMapComponent, ShareMapUrlComponent, ShareMapApiComponent] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: IgoShareMapModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.6", ngImport: i0, type: IgoShareMapModule, imports: [ShareMapComponent, ShareMapUrlComponent], exports: [ShareMapComponent, ShareMapUrlComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: IgoShareMapModule, imports: [ShareMapComponent, ShareMapUrlComponent] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: IgoShareMapModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: IgoShareMapModule, decorators: [{
             type: NgModule,
             args: [{
-                    imports: [ShareMapComponent, ShareMapUrlComponent, ShareMapApiComponent],
-                    exports: [ShareMapComponent, ShareMapUrlComponent, ShareMapApiComponent]
+                    imports: [ShareMapComponent, ShareMapUrlComponent],
+                    exports: [ShareMapComponent, ShareMapUrlComponent]
                 }]
         }] });
 
@@ -4132,10 +3901,10 @@ class SidenavComponent {
             this.topPanelState = 'initial';
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: SidenavComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.4", type: SidenavComponent, isStandalone: true, selector: "igo-sidenav", inputs: { map: "map", opened: "opened", feature: "feature", tool: "tool", media: "media", title: "title" }, ngImport: i0, template: "<mat-sidenav #sidenav igoSidenavShim mode=\"side\" [opened]=\"opened\">\n  <div class=\"igo-sidenav-content\">\n    <igo-flexible\n      #topPanel\n      initial=\"50%\"\n      initialMobile=\"100%\"\n      expanded=\"calc(100% - 58px)\"\n      [state]=\"topPanelState\"\n    >\n      <div class=\"igo-content\">\n        <igo-panel [title]=\"tool ? (tool.title | translate) : title\">\n          @if (tool) {\n            <button\n              mat-icon-button\n              panelLeftButton\n              tooltip-position=\"below\"\n              matTooltipShowDelay=\"500\"\n              [matTooltip]=\"'igo.context.sidenav.goBack' | translate\"\n            >\n              <mat-icon>arrow_back</mat-icon>\n            </button>\n          }\n\n          @if (tool) {\n            <button\n              mat-icon-button\n              panelRightButton\n              tooltip-position=\"below\"\n              matTooltipShowDelay=\"500\"\n              [matTooltip]=\"'igo.context.sidenav.mainMenu' | translate\"\n            >\n              <mat-icon>menu</mat-icon>\n            </button>\n          }\n        </igo-panel>\n      </div>\n\n      <div igoFlexibleFill class=\"igo-content\">\n        @if (feature && media !== 'mobile') {\n          <igo-panel [title]=\"featureTitle\">\n            <button\n              mat-icon-button\n              panelLeftButton\n              class=\"igo-icon-button\"\n              (click)=\"toggleTopPanel()\"\n            >\n              <mat-icon>{{\n                ['collapsed', 'initial'].indexOf(topPanel.state) >= 0\n                  ? 'arrow_downward'\n                  : 'arrow_upward'\n              }}</mat-icon>\n            </button>\n            @if (feature.geometry) {\n              <button\n                mat-icon-button\n                panelRightButton\n                class=\"igo-icon-button\"\n                (click)=\"zoomToFeatureExtent()\"\n              >\n                <mat-icon>zoom_in</mat-icon>\n              </button>\n            }\n            @if (['collapsed', 'initial'].indexOf(topPanel.state) >= 0) {\n              <igo-feature-details [feature]=\"feature\"> </igo-feature-details>\n            }\n          </igo-panel>\n        }\n      </div>\n    </igo-flexible>\n  </div>\n</mat-sidenav>\n", styles: [":host ::ng-deep .igo-flexible-fill .igo-container,.igo-sidenav-content .igo-flexible-fill .igo-container{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}:host ::ng-deep .igo-flexible-fill .igo-container,.igo-sidenav-content .igo-flexible-fill .igo-container{border-top-width:1px;border-top-style:solid;border-top-color:#0003}mat-sidenav{-moz-box-shadow:2px 0px 2px 0px #dddddd;-webkit-box-shadow:2px 0px 2px 0px #dddddd;-o-box-shadow:2px 0px 2px 0px #dddddd;box-shadow:2px 0 2px #ddd}:host{background-color:#fff}:host ::ng-deep mat-sidenav{z-index:3!important}mat-sidenav{width:400px}@media only screen and (orientation:portrait) and (max-width: 599px),only screen and (orientation:landscape) and (max-width: 959px){mat-sidenav{width:calc(100% - 45px)}}.igo-sidenav-content{margin-top:50px;height:calc(100% - 50px)}igo-feature-details ::ng-deep table{width:100%}\n"], dependencies: [{ kind: "ngmodule", type: MatSidenavModule }, { kind: "component", type: i1$5.MatSidenav, selector: "mat-sidenav", inputs: ["fixedInViewport", "fixedTopGap", "fixedBottomGap"], exportAs: ["matSidenav"] }, { kind: "component", type: FlexibleComponent, selector: "igo-flexible", inputs: ["initial", "collapsed", "expanded", "initialMobile", "collapsedMobile", "expandedMobile", "direction", "state"] }, { kind: "component", type: PanelComponent, selector: "igo-panel", inputs: ["title", "withHeader", "cursorPointer"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i4.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i2$2.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i4$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: FeatureDetailsComponent, selector: "igo-feature-details", inputs: ["source", "map", "toolbox", "feature"], outputs: ["routeEvent", "selectFeature", "htmlDisplayEvent"] }, { kind: "ngmodule", type: IgoLanguageModule }, { kind: "pipe", type: i5$1.TranslatePipe, name: "translate" }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: SidenavComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.6", type: SidenavComponent, isStandalone: true, selector: "igo-sidenav", inputs: { map: "map", opened: "opened", feature: "feature", tool: "tool", media: "media", title: "title" }, ngImport: i0, template: "<mat-sidenav #sidenav igoSidenavShim mode=\"side\" [opened]=\"opened\">\n  <div class=\"igo-sidenav-content\">\n    <igo-flexible\n      #topPanel\n      initial=\"50%\"\n      initialMobile=\"100%\"\n      expanded=\"calc(100% - 58px)\"\n      [state]=\"topPanelState\"\n    >\n      <div class=\"igo-content\">\n        <igo-panel [title]=\"tool ? (tool.title | translate) : title\">\n          @if (tool) {\n            <button\n              mat-icon-button\n              panelLeftButton\n              tooltip-position=\"below\"\n              matTooltipShowDelay=\"500\"\n              [matTooltip]=\"'igo.context.sidenav.goBack' | translate\"\n            >\n              <mat-icon>arrow_back</mat-icon>\n            </button>\n          }\n\n          @if (tool) {\n            <button\n              mat-icon-button\n              panelRightButton\n              tooltip-position=\"below\"\n              matTooltipShowDelay=\"500\"\n              [matTooltip]=\"'igo.context.sidenav.mainMenu' | translate\"\n            >\n              <mat-icon>menu</mat-icon>\n            </button>\n          }\n        </igo-panel>\n      </div>\n\n      <div igoFlexibleFill class=\"igo-content\">\n        @if (feature && media !== 'mobile') {\n          <igo-panel [title]=\"featureTitle\">\n            <button\n              mat-icon-button\n              panelLeftButton\n              class=\"igo-icon-button\"\n              (click)=\"toggleTopPanel()\"\n            >\n              <mat-icon>{{\n                ['collapsed', 'initial'].indexOf(topPanel.state) >= 0\n                  ? 'arrow_downward'\n                  : 'arrow_upward'\n              }}</mat-icon>\n            </button>\n            @if (feature.geometry) {\n              <button\n                mat-icon-button\n                panelRightButton\n                class=\"igo-icon-button\"\n                (click)=\"zoomToFeatureExtent()\"\n              >\n                <mat-icon>zoom_in</mat-icon>\n              </button>\n            }\n            @if (['collapsed', 'initial'].indexOf(topPanel.state) >= 0) {\n              <igo-feature-details [feature]=\"feature\" />\n            }\n          </igo-panel>\n        }\n      </div>\n    </igo-flexible>\n  </div>\n</mat-sidenav>\n", styles: [":host ::ng-deep .igo-flexible-fill .igo-container,.igo-sidenav-content .igo-flexible-fill .igo-container{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}:host ::ng-deep .igo-flexible-fill .igo-container,.igo-sidenav-content .igo-flexible-fill .igo-container{border-top-width:1px;border-top-style:solid;border-top-color:#0003}mat-sidenav{-moz-box-shadow:2px 0px 2px 0px #dddddd;-webkit-box-shadow:2px 0px 2px 0px #dddddd;-o-box-shadow:2px 0px 2px 0px #dddddd;box-shadow:2px 0 2px #ddd}:host{background-color:#fff}:host ::ng-deep mat-sidenav{z-index:3!important}mat-sidenav{width:400px}@media only screen and (orientation:portrait) and (max-width: 599px),only screen and (orientation:landscape) and (max-width: 959px){mat-sidenav{width:calc(100% - 45px)}}.igo-sidenav-content{margin-top:50px;height:calc(100% - 50px)}igo-feature-details ::ng-deep table{width:100%}\n"], dependencies: [{ kind: "ngmodule", type: MatSidenavModule }, { kind: "component", type: i1$4.MatSidenav, selector: "mat-sidenav", inputs: ["fixedInViewport", "fixedTopGap", "fixedBottomGap"], exportAs: ["matSidenav"] }, { kind: "component", type: FlexibleComponent, selector: "igo-flexible", inputs: ["initial", "collapsed", "expanded", "initialMobile", "collapsedMobile", "expandedMobile", "direction", "state"] }, { kind: "component", type: PanelComponent, selector: "igo-panel", inputs: ["title", "withHeader", "cursorPointer"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i4.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i6$1.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i4$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: FeatureDetailsComponent, selector: "igo-feature-details", inputs: ["source", "map", "toolbox", "feature"], outputs: ["routeEvent", "selectFeature", "htmlDisplayEvent"] }, { kind: "ngmodule", type: IgoLanguageModule }, { kind: "pipe", type: i5$1.TranslatePipe, name: "translate" }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: SidenavComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: SidenavComponent, decorators: [{
             type: Component,
             args: [{ selector: 'igo-sidenav', imports: [
                         MatSidenavModule,
@@ -4146,7 +3915,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImpor
                         MatIconModule,
                         FeatureDetailsComponent,
                         IgoLanguageModule
-                    ], template: "<mat-sidenav #sidenav igoSidenavShim mode=\"side\" [opened]=\"opened\">\n  <div class=\"igo-sidenav-content\">\n    <igo-flexible\n      #topPanel\n      initial=\"50%\"\n      initialMobile=\"100%\"\n      expanded=\"calc(100% - 58px)\"\n      [state]=\"topPanelState\"\n    >\n      <div class=\"igo-content\">\n        <igo-panel [title]=\"tool ? (tool.title | translate) : title\">\n          @if (tool) {\n            <button\n              mat-icon-button\n              panelLeftButton\n              tooltip-position=\"below\"\n              matTooltipShowDelay=\"500\"\n              [matTooltip]=\"'igo.context.sidenav.goBack' | translate\"\n            >\n              <mat-icon>arrow_back</mat-icon>\n            </button>\n          }\n\n          @if (tool) {\n            <button\n              mat-icon-button\n              panelRightButton\n              tooltip-position=\"below\"\n              matTooltipShowDelay=\"500\"\n              [matTooltip]=\"'igo.context.sidenav.mainMenu' | translate\"\n            >\n              <mat-icon>menu</mat-icon>\n            </button>\n          }\n        </igo-panel>\n      </div>\n\n      <div igoFlexibleFill class=\"igo-content\">\n        @if (feature && media !== 'mobile') {\n          <igo-panel [title]=\"featureTitle\">\n            <button\n              mat-icon-button\n              panelLeftButton\n              class=\"igo-icon-button\"\n              (click)=\"toggleTopPanel()\"\n            >\n              <mat-icon>{{\n                ['collapsed', 'initial'].indexOf(topPanel.state) >= 0\n                  ? 'arrow_downward'\n                  : 'arrow_upward'\n              }}</mat-icon>\n            </button>\n            @if (feature.geometry) {\n              <button\n                mat-icon-button\n                panelRightButton\n                class=\"igo-icon-button\"\n                (click)=\"zoomToFeatureExtent()\"\n              >\n                <mat-icon>zoom_in</mat-icon>\n              </button>\n            }\n            @if (['collapsed', 'initial'].indexOf(topPanel.state) >= 0) {\n              <igo-feature-details [feature]=\"feature\"> </igo-feature-details>\n            }\n          </igo-panel>\n        }\n      </div>\n    </igo-flexible>\n  </div>\n</mat-sidenav>\n", styles: [":host ::ng-deep .igo-flexible-fill .igo-container,.igo-sidenav-content .igo-flexible-fill .igo-container{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}:host ::ng-deep .igo-flexible-fill .igo-container,.igo-sidenav-content .igo-flexible-fill .igo-container{border-top-width:1px;border-top-style:solid;border-top-color:#0003}mat-sidenav{-moz-box-shadow:2px 0px 2px 0px #dddddd;-webkit-box-shadow:2px 0px 2px 0px #dddddd;-o-box-shadow:2px 0px 2px 0px #dddddd;box-shadow:2px 0 2px #ddd}:host{background-color:#fff}:host ::ng-deep mat-sidenav{z-index:3!important}mat-sidenav{width:400px}@media only screen and (orientation:portrait) and (max-width: 599px),only screen and (orientation:landscape) and (max-width: 959px){mat-sidenav{width:calc(100% - 45px)}}.igo-sidenav-content{margin-top:50px;height:calc(100% - 50px)}igo-feature-details ::ng-deep table{width:100%}\n"] }]
+                    ], template: "<mat-sidenav #sidenav igoSidenavShim mode=\"side\" [opened]=\"opened\">\n  <div class=\"igo-sidenav-content\">\n    <igo-flexible\n      #topPanel\n      initial=\"50%\"\n      initialMobile=\"100%\"\n      expanded=\"calc(100% - 58px)\"\n      [state]=\"topPanelState\"\n    >\n      <div class=\"igo-content\">\n        <igo-panel [title]=\"tool ? (tool.title | translate) : title\">\n          @if (tool) {\n            <button\n              mat-icon-button\n              panelLeftButton\n              tooltip-position=\"below\"\n              matTooltipShowDelay=\"500\"\n              [matTooltip]=\"'igo.context.sidenav.goBack' | translate\"\n            >\n              <mat-icon>arrow_back</mat-icon>\n            </button>\n          }\n\n          @if (tool) {\n            <button\n              mat-icon-button\n              panelRightButton\n              tooltip-position=\"below\"\n              matTooltipShowDelay=\"500\"\n              [matTooltip]=\"'igo.context.sidenav.mainMenu' | translate\"\n            >\n              <mat-icon>menu</mat-icon>\n            </button>\n          }\n        </igo-panel>\n      </div>\n\n      <div igoFlexibleFill class=\"igo-content\">\n        @if (feature && media !== 'mobile') {\n          <igo-panel [title]=\"featureTitle\">\n            <button\n              mat-icon-button\n              panelLeftButton\n              class=\"igo-icon-button\"\n              (click)=\"toggleTopPanel()\"\n            >\n              <mat-icon>{{\n                ['collapsed', 'initial'].indexOf(topPanel.state) >= 0\n                  ? 'arrow_downward'\n                  : 'arrow_upward'\n              }}</mat-icon>\n            </button>\n            @if (feature.geometry) {\n              <button\n                mat-icon-button\n                panelRightButton\n                class=\"igo-icon-button\"\n                (click)=\"zoomToFeatureExtent()\"\n              >\n                <mat-icon>zoom_in</mat-icon>\n              </button>\n            }\n            @if (['collapsed', 'initial'].indexOf(topPanel.state) >= 0) {\n              <igo-feature-details [feature]=\"feature\" />\n            }\n          </igo-panel>\n        }\n      </div>\n    </igo-flexible>\n  </div>\n</mat-sidenav>\n", styles: [":host ::ng-deep .igo-flexible-fill .igo-container,.igo-sidenav-content .igo-flexible-fill .igo-container{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}:host ::ng-deep .igo-flexible-fill .igo-container,.igo-sidenav-content .igo-flexible-fill .igo-container{border-top-width:1px;border-top-style:solid;border-top-color:#0003}mat-sidenav{-moz-box-shadow:2px 0px 2px 0px #dddddd;-webkit-box-shadow:2px 0px 2px 0px #dddddd;-o-box-shadow:2px 0px 2px 0px #dddddd;box-shadow:2px 0 2px #ddd}:host{background-color:#fff}:host ::ng-deep mat-sidenav{z-index:3!important}mat-sidenav{width:400px}@media only screen and (orientation:portrait) and (max-width: 599px),only screen and (orientation:landscape) and (max-width: 959px){mat-sidenav{width:calc(100% - 45px)}}.igo-sidenav-content{margin-top:50px;height:calc(100% - 50px)}igo-feature-details ::ng-deep table{width:100%}\n"] }]
         }], ctorParameters: () => [], propDecorators: { map: [{
                 type: Input
             }], opened: [{
@@ -4170,11 +3939,11 @@ class IgoSidenavModule {
             ngModule: IgoSidenavModule
         };
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: IgoSidenavModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.4", ngImport: i0, type: IgoSidenavModule, imports: [SidenavComponent], exports: [SidenavComponent] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: IgoSidenavModule, imports: [SidenavComponent] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: IgoSidenavModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.6", ngImport: i0, type: IgoSidenavModule, imports: [SidenavComponent], exports: [SidenavComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: IgoSidenavModule, imports: [SidenavComponent] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: IgoSidenavModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: IgoSidenavModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [SidenavComponent],
@@ -4191,19 +3960,19 @@ class IgoContextModule {
             ngModule: IgoContextModule
         };
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: IgoContextModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.4", ngImport: i0, type: IgoContextModule, exports: [IgoContextImportExportModule,
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: IgoContextModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.6", ngImport: i0, type: IgoContextModule, exports: [IgoContextImportExportModule,
             IgoContextManagerModule,
             IgoContextMapButtonModule,
             IgoShareMapModule,
             IgoSidenavModule] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: IgoContextModule, imports: [IgoContextImportExportModule,
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: IgoContextModule, imports: [IgoContextImportExportModule,
             IgoContextManagerModule,
             IgoContextMapButtonModule,
             IgoShareMapModule,
             IgoSidenavModule] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: IgoContextModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: IgoContextModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [],
@@ -4217,6 +3986,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImpor
                 }]
         }] });
 
+const CONTEXT_MANAGER_DIRECTIVES = [
+    ContextListComponent,
+    ContextItemComponent,
+    ContextFormComponent,
+    ContextEditComponent,
+    ContextPermissionsComponent,
+    ContextPermissionsBindingDirective,
+    MapContextDirective,
+    LayerContextDirective
+];
+
 const CONTEXT_MAP_BUTTON_DIRECTIVES = [
     BookmarkButtonComponent,
     BookmarkDialogComponent,
@@ -4232,5 +4012,5 @@ const CONTEXT_MAP_BUTTON_DIRECTIVES = [
  * Generated bundle index. Do not edit.
  */
 
-export { BookmarkButtonComponent, BookmarkDialogComponent, CONTEXT_MANAGER_DIRECTIVES, CONTEXT_MAP_BUTTON_DIRECTIVES, ContextEditBindingDirective, ContextEditComponent, ContextExportService, ContextFormComponent, ContextImportExportComponent, ContextImportService, ContextItemComponent, ContextListBindingDirective, ContextListComponent, ContextPermissionsBindingDirective, ContextPermissionsComponent, ContextService, ExportError, ExportInvalidFileError, ExportNothingToExportError, GroupParamsKeys, IgoContextImportExportModule, IgoContextManagerModule, IgoContextMapButtonModule, IgoContextModule, IgoShareMapModule, IgoSidenavModule, ImportError, ImportInvalidFileError, ImportNothingToImportError, ImportSRSError, ImportSizeError, ImportUnreadableFileError, LayerContextDirective, LayerParamsKeys, MapContextDirective, PoiButtonComponent, PoiDialogComponent, PoiService, SHARE_MAP_DIRECTIVES, SHARE_MAP_KEYS_DEFAULT_OPTIONS, Scope, ServiceType, ServiceTypeEnum, ShareMapApiComponent, ShareMapComponent, ShareMapLegacyParser, ShareMapService, ShareMapUrlComponent, SidenavComponent, TypePermission, UserButtonComponent, UserDialogComponent, addContextToContextList, addImportedFeaturesStyledToMap, addImportedFeaturesToMap, buildDataSourceOptions, computeLayerTitleFromFile, getFileExtension, getFlattenOptions, getParamValue, handleFileExportError, handleFileExportSuccess, handleFileImportError, handleFileImportSuccess, handleInvalidFileImportError, handleNothingToExportError, handleNothingToImportError, handleSizeFileImportError, handleUnreadbleFileImportError, hasLegacyParams, hasModernShareParams };
+export { BookmarkButtonComponent, BookmarkDialogComponent, CONTEXT_MANAGER_DIRECTIVES, CONTEXT_MAP_BUTTON_DIRECTIVES, ContextEditComponent, ContextExportService, ContextFormComponent, ContextImportExportComponent, ContextImportService, ContextItemComponent, ContextListComponent, ContextPermissionsBindingDirective, ContextPermissionsComponent, ContextService, ExportError, ExportInvalidFileError, ExportNothingToExportError, GroupParamsKeys, IgoContextImportExportModule, IgoContextManagerModule, IgoContextMapButtonModule, IgoContextModule, IgoShareMapModule, IgoSidenavModule, ImportError, ImportInvalidFileError, ImportNothingToImportError, ImportSRSError, ImportSizeError, ImportUnreadableFileError, LayerContextDirective, LayerParamsKeys, MapContextDirective, PoiButtonComponent, PoiDialogComponent, PoiService, SHARE_MAP_DIRECTIVES, SHARE_MAP_KEYS_DEFAULT_OPTIONS, Scope, ServiceType, ServiceTypeEnum, ShareMapComponent, ShareMapLegacyParser, ShareMapService, ShareMapUrlComponent, SidenavComponent, TypePermission, UserButtonComponent, UserDialogComponent, addContextToContextList, addImportedFeaturesStyledToMap, addImportedFeaturesToMap, buildDataSourceOptions, computeLayerTitleFromFile, getFileExtension, getFlattenOptions, getParamValue, handleFileExportError, handleFileExportSuccess, handleFileImportError, handleFileImportSuccess, handleInvalidFileImportError, handleNothingToExportError, handleNothingToImportError, handleSizeFileImportError, handleUnreadbleFileImportError, hasLegacyParams, hasModernShareParams };
 //# sourceMappingURL=igo2-context.mjs.map