@provoly/dashboard 0.24.8 → 0.24.10

package/fesm2022/provoly-dashboard.mjs

@@ -434,7 +434,8 @@ const enTranslations$1 = {
         },
         theme: {
             editInput: {
-                toggle: 'Edit'
+                toggle: 'Edit',
+                confirm: 'Confirm'
             },
             previousMonth: 'Previous month',
             nextMonth: 'Next month',
@@ -600,7 +601,7 @@ const frTranslations$1 = {
             updatedInView: 'La restitution a été mise à jour sur la page n°{{index}}',
             settings: {
                 title: 'Paramétrage',
-                changeTitle: 'Titre du widget',
+                changeTitle: 'Titre de la restitution',
                 validateUpdating: 'Valider la modification'
             },
             defineCatalog: 'Définissez votre entrée de catalogue',
@@ -800,6 +801,7 @@ const frTranslations$1 = {
             delete: 'Supprimer',
             edit: 'Editer',
             editProfil: 'Editer le profil',
+            editTitle: 'Editer le titre',
             choice: 'Choisir un ....',
             choiceInList: 'Choisir un élément dans la liste',
             text: 'Remplir le champ',
@@ -831,7 +833,8 @@ const frTranslations$1 = {
         },
         theme: {
             editInput: {
-                toggle: 'Editer'
+                toggle: 'Editer',
+                confirm: 'Confirmer'
             },
             previousMonth: 'Mois précédent',
             nextMonth: 'Mois suivant',
@@ -3885,7 +3888,13 @@ const DashboardActions = {
     addManifestMetadata: createAction('[Dashboard] Add manifest metadata', props()),
     deleteManifestMetadata: createAction('[Dashboard] Delete manifest metadata', props()),
     triggerAggregate: createAction('[Dashboard] (bus) Triggering aggregates for datasource', props()),
-    loadPresentation: createAction('[Dashboard] load presentation', props())
+    loadPresentation: createAction('[Dashboard] load presentation', props()),
+    initDefaultLayerGroup: createAction('[Dashboard] init default layer group', props()),
+    addLayerGroup: createAction('[Dashboard] add map layer group', props()),
+    updateLayerGroup: createAction('[Dashboard] update map layer group', props()),
+    confirmLayerGroupDeletion: createAction('[Dashboard] confirm deleting map layer group', props()),
+    deleteLayerGroup: createAction('[Dashboard] delete map layer group', props()),
+    updateAllLayerGroups: createAction('[Dashboard] remove map layer group', props())
 };
 
 var DashboardGridLayout;
@@ -3905,6 +3914,7 @@ const BASE_DISPLAY_OPTIONS = {
     catalog: false,
     useFilters: false,
     toolbox: {
+        edit_action: false,
         save_view: false,
         save_view_as: false,
         filter_settings: false,
@@ -3961,6 +3971,7 @@ function getDisplayOptions(mode) {
                 catalog: true,
                 useFilters: true,
                 toolbox: {
+                    edit_action: false,
                     save_view: true,
                     save_view_as: true,
                     filter_settings: true,
@@ -3989,10 +4000,10 @@ const rank = createSelector(manifests, (manifests) => manifests?.tenants.indexOf
 const currentManifestId = createSelector(manifests, (manifests) => manifests.currentId);
 const globalManifest = createSelector(manifests, 
 // @ts-ignore
-(manifests) => ({ windows: [], ...manifests?.manifest } ?? { windows: [] }));
+(manifests) => ({ windows: [], ...manifests?.manifest }) ?? { windows: [] });
 const staticManifest = createSelector(manifests, 
 // @ts-ignore
-(manifests) => ({ windows: [], ...manifests?.staticManifest } ?? { windows: [] }));
+(manifests) => ({ windows: [], ...manifests?.staticManifest }) ?? { windows: [] });
 const loading = createSelector(manifests, (manifests) => !!manifests?.loading);
 const refreshRates = createSelector(globalManifest, (manifests) => manifests.refreshRates ?? {});
 const windowManifest = createSelector(globalManifest, rank, (manifest, rank) => manifest.windows[rank] ?? { widgets: [] });
@@ -4063,6 +4074,7 @@ const datasourceFilters = createSelector(feature$4, (state) => state?.manifests.
 const wmsFeatures = createSelector(feature$4, (state) => state?.wmsFeatures);
 const displayOptions = createSelector(feature$4, (state) => state?.display ?? BASE_DISPLAY_OPTIONS);
 const capabilities = createSelector(feature$4, (state) => state?.capabilities);
+const layerGroups = createSelector(feature$4, (state) => state?.manifests.manifest.layerGroups ?? []);
 const DashboardSelectors = {
     feature: feature$4,
     rank,
@@ -4099,7 +4111,8 @@ const DashboardSelectors = {
     datasourceFilters,
     wmsFeatures,
     displayOptions,
-    capabilities
+    capabilities,
+    layerGroups
 };
 
 const SearchActions = {
@@ -6322,7 +6335,11 @@ class PryEditInputComponent {
         this._onChange = (_) => { };
         this._onTouched = () => { };
         this.editMode = false;
+        this.showButton = false;
         this.label = '';
+        this.editButtonTooltip = '@pry.theme.editInput.toggle';
+        this.confirmButtonTooltip = '@pry.theme.editInput.confirm';
+        this.validated = new EventEmitter();
     }
     registerOnChange(fn) {
         this._onChange = fn;
@@ -6343,15 +6360,18 @@ class PryEditInputComponent {
     }
     toggle(force) {
         this.editMode = force !== undefined ? force : !this.editMode;
+        if (this.editMode === false) {
+            this.validated.emit(this.value);
+        }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: PryEditInputComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.3", type: PryEditInputComponent, selector: "pry-edit-input", inputs: { label: "label" }, providers: [
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.3", type: PryEditInputComponent, selector: "pry-edit-input", inputs: { label: "label", editButtonTooltip: "editButtonTooltip", confirmButtonTooltip: "confirmButtonTooltip" }, outputs: { validated: "validated" }, providers: [
             {
                 provide: NG_VALUE_ACCESSOR,
                 useExisting: forwardRef(() => PryEditInputComponent),
                 multi: true
             }
-        ], ngImport: i0, template: "<div class=\"o-pry-edit\" [class.-edit]=\"editMode\">\n  <div class=\"m-form-label-field\">\n    <label id=\"edit-input-label-{{ id }}\" for=\"edit-input-{{ id }}\" class=\"a-label\">\n      {{ label | i18n }}\n      <span class=\"u-visually-hidden\">({{ label | i18n }})</span>\n    </label>\n    <div class=\"m-form-label-field__edit-inline\">\n      <p class=\"m-form-label-field__edit-inline__txtvalue\" *ngIf=\"!editMode\">\n        {{ value }}\n      </p>\n      <input\n        id=\"edit-input-{{ id }}\"\n        type=\"text\"\n        class=\"a-form-field\"\n        [ngModel]=\"value\"\n        (ngModelChange)=\"writeValue($event)\"\n        *ngIf=\"editMode\"\n      />\n      <button type=\"button\" class=\"a-btn a-btn--secondary a-btn--icon-only -circle -size-xs\" (click)=\"toggle()\">\n        <pry-icon [width]=\"16\" [height]=\"16\" [iconSvg]=\"editMode ? 'check' : 'edit'\"></pry-icon>\n        <span class=\"u-visually-hidden\">{{ '@pry.theme.editInput.toggle' | i18n }}</span>\n      </button>\n    </div>\n  </div>\n</div>\n", dependencies: [{ kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: PryIconComponent, selector: "pry-icon", inputs: ["color", "iconSvg", "animation", "iconImage", "alt", "width", "height", "classes"] }, { kind: "directive", type: i4.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: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "pipe", type: I18nPipe, name: "i18n" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+        ], ngImport: i0, template: "<div class=\"o-pry-edit\" [class.-edit]=\"editMode\">\n  <label id=\"edit-input-label-{{ id }}\" for=\"edit-input-{{ id }}\" class=\"a-label\">\n    {{ label | i18n }}\n    <span class=\"u-visually-hidden\">({{ label | i18n }})</span>\n  </label>\n  <div class=\"m-form-label-field__edit-inline\" (mouseenter)=\"showButton = true\" (mouseleave)=\"showButton = false\">\n    <p class=\"m-form-label-field__edit-inline__txtvalue\" *ngIf=\"!editMode\">\n      {{ value }}\n    </p>\n    <input\n      *ngIf=\"editMode\"\n      id=\"edit-input-{{ id }}\"\n      type=\"text\"\n      class=\"a-form-field\"\n      [ngModel]=\"value\"\n      (ngModelChange)=\"writeValue($event)\"\n    />\n    <button\n      [class.-button-visible]=\"showButton || editMode\"\n      type=\"button\"\n      class=\"a-btn a-btn--icon-only -size-xs a-tooltip\"\n      (click)=\"toggle()\"\n      [attr.data-tooltip]=\"editMode ? confirmButtonTooltip : (editButtonTooltip | i18n)\"\n      data-tooltip-position=\"left\"\n    >\n      <pry-icon [width]=\"16\" [height]=\"16\" [iconSvg]=\"editMode ? 'check' : 'edit'\"></pry-icon>\n      <span class=\"u-visually-hidden\">{{ '@pry.theme.editInput.toggle' | i18n }}</span>\n    </button>\n  </div>\n</div>\n", dependencies: [{ kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: PryIconComponent, selector: "pry-icon", inputs: ["color", "iconSvg", "animation", "iconImage", "alt", "width", "height", "classes"] }, { kind: "directive", type: i4.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: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "pipe", type: I18nPipe, name: "i18n" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: PryEditInputComponent, decorators: [{
             type: Component,
@@ -6361,9 +6381,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImpor
                             useExisting: forwardRef(() => PryEditInputComponent),
                             multi: true
                         }
-                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"o-pry-edit\" [class.-edit]=\"editMode\">\n  <div class=\"m-form-label-field\">\n    <label id=\"edit-input-label-{{ id }}\" for=\"edit-input-{{ id }}\" class=\"a-label\">\n      {{ label | i18n }}\n      <span class=\"u-visually-hidden\">({{ label | i18n }})</span>\n    </label>\n    <div class=\"m-form-label-field__edit-inline\">\n      <p class=\"m-form-label-field__edit-inline__txtvalue\" *ngIf=\"!editMode\">\n        {{ value }}\n      </p>\n      <input\n        id=\"edit-input-{{ id }}\"\n        type=\"text\"\n        class=\"a-form-field\"\n        [ngModel]=\"value\"\n        (ngModelChange)=\"writeValue($event)\"\n        *ngIf=\"editMode\"\n      />\n      <button type=\"button\" class=\"a-btn a-btn--secondary a-btn--icon-only -circle -size-xs\" (click)=\"toggle()\">\n        <pry-icon [width]=\"16\" [height]=\"16\" [iconSvg]=\"editMode ? 'check' : 'edit'\"></pry-icon>\n        <span class=\"u-visually-hidden\">{{ '@pry.theme.editInput.toggle' | i18n }}</span>\n      </button>\n    </div>\n  </div>\n</div>\n" }]
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"o-pry-edit\" [class.-edit]=\"editMode\">\n  <label id=\"edit-input-label-{{ id }}\" for=\"edit-input-{{ id }}\" class=\"a-label\">\n    {{ label | i18n }}\n    <span class=\"u-visually-hidden\">({{ label | i18n }})</span>\n  </label>\n  <div class=\"m-form-label-field__edit-inline\" (mouseenter)=\"showButton = true\" (mouseleave)=\"showButton = false\">\n    <p class=\"m-form-label-field__edit-inline__txtvalue\" *ngIf=\"!editMode\">\n      {{ value }}\n    </p>\n    <input\n      *ngIf=\"editMode\"\n      id=\"edit-input-{{ id }}\"\n      type=\"text\"\n      class=\"a-form-field\"\n      [ngModel]=\"value\"\n      (ngModelChange)=\"writeValue($event)\"\n    />\n    <button\n      [class.-button-visible]=\"showButton || editMode\"\n      type=\"button\"\n      class=\"a-btn a-btn--icon-only -size-xs a-tooltip\"\n      (click)=\"toggle()\"\n      [attr.data-tooltip]=\"editMode ? confirmButtonTooltip : (editButtonTooltip | i18n)\"\n      data-tooltip-position=\"left\"\n    >\n      <pry-icon [width]=\"16\" [height]=\"16\" [iconSvg]=\"editMode ? 'check' : 'edit'\"></pry-icon>\n      <span class=\"u-visually-hidden\">{{ '@pry.theme.editInput.toggle' | i18n }}</span>\n    </button>\n  </div>\n</div>\n" }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }], propDecorators: { label: [{
                 type: Input
+            }], editButtonTooltip: [{
+                type: Input
+            }], confirmButtonTooltip: [{
+                type: Input
+            }], validated: [{
+                type: Output
             }] } });
 
 const PRY_CARD_COMPONENTS = [PryEditInputComponent];
@@ -10373,11 +10399,11 @@ class SettingsComponent extends SubscriptionnerDirective {
         this.subscriptions.unsubscribe();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: SettingsComponent, deps: [{ token: i1.Store }, { token: i2.Overlay }, { token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.3", type: SettingsComponent, selector: "pry-settings", inputs: { widgetIndex: "widgetIndex", isDisable: "isDisable", headerPresent: "headerPresent", open$: "open$", header: "header" }, outputs: { triggerClick: "triggerClick", saveTriggered: "saveTriggered", changeTitle: "changeTitle" }, viewQueries: [{ propertyName: "template", first: true, predicate: ["template"], descendants: true, read: TemplateRef }, { propertyName: "cross", first: true, predicate: ["cross"], descendants: true }, { propertyName: "validate", first: true, predicate: ["validate"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<button type=\"button\" (click)=\"toggle()\" class=\"a-btn a-btn--icon-text -settings\">\n  <pry-icon [height]=\"20\" [width]=\"20\" iconSvg=\"control\"></pry-icon>\n  <span>{{ '@pry.widget.settings.title' | i18n }}</span>\n</button>\n\n<ng-template #template>\n  <div class=\"o-settings__popup\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"dialog_setting\">\n    <div class=\"o-settings__popup__header\">\n      <h2 class=\"a-h2\">{{ '@pry.widget.settings.title' | i18n }}</h2>\n      <button\n        type=\"button\"\n        #cross\n        (keydown.shift.tab)=\"focusElement(this.validate)\"\n        (click)=\"toggle()\"\n        class=\"a-btn a-btn--icon-only -close\"\n      >\n        <pry-icon iconSvg=\"close\"></pry-icon>\n        <span class=\"u-visually-hidden\">{{ '@pry.action.close' | i18n }}</span>\n      </button>\n    </div>\n\n    <div class=\"o-settings__popup__content\" (click)=\"this.triggerClick.next()\">\n      <div class=\"m-form-label-field\">\n        <label class=\"a-label\" for=\"widget_title\">{{ '@pry.widget.settings.changeTitle' | i18n }}</label>\n        <input\n          class=\"a-form-field\"\n          id=\"widget_title\"\n          type=\"text\"\n          [value]=\"manifest?.title ?? ''\"\n          (input)=\"emitTitle($event)\"\n        />\n      </div>\n      <ng-content></ng-content>\n    </div>\n\n    <div class=\"o-settings__popup__footer\">\n      <button\n        (click)=\"saveAndClose()\"\n        [class.btn-primary__disable]=\"isDisable\"\n        [disabled]=\"isDisable\"\n        (keydown.tab)=\"focusElement(this.cross)\"\n        class=\"a-btn a-btn--primary\"\n        #validate\n      >\n        {{ '@pry.widget.settings.validateUpdating' | i18n }}\n      </button>\n    </div>\n  </div>\n</ng-template>\n", dependencies: [{ kind: "component", type: PryIconComponent, selector: "pry-icon", inputs: ["color", "iconSvg", "animation", "iconImage", "alt", "width", "height", "classes"] }, { kind: "pipe", type: I18nPipe, name: "i18n" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.3", type: SettingsComponent, selector: "pry-settings", inputs: { widgetIndex: "widgetIndex", isDisable: "isDisable", headerPresent: "headerPresent", open$: "open$", header: "header" }, outputs: { triggerClick: "triggerClick", saveTriggered: "saveTriggered", changeTitle: "changeTitle" }, viewQueries: [{ propertyName: "template", first: true, predicate: ["template"], descendants: true, read: TemplateRef }, { propertyName: "cross", first: true, predicate: ["cross"], descendants: true }, { propertyName: "validate", first: true, predicate: ["validate"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<button type=\"button\" (click)=\"toggle()\" class=\"a-btn a-btn--icon-text -settings\">\n  <pry-icon [height]=\"20\" [width]=\"20\" iconSvg=\"control\"></pry-icon>\n  <span>{{ '@pry.widget.settings.title' | i18n }}</span>\n</button>\n\n<ng-template #template>\n  <div class=\"o-settings__popup\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"dialog_setting\">\n    <div class=\"o-settings__popup__header\">\n      <h2 class=\"a-h2\">{{ '@pry.widget.settings.title' | i18n }}</h2>\n      <button\n        type=\"button\"\n        #cross\n        (keydown.shift.tab)=\"focusElement(this.validate)\"\n        (click)=\"toggle()\"\n        class=\"a-btn a-btn--icon-only -close\"\n      >\n        <pry-icon iconSvg=\"close\"></pry-icon>\n        <span class=\"u-visually-hidden\">{{ '@pry.action.close' | i18n }}</span>\n      </button>\n    </div>\n\n    <div class=\"o-settings__popup__content\" (click)=\"this.triggerClick.next()\">\n      <div class=\"m-form-label-field\">\n        <label class=\"a-label\" for=\"widget_title\">{{ '@pry.widget.settings.changeTitle' | i18n }} :</label>\n        <input\n          class=\"a-form-field\"\n          id=\"widget_title\"\n          type=\"text\"\n          [value]=\"manifest?.title ?? ''\"\n          (input)=\"emitTitle($event)\"\n        />\n      </div>\n      <ng-content></ng-content>\n    </div>\n\n    <div class=\"o-settings__popup__footer\">\n      <button\n        (click)=\"saveAndClose()\"\n        [class.btn-primary__disable]=\"isDisable\"\n        [disabled]=\"isDisable\"\n        (keydown.tab)=\"focusElement(this.cross)\"\n        class=\"a-btn a-btn--primary\"\n        #validate\n      >\n        {{ '@pry.widget.settings.validateUpdating' | i18n }}\n      </button>\n    </div>\n  </div>\n</ng-template>\n", dependencies: [{ kind: "component", type: PryIconComponent, selector: "pry-icon", inputs: ["color", "iconSvg", "animation", "iconImage", "alt", "width", "height", "classes"] }, { kind: "pipe", type: I18nPipe, name: "i18n" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: SettingsComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'pry-settings', template: "<button type=\"button\" (click)=\"toggle()\" class=\"a-btn a-btn--icon-text -settings\">\n  <pry-icon [height]=\"20\" [width]=\"20\" iconSvg=\"control\"></pry-icon>\n  <span>{{ '@pry.widget.settings.title' | i18n }}</span>\n</button>\n\n<ng-template #template>\n  <div class=\"o-settings__popup\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"dialog_setting\">\n    <div class=\"o-settings__popup__header\">\n      <h2 class=\"a-h2\">{{ '@pry.widget.settings.title' | i18n }}</h2>\n      <button\n        type=\"button\"\n        #cross\n        (keydown.shift.tab)=\"focusElement(this.validate)\"\n        (click)=\"toggle()\"\n        class=\"a-btn a-btn--icon-only -close\"\n      >\n        <pry-icon iconSvg=\"close\"></pry-icon>\n        <span class=\"u-visually-hidden\">{{ '@pry.action.close' | i18n }}</span>\n      </button>\n    </div>\n\n    <div class=\"o-settings__popup__content\" (click)=\"this.triggerClick.next()\">\n      <div class=\"m-form-label-field\">\n        <label class=\"a-label\" for=\"widget_title\">{{ '@pry.widget.settings.changeTitle' | i18n }}</label>\n        <input\n          class=\"a-form-field\"\n          id=\"widget_title\"\n          type=\"text\"\n          [value]=\"manifest?.title ?? ''\"\n          (input)=\"emitTitle($event)\"\n        />\n      </div>\n      <ng-content></ng-content>\n    </div>\n\n    <div class=\"o-settings__popup__footer\">\n      <button\n        (click)=\"saveAndClose()\"\n        [class.btn-primary__disable]=\"isDisable\"\n        [disabled]=\"isDisable\"\n        (keydown.tab)=\"focusElement(this.cross)\"\n        class=\"a-btn a-btn--primary\"\n        #validate\n      >\n        {{ '@pry.widget.settings.validateUpdating' | i18n }}\n      </button>\n    </div>\n  </div>\n</ng-template>\n" }]
+            args: [{ selector: 'pry-settings', template: "<button type=\"button\" (click)=\"toggle()\" class=\"a-btn a-btn--icon-text -settings\">\n  <pry-icon [height]=\"20\" [width]=\"20\" iconSvg=\"control\"></pry-icon>\n  <span>{{ '@pry.widget.settings.title' | i18n }}</span>\n</button>\n\n<ng-template #template>\n  <div class=\"o-settings__popup\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"dialog_setting\">\n    <div class=\"o-settings__popup__header\">\n      <h2 class=\"a-h2\">{{ '@pry.widget.settings.title' | i18n }}</h2>\n      <button\n        type=\"button\"\n        #cross\n        (keydown.shift.tab)=\"focusElement(this.validate)\"\n        (click)=\"toggle()\"\n        class=\"a-btn a-btn--icon-only -close\"\n      >\n        <pry-icon iconSvg=\"close\"></pry-icon>\n        <span class=\"u-visually-hidden\">{{ '@pry.action.close' | i18n }}</span>\n      </button>\n    </div>\n\n    <div class=\"o-settings__popup__content\" (click)=\"this.triggerClick.next()\">\n      <div class=\"m-form-label-field\">\n        <label class=\"a-label\" for=\"widget_title\">{{ '@pry.widget.settings.changeTitle' | i18n }} :</label>\n        <input\n          class=\"a-form-field\"\n          id=\"widget_title\"\n          type=\"text\"\n          [value]=\"manifest?.title ?? ''\"\n          (input)=\"emitTitle($event)\"\n        />\n      </div>\n      <ng-content></ng-content>\n    </div>\n\n    <div class=\"o-settings__popup__footer\">\n      <button\n        (click)=\"saveAndClose()\"\n        [class.btn-primary__disable]=\"isDisable\"\n        [disabled]=\"isDisable\"\n        (keydown.tab)=\"focusElement(this.cross)\"\n        class=\"a-btn a-btn--primary\"\n        #validate\n      >\n        {{ '@pry.widget.settings.validateUpdating' | i18n }}\n      </button>\n    </div>\n  </div>\n</ng-template>\n" }]
         }], ctorParameters: () => [{ type: i1.Store }, { type: i2.Overlay }, { type: i0.ViewContainerRef }], propDecorators: { triggerClick: [{
                 type: Output
             }], widgetIndex: [{
@@ -11288,6 +11314,24 @@ class DashboardEffects {
             }),
             DashboardActions.followManifestRoute()
         ])))));
+        this.confirmLayerGroupDeletion$ = createEffect(() => this.actions$.pipe(ofType(DashboardActions.confirmLayerGroupDeletion), tap((action) => {
+            const data = {
+                title: '@pry.widget.map.layerSettings.confirmDelete',
+                actions: [
+                    {
+                        id: 0,
+                        label: '@pry.toolbox.manifest.validate',
+                        actions: [DashboardActions.deleteLayerGroup({ name: action.name })]
+                    },
+                    {
+                        id: 1,
+                        label: '@pry.toolbox.manifest.close',
+                        color: 'secondary'
+                    }
+                ]
+            };
+            this.pryDialog.open(PryDialogConfirmComponent, { data });
+        })), { dispatch: false });
         dashboardInitService.init();
         refreshService.start();
     }
@@ -11945,6 +11989,71 @@ const internalReducer = createReducer(dashboardInitialState, on(DashboardActions
         ...state.manifests,
         loading: true
     }
+})), on(DashboardActions.initDefaultLayerGroup, (state, action) => ({
+    ...state,
+    manifests: {
+        ...state.manifests,
+        manifest: {
+            ...state.manifests.manifest,
+            layerGroups: state.manifests.manifest.layerGroups?.some((group) => group.name === 'DEFAULT')
+                ? state.manifests.manifest.layerGroups.map((group) => action.layers ? { ...group, visibleLayers: action.layers } : group)
+                : [
+                    ...(state.manifests.manifest.layerGroups ?? []),
+                    {
+                        name: 'DEFAULT',
+                        singleLayer: false,
+                        visibleLayers: action.layers ? action.layers : []
+                    }
+                ]
+        }
+    }
+})), on(DashboardActions.addLayerGroup, (state, action) => ({
+    ...state,
+    manifests: {
+        ...state.manifests,
+        manifest: {
+            ...state.manifests.manifest,
+            layerGroups: [
+                {
+                    name: action.defaultTitle + ' ' + ((state.manifests.manifest.layerGroups?.length ?? 0) + 1).toString(),
+                    singleLayer: false,
+                    visibleLayers: []
+                },
+                ...(state.manifests.manifest.layerGroups ?? [])
+            ]
+        }
+    }
+})), on(DashboardActions.updateLayerGroup, (state, action) => ({
+    ...state,
+    manifests: {
+        ...state.manifests,
+        manifest: {
+            ...state.manifests.manifest,
+            layerGroups: [
+                ...(state.manifests.manifest.layerGroups ?? []).map((group) => group.name === action.name
+                    ? {
+                        ...group,
+                        name: action.newName ?? group.name,
+                        singleLayer: action.singleLayer ?? group.singleLayer,
+                        visibleLayers: action.visibleLayers
+                            ? typeof action.visibleLayers === 'string'
+                                ? [...group.visibleLayers, action.visibleLayers]
+                                : action.visibleLayers
+                            : group.visibleLayers
+                    }
+                    : group)
+            ]
+        }
+    }
+})), on(DashboardActions.deleteLayerGroup, (state, action) => ({
+    ...state,
+    manifests: {
+        ...state.manifests,
+        manifest: {
+            ...state.manifests.manifest,
+            layerGroups: state.manifests.manifest.layerGroups.filter((group) => group.name !== action.name)
+        }
+    }
 })));
 function dashboardReducer(state, action) {
     return internalReducer(state, action);