@provoly/dashboard 0.11.0

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

@@ -0,0 +1,148 @@
+import { OverlayModule } from '@angular/cdk/overlay';
+import * as i3 from '@angular/common';
+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 { PryCheckboxModule } from '@provoly/dashboard/components/checkbox';
+import { combineLatestWith } from 'rxjs';
+import { map, filter } from 'rxjs/operators';
+import * as i1 from '@ngrx/store';
+import * as i2 from '@angular/platform-browser';
+
+class PryWidgetTemplateCssComponent {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: PryWidgetTemplateCssComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.6", type: PryWidgetTemplateCssComponent, selector: "pry-widget-template-css", ngImport: i0, template: '', isInline: true, styles: [".o-widget--template{padding:1.25rem}\n"], encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: PryWidgetTemplateCssComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'pry-widget-template-css', template: '', encapsulation: ViewEncapsulation.None, styles: [".o-widget--template{padding:1.25rem}\n"] }]
+        }] });
+
+class WidgetTemplateComponent extends DataWidgetComponent {
+    static { this.idGenerator = 0; }
+    constructor(store, el, sanitizer) {
+        super(store, el);
+        this.sanitizer = sanitizer;
+        this.optionsCopy = {};
+        this.id = WidgetTemplateComponent.idGenerator++;
+        this.options$ = this.manifest$.pipe(map((manifest) => manifest.options));
+        this.subscriptions.add(this.options$.pipe(filter((opt) => !!opt)).subscribe((options) => {
+            this.optionsCopy = { ...JSON.parse(JSON.stringify(options)) };
+        }));
+        this.template$ = this.options$.pipe(map((options) => (!!options.svg ? options.svg : options.html ?? '')), combineLatestWith(this.resultSet$), map(([template, rs]) => this.evaluate(template, rs)));
+        this.css$ = this.options$.pipe(map((options) => `<style>${this.limitScope(options.css ?? '')}</style>`), combineLatestWith(this.resultSet$), map(([template, rs]) => this.evaluate(template, rs)));
+    }
+    emitManifest() {
+        this.manifestModified.emit({
+            widgetIndex: this.widgetIndex,
+            manifest: { ...this.manifest, options: this.optionsCopy }
+        });
+    }
+    evaluate(template, rs) {
+        const regexp = new RegExp('{{(.*?)}}', 'g');
+        const toReplace = template.match(regexp);
+        let result = template;
+        if (!!toReplace) {
+            toReplace.forEach((extracted) => {
+                const expr = extracted.substring(2, extracted.length - 2);
+                const splitted = expr.split(/[.\]]/).filter((extr) => extr !== '');
+                let evaluation = null;
+                splitted.forEach((_splitPart) => {
+                    const splitPart = _splitPart.trim();
+                    if (splitPart.startsWith('rs')) {
+                        const classId = (expr.match(/rs\['(.)*?'/) ?? ['no-class-id-detected'])[0]
+                            .replace("rs['", '')
+                            .replace("'", '');
+                        evaluation = rs.items[classId];
+                    }
+                    else if (splitPart.startsWith('[')) {
+                        if (!!evaluation) {
+                            evaluation = evaluation[parseInt(splitPart.substring(1), 10)];
+                        }
+                    }
+                    else {
+                        if (!!evaluation) {
+                            const indexOfCaret = splitPart.indexOf('[');
+                            if (indexOfCaret === -1) {
+                                evaluation = evaluation[splitPart];
+                            }
+                            else {
+                                const prop = splitPart.substring(0, indexOfCaret);
+                                const subProp = splitPart.substring(indexOfCaret + 1);
+                                evaluation = evaluation[prop].values[subProp];
+                            }
+                            if (!!evaluation && evaluation.type === 'VALUE') {
+                                evaluation = evaluation.value;
+                            }
+                        }
+                    }
+                });
+                result = result.replace(extracted, evaluation);
+            });
+        }
+        return this.sanitizer.bypassSecurityTrustHtml(result);
+    }
+    limitScope(css) {
+        const scope = `.pry-template-${this.id}`;
+        const scoped = css.replace(/([},] ?)/g, `$1${scope} `).replace(new RegExp(scope + ' $'), '');
+        return scope + ' ' + scoped;
+    }
+    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" }] }); }
+}
+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" }]
+        }], ctorParameters: function () { return [{ type: i1.Store }, { type: i0.ElementRef }, { type: i2.DomSanitizer }]; } });
+
+class WidgetTemplateModule extends BaseWidgetModule {
+    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.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.1.6", ngImport: i0, type: WidgetTemplateModule, declarations: [WidgetTemplateComponent, PryWidgetTemplateCssComponent], imports: [CommonModule,
+            FormsModule,
+            OverlayModule,
+            PryCoreModule,
+            PryDashboardModule,
+            PrySelectModule,
+            PryIconModule,
+            PryCheckboxModule,
+            PryToggleModule], exports: [WidgetTemplateComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: WidgetTemplateModule, imports: [CommonModule,
+            FormsModule,
+            OverlayModule,
+            PryCoreModule,
+            PryDashboardModule,
+            PrySelectModule,
+            PryIconModule,
+            PryCheckboxModule,
+            PryToggleModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: WidgetTemplateModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [WidgetTemplateComponent, PryWidgetTemplateCssComponent],
+                    imports: [
+                        CommonModule,
+                        FormsModule,
+                        OverlayModule,
+                        PryCoreModule,
+                        PryDashboardModule,
+                        PrySelectModule,
+                        PryIconModule,
+                        PryCheckboxModule,
+                        PryToggleModule
+                    ],
+                    exports: [WidgetTemplateComponent]
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { WidgetTemplateComponent, WidgetTemplateModule };
+//# sourceMappingURL=provoly-dashboard-widgets-widget-template.mjs.map

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

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

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

@@ -0,0 +1,219 @@
+import * as i0 from '@angular/core';
+import { Component, ViewEncapsulation, NgModule } from '@angular/core';
+import * as i4 from '@provoly/dashboard';
+import { DataWidgetComponent, WIDGET_HEADER_HEIGHT, DashboardSelectors, ClassSelectors, ConfigSelectors, FieldSelectors, ContextMenuActions, DashboardActions, ItemUtils, FieldType, BaseWidgetModule, PryCoreModule, PryDashboardModule, PrySelectModule, PryIconModule, PryToggleModule, PryI18nModule } from '@provoly/dashboard';
+import { combineLatest } from 'rxjs';
+import { map, filter } from 'rxjs/operators';
+import * as i1 from '@ngrx/store';
+import * as i2 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i3 from '@angular/forms';
+import { FormsModule } from '@angular/forms';
+import * as i5 from '@provoly/dashboard/components/checkbox';
+import { PryCheckboxModule } from '@provoly/dashboard/components/checkbox';
+import * as i6 from '@provoly/dashboard/widgets/widget-map';
+import { WidgetMapModule } from '@provoly/dashboard/widgets/widget-map';
+import { OverlayModule } from '@angular/cdk/overlay';
+import { WidgetDetailModule } from '@provoly/dashboard/widgets/widget-detail';
+
+class PryWidgetTileCssComponent {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: PryWidgetTileCssComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.6", type: PryWidgetTileCssComponent, selector: "pry-widget-tile-css", ngImport: i0, template: '', isInline: true, styles: [".o-widget--tile__list{margin:0;padding:0}.o-widget--tile__list li{list-style:none}.o-widget--tile-wrapper{flex:1;overflow:auto;height:100%;padding-bottom:3.75rem}.o-widget--tile__list{display:flex;flex-wrap:wrap;justify-content:space-between;gap:1.25rem;padding:1.25rem}.o-widget--tile__list__item{display:flex;flex-direction:column;flex-basis:32%;overflow:hidden;padding:0}.o-widget--tile__list__item .o-widget.o-widget--detail{height:auto;padding-top:15px}.o-widget--tile__list__item__header{display:flex;align-items:center;justify-content:space-between;padding:.625rem}.o-widget--tile__list__item__header__title{margin-bottom:0;padding-bottom:0;font-size:.9375rem}.o-widget--tile__list__item__header .a-checkbox{margin-bottom:0}.o-widget--tile__list__item__header__id{padding:.625rem;margin-bottom:0;font-size:.75rem}.o-widget--tile__list__item__footer{margin-top:auto;padding:.625rem}.o-widget--tile__list__item__footer .a-btn.a-btn--icon-text{display:inline-flex;margin:.3125rem 0 .1875rem;padding:.75rem 0;font-weight:400}.o-widget--tile__list__item__footer .a-btn.a-btn--icon-text:after{content:\"\";position:relative;left:.25rem;display:inline-flex;align-items:center;justify-content:center;width:.5rem;height:.5rem;border-style:solid;border-width:.09375rem .09375rem 0 0;top:-.25rem;transform:rotate(135deg);top:-.125rem;margin-right:.3125rem}.o-widget--tile__list__item__footer .a-btn.a-btn--icon-text[aria-expanded=true]:after{content:\"\";position:relative;left:.25rem;display:inline-flex;align-items:center;justify-content:center;width:.5rem;height:.5rem;border-style:solid;border-width:.09375rem .09375rem 0 0;top:.09375rem;transform:rotate(-45deg);top:.125rem}\n"], encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: PryWidgetTileCssComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'pry-widget-tile-css', template: '', encapsulation: ViewEncapsulation.None, styles: [".o-widget--tile__list{margin:0;padding:0}.o-widget--tile__list li{list-style:none}.o-widget--tile-wrapper{flex:1;overflow:auto;height:100%;padding-bottom:3.75rem}.o-widget--tile__list{display:flex;flex-wrap:wrap;justify-content:space-between;gap:1.25rem;padding:1.25rem}.o-widget--tile__list__item{display:flex;flex-direction:column;flex-basis:32%;overflow:hidden;padding:0}.o-widget--tile__list__item .o-widget.o-widget--detail{height:auto;padding-top:15px}.o-widget--tile__list__item__header{display:flex;align-items:center;justify-content:space-between;padding:.625rem}.o-widget--tile__list__item__header__title{margin-bottom:0;padding-bottom:0;font-size:.9375rem}.o-widget--tile__list__item__header .a-checkbox{margin-bottom:0}.o-widget--tile__list__item__header__id{padding:.625rem;margin-bottom:0;font-size:.75rem}.o-widget--tile__list__item__footer{margin-top:auto;padding:.625rem}.o-widget--tile__list__item__footer .a-btn.a-btn--icon-text{display:inline-flex;margin:.3125rem 0 .1875rem;padding:.75rem 0;font-weight:400}.o-widget--tile__list__item__footer .a-btn.a-btn--icon-text:after{content:\"\";position:relative;left:.25rem;display:inline-flex;align-items:center;justify-content:center;width:.5rem;height:.5rem;border-style:solid;border-width:.09375rem .09375rem 0 0;top:-.25rem;transform:rotate(135deg);top:-.125rem;margin-right:.3125rem}.o-widget--tile__list__item__footer .a-btn.a-btn--icon-text[aria-expanded=true]:after{content:\"\";position:relative;left:.25rem;display:inline-flex;align-items:center;justify-content:center;width:.5rem;height:.5rem;border-style:solid;border-width:.09375rem .09375rem 0 0;top:.09375rem;transform:rotate(-45deg);top:.125rem}\n"] }]
+        }] });
+
+class WidgetTileComponent extends DataWidgetComponent {
+    constructor(store, el) {
+        super(store, el);
+        this.maps = [];
+        this.mapManifest = {
+            type: 'map',
+            header: false,
+            layout: { x: 1, y: 1, width: 1, height: 1 },
+            options: { layers: [{ type: 'marker' }], fit: true }
+        };
+        this.optionsCopy = {};
+        this.WIDGET_HEADER_HEIGHT = WIDGET_HEADER_HEIGHT;
+        this.fields = [];
+        this.classes = [];
+        this.options$ = this.manifest$.pipe(map((manifest) => manifest.options));
+        this.subscriptions.add(this.options$.pipe(filter((opt) => !!opt)).subscribe((options) => {
+            this.optionsCopy = { ...JSON.parse(JSON.stringify(options)) };
+        }));
+        this.items$ = combineLatest([
+            this.resultSet$.pipe(map((rs) => Object.values(rs.items).reduce((p, c) => [...p, ...c], []))),
+            this.options$
+        ]).pipe(map(([items, options]) => items.filter((item) => !options.classes || options.classes.length === 0 || options.classes.includes(item.oClass))));
+        this.selectedIds$ = this.store.select(DashboardSelectors.selectedItemIds);
+        this.classes$ = this.store.select(ClassSelectors.classes);
+        this.propertiesToDisplay$ = combineLatest([
+            this.classes$,
+            this.store.select(ConfigSelectors.tileAttributesDefinitions),
+            this.store.select(ConfigSelectors.maxAttributesInTiles)
+        ]).pipe(map(([classes, tileDefs, maxTilesAttributes]) => ({
+            ...classes
+                .map((clazz) => ({
+                [clazz.id]: [...clazz.attributes.map((attr) => attr.name).filter((_, i) => i < maxTilesAttributes)]
+            }))
+                .reduce((p, c) => ({ ...p, ...c }), {}),
+            ...tileDefs
+        })));
+        this.subscriptions.add(this.store.select(FieldSelectors.fields).subscribe((fields) => (this.fields = fields)));
+        this.subscriptions.add(this.classes$.subscribe((classes) => (this.classes = classes)));
+    }
+    contextMenu($event, item) {
+        if (this.manifest.contextMenu !== false) {
+            $event.stopPropagation();
+            $event.preventDefault();
+            this.store.dispatch(ContextMenuActions.open({
+                itemId: item.id,
+                clientX: $event.clientX,
+                clientY: $event.clientY,
+                from: 'tile'
+            }));
+        }
+    }
+    select($event, item) {
+        $event.stopPropagation();
+        $event.preventDefault();
+        this.store.dispatch(DashboardActions.select({ id: item.id, cumulative: !$event.shiftKey }));
+    }
+    toggleMap(index) {
+        this.maps[index] = !this.maps[index];
+    }
+    resultSetWithItem(item) {
+        return { items: { [item.oClass]: [item] }, relations: [] };
+    }
+    emitManifest() {
+        this.manifestModified.emit({
+            widgetIndex: this.widgetIndex,
+            manifest: {
+                ...this.manifest,
+                options: this.optionsCopy
+            }
+        });
+    }
+    changeClasses($event) {
+        this.optionsCopy.classes = $event;
+    }
+    getValue(item, property) {
+        const value = ItemUtils.getAttributeValue(item, property);
+        return Array.isArray(value) ? value : [value];
+    }
+    isRaw(property, classId) {
+        const clazz = this.classes.find((clazz) => clazz.id === classId);
+        if (!!clazz) {
+            const prop = clazz.attributes.find((attr) => attr.name === property);
+            if (!!prop) {
+                const field = this.fields.find((field) => field.id === prop.field);
+                if (!!field) {
+                    return field.type === FieldType.RAW;
+                }
+            }
+        }
+        return false;
+    }
+    hasMetadata(value) {
+        return Object.keys(value?.metadata ?? {}).length > 0;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: WidgetTileComponent, deps: [{ token: i1.Store }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.6", type: WidgetTileComponent, selector: "pry-widget-tile", usesInheritance: true, ngImport: i0, template: "<pry-widget-tile-css></pry-widget-tile-css>\n<div class=\"o-widget o-widget--tile\">\n  <pry-widget-header\n    [datasourceIds$]=\"datasourceIds$\"\n    *ngIf=\"displayHeader$ | async\"\n    [widgetIndex]=\"widgetIndex\"\n    [manifest]=\"manifest\"\n    (manifestModified)=\"manifestModified.emit($event)\"\n    [headerOptions]=\"(displayHeader$ | async) ?? {}\"\n    #header\n  >\n    <pry-settings\n      (saveTriggered)=\"emitManifest()\"\n      [headerPresent]=\"displayHeader$ | async\"\n      [widgetIndex]=\"widgetIndex\"\n      [header]=\"header\"\n      [open$]=\"open$\"\n      class=\"o-settings\"\n    >\n      <div class=\"m-form-label-field\">\n        <label class=\"a-label\" for=\"tile_classes\">{{ '@pry.widget.tile.classes' | i18n }}</label>\n        <pry-select\n          (ngModelChange)=\"changeClasses($event)\"\n          [itemsAsOption]=\"true\"\n          [items]=\"classes$ | async\"\n          [multiple]=\"true\"\n          [ngModel]=\"optionsCopy.classes\"\n          bindLabel=\"name\"\n          bindValue=\"id\"\n          class=\"a-pry-select\"\n          id=\"tile_classes\"\n        ></pry-select>\n      </div>\n    </pry-settings>\n  </pry-widget-header>\n  <div class=\"o-widget--tile-wrapper\" [style.top]=\"(displayHeader$ | async) ? WIDGET_HEADER_HEIGHT + 'px' : 0\">\n    <div class=\"no-result\" *ngIf=\"(items$ | async)?.length === 0\">\n      <img\n        class=\"no-result__search\"\n        src=\"../../../assets/svgs/pry_recherche_pas_de_resultat.svg\"\n        alt=\"{{ '@pry.widget.tile.empty' | i18n }}\"\n        aria-hidden=\"true\"\n      />\n      <span class=\"no-result__text\">{{ '@pry.widget.tile.empty' | i18n }}</span>\n    </div>\n    <ul class=\"o-widget--tile__list\">\n      <li\n        class=\"o-widget--tile__list__item\"\n        *ngFor=\"let item of items$ | async; let index = index\"\n        (contextmenu)=\"contextMenu($event, item)\"\n      >\n        <div class=\"o-widget--tile__list__item__header\">\n          <img\n            [height]=\"25\"\n            [width]=\"25\"\n            [src]=\"item | translateItemToSymbol | async\"\n            [alt]=\"item.oClass | translateId: { type: 'class', output: 'name' } | async\"\n          />\n          <h3 class=\"o-widget--tile__list__item__header__title\">\n            {{\n              item.oClass\n                | translateId\n                  : {\n                      type: 'class',\n                      output: 'name'\n                    }\n                | async\n            }}\n          </h3>\n          <pry-checkbox\n            [ngModel]=\"(selectedIds$ | async).includes(item.id)\"\n            (click)=\"select($event, item)\"\n          ></pry-checkbox>\n        </div>\n        <div class=\"o-properties\">\n          <ul class=\"o-properties__list\">\n            <ng-container *ngFor=\"let property of (propertiesToDisplay$ | async)![item.oClass]\">\n              <li\n                *ngFor=\"let value of getValue(item, property); let i = index; let c = count\"\n                class=\"o-properties__list__item\"\n              >\n                <p class=\"o-properties__list__item__label\" *ngIf=\"i === 0\">{{ property }}:</p>\n                <p class=\"o-properties__list__item__value\" *ngIf=\"!isRaw(property, item.oClass)\">{{ value?.value }}</p>\n                <p class=\"o-properties__list__item__raw\" *ngIf=\"isRaw(property, item.oClass)\">\n                  <pry-vizualize-raw [item]=\"item\" [propertyName]=\"property\"></pry-vizualize-raw>\n                </p>\n                <ng-container *ngIf=\"hasMetadata(value)\">\n                  <pry-metadata [item]=\"value\"></pry-metadata>\n                </ng-container>\n              </li>\n            </ng-container>\n          </ul>\n        </div>\n        <div (click)=\"toggleMap(index)\" class=\"o-widget--tile__list__item__footer\">\n          <button\n            type=\"button\"\n            class=\"a-btn a-btn--icon-text -link-like\"\n            aria-controls=\"tile-map-xxx\"\n            aria-expanded=\"false\"\n          >\n            {{ '@pry.widget.tile.map' | i18n }}\n          </button>\n        </div>\n        <div class=\"o-widget--tile__list__item__map\" *ngIf=\"maps[index]\" id=\"tile-map-xxx\">\n          <pry-widget-map [staticManifest]=\"mapManifest\" [staticResultSet]=\"resultSetWithItem(item)\"></pry-widget-map>\n        </div>\n      </li>\n    </ul>\n  </div>\n</div>\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: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i4.SettingsComponent, selector: "pry-settings", inputs: ["widgetIndex", "isDisable", "headerPresent", "open$", "header"], outputs: ["saveTriggered"] }, { kind: "component", type: i4.MetadataComponent, selector: "pry-metadata", inputs: ["item"] }, { kind: "component", type: i4.PryWidgetHeaderComponent, selector: "pry-widget-header", inputs: ["manifest", "additionalOptions", "headerOptions", "displayCount", "datasourceIds$", "widgetIndex"], outputs: ["manifestModified"] }, { kind: "component", type: i4.VizualizeRawComponent, selector: "pry-vizualize-raw", inputs: ["item", "propertyName", "alt"] }, { kind: "component", type: i4.PrySelectComponent, selector: "pry-select", inputs: ["labelTranslate", "baseTranslate", "translationFn", "translationFnArgs", "clearable", "multiple", "multipleClearRight", "placeholder", "isForm", "required", "name", "readonly", "items", "itemsAsOption", "bindData", "bindValue", "bindLabel", "bindIcon", "iconSize", "templateLabel", "templateOption", "autocomplete"] }, { kind: "component", type: i5.PryCheckboxComponent, selector: "pry-checkbox", inputs: ["circle"] }, { kind: "component", type: i6.WidgetMapComponent, selector: "pry-widget-map" }, { kind: "component", type: PryWidgetTileCssComponent, selector: "pry-widget-tile-css" }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "pipe", type: i4.TranslateIdPipe, name: "translateId" }, { kind: "pipe", type: i4.TranslateItemToSymbolPipe, name: "translateItemToSymbol" }, { kind: "pipe", type: i4.I18nPipe, name: "i18n" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: WidgetTileComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'pry-widget-tile', template: "<pry-widget-tile-css></pry-widget-tile-css>\n<div class=\"o-widget o-widget--tile\">\n  <pry-widget-header\n    [datasourceIds$]=\"datasourceIds$\"\n    *ngIf=\"displayHeader$ | async\"\n    [widgetIndex]=\"widgetIndex\"\n    [manifest]=\"manifest\"\n    (manifestModified)=\"manifestModified.emit($event)\"\n    [headerOptions]=\"(displayHeader$ | async) ?? {}\"\n    #header\n  >\n    <pry-settings\n      (saveTriggered)=\"emitManifest()\"\n      [headerPresent]=\"displayHeader$ | async\"\n      [widgetIndex]=\"widgetIndex\"\n      [header]=\"header\"\n      [open$]=\"open$\"\n      class=\"o-settings\"\n    >\n      <div class=\"m-form-label-field\">\n        <label class=\"a-label\" for=\"tile_classes\">{{ '@pry.widget.tile.classes' | i18n }}</label>\n        <pry-select\n          (ngModelChange)=\"changeClasses($event)\"\n          [itemsAsOption]=\"true\"\n          [items]=\"classes$ | async\"\n          [multiple]=\"true\"\n          [ngModel]=\"optionsCopy.classes\"\n          bindLabel=\"name\"\n          bindValue=\"id\"\n          class=\"a-pry-select\"\n          id=\"tile_classes\"\n        ></pry-select>\n      </div>\n    </pry-settings>\n  </pry-widget-header>\n  <div class=\"o-widget--tile-wrapper\" [style.top]=\"(displayHeader$ | async) ? WIDGET_HEADER_HEIGHT + 'px' : 0\">\n    <div class=\"no-result\" *ngIf=\"(items$ | async)?.length === 0\">\n      <img\n        class=\"no-result__search\"\n        src=\"../../../assets/svgs/pry_recherche_pas_de_resultat.svg\"\n        alt=\"{{ '@pry.widget.tile.empty' | i18n }}\"\n        aria-hidden=\"true\"\n      />\n      <span class=\"no-result__text\">{{ '@pry.widget.tile.empty' | i18n }}</span>\n    </div>\n    <ul class=\"o-widget--tile__list\">\n      <li\n        class=\"o-widget--tile__list__item\"\n        *ngFor=\"let item of items$ | async; let index = index\"\n        (contextmenu)=\"contextMenu($event, item)\"\n      >\n        <div class=\"o-widget--tile__list__item__header\">\n          <img\n            [height]=\"25\"\n            [width]=\"25\"\n            [src]=\"item | translateItemToSymbol | async\"\n            [alt]=\"item.oClass | translateId: { type: 'class', output: 'name' } | async\"\n          />\n          <h3 class=\"o-widget--tile__list__item__header__title\">\n            {{\n              item.oClass\n                | translateId\n                  : {\n                      type: 'class',\n                      output: 'name'\n                    }\n                | async\n            }}\n          </h3>\n          <pry-checkbox\n            [ngModel]=\"(selectedIds$ | async).includes(item.id)\"\n            (click)=\"select($event, item)\"\n          ></pry-checkbox>\n        </div>\n        <div class=\"o-properties\">\n          <ul class=\"o-properties__list\">\n            <ng-container *ngFor=\"let property of (propertiesToDisplay$ | async)![item.oClass]\">\n              <li\n                *ngFor=\"let value of getValue(item, property); let i = index; let c = count\"\n                class=\"o-properties__list__item\"\n              >\n                <p class=\"o-properties__list__item__label\" *ngIf=\"i === 0\">{{ property }}:</p>\n                <p class=\"o-properties__list__item__value\" *ngIf=\"!isRaw(property, item.oClass)\">{{ value?.value }}</p>\n                <p class=\"o-properties__list__item__raw\" *ngIf=\"isRaw(property, item.oClass)\">\n                  <pry-vizualize-raw [item]=\"item\" [propertyName]=\"property\"></pry-vizualize-raw>\n                </p>\n                <ng-container *ngIf=\"hasMetadata(value)\">\n                  <pry-metadata [item]=\"value\"></pry-metadata>\n                </ng-container>\n              </li>\n            </ng-container>\n          </ul>\n        </div>\n        <div (click)=\"toggleMap(index)\" class=\"o-widget--tile__list__item__footer\">\n          <button\n            type=\"button\"\n            class=\"a-btn a-btn--icon-text -link-like\"\n            aria-controls=\"tile-map-xxx\"\n            aria-expanded=\"false\"\n          >\n            {{ '@pry.widget.tile.map' | i18n }}\n          </button>\n        </div>\n        <div class=\"o-widget--tile__list__item__map\" *ngIf=\"maps[index]\" id=\"tile-map-xxx\">\n          <pry-widget-map [staticManifest]=\"mapManifest\" [staticResultSet]=\"resultSetWithItem(item)\"></pry-widget-map>\n        </div>\n      </li>\n    </ul>\n  </div>\n</div>\n" }]
+        }], ctorParameters: function () { return [{ type: i1.Store }, { type: i0.ElementRef }]; } });
+
+const enTranslations = {
+    '@pry': {
+        widget: {
+            tile: {
+                map: 'Display map',
+                classes: 'Classes to display',
+                metadata: 'Metadata',
+                empty: 'No data to display'
+            }
+        }
+    }
+};
+
+const frTranslations = {
+    '@pry': {
+        widget: {
+            tile: {
+                map: 'Afficher la carte',
+                classes: 'Classes à afficher',
+                metadata: 'Metadonnée',
+                empty: 'Aucune donnée à afficher'
+            }
+        }
+    }
+};
+
+class WidgetTileModule extends BaseWidgetModule {
+    constructor(pryTranslateService) {
+        super();
+        this.pryTranslateService = pryTranslateService;
+        this.pryTranslateService.addLangObject('fr', 'widget-tile', frTranslations);
+        this.pryTranslateService.addLangObject('en', 'widget-tile', enTranslations);
+    }
+    getComponent() {
+        return WidgetTileComponent;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: WidgetTileModule, deps: [{ token: i4.PryI18nService }], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.1.6", ngImport: i0, type: WidgetTileModule, declarations: [WidgetTileComponent, PryWidgetTileCssComponent], imports: [CommonModule,
+            FormsModule,
+            OverlayModule,
+            PryCoreModule,
+            PryDashboardModule,
+            PrySelectModule,
+            PryIconModule,
+            PryCheckboxModule,
+            PryToggleModule,
+            WidgetDetailModule,
+            WidgetMapModule,
+            PryI18nModule], exports: [WidgetTileComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: WidgetTileModule, imports: [CommonModule,
+            FormsModule,
+            OverlayModule,
+            PryCoreModule,
+            PryDashboardModule,
+            PrySelectModule,
+            PryIconModule,
+            PryCheckboxModule,
+            PryToggleModule,
+            WidgetDetailModule,
+            WidgetMapModule,
+            PryI18nModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: WidgetTileModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [WidgetTileComponent, PryWidgetTileCssComponent],
+                    imports: [
+                        CommonModule,
+                        FormsModule,
+                        OverlayModule,
+                        PryCoreModule,
+                        PryDashboardModule,
+                        PrySelectModule,
+                        PryIconModule,
+                        PryCheckboxModule,
+                        PryToggleModule,
+                        WidgetDetailModule,
+                        WidgetMapModule,
+                        PryI18nModule
+                    ],
+                    exports: [WidgetTileComponent]
+                }]
+        }], ctorParameters: function () { return [{ type: i4.PryI18nService }]; } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { WidgetTileComponent, WidgetTileModule };
+//# sourceMappingURL=provoly-dashboard-widgets-widget-tile.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"provoly-dashboard-widgets-widget-tile.mjs","sources":["../../../../projects/provoly/dashboard/widgets/widget-tile/style/css.component.ts","../../../../projects/provoly/dashboard/widgets/widget-tile/component/widget-tile.component.ts","../../../../projects/provoly/dashboard/widgets/widget-tile/component/widget-tile.component.html","../../../../projects/provoly/dashboard/widgets/widget-tile/i18n/en.translations.ts","../../../../projects/provoly/dashboard/widgets/widget-tile/i18n/fr.translations.ts","../../../../projects/provoly/dashboard/widgets/widget-tile/widget-tile.module.ts","../../../../projects/provoly/dashboard/widgets/widget-tile/provoly-dashboard-widgets-widget-tile.ts"],"sourcesContent":["import { Component, ViewEncapsulation } from '@angular/core';\n\n@Component({\n  selector: 'pry-widget-tile-css',\n  template: '',\n  styleUrls: ['./_o-widget-tile.scss'],\n  encapsulation: ViewEncapsulation.None\n})\nexport class PryWidgetTileCssComponent {}\n","import { Component, ElementRef } from '@angular/core';\nimport { Store } from '@ngrx/store';\nimport {\n  AttributeSimpleValue,\n  Class,\n  ClassSelectors,\n  ConfigSelectors,\n  ContextMenuActions,\n  DashboardActions,\n  DashboardSelectors,\n  DataWidgetComponent,\n  Field,\n  FieldSelectors,\n  FieldType,\n  Item,\n  ItemUtils,\n  ResultSet,\n  TileWidgetOptions,\n  WIDGET_HEADER_HEIGHT\n} from '@provoly/dashboard';\nimport { combineLatest, Observable } from 'rxjs';\nimport { filter, map } from 'rxjs/operators';\n\n@Component({\n  selector: 'pry-widget-tile',\n  templateUrl: './widget-tile.component.html'\n})\nexport class WidgetTileComponent extends DataWidgetComponent {\n  options$: Observable<TileWidgetOptions>;\n  items$: Observable<Item[]>;\n  selectedIds$: Observable<any>;\n  maps: boolean[] = [];\n  mapManifest = {\n    type: 'map',\n    header: false,\n    layout: { x: 1, y: 1, width: 1, height: 1 },\n    options: { layers: [{ type: 'marker' }], fit: true }\n  };\n  classes$: Observable<Class[]>;\n  optionsCopy: TileWidgetOptions = {};\n  WIDGET_HEADER_HEIGHT = WIDGET_HEADER_HEIGHT;\n  propertiesToDisplay$: Observable<{ [p: string]: string[] } | undefined>;\n  fields: Field[] = [];\n  classes: Class[] = [];\n\n  constructor(store: Store<any>, el: ElementRef) {\n    super(store, el);\n    this.options$ = this.manifest$.pipe(map((manifest) => manifest.options as TileWidgetOptions));\n    this.subscriptions.add(\n      this.options$.pipe(filter((opt) => !!opt)).subscribe((options) => {\n        this.optionsCopy = { ...(JSON.parse(JSON.stringify(options)) as TileWidgetOptions) };\n      })\n    );\n    this.items$ = combineLatest([\n      this.resultSet$.pipe(map((rs) => Object.values(rs.items).reduce((p, c) => [...p, ...c], []))),\n      this.options$\n    ]).pipe(\n      map(([items, options]) =>\n        items.filter(\n          (item) => !options.classes || options.classes.length === 0 || options.classes.includes(item.oClass)\n        )\n      )\n    );\n    this.selectedIds$ = this.store.select(DashboardSelectors.selectedItemIds);\n    this.classes$ = this.store.select(ClassSelectors.classes);\n    this.propertiesToDisplay$ = combineLatest([\n      this.classes$,\n      this.store.select(ConfigSelectors.tileAttributesDefinitions),\n      this.store.select(ConfigSelectors.maxAttributesInTiles)\n    ]).pipe(\n      map(([classes, tileDefs, maxTilesAttributes]) => ({\n        ...classes\n          .map((clazz) => ({\n            [clazz.id]: [...clazz.attributes.map((attr) => attr.name).filter((_, i) => i < maxTilesAttributes)]\n          }))\n          .reduce((p, c) => ({ ...p, ...c }), {}),\n        ...tileDefs\n      }))\n    );\n    this.subscriptions.add(this.store.select(FieldSelectors.fields).subscribe((fields) => (this.fields = fields)));\n    this.subscriptions.add(this.classes$.subscribe((classes) => (this.classes = classes)));\n  }\n\n  contextMenu($event: MouseEvent, item: Item) {\n    if (this.manifest.contextMenu !== false) {\n      $event.stopPropagation();\n      $event.preventDefault();\n      this.store.dispatch(\n        ContextMenuActions.open({\n          itemId: item.id,\n          clientX: $event.clientX,\n          clientY: $event.clientY,\n          from: 'tile'\n        })\n      );\n    }\n  }\n\n  select($event: MouseEvent, item: Item) {\n    $event.stopPropagation();\n    $event.preventDefault();\n    this.store.dispatch(DashboardActions.select({ id: item.id, cumulative: !$event.shiftKey }));\n  }\n\n  toggleMap(index: number) {\n    this.maps[index] = !this.maps[index];\n  }\n\n  resultSetWithItem(item: Item): ResultSet {\n    return { items: { [item.oClass]: [item] }, relations: [] };\n  }\n\n  emitManifest() {\n    this.manifestModified.emit({\n      widgetIndex: this.widgetIndex,\n      manifest: {\n        ...this.manifest,\n        options: this.optionsCopy\n      }\n    });\n  }\n\n  changeClasses($event: any) {\n    this.optionsCopy.classes = $event;\n  }\n\n  getValue(item: Item, property: string): AttributeSimpleValue[] {\n    const value = ItemUtils.getAttributeValue(item, property);\n    return Array.isArray(value) ? value : [value];\n  }\n\n  isRaw(property: string, classId: string): boolean {\n    const clazz = this.classes.find((clazz) => clazz.id === classId);\n    if (!!clazz) {\n      const prop = clazz.attributes.find((attr) => attr.name === property);\n      if (!!prop) {\n        const field = this.fields.find((field) => field.id === prop.field);\n        if (!!field) {\n          return field.type === FieldType.RAW;\n        }\n      }\n    }\n    return false;\n  }\n\n  hasMetadata(value: AttributeSimpleValue | Item) {\n    return Object.keys(value?.metadata ?? {}).length > 0;\n  }\n}\n","<pry-widget-tile-css></pry-widget-tile-css>\n<div class=\"o-widget o-widget--tile\">\n  <pry-widget-header\n    [datasourceIds$]=\"datasourceIds$\"\n    *ngIf=\"displayHeader$ | async\"\n    [widgetIndex]=\"widgetIndex\"\n    [manifest]=\"manifest\"\n    (manifestModified)=\"manifestModified.emit($event)\"\n    [headerOptions]=\"(displayHeader$ | async) ?? {}\"\n    #header\n  >\n    <pry-settings\n      (saveTriggered)=\"emitManifest()\"\n      [headerPresent]=\"displayHeader$ | async\"\n      [widgetIndex]=\"widgetIndex\"\n      [header]=\"header\"\n      [open$]=\"open$\"\n      class=\"o-settings\"\n    >\n      <div class=\"m-form-label-field\">\n        <label class=\"a-label\" for=\"tile_classes\">{{ '@pry.widget.tile.classes' | i18n }}</label>\n        <pry-select\n          (ngModelChange)=\"changeClasses($event)\"\n          [itemsAsOption]=\"true\"\n          [items]=\"classes$ | async\"\n          [multiple]=\"true\"\n          [ngModel]=\"optionsCopy.classes\"\n          bindLabel=\"name\"\n          bindValue=\"id\"\n          class=\"a-pry-select\"\n          id=\"tile_classes\"\n        ></pry-select>\n      </div>\n    </pry-settings>\n  </pry-widget-header>\n  <div class=\"o-widget--tile-wrapper\" [style.top]=\"(displayHeader$ | async) ? WIDGET_HEADER_HEIGHT + 'px' : 0\">\n    <div class=\"no-result\" *ngIf=\"(items$ | async)?.length === 0\">\n      <img\n        class=\"no-result__search\"\n        src=\"../../../assets/svgs/pry_recherche_pas_de_resultat.svg\"\n        alt=\"{{ '@pry.widget.tile.empty' | i18n }}\"\n        aria-hidden=\"true\"\n      />\n      <span class=\"no-result__text\">{{ '@pry.widget.tile.empty' | i18n }}</span>\n    </div>\n    <ul class=\"o-widget--tile__list\">\n      <li\n        class=\"o-widget--tile__list__item\"\n        *ngFor=\"let item of items$ | async; let index = index\"\n        (contextmenu)=\"contextMenu($event, item)\"\n      >\n        <div class=\"o-widget--tile__list__item__header\">\n          <img\n            [height]=\"25\"\n            [width]=\"25\"\n            [src]=\"item | translateItemToSymbol | async\"\n            [alt]=\"item.oClass | translateId: { type: 'class', output: 'name' } | async\"\n          />\n          <h3 class=\"o-widget--tile__list__item__header__title\">\n            {{\n              item.oClass\n                | translateId\n                  : {\n                      type: 'class',\n                      output: 'name'\n                    }\n                | async\n            }}\n          </h3>\n          <pry-checkbox\n            [ngModel]=\"(selectedIds$ | async).includes(item.id)\"\n            (click)=\"select($event, item)\"\n          ></pry-checkbox>\n        </div>\n        <div class=\"o-properties\">\n          <ul class=\"o-properties__list\">\n            <ng-container *ngFor=\"let property of (propertiesToDisplay$ | async)![item.oClass]\">\n              <li\n                *ngFor=\"let value of getValue(item, property); let i = index; let c = count\"\n                class=\"o-properties__list__item\"\n              >\n                <p class=\"o-properties__list__item__label\" *ngIf=\"i === 0\">{{ property }}:</p>\n                <p class=\"o-properties__list__item__value\" *ngIf=\"!isRaw(property, item.oClass)\">{{ value?.value }}</p>\n                <p class=\"o-properties__list__item__raw\" *ngIf=\"isRaw(property, item.oClass)\">\n                  <pry-vizualize-raw [item]=\"item\" [propertyName]=\"property\"></pry-vizualize-raw>\n                </p>\n                <ng-container *ngIf=\"hasMetadata(value)\">\n                  <pry-metadata [item]=\"value\"></pry-metadata>\n                </ng-container>\n              </li>\n            </ng-container>\n          </ul>\n        </div>\n        <div (click)=\"toggleMap(index)\" class=\"o-widget--tile__list__item__footer\">\n          <button\n            type=\"button\"\n            class=\"a-btn a-btn--icon-text -link-like\"\n            aria-controls=\"tile-map-xxx\"\n            aria-expanded=\"false\"\n          >\n            {{ '@pry.widget.tile.map' | i18n }}\n          </button>\n        </div>\n        <div class=\"o-widget--tile__list__item__map\" *ngIf=\"maps[index]\" id=\"tile-map-xxx\">\n          <pry-widget-map [staticManifest]=\"mapManifest\" [staticResultSet]=\"resultSetWithItem(item)\"></pry-widget-map>\n        </div>\n      </li>\n    </ul>\n  </div>\n</div>\n","export const enTranslations = {\n  '@pry': {\n    widget: {\n      tile: {\n        map: 'Display map',\n        classes: 'Classes to display',\n        metadata: 'Metadata',\n        empty: 'No data to display'\n      }\n    }\n  }\n};\n","export const frTranslations = {\n  '@pry': {\n    widget: {\n      tile: {\n        map: 'Afficher la carte',\n        classes: 'Classes à afficher',\n        metadata: 'Metadonnée',\n        empty: 'Aucune donnée à afficher'\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 { WidgetDetailModule } from '@provoly/dashboard/widgets/widget-detail';\nimport { WidgetMapModule } from '@provoly/dashboard/widgets/widget-map';\nimport { WidgetTileComponent } from './component/widget-tile.component';\nimport { enTranslations } from './i18n/en.translations';\nimport { frTranslations } from './i18n/fr.translations';\nimport { PryWidgetTileCssComponent } from './style/css.component';\n\n@NgModule({\n  declarations: [WidgetTileComponent, PryWidgetTileCssComponent],\n  imports: [\n    CommonModule,\n    FormsModule,\n    OverlayModule,\n    PryCoreModule,\n    PryDashboardModule,\n    PrySelectModule,\n    PryIconModule,\n    PryCheckboxModule,\n    PryToggleModule,\n    WidgetDetailModule,\n    WidgetMapModule,\n    PryI18nModule\n  ],\n  exports: [WidgetTileComponent]\n})\nexport class WidgetTileModule extends BaseWidgetModule {\n  constructor(private pryTranslateService: PryI18nService) {\n    super();\n    this.pryTranslateService.addLangObject('fr', 'widget-tile', frTranslations);\n    this.pryTranslateService.addLangObject('en', 'widget-tile', enTranslations);\n  }\n\n  override getComponent() {\n    return WidgetTileComponent as Type<BaseWidgetComponent>;\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["i7.PryWidgetTileCssComponent","i1"],"mappings":"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"}