@provoly/dashboard 0.14.8 → 0.14.9

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

@@ -0,0 +1,235 @@
+import * as i3 from '@angular/common';
+import { DOCUMENT, CommonModule } from '@angular/common';
+import * as i0 from '@angular/core';
+import { Component, ViewEncapsulation, Inject, ViewChild, NgModule } from '@angular/core';
+import * as i2 from '@provoly/dashboard';
+import { DataWidgetComponent, WIDGET_HEADER_HEIGHT, BaseWidgetModule, PryCoreModule, PryDashboardModule, PrySelectModule, PryIconModule, PryToggleModule, PryI18nModule } from '@provoly/dashboard';
+import { Subject, combineLatest, filter } from 'rxjs';
+import { map } from 'rxjs/operators';
+import embed from 'vega-embed';
+import * as i1 from '@ngrx/store';
+import { OverlayModule } from '@angular/cdk/overlay';
+import { FormsModule } from '@angular/forms';
+import { PryCheckboxModule } from '@provoly/dashboard/components/checkbox';
+import { WidgetMapModule } from '@provoly/dashboard/widgets/widget-map';
+
+class PryWidgetVegaCssComponent {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: PryWidgetVegaCssComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.6", type: PryWidgetVegaCssComponent, selector: "pry-widget-vega-css", ngImport: i0, template: '', isInline: true, styles: ["textarea.a-form-field.a-text-area{overflow:unset;height:31.25rem}\n"], encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: PryWidgetVegaCssComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'pry-widget-vega-css', template: '', encapsulation: ViewEncapsulation.None, styles: ["textarea.a-form-field.a-text-area{overflow:unset;height:31.25rem}\n"] }]
+        }] });
+
+class WidgetVegaComponent extends DataWidgetComponent {
+    constructor(store, translateService, el, document, snackService) {
+        super(store, el);
+        this.translateService = translateService;
+        this.document = document;
+        this.snackService = snackService;
+        this.trigger$ = new Subject();
+        this.optionsCopy = { baseSpec: {}, placeData: [] };
+        this.formattedBaseSpec = '{}';
+        this.initialFormattedBaseSpec = '{}';
+        this.options$ = this.manifest$.pipe(map((manifest) => (manifest.options ?? {})));
+        this.subscriptions.add(this.options$.subscribe((options) => {
+            this.optionsCopy = JSON.parse(JSON.stringify(options));
+            this.formattedBaseSpec = JSON.stringify(this.optionsCopy.baseSpec, undefined, 4);
+            this.initialFormattedBaseSpec = JSON.stringify(this.optionsCopy.baseSpec, undefined, 4);
+        }));
+        this.vegaSpec$ = combineLatest([this.options$, this.resultSet$, this.widgetSize$, this.displayHeader$]).pipe(filter(([options, rs, size, header]) => !!rs), map(([options, rs, size, header]) => {
+            const data = WidgetVegaComponent.getValues(rs);
+            const vegaSpec = WidgetVegaComponent.placeData(options, JSON.parse(JSON.stringify(options.baseSpec)), data);
+            vegaSpec.width = size.width - 15;
+            vegaSpec.height = size.height - 40 - (header ? WIDGET_HEADER_HEIGHT : 0);
+            vegaSpec.autosize = { type: 'fit', contains: 'padding' };
+            vegaSpec.padding = 15;
+            console.log(JSON.stringify(vegaSpec, undefined, 4));
+            return vegaSpec;
+        }));
+    }
+    static getValues(data) {
+        return Object.keys(data.items)
+            .map((clazz) => data.items[clazz].map((item) => WidgetVegaComponent.transformProvolyModelToClassic(item)))
+            .flat();
+    }
+    static transformProvolyModelToClassic(values) {
+        const result = {};
+        Object.keys(values.attributes).forEach((key) => {
+            result[key] = values.attributes[key].value;
+        });
+        return result;
+    }
+    static placeData(options, baseSpec, data) {
+        const clone = JSON.parse(JSON.stringify(baseSpec));
+        let ref = clone;
+        (options.placeData ?? []).forEach((prop, idx, arr) => {
+            if (ref) {
+                if (idx < arr.length - 1) {
+                    ref = ref[prop];
+                }
+                else {
+                    ref[prop] = data;
+                }
+            }
+        });
+        return clone;
+    }
+    ngAfterViewInit() {
+        this.subscriptions.add(combineLatest([this.vegaSpec$, this.trigger$, this.widgetSize$]).subscribe(([spec, _, size]) => {
+            if (this.vega) {
+                this.view?.finalize();
+                // @ts-ignore
+                if (this.document.debugFNTP !== undefined) {
+                    console.log(JSON.stringify(spec, undefined, 4));
+                }
+                embed(this.vega.nativeElement, JSON.parse(JSON.stringify(spec)), {
+                    actions: false,
+                    renderer: 'canvas',
+                    formatLocale: {
+                        decimal: this.translateService.instant('@pry.format.decimal'),
+                        thousands: this.translateService.instant('@pry.format.thousands'),
+                        grouping: this.translateService.instant('@pry.format.grouping'),
+                        currency: this.translateService.instant('@pry.format.currency'),
+                        percent: '\u202f%'
+                    }
+                }).then((result) => (this.view = result.view));
+            }
+            else {
+                setTimeout(() => this.trigger$.next(), 100);
+            }
+        }));
+        this.trigger$.next();
+    }
+    toImage() {
+        return new Promise((resolve, reject) => {
+            resolve(this.vega.nativeElement.querySelectorAll('canvas')[0].toDataURL('image/png'));
+        });
+    }
+    emitManifest() {
+        this.manifestModified.emit({
+            widgetIndex: this.widgetIndex,
+            manifest: { ...this.manifest, options: this.optionsCopy }
+        });
+    }
+    changePlaceData($event) {
+        // @ts-ignore
+        const expr = $event.currentTarget.value;
+        this.optionsCopy.placeData = expr
+            .split('.')
+            .map((val) => (parseInt(val) + '' === `${val}` ? parseInt(val) : val));
+    }
+    changeSpec($event) {
+        try {
+            // @ts-ignore
+            this.optionsCopy.baseSpec = JSON.parse($event.currentTarget.value);
+        }
+        catch (e) {
+            const message = this.snackService.open({
+                type: 'error',
+                message: this.translateService.instant('@pry.widget.vega.notParseableSpec'),
+                action: this.translateService.instant('@pry.widget.vega.specReinit')
+            });
+            message?.subscribe(() => {
+                this.optionsCopy.baseSpec = this.initialFormattedBaseSpec;
+            });
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: WidgetVegaComponent, deps: [{ token: i1.Store }, { token: i2.PryI18nService }, { token: i0.ElementRef }, { token: DOCUMENT }, { token: i2.PrySnackbarService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.6", type: WidgetVegaComponent, selector: "pry-widget-vega", viewQueries: [{ propertyName: "vega", first: true, predicate: ["vega"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<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", dependencies: [{ kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.SettingsComponent, selector: "pry-settings", inputs: ["widgetIndex", "isDisable", "headerPresent", "open$", "header"], outputs: ["saveTriggered", "changeTitle"] }, { kind: "component", type: i2.PryWidgetHeaderComponent, selector: "pry-widget-header", inputs: ["manifest", "additionalOptions", "headerOptions", "displayCount", "datasourceIds", "widgetIndex"], outputs: ["manifestModified"] }, { kind: "component", type: PryWidgetVegaCssComponent, selector: "pry-widget-vega-css" }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }, { kind: "pipe", type: i2.I18nPipe, name: "i18n" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: WidgetVegaComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'pry-widget-vega', template: "<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" }]
+        }], ctorParameters: function () { return [{ type: i1.Store }, { type: i2.PryI18nService }, { type: i0.ElementRef }, { type: Document, decorators: [{
+                    type: Inject,
+                    args: [DOCUMENT]
+                }] }, { type: i2.PrySnackbarService }]; }, propDecorators: { vega: [{
+                type: ViewChild,
+                args: ['vega']
+            }] } });
+
+const enTranslations = {
+    '@pry': {
+        widget: {
+            vega: {
+                placeData: 'Expression leading to data in Vega config',
+                spec: 'Vega configuration'
+            }
+        }
+    }
+};
+
+const frTranslations = {
+    '@pry': {
+        widget: {
+            vega: {
+                placeData: 'Expression menant à la place des données dans la configuration Vega',
+                spec: 'Configuration Vega'
+            }
+        }
+    }
+};
+
+class WidgetVegaModule extends BaseWidgetModule {
+    constructor(pryTranslateService) {
+        super();
+        this.pryTranslateService = pryTranslateService;
+        this.pryTranslateService.addLangObject('fr', 'widget-vega', frTranslations);
+        this.pryTranslateService.addLangObject('en', 'widget-vega', enTranslations);
+    }
+    getComponent() {
+        return WidgetVegaComponent;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: WidgetVegaModule, deps: [{ token: i2.PryI18nService }], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.1.6", ngImport: i0, type: WidgetVegaModule, declarations: [WidgetVegaComponent, PryWidgetVegaCssComponent], imports: [CommonModule,
+            FormsModule,
+            OverlayModule,
+            PryCoreModule,
+            PryDashboardModule,
+            PrySelectModule,
+            PryIconModule,
+            PryCheckboxModule,
+            PryToggleModule,
+            WidgetMapModule,
+            PryI18nModule], exports: [WidgetVegaComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: WidgetVegaModule, imports: [CommonModule,
+            FormsModule,
+            OverlayModule,
+            PryCoreModule,
+            PryDashboardModule,
+            PrySelectModule,
+            PryIconModule,
+            PryCheckboxModule,
+            PryToggleModule,
+            WidgetMapModule,
+            PryI18nModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: WidgetVegaModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [WidgetVegaComponent, PryWidgetVegaCssComponent],
+                    imports: [
+                        CommonModule,
+                        FormsModule,
+                        OverlayModule,
+                        PryCoreModule,
+                        PryDashboardModule,
+                        PrySelectModule,
+                        PryIconModule,
+                        PryCheckboxModule,
+                        PryToggleModule,
+                        WidgetMapModule,
+                        PryI18nModule
+                    ],
+                    exports: [WidgetVegaComponent]
+                }]
+        }], ctorParameters: function () { return [{ type: i2.PryI18nService }]; } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { WidgetVegaComponent, WidgetVegaModule };
+//# sourceMappingURL=provoly-dashboard-widgets-widget-vega.mjs.map

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

@@ -0,0 +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      }\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      }\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

@@ -398,7 +398,8 @@ const enTranslations$1 = {
             next: 'Next',
             back: 'Back',
             filterByType: 'Filter by type',
-            editMetadata: 'Edit metadata'
+            editMetadata: 'Edit metadata',
+            addMetadata: 'Add metadata'
         },
         snack: {
             default: 'Vega encountered an error using your data and settings.',
@@ -729,7 +730,8 @@ const frTranslations$1 = {
             next: 'Suivant',
             back: 'Retour',
             filterByType: 'Filtrer par type',
-            editMetadata: 'Modifier la métadonnée'
+            editMetadata: 'Modifier la métadonnée',
+            addMetadata: 'Ajouter la métadonnée'
         },
         snack: {
             default: 'Vega a rencontré une erreur en utilisant vos données et paramétrage.',
@@ -1313,7 +1315,7 @@ const DashboardActions = {
     resetWmsFeatures: createAction('[Widget map] Reset Wms layer features'),
     getWmsFeatures: createAction('[Widget map] Get Wms layer features', props()),
     addWmsFeatures: createAction('[Widget map] Set Wms layer features', props()),
-    updateDisplayOptions: createAction('[Dashboard/Display] Update displayed dashboard management features', props()),
+    updateDisplayOptions: createAction('[Dashboard/Display] (bus) Update displayed dashboard management features', props()),
     getCapability: createAction('[Widget map] Get Wms capability', props()),
     updateCapability: createAction('[Widget map] Store Wms capability', props()),
     addManifestMetadata: createAction('[Dashboard] Add manifest metadata', props()),
@@ -2223,7 +2225,7 @@ const frTranslations = {
                     WARNING: 'Warning'
                 },
                 code: {
-                    UNRECOGNIZED: 'Attribut {{name}} non reconnu',
+                    UNRECOGNIZED: 'Attribut{{plural}} {{name}} non reconnu{{plural}}',
                     FORMAT: "Format d'attribut {{name}} incorrect",
                     ELASTIC_SEARCH: "Erreur d'insertion pour l'élément {{recordId}}",
                     NO_VALUES: 'Pas de valeur pour la ligne {{recordId}}',
@@ -2510,9 +2512,13 @@ class PryModalStatusComponent {
         this._version = version;
         if (!!version) {
             this.store.dispatch(DataSourceActions.dataset.previews.getById({ id: version.id }));
-            this.datasetPreviews$ = this.store
-                .select(DataSourceSelectors.datasetPreviews)
-                .pipe(map((previews) => previews.map((preview) => preview.messages).flat()));
+            this.datasetPreviews$ = this.store.select(DataSourceSelectors.datasetPreviews).pipe(map((previews) => previews
+                .map((preview) => preview.messages)
+                .flat()
+                .map((preview) => ({
+                ...preview,
+                name: preview.name.split(',').join(', ')
+            }))));
             this.messageCount$ = this.store.select(DataSourceSelectors.datasetPreviews).pipe(map((previews) => {
                 return previews.map((preview) => preview.count).reduce((p, c) => p + c, 0);
             }));
@@ -2526,11 +2532,11 @@ class PryModalStatusComponent {
         this.gotoConsult.emit(this.version);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: PryModalStatusComponent, deps: [{ token: i1.Store }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.6", type: PryModalStatusComponent, selector: "pry-modal-status", inputs: { version: "version" }, outputs: { gotoConsult: "gotoConsult" }, ngImport: i0, template: "<div class=\"o-modal-wrapper -extra-large\">\n  <div class=\"o-modal__top\">\n    <div class=\"o-modal__top__title\">\n      <h2 class=\"a-h2\">\n        {{\n          '@pry.dataset.error.modalTitle.' +\n            (_version?.state !== 'ERROR' && _version?.hasWarnings ? 'WARNING' : 'ERROR') | i18n\n        }}\n        ({{ messageCount$ | async }})\n      </h2>\n    </div>\n    <div class=\"o-modal__top__close\">\n      <button class=\"a-btn a-btn--icon-only\" (click)=\"goBack()\">\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  <table class=\"a-table\">\n    <thead>\n      <tr>\n        <th>{{ '@pry.dataset.error.type' | i18n }}</th>\n        <th>{{ '@pry.dataset.error.elements' | i18n }}</th>\n        <th>{{ '@pry.dataset.error.message' | i18n }}</th>\n      </tr>\n    </thead>\n    <tbody>\n      <tr *ngFor=\"let preview of datasetPreviews$ | async | slice : 0 : 5\">\n        <td>\n          {{ '@pry.dataset.error.level.' + preview.level | i18n }}\n        </td>\n        <td>\n          {{ preview.recordId }}\n        </td>\n        <td>\n          {{\n            '@pry.dataset.error.code.' + preview.extractMessageCode\n              | i18n : { name: preview.name, recordId: preview.recordId }\n          }}\n        </td>\n      </tr>\n    </tbody>\n  </table>\n</div>\n", dependencies: [{ kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: PryIconComponent, selector: "pry-icon", inputs: ["color", "iconSvg", "animation", "iconImage", "alt", "width", "height", "classes"] }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }, { kind: "pipe", type: i1$1.SlicePipe, name: "slice" }, { kind: "pipe", type: I18nPipe, name: "i18n" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.6", type: PryModalStatusComponent, selector: "pry-modal-status", inputs: { version: "version" }, outputs: { gotoConsult: "gotoConsult" }, ngImport: i0, template: "<div class=\"o-modal-wrapper -extra-large\">\n  <div class=\"o-modal__top\">\n    <div class=\"o-modal__top__title\">\n      <h2 class=\"a-h2\">\n        {{\n          '@pry.dataset.error.modalTitle.' +\n            (_version?.state !== 'ERROR' && _version?.hasWarnings ? 'WARNING' : 'ERROR') | i18n\n        }}\n        ({{ messageCount$ | async }})\n      </h2>\n    </div>\n    <div class=\"o-modal__top__close\">\n      <button class=\"a-btn a-btn--icon-only\" (click)=\"goBack()\">\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  <table class=\"a-table\">\n    <thead>\n      <tr>\n        <th>{{ '@pry.dataset.error.type' | i18n }}</th>\n        <th>{{ '@pry.dataset.error.elements' | i18n }}</th>\n        <th>{{ '@pry.dataset.error.message' | i18n }}</th>\n      </tr>\n    </thead>\n    <tbody>\n      <tr *ngFor=\"let preview of datasetPreviews$ | async | slice : 0 : 5\">\n        <td>\n          {{ '@pry.dataset.error.level.' + preview.level | i18n }}\n        </td>\n        <td>\n          {{ preview.recordId }}\n        </td>\n        <td>\n          {{\n            '@pry.dataset.error.code.' + preview.extractMessageCode\n              | i18n : { plural: preview.name.includes(',') ? 's' : '', name: preview.name, recordId: preview.recordId }\n          }}\n        </td>\n      </tr>\n    </tbody>\n  </table>\n</div>\n", dependencies: [{ kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: PryIconComponent, selector: "pry-icon", inputs: ["color", "iconSvg", "animation", "iconImage", "alt", "width", "height", "classes"] }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }, { kind: "pipe", type: i1$1.SlicePipe, name: "slice" }, { kind: "pipe", type: I18nPipe, name: "i18n" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: PryModalStatusComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'pry-modal-status', template: "<div class=\"o-modal-wrapper -extra-large\">\n  <div class=\"o-modal__top\">\n    <div class=\"o-modal__top__title\">\n      <h2 class=\"a-h2\">\n        {{\n          '@pry.dataset.error.modalTitle.' +\n            (_version?.state !== 'ERROR' && _version?.hasWarnings ? 'WARNING' : 'ERROR') | i18n\n        }}\n        ({{ messageCount$ | async }})\n      </h2>\n    </div>\n    <div class=\"o-modal__top__close\">\n      <button class=\"a-btn a-btn--icon-only\" (click)=\"goBack()\">\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  <table class=\"a-table\">\n    <thead>\n      <tr>\n        <th>{{ '@pry.dataset.error.type' | i18n }}</th>\n        <th>{{ '@pry.dataset.error.elements' | i18n }}</th>\n        <th>{{ '@pry.dataset.error.message' | i18n }}</th>\n      </tr>\n    </thead>\n    <tbody>\n      <tr *ngFor=\"let preview of datasetPreviews$ | async | slice : 0 : 5\">\n        <td>\n          {{ '@pry.dataset.error.level.' + preview.level | i18n }}\n        </td>\n        <td>\n          {{ preview.recordId }}\n        </td>\n        <td>\n          {{\n            '@pry.dataset.error.code.' + preview.extractMessageCode\n              | i18n : { name: preview.name, recordId: preview.recordId }\n          }}\n        </td>\n      </tr>\n    </tbody>\n  </table>\n</div>\n" }]
+            args: [{ selector: 'pry-modal-status', template: "<div class=\"o-modal-wrapper -extra-large\">\n  <div class=\"o-modal__top\">\n    <div class=\"o-modal__top__title\">\n      <h2 class=\"a-h2\">\n        {{\n          '@pry.dataset.error.modalTitle.' +\n            (_version?.state !== 'ERROR' && _version?.hasWarnings ? 'WARNING' : 'ERROR') | i18n\n        }}\n        ({{ messageCount$ | async }})\n      </h2>\n    </div>\n    <div class=\"o-modal__top__close\">\n      <button class=\"a-btn a-btn--icon-only\" (click)=\"goBack()\">\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  <table class=\"a-table\">\n    <thead>\n      <tr>\n        <th>{{ '@pry.dataset.error.type' | i18n }}</th>\n        <th>{{ '@pry.dataset.error.elements' | i18n }}</th>\n        <th>{{ '@pry.dataset.error.message' | i18n }}</th>\n      </tr>\n    </thead>\n    <tbody>\n      <tr *ngFor=\"let preview of datasetPreviews$ | async | slice : 0 : 5\">\n        <td>\n          {{ '@pry.dataset.error.level.' + preview.level | i18n }}\n        </td>\n        <td>\n          {{ preview.recordId }}\n        </td>\n        <td>\n          {{\n            '@pry.dataset.error.code.' + preview.extractMessageCode\n              | i18n : { plural: preview.name.includes(',') ? 's' : '', name: preview.name, recordId: preview.recordId }\n          }}\n        </td>\n      </tr>\n    </tbody>\n  </table>\n</div>\n" }]
         }], ctorParameters: function () { return [{ type: i1.Store }]; }, propDecorators: { gotoConsult: [{
                 type: Output
             }], version: [{
@@ -3869,7 +3875,7 @@ const namedQueriesUses = createSelector(globalManifest, (manifest) => manifest.w
     .reduce((p, c) => [...p, ...c], [])
     .reduce((p, c) => ({ ...p, [c.rsName ?? '']: [...(p[c.rsName ?? ''] || []), { ...c }] }), {}));
 const presentation = createSelector(feature$4, (state) => state?.presentation);
-const savePresentationActive = createSelector(presentation, globalManifest, (state, global) => !!state.current && state.current.owner && (state.viewMode === ViewMode.CREATION || !equal(global, state.initial)));
+const savePresentationActive = createSelector(presentation, globalManifest, (state, global) => !!state.current && state.current.owner && !equal(global, state.initial));
 const filters = createSelector(feature$4, (state) => state?.manifests.manifest.filters ?? {});
 const datasourceFilters = createSelector(feature$4, (state) => state?.manifests.manifest.filters
     ? state?.manifests.manifest.filters.reduce((obj, filter) => (filter.attributes.forEach((attribute) => (obj[attribute.datasource] || (obj[attribute.datasource] = [])).push({
@@ -3913,8 +3919,8 @@ const DashboardSelectors = {
     loading,
     quickOrder,
     presentation,
-    savePresentationActive,
     filters,
+    savePresentationActive,
     datasourceFilters,
     wmsFeatures,
     displayOptions,
@@ -9981,7 +9987,7 @@ class DashboardEffects {
         this.searchService = searchService;
         this.pryDialog = pryDialog;
         this.wmsService = wmsService;
-        this.join$ = createEffect(() => this.actions$.pipe(ofType(DashboardActions.join), withLatestFrom(this.store.select(DashboardSelectors.rank), this.store.select(DashboardSelectors.tenants), this.store.select(DashboardSelectors.globalManifest), this.store.select(DashboardSelectors.resultSets), this.store.select(DashboardSelectors.selectedItemIds), this.store.select(DashboardSelectors.presentation)), filter$1(([action, rank, tenants, manifest, resultSets]) => rank === 0), map$1(([action, rank, tenants, manifest, resultSets, selectedIds, presentation]) => DashboardActions.updateManifestAfterTenantJoin({
+        this.join$ = createEffect(() => this.actions$.pipe(ofType(DashboardActions.join), withLatestFrom(this.store.select(DashboardSelectors.rank), this.store.select(DashboardSelectors.tenants), this.store.select(DashboardSelectors.globalManifest), this.store.select(DashboardSelectors.resultSets), this.store.select(DashboardSelectors.selectedItemIds), this.store.select(DashboardSelectors.presentation), this.store.select(DashboardSelectors.displayOptions)), filter$1(([action, rank, tenants, manifest, resultSets, display]) => rank === 0), map$1(([action, rank, tenants, manifest, resultSets, selectedIds, presentation, display]) => DashboardActions.updateManifestAfterTenantJoin({
             tenants,
             manifest: {
                 ...manifest,
@@ -9990,7 +9996,8 @@ class DashboardEffects {
             resultSets,
             selectedIds,
             joining: true,
-            presentation
+            presentation,
+            display
         }))));
         this.leave$ = createEffect(() => this.actions$.pipe(ofType(DashboardActions.leave), withLatestFrom(this.store.select(DashboardSelectors.rank), this.store.select(DashboardSelectors.tenants), this.store.select(DashboardSelectors.globalManifest), this.store.select(DashboardSelectors.selectedItemIds)), filter$1(([action, rank, tenants, manifest]) => rank === 0 || (tenants[0] === action.sender && rank === 1)), map$1(([action, rank, tenants, manifest, selectedIds]) => {
             const leaverRank = tenants.indexOf(action.sender);
@@ -10378,7 +10385,9 @@ const internalReducer = createReducer(dashboardInitialState, on(DashboardActions
             resultSets: !!action.resultSets
                 ? { ...state.results.resultSets, ...action.resultSets }
                 : state.results.resultSets
-        }
+        },
+        // @ts-ignore
+        display: action.display ?? state.display
     };
 }), on(DashboardActions.updateRouteManifest, (state, action) => {
     const senderRank = state.manifests.tenants.indexOf(action.sender ?? state.manifests.sender);