@provoly/dashboard 0.18.5 → 0.18.7

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

@@ -4,7 +4,8 @@ import { CommonModule } from '@angular/common';
 import * as i0 from '@angular/core';
 import { Component, ViewEncapsulation, NgModule } from '@angular/core';
 import { FormsModule } from '@angular/forms';
-import { DataWidgetComponent, BaseWidgetModule, PryCoreModule, PryDashboardModule, PrySelectModule, PryIconModule, PryToggleModule } from '@provoly/dashboard';
+import * as i4 from '@provoly/dashboard';
+import { DataWidgetComponent, BaseWidgetModule, PryCoreModule, PryDashboardModule, PrySelectModule, PryIconModule, PryToggleModule, PryI18nModule } from '@provoly/dashboard';
 import { PryCheckboxModule } from '@provoly/dashboard/components/checkbox';
 import { combineLatestWith } from 'rxjs';
 import { map, filter } from 'rxjs/operators';
@@ -89,19 +90,55 @@ class WidgetTemplateComponent extends DataWidgetComponent {
         const scoped = css.replace(/([},] ?)/g, `$1${scope} `).replace(new RegExp(scope + ' $'), '');
         return scope + ' ' + scoped;
     }
+    changeHtml($event) {
+        // @ts-ignore
+        this.optionsCopy.html = $event.currentTarget.value;
+    }
+    changeCss($event) {
+        // @ts-ignore
+        this.optionsCopy.html = $event.currentTarget.value;
+    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: WidgetTemplateComponent, deps: [{ token: i1.Store }, { token: i0.ElementRef }, { token: i2.DomSanitizer }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.6", type: WidgetTemplateComponent, selector: "pry-widget-table", usesInheritance: true, ngImport: i0, template: "<pry-widget-template-css></pry-widget-template-css>\n<div *ngIf=\"css$ | async as css\" [innerHtml]=\"css\"></div>\n<div *ngIf=\"template$ | async as template\" [class]=\"'pry-template-' + id\" [innerHtml]=\"template\"></div>\n", dependencies: [{ kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: PryWidgetTemplateCssComponent, selector: "pry-widget-template-css" }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.6", type: WidgetTemplateComponent, selector: "pry-widget-table", usesInheritance: true, ngImport: i0, template: "<pry-widget-template-css></pry-widget-template-css>\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=\"html_src\">{{ '@pry.widget.template.html' | i18n }}</label>\n        <textarea\n          class=\"a-form-field a-text-area -overflow\"\n          id=\"html_src\"\n          [value]=\"optionsCopy.html\"\n          (input)=\"changeHtml($event)\"\n        ></textarea>\n      </div>\n\n      <div class=\"m-form-label-field\">\n        <label class=\"a-label\" for=\"css_src\">{{ '@pry.widget.template.css' | i18n }}</label>\n        <textarea\n          class=\"a-form-field a-text-area -overflow\"\n          id=\"css_src\"\n          [value]=\"optionsCopy.css\"\n          (input)=\"changeCss($event)\"\n        ></textarea>\n      </div>\n    </div>\n  </pry-settings>\n</pry-widget-header>\n<div *ngIf=\"css$ | async as css\" [innerHtml]=\"css\"></div>\n<div *ngIf=\"template$ | async as template\" [class]=\"'pry-template-' + id\" [innerHtml]=\"template\"></div>\n", dependencies: [{ kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i4.SettingsComponent, selector: "pry-settings", inputs: ["widgetIndex", "isDisable", "headerPresent", "open$", "header"], outputs: ["triggerClick", "saveTriggered", "changeTitle"] }, { kind: "component", type: i4.PryWidgetHeaderComponent, selector: "pry-widget-header", inputs: ["manifest", "openData$", "additionalOptions", "headerOptions", "displayCount", "datasourceIds", "widgetIndex"], outputs: ["manifestModified"] }, { kind: "component", type: PryWidgetTemplateCssComponent, selector: "pry-widget-template-css" }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }, { kind: "pipe", type: i4.I18nPipe, name: "i18n" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: WidgetTemplateComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'pry-widget-table', template: "<pry-widget-template-css></pry-widget-template-css>\n<div *ngIf=\"css$ | async as css\" [innerHtml]=\"css\"></div>\n<div *ngIf=\"template$ | async as template\" [class]=\"'pry-template-' + id\" [innerHtml]=\"template\"></div>\n" }]
+            args: [{ selector: 'pry-widget-table', template: "<pry-widget-template-css></pry-widget-template-css>\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=\"html_src\">{{ '@pry.widget.template.html' | i18n }}</label>\n        <textarea\n          class=\"a-form-field a-text-area -overflow\"\n          id=\"html_src\"\n          [value]=\"optionsCopy.html\"\n          (input)=\"changeHtml($event)\"\n        ></textarea>\n      </div>\n\n      <div class=\"m-form-label-field\">\n        <label class=\"a-label\" for=\"css_src\">{{ '@pry.widget.template.css' | i18n }}</label>\n        <textarea\n          class=\"a-form-field a-text-area -overflow\"\n          id=\"css_src\"\n          [value]=\"optionsCopy.css\"\n          (input)=\"changeCss($event)\"\n        ></textarea>\n      </div>\n    </div>\n  </pry-settings>\n</pry-widget-header>\n<div *ngIf=\"css$ | async as css\" [innerHtml]=\"css\"></div>\n<div *ngIf=\"template$ | async as template\" [class]=\"'pry-template-' + id\" [innerHtml]=\"template\"></div>\n" }]
         }], ctorParameters: function () { return [{ type: i1.Store }, { type: i0.ElementRef }, { type: i2.DomSanitizer }]; } });
 
+const enTranslations = {
+    '@pry': {
+        widget: {
+            template: {
+                html: 'Html',
+                css: 'Css'
+            }
+        }
+    }
+};
+
+const frTranslations = {
+    '@pry': {
+        widget: {
+            template: {
+                html: 'Html',
+                css: 'Css'
+            }
+        }
+    }
+};
+
 class WidgetTemplateModule extends BaseWidgetModule {
+    constructor(pryTranslateService) {
+        super();
+        this.pryTranslateService = pryTranslateService;
+        this.pryTranslateService.addLangObject('fr', 'widget-template', frTranslations);
+        this.pryTranslateService.addLangObject('en', 'widget-template', enTranslations);
+    }
     getComponent() {
         return WidgetTemplateComponent;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: WidgetTemplateModule, deps: null, target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: WidgetTemplateModule, deps: [{ token: i4.PryI18nService }], target: i0.ɵɵFactoryTarget.NgModule }); }
     static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.1.6", ngImport: i0, type: WidgetTemplateModule, declarations: [WidgetTemplateComponent, PryWidgetTemplateCssComponent], imports: [CommonModule,
             FormsModule,
             OverlayModule,
@@ -110,7 +147,8 @@ class WidgetTemplateModule extends BaseWidgetModule {
             PrySelectModule,
             PryIconModule,
             PryCheckboxModule,
-            PryToggleModule], exports: [WidgetTemplateComponent] }); }
+            PryToggleModule,
+            PryI18nModule], exports: [WidgetTemplateComponent] }); }
     static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: WidgetTemplateModule, imports: [CommonModule,
             FormsModule,
             OverlayModule,
@@ -119,7 +157,8 @@ class WidgetTemplateModule extends BaseWidgetModule {
             PrySelectModule,
             PryIconModule,
             PryCheckboxModule,
-            PryToggleModule] }); }
+            PryToggleModule,
+            PryI18nModule] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: WidgetTemplateModule, decorators: [{
             type: NgModule,
@@ -134,11 +173,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImpor
                         PrySelectModule,
                         PryIconModule,
                         PryCheckboxModule,
-                        PryToggleModule
+                        PryToggleModule,
+                        PryI18nModule
                     ],
                     exports: [WidgetTemplateComponent]
                 }]
-        }] });
+        }], ctorParameters: function () { return [{ type: i4.PryI18nService }]; } });
 
 /**
  * Generated bundle index. Do not edit.

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

@@ -1 +1 @@
-{"version":3,"file":"provoly-dashboard-widgets-widget-template.mjs","sources":["../../../../projects/provoly/dashboard/widgets/widget-template/style/css.component.ts","../../../../projects/provoly/dashboard/widgets/widget-template/component/widget-template.component.ts","../../../../projects/provoly/dashboard/widgets/widget-template/component/widget-template.component.html","../../../../projects/provoly/dashboard/widgets/widget-template/widget-template.module.ts","../../../../projects/provoly/dashboard/widgets/widget-template/provoly-dashboard-widgets-widget-template.ts"],"sourcesContent":["import { Component, ViewEncapsulation } from '@angular/core';\n\n@Component({\n  selector: 'pry-widget-template-css',\n  template: '',\n  styleUrls: ['./_o-widget-template.scss'],\n  encapsulation: ViewEncapsulation.None\n})\nexport class PryWidgetTemplateCssComponent {}\n","import { Component, ElementRef } from '@angular/core';\nimport { DomSanitizer, SafeHtml } from '@angular/platform-browser';\nimport { Store } from '@ngrx/store';\nimport { DataWidgetComponent, TemplateWidgetOptions } from '@provoly/dashboard';\nimport { combineLatestWith, Observable } from 'rxjs';\nimport { filter, map } from 'rxjs/operators';\n\n@Component({\n  selector: 'pry-widget-table',\n  templateUrl: './widget-template.component.html'\n})\nexport class WidgetTemplateComponent extends DataWidgetComponent {\n  options$: Observable<TemplateWidgetOptions>;\n  optionsCopy: TemplateWidgetOptions = {};\n  template$: Observable<SafeHtml>;\n  css$: Observable<SafeHtml>;\n  id: number;\n  static idGenerator = 0;\n\n  constructor(\n    store: Store<any>,\n    el: ElementRef,\n    private sanitizer: DomSanitizer\n  ) {\n    super(store, el);\n    this.id = WidgetTemplateComponent.idGenerator++;\n    this.options$ = this.manifest$.pipe(map((manifest) => manifest.options as TemplateWidgetOptions));\n\n    this.subscriptions.add(\n      this.options$.pipe(filter((opt) => !!opt)).subscribe((options) => {\n        this.optionsCopy = { ...(JSON.parse(JSON.stringify(options)) as TemplateWidgetOptions) };\n      })\n    );\n\n    this.template$ = this.options$.pipe(\n      map((options) => (!!options.svg ? options.svg : options.html ?? '')),\n      combineLatestWith(this.resultSet$),\n      map(([template, rs]) => this.evaluate(template, rs))\n    );\n\n    this.css$ = this.options$.pipe(\n      map((options) => `<style>${this.limitScope(options.css ?? '')}</style>`),\n      combineLatestWith(this.resultSet$),\n      map(([template, rs]) => this.evaluate(template, rs))\n    );\n  }\n\n  emitManifest() {\n    this.manifestModified.emit({\n      widgetIndex: this.widgetIndex,\n      manifest: { ...this.manifest, options: this.optionsCopy }\n    });\n  }\n\n  evaluate(template: string, rs: any): SafeHtml {\n    const regexp = new RegExp('{{(.*?)}}', 'g');\n    const toReplace = template.match(regexp);\n    let result = template;\n\n    if (!!toReplace) {\n      toReplace.forEach((extracted) => {\n        const expr = extracted.substring(2, extracted.length - 2);\n        const splitted = expr.split(/[.\\]]/).filter((extr) => extr !== '');\n        let evaluation: any = null;\n\n        splitted.forEach((_splitPart) => {\n          const splitPart = _splitPart.trim();\n          if (splitPart.startsWith('rs')) {\n            const classId = (expr.match(/rs\\['(.)*?'/) ?? ['no-class-id-detected'])[0]\n              .replace(\"rs['\", '')\n              .replace(\"'\", '');\n            evaluation = rs.items[classId];\n          } else if (splitPart.startsWith('[')) {\n            if (!!evaluation) {\n              evaluation = evaluation[parseInt(splitPart.substring(1), 10)];\n            }\n          } else {\n            if (!!evaluation) {\n              const indexOfCaret = splitPart.indexOf('[');\n              if (indexOfCaret === -1) {\n                evaluation = evaluation[splitPart];\n              } else {\n                const prop = splitPart.substring(0, indexOfCaret);\n                const subProp = splitPart.substring(indexOfCaret + 1);\n                evaluation = evaluation[prop].values[subProp];\n              }\n              if (!!evaluation && evaluation.type === 'VALUE') {\n                evaluation = evaluation.value;\n              }\n            }\n          }\n        });\n\n        result = result.replace(extracted, evaluation);\n      });\n    }\n\n    return this.sanitizer.bypassSecurityTrustHtml(result);\n  }\n\n  private limitScope(css: string): string {\n    const scope = `.pry-template-${this.id}`;\n\n    const scoped = css.replace(/([},] ?)/g, `$1${scope} `).replace(new RegExp(scope + ' $'), '');\n\n    return scope + ' ' + scoped;\n  }\n}\n","<pry-widget-template-css></pry-widget-template-css>\n<div *ngIf=\"css$ | async as css\" [innerHtml]=\"css\"></div>\n<div *ngIf=\"template$ | async as template\" [class]=\"'pry-template-' + id\" [innerHtml]=\"template\"></div>\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  PryIconModule,\n  PrySelectModule,\n  PryToggleModule\n} from '@provoly/dashboard';\nimport { PryCheckboxModule } from '@provoly/dashboard/components/checkbox';\nimport { WidgetTemplateComponent } from './component/widget-template.component';\nimport { PryWidgetTemplateCssComponent } from './style/css.component';\n\n@NgModule({\n  declarations: [WidgetTemplateComponent, PryWidgetTemplateCssComponent],\n  imports: [\n    CommonModule,\n    FormsModule,\n    OverlayModule,\n    PryCoreModule,\n    PryDashboardModule,\n    PrySelectModule,\n    PryIconModule,\n    PryCheckboxModule,\n    PryToggleModule\n  ],\n  exports: [WidgetTemplateComponent]\n})\nexport class WidgetTemplateModule extends BaseWidgetModule {\n  override getComponent() {\n    return WidgetTemplateComponent as Type<BaseWidgetComponent>;\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["i4.PryWidgetTemplateCssComponent"],"mappings":"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"}
+{"version":3,"file":"provoly-dashboard-widgets-widget-template.mjs","sources":["../../../../projects/provoly/dashboard/widgets/widget-template/style/css.component.ts","../../../../projects/provoly/dashboard/widgets/widget-template/component/widget-template.component.ts","../../../../projects/provoly/dashboard/widgets/widget-template/component/widget-template.component.html","../../../../projects/provoly/dashboard/widgets/widget-template/i18n/en.translations.ts","../../../../projects/provoly/dashboard/widgets/widget-template/i18n/fr.translations.ts","../../../../projects/provoly/dashboard/widgets/widget-template/widget-template.module.ts","../../../../projects/provoly/dashboard/widgets/widget-template/provoly-dashboard-widgets-widget-template.ts"],"sourcesContent":["import { Component, ViewEncapsulation } from '@angular/core';\n\n@Component({\n  selector: 'pry-widget-template-css',\n  template: '',\n  styleUrls: ['./_o-widget-template.scss'],\n  encapsulation: ViewEncapsulation.None\n})\nexport class PryWidgetTemplateCssComponent {}\n","import { Component, ElementRef } from '@angular/core';\nimport { DomSanitizer, SafeHtml } from '@angular/platform-browser';\nimport { Store } from '@ngrx/store';\nimport { DataWidgetComponent, TemplateWidgetOptions } from '@provoly/dashboard';\nimport { combineLatestWith, Observable } from 'rxjs';\nimport { filter, map } from 'rxjs/operators';\n\n@Component({\n  selector: 'pry-widget-table',\n  templateUrl: './widget-template.component.html'\n})\nexport class WidgetTemplateComponent extends DataWidgetComponent {\n  options$: Observable<TemplateWidgetOptions>;\n  optionsCopy: TemplateWidgetOptions = {};\n  template$: Observable<SafeHtml>;\n  css$: Observable<SafeHtml>;\n  id: number;\n  static idGenerator = 0;\n\n  constructor(store: Store<any>, el: ElementRef, private sanitizer: DomSanitizer) {\n    super(store, el);\n    this.id = WidgetTemplateComponent.idGenerator++;\n    this.options$ = this.manifest$.pipe(map((manifest) => manifest.options as TemplateWidgetOptions));\n\n    this.subscriptions.add(\n      this.options$.pipe(filter((opt) => !!opt)).subscribe((options) => {\n        this.optionsCopy = { ...(JSON.parse(JSON.stringify(options)) as TemplateWidgetOptions) };\n      })\n    );\n\n    this.template$ = this.options$.pipe(\n      map((options) => (!!options.svg ? options.svg : options.html ?? '')),\n      combineLatestWith(this.resultSet$),\n      map(([template, rs]) => this.evaluate(template, rs))\n    );\n\n    this.css$ = this.options$.pipe(\n      map((options) => `<style>${this.limitScope(options.css ?? '')}</style>`),\n      combineLatestWith(this.resultSet$),\n      map(([template, rs]) => this.evaluate(template, rs))\n    );\n  }\n\n  emitManifest() {\n    this.manifestModified.emit({\n      widgetIndex: this.widgetIndex,\n      manifest: { ...this.manifest, options: this.optionsCopy }\n    });\n  }\n\n  evaluate(template: string, rs: any): SafeHtml {\n    const regexp = new RegExp('{{(.*?)}}', 'g');\n    const toReplace = template.match(regexp);\n    let result = template;\n\n    if (!!toReplace) {\n      toReplace.forEach((extracted) => {\n        const expr = extracted.substring(2, extracted.length - 2);\n        const splitted = expr.split(/[.\\]]/).filter((extr) => extr !== '');\n        let evaluation: any = null;\n\n        splitted.forEach((_splitPart) => {\n          const splitPart = _splitPart.trim();\n          if (splitPart.startsWith('rs')) {\n            const classId = (expr.match(/rs\\['(.)*?'/) ?? ['no-class-id-detected'])[0]\n              .replace(\"rs['\", '')\n              .replace(\"'\", '');\n            evaluation = rs.items[classId];\n          } else if (splitPart.startsWith('[')) {\n            if (!!evaluation) {\n              evaluation = evaluation[parseInt(splitPart.substring(1), 10)];\n            }\n          } else {\n            if (!!evaluation) {\n              const indexOfCaret = splitPart.indexOf('[');\n              if (indexOfCaret === -1) {\n                evaluation = evaluation[splitPart];\n              } else {\n                const prop = splitPart.substring(0, indexOfCaret);\n                const subProp = splitPart.substring(indexOfCaret + 1);\n                evaluation = evaluation[prop].values[subProp];\n              }\n              if (!!evaluation && evaluation.type === 'VALUE') {\n                evaluation = evaluation.value;\n              }\n            }\n          }\n        });\n\n        result = result.replace(extracted, evaluation);\n      });\n    }\n\n    return this.sanitizer.bypassSecurityTrustHtml(result);\n  }\n\n  private limitScope(css: string): string {\n    const scope = `.pry-template-${this.id}`;\n\n    const scoped = css.replace(/([},] ?)/g, `$1${scope} `).replace(new RegExp(scope + ' $'), '');\n\n    return scope + ' ' + scoped;\n  }\n\n  changeHtml($event: Event) {\n    // @ts-ignore\n    this.optionsCopy.html = $event.currentTarget.value;\n  }\n\n  changeCss($event: Event) {\n    // @ts-ignore\n    this.optionsCopy.html = $event.currentTarget.value;\n  }\n}\n","<pry-widget-template-css></pry-widget-template-css>\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=\"html_src\">{{ '@pry.widget.template.html' | i18n }}</label>\n        <textarea\n          class=\"a-form-field a-text-area -overflow\"\n          id=\"html_src\"\n          [value]=\"optionsCopy.html\"\n          (input)=\"changeHtml($event)\"\n        ></textarea>\n      </div>\n\n      <div class=\"m-form-label-field\">\n        <label class=\"a-label\" for=\"css_src\">{{ '@pry.widget.template.css' | i18n }}</label>\n        <textarea\n          class=\"a-form-field a-text-area -overflow\"\n          id=\"css_src\"\n          [value]=\"optionsCopy.css\"\n          (input)=\"changeCss($event)\"\n        ></textarea>\n      </div>\n    </div>\n  </pry-settings>\n</pry-widget-header>\n<div *ngIf=\"css$ | async as css\" [innerHtml]=\"css\"></div>\n<div *ngIf=\"template$ | async as template\" [class]=\"'pry-template-' + id\" [innerHtml]=\"template\"></div>\n","export const enTranslations = {\n  '@pry': {\n    widget: {\n      template: {\n        html: 'Html',\n        css: 'Css'\n      }\n    }\n  }\n};\n","export const frTranslations = {\n  '@pry': {\n    widget: {\n      template: {\n        html: 'Html',\n        css: 'Css'\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 { WidgetTemplateComponent } from './component/widget-template.component';\nimport { enTranslations } from './i18n/en.translations';\nimport { frTranslations } from './i18n/fr.translations';\nimport { PryWidgetTemplateCssComponent } from './style/css.component';\n\n@NgModule({\n  declarations: [WidgetTemplateComponent, PryWidgetTemplateCssComponent],\n  imports: [\n    CommonModule,\n    FormsModule,\n    OverlayModule,\n    PryCoreModule,\n    PryDashboardModule,\n    PrySelectModule,\n    PryIconModule,\n    PryCheckboxModule,\n    PryToggleModule,\n    PryI18nModule\n  ],\n  exports: [WidgetTemplateComponent]\n})\nexport class WidgetTemplateModule extends BaseWidgetModule {\n  constructor(private pryTranslateService: PryI18nService) {\n    super();\n    this.pryTranslateService.addLangObject('fr', 'widget-template', frTranslations);\n    this.pryTranslateService.addLangObject('en', 'widget-template', enTranslations);\n  }\n\n  override getComponent() {\n    return WidgetTemplateComponent as Type<BaseWidgetComponent>;\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["i5.PryWidgetTemplateCssComponent","i1"],"mappings":"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"}

package/fesm2022/provoly-dashboard.mjs

@@ -22,8 +22,6 @@ import { distinctUntilChanged, filter as filter$1, debounceTime as debounceTime$
 import { animation, style, animate, trigger, transition, useAnimation } from '@angular/animations';
 import * as i5 from '@angular/cdk/a11y';
 import { A11yModule } from '@angular/cdk/a11y';
-import { GeoJSON } from 'ol/format';
-import { fromLonLat } from 'ol/proj';
 import * as i1$4 from '@angular/cdk/accordion';
 import { CdkAccordionModule } from '@angular/cdk/accordion';
 import * as i3$1 from '@angular/forms';
@@ -320,6 +318,7 @@ const enTranslations$1 = {
                 other: 'Other'
             },
             tile: 'Tiles',
+            template: 'HTML Template',
             now: 'Today',
             since_day: '{{day}} day{{plural}} ago',
             layout: {
@@ -669,6 +668,7 @@ const frTranslations$1 = {
                 other: 'Autre'
             },
             tile: 'Tuiles',
+            template: 'Template HTML',
             now: "Aujourd'hui",
             since_day: 'Il y a {{day}} jour{{plural}}',
             layout: {
@@ -4357,93 +4357,8 @@ const ItemActions = {
     createFailure: createAction('[Item] create failure', props())
 };
 
-var FieldType;
-(function (FieldType) {
-    FieldType["STRING"] = "string";
-    FieldType["KEYWORD"] = "keyword";
-    FieldType["INTEGER"] = "integer";
-    FieldType["DECIMAL"] = "decimal";
-    FieldType["INSTANT"] = "instant";
-    FieldType["LONG"] = "long";
-    FieldType["RAW"] = "raw";
-    FieldType["POINT"] = "Point";
-    FieldType["MULTIPOINT"] = "MultiPoint";
-    FieldType["LINE"] = "LineString";
-    FieldType["MULTILINE"] = "MultiLineString";
-    FieldType["POLYGON"] = "Polygon";
-    FieldType["MULTIPOLYGON"] = "MultiPolygon";
-    FieldType["GEOMETRYCOLLECTION"] = "GeometryCollection";
-    FieldType["OCLASS"] = "mod\u00E8le de donn\u00E9es";
-    FieldType["DATASET"] = "test";
-})(FieldType || (FieldType = {}));
-const GeometricFieldTypes = [
-    FieldType.POINT,
-    FieldType.MULTIPOINT,
-    FieldType.LINE,
-    FieldType.MULTILINE,
-    FieldType.POLYGON,
-    FieldType.MULTIPOLYGON,
-    FieldType.GEOMETRYCOLLECTION
-];
-
 const hiddenFieldText = '*********';
 class ItemUtils {
-    static readGeometry(item, type, attribute) {
-        if (!attribute || !item.attributes[attribute.name]) {
-            // @ts-ignore
-            return null;
-        }
-        let value = item.attributes[attribute.name];
-        if (value.type === 'MULTI') {
-            value = value.values[0];
-        }
-        return new GeoJSON().readGeometry(this.projectGeometry(value.value));
-    }
-    static projectGeometry(geometry) {
-        return {
-            ...geometry,
-            coordinates: typeof geometry.coordinates[0] === 'number'
-                ? fromLonLat(geometry.coordinates)
-                : geometry.coordinates.map((sub) => this.projectGeometry({ type: '', coordinates: sub }).coordinates)
-        };
-    }
-    static readLocations(item, type) {
-        const points = [];
-        Object.entries(item.attributes).forEach(([key, value]) => {
-            if (value.type === 'VALUE') {
-                this.extractGeometries(value, points, type);
-            }
-            else {
-                value.values.forEach((value) => {
-                    this.extractGeometries(value, points, type);
-                });
-            }
-        });
-        return points;
-    }
-    static extractGeometries(value, points, type) {
-        const valueSimple = value.value;
-        if (typeof valueSimple !== 'string' && typeof valueSimple !== 'number') {
-            if (type === 'point' && valueSimple.type === FieldType.POINT) {
-                points.push(valueSimple.coordinates);
-            }
-            if (type === 'point' && valueSimple.type === FieldType.MULTIPOINT) {
-                points.push(...valueSimple.coordinates);
-            }
-            if (type === 'line' && valueSimple.type === FieldType.LINE) {
-                points.push(valueSimple.coordinates);
-            }
-            if (type === 'line' && valueSimple.type === FieldType.MULTILINE) {
-                points.push(...valueSimple.coordinates);
-            }
-            if (type === 'polygon' && valueSimple.type === FieldType.POLYGON) {
-                points.push(valueSimple.coordinates);
-            }
-            if (type === 'polygon' && valueSimple.type === FieldType.MULTIPOLYGON) {
-                points.push(...valueSimple.coordinates);
-            }
-        }
-    }
     static getAttributeValue(item, attribute) {
         if (!attribute) {
             return undefined;
@@ -4764,7 +4679,7 @@ class SearchEffects {
             id: props.id,
             params: this.searchService.getItemsSerializedParams(props.id, quickOrder)
         })), catchError$1((error) => [SearchActions.searchFailure({ error, id: props.id })])))));
-        this.updateAggregatesInWidget$ = createEffect(() => this.actions$.pipe(ofType(SearchActions.getDatasourceItems), filter((props) => props.id !== DEFAULT_NAMED_QUERY_ID && props.id !== EXPLORE_NAMED_QUERY_ID), tap$1((props) => document.dispatchEvent(new CustomEvent('datasourceRefresh', { detail: props.id })))), { dispatch: false });
+        this.updateAggregatesInWidget$ = createEffect(() => this.actions$.pipe(ofType(SearchActions.getDatasourceItems), filter((props) => props.id !== DEFAULT_NAMED_QUERY_ID && props.id !== EXPLORE_NAMED_QUERY_ID), tap$1((props) => window.dispatchEvent(new CustomEvent('datasourceRefresh', { detail: props.id })))), { dispatch: false });
         this.search$ = createEffect(() => this.actions$.pipe(ofType(SearchActions.search), mergeMap((props) => this.searchService.search(props.payload).pipe(map((resultSet) => SearchActions.searchSuccess({ resultSet, id: props.id })), catchError$1((error) => [SearchActions.searchFailure({ error })])))));
         this.searchSuccess$ = createEffect(() => this.actions$.pipe(ofType(SearchActions.searchSuccess), map((action) => DashboardActions.updateResultSet({
             id: action.id ?? DEFAULT_NAMED_QUERY_ID,
@@ -5061,6 +4976,35 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImpor
                 }]
         }], ctorParameters: function () { return [{ type: PryI18nService }]; } });
 
+var FieldType;
+(function (FieldType) {
+    FieldType["STRING"] = "string";
+    FieldType["KEYWORD"] = "keyword";
+    FieldType["INTEGER"] = "integer";
+    FieldType["DECIMAL"] = "decimal";
+    FieldType["INSTANT"] = "instant";
+    FieldType["LONG"] = "long";
+    FieldType["RAW"] = "raw";
+    FieldType["POINT"] = "Point";
+    FieldType["MULTIPOINT"] = "MultiPoint";
+    FieldType["LINE"] = "LineString";
+    FieldType["MULTILINE"] = "MultiLineString";
+    FieldType["POLYGON"] = "Polygon";
+    FieldType["MULTIPOLYGON"] = "MultiPolygon";
+    FieldType["GEOMETRYCOLLECTION"] = "GeometryCollection";
+    FieldType["OCLASS"] = "mod\u00E8le de donn\u00E9es";
+    FieldType["DATASET"] = "test";
+})(FieldType || (FieldType = {}));
+const GeometricFieldTypes = [
+    FieldType.POINT,
+    FieldType.MULTIPOINT,
+    FieldType.LINE,
+    FieldType.MULTILINE,
+    FieldType.POLYGON,
+    FieldType.MULTIPOLYGON,
+    FieldType.GEOMETRYCOLLECTION
+];
+
 const feature$2 = createFeatureSelector(searchFeatureKey);
 const searchLoading = createSelector(feature$2, (state) => state.searchLoading);
 const SearchSelectors = {
@@ -8656,6 +8600,17 @@ class ToolboxManifestService extends SubscriptionnerDirective {
                 options: {},
                 datasource: USE_CURRENT_RESULTSET
             },
+            template: {
+                type: 'template',
+                layout: {
+                    x: 1,
+                    y: 1,
+                    height: 2,
+                    width: 3
+                },
+                options: { html: '', css: '' },
+                datasource: USE_CURRENT_RESULTSET
+            },
             vega: {
                 type: 'vega',
                 layout: {
@@ -8757,7 +8712,8 @@ const defaultMenuStructure = [
             { icon: 'toc', label: '@pry.toolbox.detail', type: 'detail' },
             { icon: 'graph', label: '@pry.toolbox.graph', type: 'graph' },
             { icon: 'settings_applications', label: '@pry.toolbox.iframe', type: 'iframe' },
-            { icon: 'tile', label: '@pry.toolbox.tile', type: 'tile' }
+            { icon: 'tile', label: '@pry.toolbox.tile', type: 'tile' },
+            { icon: 'code-box', label: '@pry.toolbox.template', type: 'template' }
         ]
     }
 ];
@@ -10013,6 +9969,9 @@ class BaseFilterComponent extends SubscriptionnerDirective {
         this.store = store;
         this.type = 'base';
     }
+    ngOnInit() {
+        this._value = this.filter?.value;
+    }
     updateFilter(value) {
         this._value = value;
     }
@@ -10708,8 +10667,7 @@ class DashboardEffects {
         this.relaunchAfterOrder$ = createEffect(() => this.actions$.pipe(ofType(DashboardActions.quickOrder), map$1((action) => SearchActions.getDatasourceItems({ id: action.datasourceId }))));
         this.propagateGridLayout$ = createEffect(() => this.actions$.pipe(ofType(DashboardActions.setGridLayout), withLatestFrom(this.store.select(DashboardSelectors.rank), this.store.select(DashboardSelectors.windowManifest)), map$1(([action, rank, windowManifest]) => DashboardActions.propagateGridLayout({ manifest: windowManifest, rank }))));
         this.toggleEditionModeIfNotManual$ = createEffect(() => this.actions$.pipe(ofType(DashboardActions.setGridLayout), filter$1((action) => action.layout !== DashboardGridLayout.MANUAL), map$1(() => DashboardActions.toggleEditionMode({ force: false }))));
-        this.updateViewAfterFilterValueUpdate$ = createEffect(() => this.actions$.pipe(ofType(DashboardActions.updateFilterValue), map$1((action) => SearchActions.getDatasourceItems({ id: action.datasourceId }))));
-        this.dispatchFilters$ = createEffect(() => this.actions$.pipe(ofType(DashboardActions.dispatchFilters, DashboardActions.clearAllFilterValues), withLatestFrom(this.store.select(DashboardSelectors.filters), this.store.select(DashboardSelectors.resultSets), this.store.select(DashboardSelectors.resultSetsParams), this.store.select(DashboardSelectors.quickOrder)), switchMap(([action, filters, resultSets, resultSetsParams, quickOrder]) => {
+        this.dispatchFilters$ = createEffect(() => this.actions$.pipe(ofType(DashboardActions.dispatchFilters, DashboardActions.clearAllFilterValues), withLatestFrom(this.store.select(DashboardSelectors.filters), this.store.select(DashboardSelectors.resultSets), this.store.select(DashboardSelectors.resultSetsParams), this.store.select(DashboardSelectors.quickOrder)), mergeMap$1(([action, filters, resultSets, resultSetsParams, quickOrder]) => {
             return [
                 ...new Set(filters
                     .map((f) => f.attributes)