@provoly/dashboard 0.21.3 → 0.21.4

package/fesm2022/provoly-dashboard-widgets-widget-vega.mjs

@@ -126,7 +126,7 @@ class WidgetVegaComponent extends DataWidgetComponent {
             this.optionsCopy.baseSpec = JSON.parse($event.currentTarget.value);
         }
         catch (e) {
-            const message = this.snackService.open({
+            const message = this.snackService.notMitigatedOpen({
                 type: 'error',
                 message: this.translateService.instant('@pry.widget.vega.notParseableSpec'),
                 action: this.translateService.instant('@pry.widget.vega.specReinit')

package/fesm2022/provoly-dashboard-widgets-widget-vega.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"provoly-dashboard-widgets-widget-vega.mjs","sources":["../../../../projects/provoly/dashboard/widgets/widget-vega/style/css.component.ts","../../../../projects/provoly/dashboard/widgets/widget-vega/component/widget-vega.component.ts","../../../../projects/provoly/dashboard/widgets/widget-vega/component/widget-vega.component.html","../../../../projects/provoly/dashboard/widgets/widget-vega/i18n/en.translations.ts","../../../../projects/provoly/dashboard/widgets/widget-vega/i18n/fr.translations.ts","../../../../projects/provoly/dashboard/widgets/widget-vega/widget-vega.module.ts","../../../../projects/provoly/dashboard/widgets/widget-vega/provoly-dashboard-widgets-widget-vega.ts"],"sourcesContent":["import { Component, ViewEncapsulation } from '@angular/core';\n\n@Component({\n  selector: 'pry-widget-vega-css',\n  template: '',\n  styleUrls: ['./_o-widget-vega.scss'],\n  encapsulation: ViewEncapsulation.None\n})\nexport class PryWidgetVegaCssComponent {}\n","import { DOCUMENT } from '@angular/common';\nimport { AfterViewInit, Component, ElementRef, Inject, ViewChild } from '@angular/core';\nimport { Store } from '@ngrx/store';\nimport {\n  AttributeSimpleValue,\n  DataWidgetComponent,\n  Item,\n  PryI18nService,\n  PrySnackbarService,\n  ResultSet,\n  ValueType,\n  VegaWidgetOptions,\n  WIDGET_HEADER_HEIGHT\n} from '@provoly/dashboard';\nimport { combineLatest, filter, Observable, Subject } from 'rxjs';\nimport { map } from 'rxjs/operators';\nimport { View } from 'vega';\nimport embed, { VisualizationSpec } from 'vega-embed';\n\n@Component({\n  selector: 'pry-widget-vega',\n  templateUrl: './widget-vega.component.html'\n})\nexport class WidgetVegaComponent extends DataWidgetComponent implements AfterViewInit {\n  @ViewChild('vega') vega!: ElementRef;\n  view?: View;\n  vegaSpec$: Observable<VisualizationSpec>;\n  trigger$ = new Subject<void>();\n  options$: Observable<any>;\n  optionsCopy: VegaWidgetOptions = { baseSpec: {}, placeData: [] };\n  formattedBaseSpec: string = '{}';\n  initialFormattedBaseSpec: string = '{}';\n\n  constructor(\n    store: Store<any>,\n    private translateService: PryI18nService,\n    el: ElementRef,\n    @Inject(DOCUMENT) private document: Document,\n    private snackService: PrySnackbarService\n  ) {\n    super(store, el);\n\n    this.options$ = this.manifest$.pipe(map((manifest) => (manifest.options ?? {}) as any));\n    this.subscriptions.add(\n      this.options$.subscribe((options) => {\n        this.optionsCopy = JSON.parse(JSON.stringify(options));\n        this.formattedBaseSpec = JSON.stringify(this.optionsCopy.baseSpec, undefined, 4);\n        this.initialFormattedBaseSpec = JSON.stringify(this.optionsCopy.baseSpec, undefined, 4);\n      })\n    );\n\n    this.vegaSpec$ = combineLatest([this.options$, this.resultSet$, this.widgetSize$, this.displayHeader$]).pipe(\n      filter(([options, rs, size, header]) => !!rs),\n      map(([options, rs, size, header]) => {\n        const data = WidgetVegaComponent.getValues(rs);\n\n        const vegaSpec = WidgetVegaComponent.placeData(options, JSON.parse(JSON.stringify(options.baseSpec)), data);\n\n        vegaSpec.width = size.width - 15;\n        vegaSpec.height = size.height - 40 - (header ? WIDGET_HEADER_HEIGHT : 0);\n        vegaSpec.autosize = { type: 'fit', contains: 'padding' };\n        vegaSpec.padding = 15;\n\n        console.log(JSON.stringify(vegaSpec, undefined, 4));\n\n        return vegaSpec;\n      })\n    );\n  }\n\n  static getValues(data: ResultSet) {\n    return Object.keys(data.items)\n      .map((clazz) => data.items[clazz].map((item) => WidgetVegaComponent.transformProvolyModelToClassic(item)))\n      .flat();\n  }\n\n  static transformProvolyModelToClassic(values: Item) {\n    const result = {} as { [key: string]: ValueType };\n    Object.keys(values.attributes).forEach((key) => {\n      result[key] = (values.attributes[key] as AttributeSimpleValue).value;\n    });\n\n    return result;\n  }\n\n  static placeData(options: VegaWidgetOptions, baseSpec: any, data: { [key: string]: ValueType }[]) {\n    const clone = JSON.parse(JSON.stringify(baseSpec));\n    let ref = clone;\n    (options.placeData ?? []).forEach((prop, idx, arr) => {\n      if (ref) {\n        if (idx < arr.length - 1) {\n          ref = ref[prop];\n        } else {\n          ref[prop] = data;\n        }\n      }\n    });\n    return clone;\n  }\n\n  ngAfterViewInit() {\n    this.subscriptions.add(\n      combineLatest([this.vegaSpec$, this.trigger$, this.widgetSize$]).subscribe(([spec, _, size]) => {\n        if (this.vega) {\n          this.view?.finalize();\n\n          // @ts-ignore\n          if (this.document.debugFNTP !== undefined) {\n            console.log(JSON.stringify(spec, undefined, 4));\n          }\n\n          embed(this.vega.nativeElement, JSON.parse(JSON.stringify(spec)), {\n            actions: false,\n            renderer: 'canvas',\n            formatLocale: {\n              decimal: this.translateService.instant('@pry.format.decimal'),\n              thousands: this.translateService.instant('@pry.format.thousands'),\n              grouping: this.translateService.instant('@pry.format.grouping'),\n              currency: this.translateService.instant('@pry.format.currency'),\n              percent: '\\u202f%'\n            }\n          }).then((result) => (this.view = result.view));\n        } else {\n          setTimeout(() => this.trigger$.next(), 100);\n        }\n      })\n    );\n    this.trigger$.next();\n  }\n\n  override toImage(): Promise<string> {\n    return new Promise((resolve, reject) => {\n      resolve(this.vega.nativeElement.querySelectorAll('canvas')[0].toDataURL('image/png'));\n    });\n  }\n\n  emitManifest() {\n    this.manifestModified.emit({\n      widgetIndex: this.widgetIndex,\n      manifest: { ...this.manifest, options: this.optionsCopy }\n    });\n  }\n\n  changePlaceData($event: Event) {\n    // @ts-ignore\n    const expr = $event.currentTarget.value;\n    this.optionsCopy.placeData = expr\n      .split('.')\n      .map((val: string) => (parseInt(val) + '' === `${val}` ? parseInt(val) : val));\n  }\n\n  changeSpec($event: Event) {\n    try {\n      // @ts-ignore\n      this.optionsCopy.baseSpec = JSON.parse($event.currentTarget.value);\n    } catch (e) {\n      const message = this.snackService.open({\n        type: 'error',\n        message: this.translateService.instant('@pry.widget.vega.notParseableSpec'),\n        action: this.translateService.instant('@pry.widget.vega.specReinit')\n      });\n      message?.subscribe(() => {\n        this.optionsCopy.baseSpec = this.initialFormattedBaseSpec;\n      });\n    }\n  }\n}\n","<pry-widget-vega-css></pry-widget-vega-css>\n<div class=\"o-widget o-widget--chart\">\n  <pry-widget-header\n    *ngIf=\"displayHeader$ | async\"\n    [widgetIndex]=\"widgetIndex\"\n    [manifest]=\"manifest\"\n    (manifestModified)=\"manifestModified.emit($event)\"\n    #header\n    [headerOptions]=\"(displayHeader$ | async) ?? {}\"\n    [datasourceIds]=\"(datasourceIds$ | async) ?? []\"\n  >\n    <pry-settings\n      (saveTriggered)=\"emitManifest()\"\n      (changeTitle)=\"changeWidgetTitle($event)\"\n      [headerPresent]=\"displayHeader$ | async\"\n      [widgetIndex]=\"widgetIndex\"\n      [header]=\"header\"\n      [open$]=\"open$\"\n      class=\"o-settings\"\n    >\n      <div class=\"o-settings__fields\">\n        <div class=\"m-form-label-field\">\n          <label class=\"a-label\" for=\"placeData_src\">{{ '@pry.widget.vega.placeData' | i18n }}</label>\n          <input\n            class=\"a-form-field\"\n            id=\"placeData_src\"\n            type=\"text\"\n            [value]=\"(optionsCopy.placeData ?? []).join('.')\"\n            (input)=\"changePlaceData($event)\"\n          />\n        </div>\n\n        <div class=\"m-form-label-field\">\n          <label class=\"a-label\" for=\"spec_src\">{{ '@pry.widget.vega.spec' | i18n }}</label>\n          <textarea\n            class=\"a-form-field a-text-area\"\n            id=\"spec_src\"\n            [value]=\"formattedBaseSpec\"\n            (input)=\"changeSpec($event)\"\n          ></textarea>\n        </div>\n      </div>\n    </pry-settings>\n  </pry-widget-header>\n  <div class=\"o-widget--chart--chart\" #vega></div>\n</div>\n","export const enTranslations = {\n  '@pry': {\n    widget: {\n      vega: {\n        placeData: 'Expression leading to data in Vega config',\n        spec: 'Vega configuration',\n        notParseableSpec: 'Configuration is not a valid JSON',\n        specReinit: 'Reinitialize'\n      }\n    }\n  }\n};\n","export const frTranslations = {\n  '@pry': {\n    widget: {\n      vega: {\n        placeData: 'Expression menant à la place des données dans la configuration Vega',\n        spec: 'Configuration Vega',\n        notParseableSpec: \"La configuration n'est pas un JSON valide\",\n        specReinit: 'Réinitialiser'\n      }\n    }\n  }\n};\n","import { OverlayModule } from '@angular/cdk/overlay';\nimport { CommonModule } from '@angular/common';\nimport { NgModule, Type } from '@angular/core';\nimport { FormsModule } from '@angular/forms';\nimport {\n  BaseWidgetComponent,\n  BaseWidgetModule,\n  PryCoreModule,\n  PryDashboardModule,\n  PryI18nModule,\n  PryI18nService,\n  PryIconModule,\n  PrySelectModule,\n  PryToggleModule\n} from '@provoly/dashboard';\nimport { PryCheckboxModule } from '@provoly/dashboard/components/checkbox';\nimport { WidgetMapModule } from '@provoly/dashboard/widgets/widget-map';\nimport { WidgetVegaComponent } from './component/widget-vega.component';\nimport { enTranslations } from './i18n/en.translations';\nimport { frTranslations } from './i18n/fr.translations';\nimport { PryWidgetVegaCssComponent } from './style/css.component';\n\n@NgModule({\n  declarations: [WidgetVegaComponent, PryWidgetVegaCssComponent],\n  imports: [\n    CommonModule,\n    FormsModule,\n    OverlayModule,\n    PryCoreModule,\n    PryDashboardModule,\n    PrySelectModule,\n    PryIconModule,\n    PryCheckboxModule,\n    PryToggleModule,\n    WidgetMapModule,\n    PryI18nModule\n  ],\n  exports: [WidgetVegaComponent]\n})\nexport class WidgetVegaModule extends BaseWidgetModule {\n  constructor(private pryTranslateService: PryI18nService) {\n    super();\n    this.pryTranslateService.addLangObject('fr', 'widget-vega', frTranslations);\n    this.pryTranslateService.addLangObject('en', 'widget-vega', enTranslations);\n  }\n\n  override getComponent() {\n    return WidgetVegaComponent as Type<BaseWidgetComponent>;\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["i4.PryWidgetVegaCssComponent","i1"],"mappings":"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"}
+{"version":3,"file":"provoly-dashboard-widgets-widget-vega.mjs","sources":["../../../../projects/provoly/dashboard/widgets/widget-vega/style/css.component.ts","../../../../projects/provoly/dashboard/widgets/widget-vega/component/widget-vega.component.ts","../../../../projects/provoly/dashboard/widgets/widget-vega/component/widget-vega.component.html","../../../../projects/provoly/dashboard/widgets/widget-vega/i18n/en.translations.ts","../../../../projects/provoly/dashboard/widgets/widget-vega/i18n/fr.translations.ts","../../../../projects/provoly/dashboard/widgets/widget-vega/widget-vega.module.ts","../../../../projects/provoly/dashboard/widgets/widget-vega/provoly-dashboard-widgets-widget-vega.ts"],"sourcesContent":["import { Component, ViewEncapsulation } from '@angular/core';\n\n@Component({\n  selector: 'pry-widget-vega-css',\n  template: '',\n  styleUrls: ['./_o-widget-vega.scss'],\n  encapsulation: ViewEncapsulation.None\n})\nexport class PryWidgetVegaCssComponent {}\n","import { DOCUMENT } from '@angular/common';\nimport { AfterViewInit, Component, ElementRef, Inject, ViewChild } from '@angular/core';\nimport { Store } from '@ngrx/store';\nimport {\n  AttributeSimpleValue,\n  DataWidgetComponent,\n  Item,\n  PryI18nService,\n  PrySnackbarService,\n  ResultSet,\n  ValueType,\n  VegaWidgetOptions,\n  WIDGET_HEADER_HEIGHT\n} from '@provoly/dashboard';\nimport { combineLatest, filter, Observable, Subject } from 'rxjs';\nimport { map } from 'rxjs/operators';\nimport { View } from 'vega';\nimport embed, { VisualizationSpec } from 'vega-embed';\n\n@Component({\n  selector: 'pry-widget-vega',\n  templateUrl: './widget-vega.component.html'\n})\nexport class WidgetVegaComponent extends DataWidgetComponent implements AfterViewInit {\n  @ViewChild('vega') vega!: ElementRef;\n  view?: View;\n  vegaSpec$: Observable<VisualizationSpec>;\n  trigger$ = new Subject<void>();\n  options$: Observable<any>;\n  optionsCopy: VegaWidgetOptions = { baseSpec: {}, placeData: [] };\n  formattedBaseSpec: string = '{}';\n  initialFormattedBaseSpec: string = '{}';\n\n  constructor(\n    store: Store<any>,\n    private translateService: PryI18nService,\n    el: ElementRef,\n    @Inject(DOCUMENT) private document: Document,\n    private snackService: PrySnackbarService\n  ) {\n    super(store, el);\n\n    this.options$ = this.manifest$.pipe(map((manifest) => (manifest.options ?? {}) as any));\n    this.subscriptions.add(\n      this.options$.subscribe((options) => {\n        this.optionsCopy = JSON.parse(JSON.stringify(options));\n        this.formattedBaseSpec = JSON.stringify(this.optionsCopy.baseSpec, undefined, 4);\n        this.initialFormattedBaseSpec = JSON.stringify(this.optionsCopy.baseSpec, undefined, 4);\n      })\n    );\n\n    this.vegaSpec$ = combineLatest([this.options$, this.resultSet$, this.widgetSize$, this.displayHeader$]).pipe(\n      filter(([options, rs, size, header]) => !!rs),\n      map(([options, rs, size, header]) => {\n        const data = WidgetVegaComponent.getValues(rs);\n\n        const vegaSpec = WidgetVegaComponent.placeData(options, JSON.parse(JSON.stringify(options.baseSpec)), data);\n\n        vegaSpec.width = size.width - 15;\n        vegaSpec.height = size.height - 40 - (header ? WIDGET_HEADER_HEIGHT : 0);\n        vegaSpec.autosize = { type: 'fit', contains: 'padding' };\n        vegaSpec.padding = 15;\n\n        console.log(JSON.stringify(vegaSpec, undefined, 4));\n\n        return vegaSpec;\n      })\n    );\n  }\n\n  static getValues(data: ResultSet) {\n    return Object.keys(data.items)\n      .map((clazz) => data.items[clazz].map((item) => WidgetVegaComponent.transformProvolyModelToClassic(item)))\n      .flat();\n  }\n\n  static transformProvolyModelToClassic(values: Item) {\n    const result = {} as { [key: string]: ValueType };\n    Object.keys(values.attributes).forEach((key) => {\n      result[key] = (values.attributes[key] as AttributeSimpleValue).value;\n    });\n\n    return result;\n  }\n\n  static placeData(options: VegaWidgetOptions, baseSpec: any, data: { [key: string]: ValueType }[]) {\n    const clone = JSON.parse(JSON.stringify(baseSpec));\n    let ref = clone;\n    (options.placeData ?? []).forEach((prop, idx, arr) => {\n      if (ref) {\n        if (idx < arr.length - 1) {\n          ref = ref[prop];\n        } else {\n          ref[prop] = data;\n        }\n      }\n    });\n    return clone;\n  }\n\n  ngAfterViewInit() {\n    this.subscriptions.add(\n      combineLatest([this.vegaSpec$, this.trigger$, this.widgetSize$]).subscribe(([spec, _, size]) => {\n        if (this.vega) {\n          this.view?.finalize();\n\n          // @ts-ignore\n          if (this.document.debugFNTP !== undefined) {\n            console.log(JSON.stringify(spec, undefined, 4));\n          }\n\n          embed(this.vega.nativeElement, JSON.parse(JSON.stringify(spec)), {\n            actions: false,\n            renderer: 'canvas',\n            formatLocale: {\n              decimal: this.translateService.instant('@pry.format.decimal'),\n              thousands: this.translateService.instant('@pry.format.thousands'),\n              grouping: this.translateService.instant('@pry.format.grouping'),\n              currency: this.translateService.instant('@pry.format.currency'),\n              percent: '\\u202f%'\n            }\n          }).then((result) => (this.view = result.view));\n        } else {\n          setTimeout(() => this.trigger$.next(), 100);\n        }\n      })\n    );\n    this.trigger$.next();\n  }\n\n  override toImage(): Promise<string> {\n    return new Promise((resolve, reject) => {\n      resolve(this.vega.nativeElement.querySelectorAll('canvas')[0].toDataURL('image/png'));\n    });\n  }\n\n  emitManifest() {\n    this.manifestModified.emit({\n      widgetIndex: this.widgetIndex,\n      manifest: { ...this.manifest, options: this.optionsCopy }\n    });\n  }\n\n  changePlaceData($event: Event) {\n    // @ts-ignore\n    const expr = $event.currentTarget.value;\n    this.optionsCopy.placeData = expr\n      .split('.')\n      .map((val: string) => (parseInt(val) + '' === `${val}` ? parseInt(val) : val));\n  }\n\n  changeSpec($event: Event) {\n    try {\n      // @ts-ignore\n      this.optionsCopy.baseSpec = JSON.parse($event.currentTarget.value);\n    } catch (e) {\n      const message = this.snackService.notMitigatedOpen({\n        type: 'error',\n        message: this.translateService.instant('@pry.widget.vega.notParseableSpec'),\n        action: this.translateService.instant('@pry.widget.vega.specReinit')\n      });\n      message?.subscribe(() => {\n        this.optionsCopy.baseSpec = this.initialFormattedBaseSpec;\n      });\n    }\n  }\n}\n","<pry-widget-vega-css></pry-widget-vega-css>\n<div class=\"o-widget o-widget--chart\">\n  <pry-widget-header\n    *ngIf=\"displayHeader$ | async\"\n    [widgetIndex]=\"widgetIndex\"\n    [manifest]=\"manifest\"\n    (manifestModified)=\"manifestModified.emit($event)\"\n    #header\n    [headerOptions]=\"(displayHeader$ | async) ?? {}\"\n    [datasourceIds]=\"(datasourceIds$ | async) ?? []\"\n  >\n    <pry-settings\n      (saveTriggered)=\"emitManifest()\"\n      (changeTitle)=\"changeWidgetTitle($event)\"\n      [headerPresent]=\"displayHeader$ | async\"\n      [widgetIndex]=\"widgetIndex\"\n      [header]=\"header\"\n      [open$]=\"open$\"\n      class=\"o-settings\"\n    >\n      <div class=\"o-settings__fields\">\n        <div class=\"m-form-label-field\">\n          <label class=\"a-label\" for=\"placeData_src\">{{ '@pry.widget.vega.placeData' | i18n }}</label>\n          <input\n            class=\"a-form-field\"\n            id=\"placeData_src\"\n            type=\"text\"\n            [value]=\"(optionsCopy.placeData ?? []).join('.')\"\n            (input)=\"changePlaceData($event)\"\n          />\n        </div>\n\n        <div class=\"m-form-label-field\">\n          <label class=\"a-label\" for=\"spec_src\">{{ '@pry.widget.vega.spec' | i18n }}</label>\n          <textarea\n            class=\"a-form-field a-text-area\"\n            id=\"spec_src\"\n            [value]=\"formattedBaseSpec\"\n            (input)=\"changeSpec($event)\"\n          ></textarea>\n        </div>\n      </div>\n    </pry-settings>\n  </pry-widget-header>\n  <div class=\"o-widget--chart--chart\" #vega></div>\n</div>\n","export const enTranslations = {\n  '@pry': {\n    widget: {\n      vega: {\n        placeData: 'Expression leading to data in Vega config',\n        spec: 'Vega configuration',\n        notParseableSpec: 'Configuration is not a valid JSON',\n        specReinit: 'Reinitialize'\n      }\n    }\n  }\n};\n","export const frTranslations = {\n  '@pry': {\n    widget: {\n      vega: {\n        placeData: 'Expression menant à la place des données dans la configuration Vega',\n        spec: 'Configuration Vega',\n        notParseableSpec: \"La configuration n'est pas un JSON valide\",\n        specReinit: 'Réinitialiser'\n      }\n    }\n  }\n};\n","import { OverlayModule } from '@angular/cdk/overlay';\nimport { CommonModule } from '@angular/common';\nimport { NgModule, Type } from '@angular/core';\nimport { FormsModule } from '@angular/forms';\nimport {\n  BaseWidgetComponent,\n  BaseWidgetModule,\n  PryCoreModule,\n  PryDashboardModule,\n  PryI18nModule,\n  PryI18nService,\n  PryIconModule,\n  PrySelectModule,\n  PryToggleModule\n} from '@provoly/dashboard';\nimport { PryCheckboxModule } from '@provoly/dashboard/components/checkbox';\nimport { WidgetMapModule } from '@provoly/dashboard/widgets/widget-map';\nimport { WidgetVegaComponent } from './component/widget-vega.component';\nimport { enTranslations } from './i18n/en.translations';\nimport { frTranslations } from './i18n/fr.translations';\nimport { PryWidgetVegaCssComponent } from './style/css.component';\n\n@NgModule({\n  declarations: [WidgetVegaComponent, PryWidgetVegaCssComponent],\n  imports: [\n    CommonModule,\n    FormsModule,\n    OverlayModule,\n    PryCoreModule,\n    PryDashboardModule,\n    PrySelectModule,\n    PryIconModule,\n    PryCheckboxModule,\n    PryToggleModule,\n    WidgetMapModule,\n    PryI18nModule\n  ],\n  exports: [WidgetVegaComponent]\n})\nexport class WidgetVegaModule extends BaseWidgetModule {\n  constructor(private pryTranslateService: PryI18nService) {\n    super();\n    this.pryTranslateService.addLangObject('fr', 'widget-vega', frTranslations);\n    this.pryTranslateService.addLangObject('en', 'widget-vega', enTranslations);\n  }\n\n  override getComponent() {\n    return WidgetVegaComponent as Type<BaseWidgetComponent>;\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["i4.PryWidgetVegaCssComponent","i1"],"mappings":"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"}

package/fesm2022/provoly-dashboard.mjs

@@ -337,7 +337,11 @@ const enTranslations$1 = {
                 '1/3h_detailled': 'Display of 3 renders maximum, on a screen split in 3 horizontal zones, the render addtion is made in an empty zone, the placement is system guided.',
                 '1/4': '1/4 screen',
                 '1/4_detailled': 'Display of 4 renders maximum, on a split screen in 4 zones, the render addtion is made in an empty zone, the placement is system guided.'
-            }
+            },
+            switchEdit: 'Edit',
+            switchEditContent: 'Edit composition',
+            share: 'Share',
+            delete: 'Delete'
         },
         manifest: {
             name: 'Name',
@@ -553,6 +557,9 @@ const enTranslations$1 = {
                 number: 'Number',
                 autocomplete: 'Autocomplete'
             }
+        },
+        geoAuth: {
+            failure: 'Geoserver error'
         }
     }
 };
@@ -678,7 +685,6 @@ const frTranslations$1 = {
             rename: 'Enregistrer sous',
             restore: 'Restaurer les pages',
             save: 'Enregistrer',
-            share: 'Partager',
             drag: 'Restitution...',
             dragIndication: 'Insérer un',
             barchart: 'Barres',
@@ -717,7 +723,11 @@ const frTranslations$1 = {
                 '1/3h_detailled': "Affichage de 3 restitutions maximum sur l’écran découpé en trois zones horizontales, l'ajout de restitution se fait dans les zones vides. Le placement est guidé par le système.",
                 '1/4': '1/4 écran',
                 '1/4_detailled': "Affichage de 4 restitutions maximum sur l’écran découpé en quatre zones , l'ajout de restitution se fait dans les zones vides. Le placement est guidé par le système."
-            }
+            },
+            switchEdit: 'Modifier',
+            switchEditContent: 'Modifier la composition',
+            share: 'Partager',
+            delete: 'Supprimer'
         },
         manifest: {
             name: 'Nom',
@@ -933,6 +943,9 @@ const frTranslations$1 = {
                 number: 'Numérique',
                 autocomplete: 'Liste avec suggestion'
             }
+        },
+        geoAuth: {
+            failure: 'Erreur geoserver'
         }
     }
 };
@@ -1777,7 +1790,9 @@ class PrySnackbarService {
             pryMessage.action = !!pryMessage.action ? this.translate.instant(pryMessage.action) : undefined;
             this.messageEvents$.next(pryMessage);
         }, false);
-        this.messageEvents$.pipe(distinctUntilChanged((p, v) => equal(p, v))).subscribe((message) => this.open(message));
+        this.messageEvents$
+            .pipe(distinctUntilChanged((p, v) => equal(p, v)))
+            .subscribe((message) => this.notMitigatedOpen(message));
     }
     setRootViewContainerRef(viewContainerRef) {
         this.rootViewContainer = viewContainerRef;
@@ -1785,7 +1800,7 @@ class PrySnackbarService {
     dispatchOpenEvent(message) {
         document.dispatchEvent(new CustomEvent(PRY_CUSTOMEVENT_TYPE, { detail: message }));
     }
-    open(message) {
+    notMitigatedOpen(message) {
         this.overlayRef = this.overlay.create(new OverlayConfig({
             hasBackdrop: false
         }));
@@ -1807,6 +1822,9 @@ class PrySnackbarService {
         }, message.timeout ?? DEFAULT_MSG_TIMEOUT);
         return component.instance.actionClicked;
     }
+    open(message) {
+        this.messageEvents$.next(message);
+    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PrySnackbarService, deps: [{ token: i2$1.Overlay }, { token: PryI18nService }], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PrySnackbarService, providedIn: 'root' }); }
 }
@@ -3967,7 +3985,10 @@ const BASE_DISPLAY_OPTIONS = {
         clear_view: false,
         default_size: false,
         refresh_datasets: false,
-        automate_refresh: false
+        automate_refresh: false,
+        edit_presentation_content: false,
+        share: false,
+        delete: false
     },
     edit_toggle: false,
     widgetContextMenu: {
@@ -3986,7 +4007,14 @@ function getDisplayOptions(mode) {
             return {
                 ...BASE_DISPLAY_OPTIONS,
                 useFilters: true,
-                toolbox: { ...BASE_DISPLAY_OPTIONS.toolbox, save_view_as: true, refresh_datasets: true },
+                toolbox: {
+                    ...BASE_DISPLAY_OPTIONS.toolbox,
+                    save_view_as: true,
+                    refresh_datasets: true,
+                    edit_presentation_content: true,
+                    share: true,
+                    delete: true
+                },
                 widgetContextMenu: false
             };
         case ViewMode.SEARCH:
@@ -4004,10 +4032,17 @@ function getDisplayOptions(mode) {
                 catalog: true,
                 useFilters: true,
                 toolbox: {
-                    ...Object.keys(BASE_DISPLAY_OPTIONS.toolbox).reduce((acc, key) => {
-                        acc[key] = true;
-                        return acc;
-                    }, {})
+                    save_view: true,
+                    save_view_as: true,
+                    filter_settings: true,
+                    new_tab: true,
+                    clear_view: true,
+                    default_size: true,
+                    refresh_datasets: true,
+                    automate_refresh: true,
+                    edit_presentation_content: false,
+                    share: true,
+                    delete: false
                 },
                 edit_toggle: true,
                 widgetContextMenu: true
@@ -4759,7 +4794,7 @@ class ItemEffects {
         ])
             .reduce((a, b) => [...a, ...b], [])), catchError((error) => [ItemActions.createFailure({ error })])))));
         this.createSuccessWarning$ = createEffect(() => this.actions$.pipe(ofType(ItemActions.createSuccess), tap((action) => {
-            const actionClicked$ = this.snackBar.open({
+            const actionClicked$ = this.snackBar.notMitigatedOpen({
                 type: 'success',
                 message: this.translateService.instant('@pry.context.createObject.created'),
                 action: this.translateService.instant('@pry.context.createObject.details'),
@@ -5030,22 +5065,44 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
 class PryGeoAuthService {
 }
 const PRY_GEOAUTH_TOKEN = new InjectionToken('PRY_GEOAUTH_TOKEN');
+const CONTENT_TYPE = 'Content-Type';
+const ERROR_CONTENT_REGEXP = new RegExp('<ServiceException [\\S\\s]*>([\\S\\s]*)<\\/ServiceException>', 'gm');
 class PryDefaultGeoAuthService extends PryGeoAuthService {
-    constructor(httpClient) {
+    constructor(httpClient, snack, i18nService) {
         super();
         this.httpClient = httpClient;
+        this.snack = snack;
+        this.i18nService = i18nService;
     }
     customLoader(tile, src) {
         this.httpClient.get(src, { observe: 'response', params: {}, responseType: 'blob' }).subscribe((blob) => {
-            tile.getImage().src = URL.createObjectURL(blob.body);
+            if (blob.headers.has(CONTENT_TYPE) && (blob.headers.get(CONTENT_TYPE) ?? '').indexOf('text/xml') >= 0) {
+                blob.body.text().then((text) => {
+                    const match = text.match(ERROR_CONTENT_REGEXP);
+                    const reason = match[0].replace(/\r/g, '').replace(/\n/g, '').replace(/\s\s/g, ' ');
+                    if (!!reason) {
+                        console.error(`Geoserver error: ${reason}`);
+                        this.snack.open({
+                            type: 'error',
+                            message: this.i18nService.instant('@pry.geoAuth.failure', { reason })
+                        });
+                    }
+                    else {
+                        console.warn(`Strange geoserver return ${text}`);
+                    }
+                });
+            }
+            else {
+                tile.getImage().src = URL.createObjectURL(blob.body);
+            }
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PryDefaultGeoAuthService, deps: [{ token: i1$1.HttpClient }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PryDefaultGeoAuthService, deps: [{ token: i1$1.HttpClient }, { token: PrySnackbarService }, { token: PryI18nService }], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PryDefaultGeoAuthService }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PryDefaultGeoAuthService, decorators: [{
             type: Injectable
-        }], ctorParameters: function () { return [{ type: i1$1.HttpClient }]; } });
+        }], ctorParameters: function () { return [{ type: i1$1.HttpClient }, { type: PrySnackbarService }, { type: PryI18nService }]; } });
 
 class EllipsisDirective {
     constructor(elementRef, renderer) {
@@ -6874,10 +6931,20 @@ class PrySelectComponent extends SubscriptionnerDirective {
                 else {
                     this.overlayRef?.dispose();
                     this.overlayRef = undefined;
+                    this.focused = false;
                 }
             }
         }
     }
+    handleClick() {
+        if (!this.focused) {
+            this.onInputFocus();
+        }
+    }
+    onInputFocus(force) {
+        this.toggle(force);
+        this.focused = true;
+    }
     getOverlayConfig() {
         const positionStrategy = this.overlay
             .position()
@@ -6916,7 +6983,7 @@ class PrySelectComponent extends SubscriptionnerDirective {
                 useExisting: forwardRef(() => PrySelectComponent),
                 multi: true
             }
-        ], viewQueries: [{ propertyName: "optionsModal", first: true, predicate: ["optionsModal"], descendants: true, read: TemplateRef }, { propertyName: "selectElement", first: true, predicate: ["selectElement"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<div\n  class=\"a-pry-select\"\n  [attr.aria-disabled]=\"disabled\"\n  #selectElement\n  [class.-focused]=\"focused\"\n  (click)=\"toggle()\"\n  role=\"combobox\"\n  [attr.aria-expanded]=\"open\"\n  [attr.aria-owns]=\"open ? modalId : null\"\n  aria-haspopup=\"listbox\"\n>\n  <div class=\"a-pry-select__content\">\n    <ng-container *ngIf=\"autocomplete; else noAutocomplete\">\n      <input\n        type=\"text\"\n        class=\"a-pry-select__search\"\n        [ngModel]=\"search$.getValue()\"\n        (ngModelChange)=\"search($event)\"\n        (focus)=\"toggle(true)\"\n        aria-autocomplete=\"list\"\n        [attr.aria-controls]=\"open ? modalId : null\"\n        [attr.aria-disabled]=\"disabled\"\n        [disabled]=\"disabled\"\n      />\n    </ng-container>\n    <ng-template #noAutocomplete>\n      <ng-container *ngIf=\"(valueItems$ | async).length === 0; else selectedValues\">\n        <span class=\"a-pry-select__placeholder\">{{ placeholder }}</span>\n      </ng-container>\n      <ng-template #selectedValues>\n        <ng-container *ngFor=\"let item of valueItems$ | async\">\n          <div class=\"a-pry-select__value\" [class.pry-select-form]=\"isForm\" [class.-multiple]=\"multiple\">\n            <ng-container *ngIf=\"template; else noTemplateLabel\">\n              <ng-container [ngTemplateOutlet]=\"template\" [ngTemplateOutletContext]=\"{ item, clear }\"></ng-container>\n            </ng-container>\n            <ng-template #noTemplateLabel>\n              <pry-icon\n                *ngIf=\"bindIcon\"\n                [iconSvg]=\"item[bindIcon]\"\n                [width]=\"iconSize[0]\"\n                [height]=\"iconSize[1]\"\n              ></pry-icon>\n              <ng-container *ngIf=\"bindLabel ? item?.[bindLabel] : item as value\">\n                {{ (i18nPrefix ?? '') + value | i18n : { warn: false } }}\n                <span\n                  *ngIf=\"multiple && clearable\"\n                  class=\"a-pry-select__clear\"\n                  (click)=\"clear($event, item)\"\n                  aria-hidden=\"true\"\n                >\u00D7</span\n                >\n              </ng-container>\n            </ng-template>\n          </div>\n        </ng-container>\n      </ng-template>\n      <div class=\"a-pry-select__filler\"></div>\n    </ng-template>\n  </div>\n  <div class=\"a-pry-select__actions\">\n    <span *ngIf=\"clearable\" class=\"a-pry-select__clear\" (click)=\"clearAll($event)\" aria-hidden=\"true\">\u00D7</span>\n    <pry-icon\n      class=\"a-pry-select__toggle\"\n      [iconSvg]=\"open ? 'chevron_top' : 'chevron_bottom'\"\n      [width]=\"iconSize[0]\"\n      [height]=\"iconSize[1]\"\n    ></pry-icon>\n  </div>\n</div>\n<ng-template #optionsModal>\n  <div\n    role=\"listbox\"\n    [attr.aria-label]=\"'@pry.select.label' | i18n\"\n    [id]=\"modalId\"\n    [attr.aria-activedescendant]=\"'select-option-' + activeDescendant\"\n    [attr.aria-multiselectable]=\"multiple\"\n    [attr.required]=\"required\"\n    [attr.aria-readonly]=\"readonly\"\n  >\n    <div class=\"a-pry-select__options__option -hint\" *ngIf=\"loading\" [style.width.px]=\"modalWidth\">\n      <div class=\"no-widget no-widget__loader\">\n        <pry-icon\n          iconSvg=\"loader\"\n          class=\"no-widget__loading\"\n          [alt]=\"'@pry.widget.target.loading' | i18n\"\n          [width]=\"30\"\n          [height]=\"30\"\n          *ngIf=\"loading\"\n        />\n      </div>\n      <p>{{ '@pry.select.loading' | i18n }}...</p>\n    </div>\n    <ng-container *ngIf=\"!loading\">\n      <ng-container *ngFor=\"let item of matchingItems$ | async; let index = index\">\n        <div\n          class=\"a-pry-select__options__option\"\n          [attr.aria-selected]=\"(valueItems$ | async).includes(item)\"\n          [attr.aria-checked]=\"(valueItems$ | async).includes(item)\"\n          [attr.aria-disabled]=\"disabled\"\n          (click)=\"select($event, item, index)\"\n          [style.width.px]=\"modalWidth\"\n          role=\"option\"\n          [id]=\"'select-option-' + index\"\n        >\n          <ng-container *ngIf=\"template; else noTemplate\">\n            <ng-container [ngTemplateOutlet]=\"template\" [ngTemplateOutletContext]=\"{ item, clear }\"></ng-container>\n          </ng-container>\n          <ng-template #noTemplate>\n            <pry-icon\n              *ngIf=\"bindIcon\"\n              [iconSvg]=\"item[bindIcon]\"\n              [width]=\"iconSize[0]\"\n              [height]=\"iconSize[1]\"\n            ></pry-icon>\n            <ng-container *ngIf=\"bindLabel ? item?.[bindLabel] : item as value\">\n              {{ (i18nPrefix ? i18nPrefix : '') + value | i18n : { warn: false } }}\n            </ng-container>\n          </ng-template>\n        </div>\n      </ng-container>\n    </ng-container>\n  </div>\n</ng-template>\n", dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { 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: "component", type: PryIconComponent, selector: "pry-icon", inputs: ["color", "iconSvg", "animation", "iconImage", "alt", "width", "height", "classes"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "pipe", type: I18nPipe, name: "i18n" }] }); }
+        ], viewQueries: [{ propertyName: "optionsModal", first: true, predicate: ["optionsModal"], descendants: true, read: TemplateRef }, { propertyName: "selectElement", first: true, predicate: ["selectElement"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<div\n  class=\"a-pry-select\"\n  [attr.aria-disabled]=\"disabled\"\n  #selectElement\n  [class.-focused]=\"focused\"\n  (click)=\"handleClick()\"\n  role=\"combobox\"\n  [attr.aria-expanded]=\"open\"\n  [attr.aria-owns]=\"open ? modalId : null\"\n  aria-haspopup=\"listbox\"\n>\n  <div class=\"a-pry-select__content\">\n    <ng-container *ngIf=\"autocomplete; else noAutocomplete\">\n      <input\n        type=\"text\"\n        class=\"a-pry-select__search\"\n        [ngModel]=\"search$.getValue()\"\n        (ngModelChange)=\"search($event)\"\n        (focus)=\"onInputFocus(true)\"\n        aria-autocomplete=\"list\"\n        [attr.aria-controls]=\"open ? modalId : null\"\n        [attr.aria-disabled]=\"disabled\"\n        [disabled]=\"disabled\"\n      />\n    </ng-container>\n    <ng-template #noAutocomplete>\n      <ng-container *ngIf=\"(valueItems$ | async).length === 0; else selectedValues\">\n        <span class=\"a-pry-select__placeholder\">{{ placeholder }}</span>\n      </ng-container>\n      <ng-template #selectedValues>\n        <ng-container *ngFor=\"let item of valueItems$ | async\">\n          <div class=\"a-pry-select__value\" [class.pry-select-form]=\"isForm\" [class.-multiple]=\"multiple\">\n            <ng-container *ngIf=\"template; else noTemplateLabel\">\n              <ng-container [ngTemplateOutlet]=\"template\" [ngTemplateOutletContext]=\"{ item, clear }\"></ng-container>\n            </ng-container>\n            <ng-template #noTemplateLabel>\n              <pry-icon\n                *ngIf=\"bindIcon\"\n                [iconSvg]=\"item[bindIcon]\"\n                [width]=\"iconSize[0]\"\n                [height]=\"iconSize[1]\"\n              ></pry-icon>\n              <ng-container *ngIf=\"bindLabel ? item?.[bindLabel] : item as value\">\n                {{ (i18nPrefix ?? '') + value | i18n : { warn: false } }}\n                <span\n                  *ngIf=\"multiple && clearable\"\n                  class=\"a-pry-select__clear\"\n                  (click)=\"clear($event, item)\"\n                  aria-hidden=\"true\"\n                  >\u00D7</span\n                >\n              </ng-container>\n            </ng-template>\n          </div>\n        </ng-container>\n      </ng-template>\n      <div class=\"a-pry-select__filler\"></div>\n    </ng-template>\n  </div>\n  <div class=\"a-pry-select__actions\">\n    <span *ngIf=\"clearable\" class=\"a-pry-select__clear\" (click)=\"clearAll($event)\" aria-hidden=\"true\">\u00D7</span>\n    <pry-icon\n      class=\"a-pry-select__toggle\"\n      [iconSvg]=\"open ? 'chevron_top' : 'chevron_bottom'\"\n      [width]=\"iconSize[0]\"\n      [height]=\"iconSize[1]\"\n    ></pry-icon>\n  </div>\n</div>\n<ng-template #optionsModal>\n  <div\n    role=\"listbox\"\n    [attr.aria-label]=\"'@pry.select.label' | i18n\"\n    [id]=\"modalId\"\n    [attr.aria-activedescendant]=\"'select-option-' + activeDescendant\"\n    [attr.aria-multiselectable]=\"multiple\"\n    [attr.required]=\"required\"\n    [attr.aria-readonly]=\"readonly\"\n  >\n    <div class=\"a-pry-select__options__option -hint\" *ngIf=\"loading\" [style.width.px]=\"modalWidth\">\n      <div class=\"no-widget no-widget__loader\">\n        <pry-icon\n          iconSvg=\"loader\"\n          class=\"no-widget__loading\"\n          [alt]=\"'@pry.widget.target.loading' | i18n\"\n          [width]=\"30\"\n          [height]=\"30\"\n          *ngIf=\"loading\"\n        />\n      </div>\n      <p>{{ '@pry.select.loading' | i18n }}...</p>\n    </div>\n    <ng-container *ngIf=\"!loading\">\n      <ng-container *ngFor=\"let item of matchingItems$ | async; let index = index\">\n        <div\n          class=\"a-pry-select__options__option\"\n          [attr.aria-selected]=\"(valueItems$ | async).includes(item)\"\n          [attr.aria-checked]=\"(valueItems$ | async).includes(item)\"\n          [attr.aria-disabled]=\"disabled\"\n          (click)=\"select($event, item, index)\"\n          [style.width.px]=\"modalWidth\"\n          role=\"option\"\n          [id]=\"'select-option-' + index\"\n        >\n          <ng-container *ngIf=\"template; else noTemplate\">\n            <ng-container [ngTemplateOutlet]=\"template\" [ngTemplateOutletContext]=\"{ item, clear }\"></ng-container>\n          </ng-container>\n          <ng-template #noTemplate>\n            <pry-icon\n              *ngIf=\"bindIcon\"\n              [iconSvg]=\"item[bindIcon]\"\n              [width]=\"iconSize[0]\"\n              [height]=\"iconSize[1]\"\n            ></pry-icon>\n            <ng-container *ngIf=\"bindLabel ? item?.[bindLabel] : item as value\">\n              {{ (i18nPrefix ? i18nPrefix : '') + value | i18n : { warn: false } }}\n            </ng-container>\n          </ng-template>\n        </div>\n      </ng-container>\n    </ng-container>\n  </div>\n</ng-template>\n", dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { 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: "component", type: PryIconComponent, selector: "pry-icon", inputs: ["color", "iconSvg", "animation", "iconImage", "alt", "width", "height", "classes"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "pipe", type: I18nPipe, name: "i18n" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PrySelectComponent, decorators: [{
             type: Component,
@@ -6926,7 +6993,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                             useExisting: forwardRef(() => PrySelectComponent),
                             multi: true
                         }
-                    ], template: "<div\n  class=\"a-pry-select\"\n  [attr.aria-disabled]=\"disabled\"\n  #selectElement\n  [class.-focused]=\"focused\"\n  (click)=\"toggle()\"\n  role=\"combobox\"\n  [attr.aria-expanded]=\"open\"\n  [attr.aria-owns]=\"open ? modalId : null\"\n  aria-haspopup=\"listbox\"\n>\n  <div class=\"a-pry-select__content\">\n    <ng-container *ngIf=\"autocomplete; else noAutocomplete\">\n      <input\n        type=\"text\"\n        class=\"a-pry-select__search\"\n        [ngModel]=\"search$.getValue()\"\n        (ngModelChange)=\"search($event)\"\n        (focus)=\"toggle(true)\"\n        aria-autocomplete=\"list\"\n        [attr.aria-controls]=\"open ? modalId : null\"\n        [attr.aria-disabled]=\"disabled\"\n        [disabled]=\"disabled\"\n      />\n    </ng-container>\n    <ng-template #noAutocomplete>\n      <ng-container *ngIf=\"(valueItems$ | async).length === 0; else selectedValues\">\n        <span class=\"a-pry-select__placeholder\">{{ placeholder }}</span>\n      </ng-container>\n      <ng-template #selectedValues>\n        <ng-container *ngFor=\"let item of valueItems$ | async\">\n          <div class=\"a-pry-select__value\" [class.pry-select-form]=\"isForm\" [class.-multiple]=\"multiple\">\n            <ng-container *ngIf=\"template; else noTemplateLabel\">\n              <ng-container [ngTemplateOutlet]=\"template\" [ngTemplateOutletContext]=\"{ item, clear }\"></ng-container>\n            </ng-container>\n            <ng-template #noTemplateLabel>\n              <pry-icon\n                *ngIf=\"bindIcon\"\n                [iconSvg]=\"item[bindIcon]\"\n                [width]=\"iconSize[0]\"\n                [height]=\"iconSize[1]\"\n              ></pry-icon>\n              <ng-container *ngIf=\"bindLabel ? item?.[bindLabel] : item as value\">\n                {{ (i18nPrefix ?? '') + value | i18n : { warn: false } }}\n                <span\n                  *ngIf=\"multiple && clearable\"\n                  class=\"a-pry-select__clear\"\n                  (click)=\"clear($event, item)\"\n                  aria-hidden=\"true\"\n                >\u00D7</span\n                >\n              </ng-container>\n            </ng-template>\n          </div>\n        </ng-container>\n      </ng-template>\n      <div class=\"a-pry-select__filler\"></div>\n    </ng-template>\n  </div>\n  <div class=\"a-pry-select__actions\">\n    <span *ngIf=\"clearable\" class=\"a-pry-select__clear\" (click)=\"clearAll($event)\" aria-hidden=\"true\">\u00D7</span>\n    <pry-icon\n      class=\"a-pry-select__toggle\"\n      [iconSvg]=\"open ? 'chevron_top' : 'chevron_bottom'\"\n      [width]=\"iconSize[0]\"\n      [height]=\"iconSize[1]\"\n    ></pry-icon>\n  </div>\n</div>\n<ng-template #optionsModal>\n  <div\n    role=\"listbox\"\n    [attr.aria-label]=\"'@pry.select.label' | i18n\"\n    [id]=\"modalId\"\n    [attr.aria-activedescendant]=\"'select-option-' + activeDescendant\"\n    [attr.aria-multiselectable]=\"multiple\"\n    [attr.required]=\"required\"\n    [attr.aria-readonly]=\"readonly\"\n  >\n    <div class=\"a-pry-select__options__option -hint\" *ngIf=\"loading\" [style.width.px]=\"modalWidth\">\n      <div class=\"no-widget no-widget__loader\">\n        <pry-icon\n          iconSvg=\"loader\"\n          class=\"no-widget__loading\"\n          [alt]=\"'@pry.widget.target.loading' | i18n\"\n          [width]=\"30\"\n          [height]=\"30\"\n          *ngIf=\"loading\"\n        />\n      </div>\n      <p>{{ '@pry.select.loading' | i18n }}...</p>\n    </div>\n    <ng-container *ngIf=\"!loading\">\n      <ng-container *ngFor=\"let item of matchingItems$ | async; let index = index\">\n        <div\n          class=\"a-pry-select__options__option\"\n          [attr.aria-selected]=\"(valueItems$ | async).includes(item)\"\n          [attr.aria-checked]=\"(valueItems$ | async).includes(item)\"\n          [attr.aria-disabled]=\"disabled\"\n          (click)=\"select($event, item, index)\"\n          [style.width.px]=\"modalWidth\"\n          role=\"option\"\n          [id]=\"'select-option-' + index\"\n        >\n          <ng-container *ngIf=\"template; else noTemplate\">\n            <ng-container [ngTemplateOutlet]=\"template\" [ngTemplateOutletContext]=\"{ item, clear }\"></ng-container>\n          </ng-container>\n          <ng-template #noTemplate>\n            <pry-icon\n              *ngIf=\"bindIcon\"\n              [iconSvg]=\"item[bindIcon]\"\n              [width]=\"iconSize[0]\"\n              [height]=\"iconSize[1]\"\n            ></pry-icon>\n            <ng-container *ngIf=\"bindLabel ? item?.[bindLabel] : item as value\">\n              {{ (i18nPrefix ? i18nPrefix : '') + value | i18n : { warn: false } }}\n            </ng-container>\n          </ng-template>\n        </div>\n      </ng-container>\n    </ng-container>\n  </div>\n</ng-template>\n" }]
+                    ], template: "<div\n  class=\"a-pry-select\"\n  [attr.aria-disabled]=\"disabled\"\n  #selectElement\n  [class.-focused]=\"focused\"\n  (click)=\"handleClick()\"\n  role=\"combobox\"\n  [attr.aria-expanded]=\"open\"\n  [attr.aria-owns]=\"open ? modalId : null\"\n  aria-haspopup=\"listbox\"\n>\n  <div class=\"a-pry-select__content\">\n    <ng-container *ngIf=\"autocomplete; else noAutocomplete\">\n      <input\n        type=\"text\"\n        class=\"a-pry-select__search\"\n        [ngModel]=\"search$.getValue()\"\n        (ngModelChange)=\"search($event)\"\n        (focus)=\"onInputFocus(true)\"\n        aria-autocomplete=\"list\"\n        [attr.aria-controls]=\"open ? modalId : null\"\n        [attr.aria-disabled]=\"disabled\"\n        [disabled]=\"disabled\"\n      />\n    </ng-container>\n    <ng-template #noAutocomplete>\n      <ng-container *ngIf=\"(valueItems$ | async).length === 0; else selectedValues\">\n        <span class=\"a-pry-select__placeholder\">{{ placeholder }}</span>\n      </ng-container>\n      <ng-template #selectedValues>\n        <ng-container *ngFor=\"let item of valueItems$ | async\">\n          <div class=\"a-pry-select__value\" [class.pry-select-form]=\"isForm\" [class.-multiple]=\"multiple\">\n            <ng-container *ngIf=\"template; else noTemplateLabel\">\n              <ng-container [ngTemplateOutlet]=\"template\" [ngTemplateOutletContext]=\"{ item, clear }\"></ng-container>\n            </ng-container>\n            <ng-template #noTemplateLabel>\n              <pry-icon\n                *ngIf=\"bindIcon\"\n                [iconSvg]=\"item[bindIcon]\"\n                [width]=\"iconSize[0]\"\n                [height]=\"iconSize[1]\"\n              ></pry-icon>\n              <ng-container *ngIf=\"bindLabel ? item?.[bindLabel] : item as value\">\n                {{ (i18nPrefix ?? '') + value | i18n : { warn: false } }}\n                <span\n                  *ngIf=\"multiple && clearable\"\n                  class=\"a-pry-select__clear\"\n                  (click)=\"clear($event, item)\"\n                  aria-hidden=\"true\"\n                  >\u00D7</span\n                >\n              </ng-container>\n            </ng-template>\n          </div>\n        </ng-container>\n      </ng-template>\n      <div class=\"a-pry-select__filler\"></div>\n    </ng-template>\n  </div>\n  <div class=\"a-pry-select__actions\">\n    <span *ngIf=\"clearable\" class=\"a-pry-select__clear\" (click)=\"clearAll($event)\" aria-hidden=\"true\">\u00D7</span>\n    <pry-icon\n      class=\"a-pry-select__toggle\"\n      [iconSvg]=\"open ? 'chevron_top' : 'chevron_bottom'\"\n      [width]=\"iconSize[0]\"\n      [height]=\"iconSize[1]\"\n    ></pry-icon>\n  </div>\n</div>\n<ng-template #optionsModal>\n  <div\n    role=\"listbox\"\n    [attr.aria-label]=\"'@pry.select.label' | i18n\"\n    [id]=\"modalId\"\n    [attr.aria-activedescendant]=\"'select-option-' + activeDescendant\"\n    [attr.aria-multiselectable]=\"multiple\"\n    [attr.required]=\"required\"\n    [attr.aria-readonly]=\"readonly\"\n  >\n    <div class=\"a-pry-select__options__option -hint\" *ngIf=\"loading\" [style.width.px]=\"modalWidth\">\n      <div class=\"no-widget no-widget__loader\">\n        <pry-icon\n          iconSvg=\"loader\"\n          class=\"no-widget__loading\"\n          [alt]=\"'@pry.widget.target.loading' | i18n\"\n          [width]=\"30\"\n          [height]=\"30\"\n          *ngIf=\"loading\"\n        />\n      </div>\n      <p>{{ '@pry.select.loading' | i18n }}...</p>\n    </div>\n    <ng-container *ngIf=\"!loading\">\n      <ng-container *ngFor=\"let item of matchingItems$ | async; let index = index\">\n        <div\n          class=\"a-pry-select__options__option\"\n          [attr.aria-selected]=\"(valueItems$ | async).includes(item)\"\n          [attr.aria-checked]=\"(valueItems$ | async).includes(item)\"\n          [attr.aria-disabled]=\"disabled\"\n          (click)=\"select($event, item, index)\"\n          [style.width.px]=\"modalWidth\"\n          role=\"option\"\n          [id]=\"'select-option-' + index\"\n        >\n          <ng-container *ngIf=\"template; else noTemplate\">\n            <ng-container [ngTemplateOutlet]=\"template\" [ngTemplateOutletContext]=\"{ item, clear }\"></ng-container>\n          </ng-container>\n          <ng-template #noTemplate>\n            <pry-icon\n              *ngIf=\"bindIcon\"\n              [iconSvg]=\"item[bindIcon]\"\n              [width]=\"iconSize[0]\"\n              [height]=\"iconSize[1]\"\n            ></pry-icon>\n            <ng-container *ngIf=\"bindLabel ? item?.[bindLabel] : item as value\">\n              {{ (i18nPrefix ? i18nPrefix : '') + value | i18n : { warn: false } }}\n            </ng-container>\n          </ng-template>\n        </div>\n      </ng-container>\n    </ng-container>\n  </div>\n</ng-template>\n" }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i2$1.Overlay }, { type: i0.ViewContainerRef }]; }, propDecorators: { items: [{
                 type: Input
             }], clearable: [{
@@ -7190,13 +7257,14 @@ class PryGroupShareComponent extends SubscriptionnerDirective {
         super();
         this.store = store;
         this._cd = _cd;
-        this._onChange = (_) => { };
+        this._onChange = (groups) => groups;
         this._onTouched = () => { };
         this._disabled = false;
+        // for tracking input
+        this.assignedGroupNames$ = new BehaviorSubject([]);
         this.radioValue = PryVisibilityType.PRIVATE;
         this.PryVisibilityType = PryVisibilityType;
         this.visibilityTypes = [];
-        this.assignedGroupNames$ = new BehaviorSubject([]);
         this.store.dispatch(ConfigActions.loadAccessGroups());
         this.groups$ = this.store
             .select(ConfigSelectors.accessGroups)
@@ -7210,8 +7278,14 @@ class PryGroupShareComponent extends SubscriptionnerDirective {
         }));
     }
     writeValue(value) {
-        this.assignedGroupNames$.next(value ?? []);
-        this.updateRadioValue(value ?? []);
+        value = value ?? [];
+        if (!equal(this.assignedGroupNames$.getValue(), value)) {
+            this._onChange(value);
+            this.assignedGroupNames$.next(value);
+            this.updateRadioValue(value);
+            this._onTouched();
+            this._cd.markForCheck();
+        }
     }
     registerOnChange(fn) {
         this._onChange = fn;
@@ -7252,7 +7326,7 @@ class PryGroupShareComponent extends SubscriptionnerDirective {
     }
     changeGroups(groups) {
         if (groups) {
-            this._onChange(this.assignedGroupNames$.getValue());
+            this._onChange(groups.map((group) => (typeof group === 'string' ? group : group.name)));
             this._onTouched();
             this._cd.markForCheck();
         }
@@ -8671,11 +8745,11 @@ class DashboardComponent extends SubscriptionnerDirective {
         return index + '-' + widgetManifest.type + '-' + JSON.stringify(widgetManifest.layout);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DashboardComponent, deps: [{ token: i1.Store }, { token: i2$1.Overlay }, { token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: DashboardComponent, selector: "pry-dashboard", inputs: { staticDashboard: "staticDashboard", CloseOnDragOut: "CloseOnDragOut", displayOptions: "displayOptions" }, outputs: { rowHeight: "rowHeight", rows: "rows" }, viewQueries: [{ propertyName: "templateModal", first: true, predicate: ["templateModal"], descendants: true, read: TemplateRef }, { propertyName: "gridRef", first: true, predicate: ["grid"], descendants: true }, { propertyName: "instanciators", predicate: WidgetInstanciatorComponent, descendants: true }], usesInheritance: true, ngImport: i0, template: "<div\n  class=\"o-dashboard-grid\"\n  [style.gridTemplateColumns]=\"gridTemplateColumns$ | async\"\n  [style.gridTemplateRows]=\"gridTemplateRows$ | async\"\n  [style.gridGap]=\"dashboardParams.gridGap + 'px'\"\n  [style.padding]=\"'0 ' + dashboardParams.gridGap + 'px'\"\n  #grid\n  (mousemove)=\"movingMouse($event)\"\n  (drop)=\"dropping($event)\"\n  (dragover)=\"dragMove($event)\"\n  (dragleave)=\"dragLeave($event)\"\n  (dragenter)=\"dragEnter($event)\"\n>\n  <ng-container\n    *ngFor=\"\n      let widgetManifest of (windowManifest$ | async)?.widgets || [];\n      let widgetIndex = index;\n      trackBy: trackWidgets\n    \"\n  >\n    <div\n      class=\"o-dashboard-widget\"\n      [class.-edited]=\"modeEdition\"\n      [style.gridColumn]=\"gridColumn(widgetManifest.layout)\"\n      [style.gridRow]=\"gridRow(widgetManifest.layout)\"\n      (drop)=\"droppingInWidget($event, widgetIndex)\"\n    >\n      <ng-container *ngIf=\"modeEdition\">\n        <div class=\"resize nw-resize\" (mousedown)=\"startResize($event, widgetIndex, 'resize-nw')\">\n          <pry-icon iconSvg=\"north_west\" [animation]=\"false\"></pry-icon>\n        </div>\n        <div class=\"resize sw-resize\" (mousedown)=\"startResize($event, widgetIndex, 'resize-sw')\">\n          <pry-icon iconSvg=\"south_west\" [animation]=\"false\"></pry-icon>\n        </div>\n        <div class=\"resize ne-resize\" (mousedown)=\"startResize($event, widgetIndex, 'resize-ne')\">\n          <pry-icon iconSvg=\"north_east\" [animation]=\"false\"></pry-icon>\n        </div>\n        <div class=\"resize se-resize\" (mousedown)=\"startResize($event, widgetIndex, 'resize-se')\">\n          <pry-icon iconSvg=\"south_east\" [animation]=\"false\"></pry-icon>\n        </div>\n        <div class=\"resize delete\" (mousedown)=\"toggleRemoveConfirm($event, widgetIndex)\">\n          <pry-icon iconSvg=\"close\" [animation]=\"false\"></pry-icon>\n        </div>\n        <div class=\"move\" draggable=\"true\" (dragstart)=\"dragStart($event, widgetIndex)\">\n          <div class=\"move-inside move-{{ widgetManifest.type }}\">\n            <span>{{ widgetManifest.title ?? ('@pry.toolbox.' + widgetManifest.type | i18n) }}</span>\n          </div>\n        </div>\n      </ng-container>\n      <ng-container *ngIf=\"!modeEdition\">\n        <pry-widget-instanciator\n          [staticManifest]=\"widgetManifest\"\n          [widgetIndex]=\"widgetIndex\"\n        ></pry-widget-instanciator>\n      </ng-container>\n    </div>\n  </ng-container>\n\n  <ng-container *ngIf=\"(nonFillerWidgets$ | async) === 0\">\n    <ng-container *ngIf=\"loading$ | async; else notLoading\">\n      <div class=\"no-widget\" [style.grid-area]=\"backgroundArea$ | async\">\n        <pry-icon\n          iconSvg=\"loader\"\n          class=\"no-widget__loading\"\n          [alt]=\"'@pry.widget.target.loading' | i18n\"\n          [width]=\"100\"\n          [height]=\"100\"\n        />\n        <span class=\"no-widget__text\">{{ '@pry.widget.target.loading' | i18n }}...</span>\n      </div>\n    </ng-container>\n    <ng-template #notLoading>\n      <div class=\"no-widget\" [style.grid-area]=\"backgroundArea$ | async\">\n        <img\n          class=\"no-widget__search\"\n          src=\"../../../assets/svgs/pry_recherche.svg\"\n          alt=\"{{\n            (layout === DashboardGridLayout.MANUAL ? '@pry.widget.target.none_manual' : '@pry.widget.target.none_auto')\n              | i18n\n          }} {{ backgroundArea$ | async }}\"\n        />\n        <span class=\"no-widget__text\">{{\n          (layout === DashboardGridLayout.MANUAL ? '@pry.widget.target.none_manual' : '@pry.widget.target.none_auto')\n            | i18n\n        }}</span>\n      </div>\n    </ng-template>\n  </ng-container>\n  <div\n    class=\"a-page-loader backdrop\"\n    [style.display]=\"(dataFetching$ | async)?.length ?? 1 > 0 ? 'flex' : 'none'\"\n    [style.width.px]=\"params.gridWidth\"\n    [style.height.px]=\"params.gridHeight\"\n  >\n    <pry-icon\n      iconSvg=\"loader\"\n      class=\"no-widget__loading\"\n      [alt]=\"'@pry.widget.target.loading' | i18n\"\n      [width]=\"200\"\n      [height]=\"200\"\n    />\n    <p>{{ '@pry.widget.target.loading' | i18n }}...</p>\n  </div>\n</div>\n<pry-context-menu></pry-context-menu>\n\n<ng-template #templateModal>\n  <div class=\"o-modal\">\n    <div class=\"o-modal__top\">\n      <div class=\"o-modal__top__title\">\n        <h2 class=\"a-h2\" id=\"dialog_title\">\n          {{ '@pry.widget.modalTitle' | i18n }}\n        </h2>\n      </div>\n      <div class=\"o-modal__top__close\">\n        <button class=\"a-btn a-btn--icon-only\" (click)=\"cancelRemoveConfirm()\">\n          <pry-icon iconSvg=\"close\" [height]=\"35\" [width]=\"35\"></pry-icon>\n          <span class=\"u-visually-hidden\">{{ '@pry.toolbox.close' | i18n }}</span>\n        </button>\n      </div>\n    </div>\n    <div class=\"m-btn-group\">\n      <button type=\"button\" (click)=\"cancelRemoveConfirm()\" class=\"a-btn a-btn--secondary\">\n        {{ '@pry.toolbox.manifest.close' | i18n }}\n      </button>\n      <button type=\"submit\" (click)=\"confirmRemove()\" class=\"a-btn a-btn--primary\">\n        {{ '@pry.toolbox.manifest.validate' | i18n }}\n      </button>\n    </div>\n  </div>\n</ng-template>\n", dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: PryIconComponent, selector: "pry-icon", inputs: ["color", "iconSvg", "animation", "iconImage", "alt", "width", "height", "classes"] }, { kind: "component", type: WidgetInstanciatorComponent, selector: "pry-widget-instanciator", inputs: ["widgetIndex", "staticManifest", "standalone", "open$"], outputs: ["manifestModified"] }, { kind: "component", type: ContextMenuComponent, selector: "pry-context-menu" }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "pipe", type: I18nPipe, name: "i18n" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: DashboardComponent, selector: "pry-dashboard", inputs: { staticDashboard: "staticDashboard", CloseOnDragOut: "CloseOnDragOut", displayOptions: "displayOptions" }, outputs: { rowHeight: "rowHeight", rows: "rows" }, viewQueries: [{ propertyName: "templateModal", first: true, predicate: ["templateModal"], descendants: true, read: TemplateRef }, { propertyName: "gridRef", first: true, predicate: ["grid"], descendants: true }, { propertyName: "instanciators", predicate: WidgetInstanciatorComponent, descendants: true }], usesInheritance: true, ngImport: i0, template: "<div\n  class=\"o-dashboard-grid\"\n  [style.gridTemplateColumns]=\"gridTemplateColumns$ | async\"\n  [style.gridTemplateRows]=\"gridTemplateRows$ | async\"\n  [style.gridGap]=\"dashboardParams.gridGap + 'px'\"\n  [style.padding]=\"'0 ' + dashboardParams.gridGap + 'px'\"\n  #grid\n  (mousemove)=\"movingMouse($event)\"\n  (drop)=\"dropping($event)\"\n  (dragover)=\"dragMove($event)\"\n  (dragleave)=\"dragLeave($event)\"\n  (dragenter)=\"dragEnter($event)\"\n>\n  <ng-container\n    *ngFor=\"\n      let widgetManifest of (windowManifest$ | async)?.widgets || [];\n      let widgetIndex = index;\n      trackBy: trackWidgets\n    \"\n  >\n    <div\n      class=\"o-dashboard-widget\"\n      [class.-edited]=\"modeEdition\"\n      [style.gridColumn]=\"gridColumn(widgetManifest.layout)\"\n      [style.gridRow]=\"gridRow(widgetManifest.layout)\"\n      (drop)=\"droppingInWidget($event, widgetIndex)\"\n    >\n      <ng-container *ngIf=\"modeEdition\">\n        <div class=\"resize nw-resize\" (mousedown)=\"startResize($event, widgetIndex, 'resize-nw')\">\n          <pry-icon iconSvg=\"north_west\" [animation]=\"false\"></pry-icon>\n        </div>\n        <div class=\"resize sw-resize\" (mousedown)=\"startResize($event, widgetIndex, 'resize-sw')\">\n          <pry-icon iconSvg=\"south_west\" [animation]=\"false\"></pry-icon>\n        </div>\n        <div class=\"resize ne-resize\" (mousedown)=\"startResize($event, widgetIndex, 'resize-ne')\">\n          <pry-icon iconSvg=\"north_east\" [animation]=\"false\"></pry-icon>\n        </div>\n        <div class=\"resize se-resize\" (mousedown)=\"startResize($event, widgetIndex, 'resize-se')\">\n          <pry-icon iconSvg=\"south_east\" [animation]=\"false\"></pry-icon>\n        </div>\n        <div class=\"resize delete\" (mousedown)=\"toggleRemoveConfirm($event, widgetIndex)\">\n          <pry-icon iconSvg=\"close\" [animation]=\"false\"></pry-icon>\n        </div>\n        <div class=\"move\" draggable=\"true\" (dragstart)=\"dragStart($event, widgetIndex)\">\n          <div class=\"move-inside move-{{ widgetManifest.type }}\">\n            <span>{{ widgetManifest.title ?? ('@pry.toolbox.' + widgetManifest.type | i18n) }}</span>\n          </div>\n        </div>\n      </ng-container>\n      <ng-container *ngIf=\"!modeEdition\">\n        <pry-widget-instanciator\n          [staticManifest]=\"widgetManifest\"\n          [widgetIndex]=\"widgetIndex\"\n        ></pry-widget-instanciator>\n      </ng-container>\n    </div>\n  </ng-container>\n\n  <ng-container\n    *ngIf=\"{\n      noWidgets: (nonFillerWidgets$ | async) === 0,\n      globalLoading: loading$ | async,\n      fetchLoading: (dataFetching$ | async)?.length ?? 1 > 0\n    } as data\"\n  >\n    <ng-container *ngIf=\"data.noWidgets\">\n      <div *ngIf=\"data.globalLoading; else notLoading\" class=\"no-widget\" [style.grid-area]=\"backgroundArea$ | async\">\n        <pry-icon\n          iconSvg=\"loader\"\n          class=\"no-widget__loading\"\n          [alt]=\"'@pry.widget.target.loading' | i18n\"\n          [width]=\"100\"\n          [height]=\"100\"\n        />\n        <span class=\"no-widget__text\">{{ '@pry.widget.target.loading' | i18n }}...</span>\n      </div>\n      <ng-template #notLoading>\n        <div class=\"no-widget\" [style.grid-area]=\"backgroundArea$ | async\">\n          <img\n            class=\"no-widget__search\"\n            src=\"../../../assets/svgs/pry_recherche.svg\"\n            alt=\"{{\n              (layout === DashboardGridLayout.MANUAL\n                ? '@pry.widget.target.none_manual'\n                : '@pry.widget.target.none_auto'\n              ) | i18n\n            }} {{ backgroundArea$ | async }}\"\n          />\n          <span class=\"no-widget__text\">{{\n            (layout === DashboardGridLayout.MANUAL ? '@pry.widget.target.none_manual' : '@pry.widget.target.none_auto')\n              | i18n\n          }}</span>\n        </div>\n      </ng-template>\n    </ng-container>\n    <div\n      class=\"a-page-loader backdrop\"\n      [style.display]=\"data.fetchLoading && !data.globalLoading ? 'flex' : 'none'\"\n      [style.width.px]=\"params.gridWidth\"\n      [style.height.px]=\"params.gridHeight\"\n    >\n      <pry-icon\n        iconSvg=\"loader\"\n        class=\"no-widget__loading\"\n        [alt]=\"'@pry.widget.target.loading' | i18n\"\n        [width]=\"200\"\n        [height]=\"200\"\n      />\n      <p>{{ '@pry.widget.target.loading' | i18n }}...</p>\n    </div>\n  </ng-container>\n</div>\n<pry-context-menu></pry-context-menu>\n\n<ng-template #templateModal>\n  <div class=\"o-modal\">\n    <div class=\"o-modal__top\">\n      <div class=\"o-modal__top__title\">\n        <h2 class=\"a-h2\" id=\"dialog_title\">\n          {{ '@pry.widget.modalTitle' | i18n }}\n        </h2>\n      </div>\n      <div class=\"o-modal__top__close\">\n        <button class=\"a-btn a-btn--icon-only\" (click)=\"cancelRemoveConfirm()\">\n          <pry-icon iconSvg=\"close\" [height]=\"35\" [width]=\"35\"></pry-icon>\n          <span class=\"u-visually-hidden\">{{ '@pry.toolbox.close' | i18n }}</span>\n        </button>\n      </div>\n    </div>\n    <div class=\"m-btn-group\">\n      <button type=\"button\" (click)=\"cancelRemoveConfirm()\" class=\"a-btn a-btn--secondary\">\n        {{ '@pry.toolbox.manifest.close' | i18n }}\n      </button>\n      <button type=\"submit\" (click)=\"confirmRemove()\" class=\"a-btn a-btn--primary\">\n        {{ '@pry.toolbox.manifest.validate' | i18n }}\n      </button>\n    </div>\n  </div>\n</ng-template>\n", dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: PryIconComponent, selector: "pry-icon", inputs: ["color", "iconSvg", "animation", "iconImage", "alt", "width", "height", "classes"] }, { kind: "component", type: WidgetInstanciatorComponent, selector: "pry-widget-instanciator", inputs: ["widgetIndex", "staticManifest", "standalone", "open$"], outputs: ["manifestModified"] }, { kind: "component", type: ContextMenuComponent, selector: "pry-context-menu" }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "pipe", type: I18nPipe, name: "i18n" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DashboardComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'pry-dashboard', template: "<div\n  class=\"o-dashboard-grid\"\n  [style.gridTemplateColumns]=\"gridTemplateColumns$ | async\"\n  [style.gridTemplateRows]=\"gridTemplateRows$ | async\"\n  [style.gridGap]=\"dashboardParams.gridGap + 'px'\"\n  [style.padding]=\"'0 ' + dashboardParams.gridGap + 'px'\"\n  #grid\n  (mousemove)=\"movingMouse($event)\"\n  (drop)=\"dropping($event)\"\n  (dragover)=\"dragMove($event)\"\n  (dragleave)=\"dragLeave($event)\"\n  (dragenter)=\"dragEnter($event)\"\n>\n  <ng-container\n    *ngFor=\"\n      let widgetManifest of (windowManifest$ | async)?.widgets || [];\n      let widgetIndex = index;\n      trackBy: trackWidgets\n    \"\n  >\n    <div\n      class=\"o-dashboard-widget\"\n      [class.-edited]=\"modeEdition\"\n      [style.gridColumn]=\"gridColumn(widgetManifest.layout)\"\n      [style.gridRow]=\"gridRow(widgetManifest.layout)\"\n      (drop)=\"droppingInWidget($event, widgetIndex)\"\n    >\n      <ng-container *ngIf=\"modeEdition\">\n        <div class=\"resize nw-resize\" (mousedown)=\"startResize($event, widgetIndex, 'resize-nw')\">\n          <pry-icon iconSvg=\"north_west\" [animation]=\"false\"></pry-icon>\n        </div>\n        <div class=\"resize sw-resize\" (mousedown)=\"startResize($event, widgetIndex, 'resize-sw')\">\n          <pry-icon iconSvg=\"south_west\" [animation]=\"false\"></pry-icon>\n        </div>\n        <div class=\"resize ne-resize\" (mousedown)=\"startResize($event, widgetIndex, 'resize-ne')\">\n          <pry-icon iconSvg=\"north_east\" [animation]=\"false\"></pry-icon>\n        </div>\n        <div class=\"resize se-resize\" (mousedown)=\"startResize($event, widgetIndex, 'resize-se')\">\n          <pry-icon iconSvg=\"south_east\" [animation]=\"false\"></pry-icon>\n        </div>\n        <div class=\"resize delete\" (mousedown)=\"toggleRemoveConfirm($event, widgetIndex)\">\n          <pry-icon iconSvg=\"close\" [animation]=\"false\"></pry-icon>\n        </div>\n        <div class=\"move\" draggable=\"true\" (dragstart)=\"dragStart($event, widgetIndex)\">\n          <div class=\"move-inside move-{{ widgetManifest.type }}\">\n            <span>{{ widgetManifest.title ?? ('@pry.toolbox.' + widgetManifest.type | i18n) }}</span>\n          </div>\n        </div>\n      </ng-container>\n      <ng-container *ngIf=\"!modeEdition\">\n        <pry-widget-instanciator\n          [staticManifest]=\"widgetManifest\"\n          [widgetIndex]=\"widgetIndex\"\n        ></pry-widget-instanciator>\n      </ng-container>\n    </div>\n  </ng-container>\n\n  <ng-container *ngIf=\"(nonFillerWidgets$ | async) === 0\">\n    <ng-container *ngIf=\"loading$ | async; else notLoading\">\n      <div class=\"no-widget\" [style.grid-area]=\"backgroundArea$ | async\">\n        <pry-icon\n          iconSvg=\"loader\"\n          class=\"no-widget__loading\"\n          [alt]=\"'@pry.widget.target.loading' | i18n\"\n          [width]=\"100\"\n          [height]=\"100\"\n        />\n        <span class=\"no-widget__text\">{{ '@pry.widget.target.loading' | i18n }}...</span>\n      </div>\n    </ng-container>\n    <ng-template #notLoading>\n      <div class=\"no-widget\" [style.grid-area]=\"backgroundArea$ | async\">\n        <img\n          class=\"no-widget__search\"\n          src=\"../../../assets/svgs/pry_recherche.svg\"\n          alt=\"{{\n            (layout === DashboardGridLayout.MANUAL ? '@pry.widget.target.none_manual' : '@pry.widget.target.none_auto')\n              | i18n\n          }} {{ backgroundArea$ | async }}\"\n        />\n        <span class=\"no-widget__text\">{{\n          (layout === DashboardGridLayout.MANUAL ? '@pry.widget.target.none_manual' : '@pry.widget.target.none_auto')\n            | i18n\n        }}</span>\n      </div>\n    </ng-template>\n  </ng-container>\n  <div\n    class=\"a-page-loader backdrop\"\n    [style.display]=\"(dataFetching$ | async)?.length ?? 1 > 0 ? 'flex' : 'none'\"\n    [style.width.px]=\"params.gridWidth\"\n    [style.height.px]=\"params.gridHeight\"\n  >\n    <pry-icon\n      iconSvg=\"loader\"\n      class=\"no-widget__loading\"\n      [alt]=\"'@pry.widget.target.loading' | i18n\"\n      [width]=\"200\"\n      [height]=\"200\"\n    />\n    <p>{{ '@pry.widget.target.loading' | i18n }}...</p>\n  </div>\n</div>\n<pry-context-menu></pry-context-menu>\n\n<ng-template #templateModal>\n  <div class=\"o-modal\">\n    <div class=\"o-modal__top\">\n      <div class=\"o-modal__top__title\">\n        <h2 class=\"a-h2\" id=\"dialog_title\">\n          {{ '@pry.widget.modalTitle' | i18n }}\n        </h2>\n      </div>\n      <div class=\"o-modal__top__close\">\n        <button class=\"a-btn a-btn--icon-only\" (click)=\"cancelRemoveConfirm()\">\n          <pry-icon iconSvg=\"close\" [height]=\"35\" [width]=\"35\"></pry-icon>\n          <span class=\"u-visually-hidden\">{{ '@pry.toolbox.close' | i18n }}</span>\n        </button>\n      </div>\n    </div>\n    <div class=\"m-btn-group\">\n      <button type=\"button\" (click)=\"cancelRemoveConfirm()\" class=\"a-btn a-btn--secondary\">\n        {{ '@pry.toolbox.manifest.close' | i18n }}\n      </button>\n      <button type=\"submit\" (click)=\"confirmRemove()\" class=\"a-btn a-btn--primary\">\n        {{ '@pry.toolbox.manifest.validate' | i18n }}\n      </button>\n    </div>\n  </div>\n</ng-template>\n" }]
+            args: [{ selector: 'pry-dashboard', template: "<div\n  class=\"o-dashboard-grid\"\n  [style.gridTemplateColumns]=\"gridTemplateColumns$ | async\"\n  [style.gridTemplateRows]=\"gridTemplateRows$ | async\"\n  [style.gridGap]=\"dashboardParams.gridGap + 'px'\"\n  [style.padding]=\"'0 ' + dashboardParams.gridGap + 'px'\"\n  #grid\n  (mousemove)=\"movingMouse($event)\"\n  (drop)=\"dropping($event)\"\n  (dragover)=\"dragMove($event)\"\n  (dragleave)=\"dragLeave($event)\"\n  (dragenter)=\"dragEnter($event)\"\n>\n  <ng-container\n    *ngFor=\"\n      let widgetManifest of (windowManifest$ | async)?.widgets || [];\n      let widgetIndex = index;\n      trackBy: trackWidgets\n    \"\n  >\n    <div\n      class=\"o-dashboard-widget\"\n      [class.-edited]=\"modeEdition\"\n      [style.gridColumn]=\"gridColumn(widgetManifest.layout)\"\n      [style.gridRow]=\"gridRow(widgetManifest.layout)\"\n      (drop)=\"droppingInWidget($event, widgetIndex)\"\n    >\n      <ng-container *ngIf=\"modeEdition\">\n        <div class=\"resize nw-resize\" (mousedown)=\"startResize($event, widgetIndex, 'resize-nw')\">\n          <pry-icon iconSvg=\"north_west\" [animation]=\"false\"></pry-icon>\n        </div>\n        <div class=\"resize sw-resize\" (mousedown)=\"startResize($event, widgetIndex, 'resize-sw')\">\n          <pry-icon iconSvg=\"south_west\" [animation]=\"false\"></pry-icon>\n        </div>\n        <div class=\"resize ne-resize\" (mousedown)=\"startResize($event, widgetIndex, 'resize-ne')\">\n          <pry-icon iconSvg=\"north_east\" [animation]=\"false\"></pry-icon>\n        </div>\n        <div class=\"resize se-resize\" (mousedown)=\"startResize($event, widgetIndex, 'resize-se')\">\n          <pry-icon iconSvg=\"south_east\" [animation]=\"false\"></pry-icon>\n        </div>\n        <div class=\"resize delete\" (mousedown)=\"toggleRemoveConfirm($event, widgetIndex)\">\n          <pry-icon iconSvg=\"close\" [animation]=\"false\"></pry-icon>\n        </div>\n        <div class=\"move\" draggable=\"true\" (dragstart)=\"dragStart($event, widgetIndex)\">\n          <div class=\"move-inside move-{{ widgetManifest.type }}\">\n            <span>{{ widgetManifest.title ?? ('@pry.toolbox.' + widgetManifest.type | i18n) }}</span>\n          </div>\n        </div>\n      </ng-container>\n      <ng-container *ngIf=\"!modeEdition\">\n        <pry-widget-instanciator\n          [staticManifest]=\"widgetManifest\"\n          [widgetIndex]=\"widgetIndex\"\n        ></pry-widget-instanciator>\n      </ng-container>\n    </div>\n  </ng-container>\n\n  <ng-container\n    *ngIf=\"{\n      noWidgets: (nonFillerWidgets$ | async) === 0,\n      globalLoading: loading$ | async,\n      fetchLoading: (dataFetching$ | async)?.length ?? 1 > 0\n    } as data\"\n  >\n    <ng-container *ngIf=\"data.noWidgets\">\n      <div *ngIf=\"data.globalLoading; else notLoading\" class=\"no-widget\" [style.grid-area]=\"backgroundArea$ | async\">\n        <pry-icon\n          iconSvg=\"loader\"\n          class=\"no-widget__loading\"\n          [alt]=\"'@pry.widget.target.loading' | i18n\"\n          [width]=\"100\"\n          [height]=\"100\"\n        />\n        <span class=\"no-widget__text\">{{ '@pry.widget.target.loading' | i18n }}...</span>\n      </div>\n      <ng-template #notLoading>\n        <div class=\"no-widget\" [style.grid-area]=\"backgroundArea$ | async\">\n          <img\n            class=\"no-widget__search\"\n            src=\"../../../assets/svgs/pry_recherche.svg\"\n            alt=\"{{\n              (layout === DashboardGridLayout.MANUAL\n                ? '@pry.widget.target.none_manual'\n                : '@pry.widget.target.none_auto'\n              ) | i18n\n            }} {{ backgroundArea$ | async }}\"\n          />\n          <span class=\"no-widget__text\">{{\n            (layout === DashboardGridLayout.MANUAL ? '@pry.widget.target.none_manual' : '@pry.widget.target.none_auto')\n              | i18n\n          }}</span>\n        </div>\n      </ng-template>\n    </ng-container>\n    <div\n      class=\"a-page-loader backdrop\"\n      [style.display]=\"data.fetchLoading && !data.globalLoading ? 'flex' : 'none'\"\n      [style.width.px]=\"params.gridWidth\"\n      [style.height.px]=\"params.gridHeight\"\n    >\n      <pry-icon\n        iconSvg=\"loader\"\n        class=\"no-widget__loading\"\n        [alt]=\"'@pry.widget.target.loading' | i18n\"\n        [width]=\"200\"\n        [height]=\"200\"\n      />\n      <p>{{ '@pry.widget.target.loading' | i18n }}...</p>\n    </div>\n  </ng-container>\n</div>\n<pry-context-menu></pry-context-menu>\n\n<ng-template #templateModal>\n  <div class=\"o-modal\">\n    <div class=\"o-modal__top\">\n      <div class=\"o-modal__top__title\">\n        <h2 class=\"a-h2\" id=\"dialog_title\">\n          {{ '@pry.widget.modalTitle' | i18n }}\n        </h2>\n      </div>\n      <div class=\"o-modal__top__close\">\n        <button class=\"a-btn a-btn--icon-only\" (click)=\"cancelRemoveConfirm()\">\n          <pry-icon iconSvg=\"close\" [height]=\"35\" [width]=\"35\"></pry-icon>\n          <span class=\"u-visually-hidden\">{{ '@pry.toolbox.close' | i18n }}</span>\n        </button>\n      </div>\n    </div>\n    <div class=\"m-btn-group\">\n      <button type=\"button\" (click)=\"cancelRemoveConfirm()\" class=\"a-btn a-btn--secondary\">\n        {{ '@pry.toolbox.manifest.close' | i18n }}\n      </button>\n      <button type=\"submit\" (click)=\"confirmRemove()\" class=\"a-btn a-btn--primary\">\n        {{ '@pry.toolbox.manifest.validate' | i18n }}\n      </button>\n    </div>\n  </div>\n</ng-template>\n" }]
         }], ctorParameters: function () { return [{ type: i1.Store }, { type: i2$1.Overlay }, { type: i0.ViewContainerRef }]; }, propDecorators: { templateModal: [{
                 type: ViewChild,
                 args: ['templateModal', { read: TemplateRef }]
@@ -10596,7 +10670,6 @@ class DashboardEffects {
         this.fetchStaticManifest$ = createEffect(() => this.actions$.pipe(ofType(DashboardActions.fetchStaticManifest), withLatestFrom(this.store.select(DashboardSelectors.rank), this.store.select(DashboardSelectors.selectedItemIds)), filter$1(([action, rank]) => rank === 0), mergeMap$1(([action, rank]) => this.manifestService
             .get(action.id)
             .pipe(map$1((staticManifest) => DashboardActions.updateStaticManifest({ staticManifest }))))));
-        this.fetchStaticManifestLoading$ = createEffect(() => this.actions$.pipe(ofType(DashboardActions.fetchStaticManifest), delay$1(5000), map$1((action) => DashboardActions.endLoading())));
         this.loadAndActivateManifest$ = createEffect(() => this.actions$.pipe(ofType(DashboardActions.loadAndActivateManifest, DashboardActions.loadManifest), withLatestFrom(this.store.select(DashboardSelectors.rank), this.store.select(DashboardSelectors.selectedItemIds)), filter$1(([action, rank]) => rank === 0), mergeMap$1(([action, rank, selectedIds]) => this.manifestService.get(action.id).pipe(mergeMap$1((manifest) => {
             return action.type === DashboardActions.loadAndActivateManifest.type
                 ? [
@@ -10618,6 +10691,7 @@ class DashboardEffects {
                 this.router.navigateByUrl(manifest.route);
             }
         })), { dispatch: false });
+        this.endLoadingAfterFollowingManifestRoute$ = createEffect(() => this.actions$.pipe(ofType(DashboardActions.followManifestRoute), map$1((action) => DashboardActions.endLoading())));
         this.requestManifestRoute$ = createEffect(() => this.actions$.pipe(ofType(DashboardActions.requestAllRoutes), map$1(() => DashboardActions.updateRouteManifest({ route: this.router.url }))));
         this.assertResultSets$ = createEffect(() => this.actions$.pipe(ofType(DashboardActions.assertResultSets, DashboardActions.dispatchFilters, DashboardActions.clearAllFilterValues), withLatestFrom(this.store.select(DashboardSelectors.globalManifest), this.store.select(DashboardSelectors.resultSets), this.store.select(DashboardSelectors.resultSetsParams), this.store.select(DashboardSelectors.quickOrder)), mergeMap$1(([action, manifest, resultSets, resultSetsParams, quickOrder]) => {
             // @ts-ignore
@@ -10635,7 +10709,14 @@ class DashboardEffects {
                     .reduce((p, c) => [...p, ...c], [])
                     .map((widManifest) => this.widgetFactoryService.datasourcesToAutoLoad(widManifest))
                     .flat()
-                    .reduce((p, c) => ({ ...p, [c.datasetId]: { ...p[c.datasetId], ...c } }), {}))
+                    .reduce((p, c) => ({
+                    ...p,
+                    [c.datasetId]: {
+                        ...p[c.datasetId],
+                        ...c,
+                        excludeGeo: p[c.datasetId]?.excludeGeo === false ? p[c.datasetId].excludeGeo : c.excludeGeo
+                    }
+                }), {}))
                     .filter((resultSet) => !!resultSet.datasetId &&
                     resultSet.datasetId !== '' &&
                     (!resultSets[resultSet.datasetId] ||
@@ -10692,7 +10773,7 @@ class DashboardEffects {
                 }),
                 type: 'error'
             });
-            return throwError(error);
+            return throwError(() => error);
         }))), mergeMap$1((manifest) => [
             DashboardActions.fetchManifestsList(),
             DashboardActions.setInitialPresentation({ initial: manifest })
@@ -11544,7 +11625,13 @@ const internalReducer = createReducer(dashboardInitialState, on(DashboardActions
             [action.url]: action.capability
         }
     };
-}));
+}), on(DashboardActions.loadPresentation, (state) => ({
+    ...state,
+    manifests: {
+        ...state.manifests,
+        loading: true
+    }
+})));
 function dashboardReducer(state, action) {
     return internalReducer(state, action);
 }