@provoly/dashboard 0.22.6 → 0.22.7

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

@@ -12,10 +12,10 @@ import { map, tap } from 'rxjs/operators';
 import * as i1 from '@ngrx/store';
 
 class PryWidgetDetailCssComponent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PryWidgetDetailCssComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: PryWidgetDetailCssComponent, selector: "pry-widget-detail-css", ngImport: i0, template: '', isInline: true, styles: [".o-widget--detail{position:relative;overflow:auto;height:100%}.o-widget--detail .is-empty,.o-widget--detail__content{padding:1.875rem}.o-widget--detail__content .o-properties__list{padding:0}.o-widget--detail__datas{padding:0 .9375rem}.o-widget--detail__header{position:relative;display:flex;align-items:center;justify-content:space-between;margin-bottom:.9375rem;padding:.625rem;border-radius:.3125rem .3125rem 0 0;cursor:pointer}.o-widget--detail__header__title{font-size:.9375rem}.o-widget--detail__category{display:flex;align-items:center;gap:.625rem;margin-top:1.25rem;padding:.625rem 0;border-bottom-width:2px;border-bottom-style:solid;font-weight:700;cursor:pointer}.o-widget--detail__header p,.o-widget--detail__category p{margin-bottom:0}\n"], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: PryWidgetDetailCssComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.3", type: PryWidgetDetailCssComponent, selector: "pry-widget-detail-css", ngImport: i0, template: '', isInline: true, styles: [".o-widget--detail{position:relative;overflow:auto;height:100%}.o-widget--detail .is-empty,.o-widget--detail__content{padding:1.875rem}.o-widget--detail__content .o-properties__list{padding:0}.o-widget--detail__datas{padding:0 .9375rem}.o-widget--detail__header{position:relative;display:flex;align-items:center;justify-content:space-between;margin-bottom:.9375rem;padding:.625rem;border-radius:.3125rem .3125rem 0 0;cursor:pointer}.o-widget--detail__header__title{font-size:.9375rem}.o-widget--detail__category{display:flex;align-items:center;gap:.625rem;margin-top:1.25rem;padding:.625rem 0;border-bottom-width:2px;border-bottom-style:solid;font-weight:700;cursor:pointer}.o-widget--detail__header p,.o-widget--detail__category p{margin-bottom:0}\n"], encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PryWidgetDetailCssComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: PryWidgetDetailCssComponent, decorators: [{
             type: Component,
             args: [{ selector: 'pry-widget-detail-css', template: '', encapsulation: ViewEncapsulation.None, styles: [".o-widget--detail{position:relative;overflow:auto;height:100%}.o-widget--detail .is-empty,.o-widget--detail__content{padding:1.875rem}.o-widget--detail__content .o-properties__list{padding:0}.o-widget--detail__datas{padding:0 .9375rem}.o-widget--detail__header{position:relative;display:flex;align-items:center;justify-content:space-between;margin-bottom:.9375rem;padding:.625rem;border-radius:.3125rem .3125rem 0 0;cursor:pointer}.o-widget--detail__header__title{font-size:.9375rem}.o-widget--detail__category{display:flex;align-items:center;gap:.625rem;margin-top:1.25rem;padding:.625rem 0;border-bottom-width:2px;border-bottom-style:solid;font-weight:700;cursor:pointer}.o-widget--detail__header p,.o-widget--detail__category p{margin-bottom:0}\n"] }]
         }] });
@@ -134,13 +134,13 @@ class WidgetDetailComponent extends BaseWidgetComponent {
     isRaw(property) {
         return this.fields.find((field) => field.id === property.attribute.field)?.type === FieldType.RAW;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: WidgetDetailComponent, deps: [{ token: i1.Store }, { token: i2.PryI18nService }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: WidgetDetailComponent, selector: "pry-widget-detail", usesInheritance: true, ngImport: i0, template: "<pry-widget-detail-css></pry-widget-detail-css>\n<div class=\"o-widget o-widget--detail\">\n  <pry-widget-header\n    *ngIf=\"displayHeader$ | async\"\n    [widgetIndex]=\"widgetIndex\"\n    [manifest]=\"detailledWidgetManifest$ | async\"\n    [additionalOptions]=\"additionalOptions$ | async\"\n    [headerOptions]=\"(displayHeader$ | async) ?? {}\"\n    [displayCount]=\"false\"\n  >\n  </pry-widget-header>\n\n  <p class=\"is-empty\" *ngIf=\"!(itemAndCategories$ | async) || (itemAndCategories$ | async)?.length === 0\">\n    {{ '@pry.widget.detail.noItems' | i18n }}\n  </p>\n\n  <div class=\"o-widget--detail__content\" *ngFor=\"let couple of itemAndCategories$ | async; let itemIndex = index\">\n    <ng-container *ngIf=\"!((options$ | async)?.header === false)\">\n      <div\n        class=\"o-widget--detail__header\"\n        (contextmenu)=\"contextMenu($event, couple.item)\"\n        title=\"{{ '@pry.widget.itemId' | i18n }}: {{ couple.item.id }}\"\n      >\n        <img [height]=\"25\" [width]=\"25\" [src]=\"couple.item | translateItemToSymbol | async\" [alt]=\"couple\" />\n        <h3 class=\"o-widget--detail__header__title\">\n          {{ '@pry.widget.class' | i18n }}:\n          {{\n            couple.item.oClass\n              | translateId\n                : {\n                    type: 'class',\n                    output: 'name'\n                  }\n              | async\n          }}\n        </h3>\n        <button\n          type=\"button\"\n          class=\"a-btn a-btn--icon-only\"\n          [attr.aria-expanded]=\"!(!!panelOpened[itemIndex] && panelOpened[itemIndex].item)\"\n          [attr.aria-controls]=\"'item-' + widgetId + '-' + itemIndex\"\n          (click)=\"toggle(itemIndex)\"\n        >\n          <pry-icon *ngIf=\"!!panelOpened[itemIndex] && panelOpened[itemIndex].item\" iconSvg=\"fleche_haut\"></pry-icon>\n          <pry-icon *ngIf=\"!(!!panelOpened[itemIndex] && panelOpened[itemIndex].item)\" iconSvg=\"fleche_bas\"></pry-icon>\n        </button>\n      </div>\n      <div class=\"o-widget--detail__datas\" *ngIf=\"hasMetadata(couple.item)\">\n        <pry-metadata [item]=\"couple.item\"></pry-metadata>\n      </div>\n    </ng-container>\n\n    <div\n      *ngIf=\"!!panelOpened[itemIndex] && panelOpened[itemIndex].item\"\n      (contextmenu)=\"contextMenu($event, couple.item)\"\n      class=\"o-widget--detail__datas\"\n      [id]=\"'item-' + widgetId + '-' + itemIndex\"\n    >\n      <ng-container *ngFor=\"let category of couple.categories; let categoryIndex = index\">\n        <div class=\"o-widget--detail__category\">\n          <p>{{ '@pry.widget.detail.category' | i18n }}: {{ category.name }}</p>\n          <button\n            type=\"button\"\n            class=\"a-btn a-btn--icon-only\"\n            [attr.aria-expanded]=\"!(panelOpened[itemIndex] && panelOpened[itemIndex].categories[categoryIndex])\"\n            [attr.aria-controls]=\"'properties-' + widgetId + '-' + itemIndex + '-' + categoryIndex\"\n            (click)=\"toggle(itemIndex, categoryIndex)\"\n          >\n            <pry-icon\n              *ngIf=\"panelOpened[itemIndex] && panelOpened[itemIndex].categories[categoryIndex]\"\n              iconSvg=\"fleche_haut\"\n            >\n            </pry-icon>\n            <pry-icon\n              *ngIf=\"!(panelOpened[itemIndex] && panelOpened[itemIndex].categories[categoryIndex])\"\n              iconSvg=\"fleche_bas\"\n            >\n            </pry-icon>\n          </button>\n        </div>\n\n        <div\n          class=\"o-properties\"\n          [id]=\"'properties-' + widgetId + '-' + itemIndex + '-' + categoryIndex\"\n          *ngIf=\"panelOpened[itemIndex] && panelOpened[itemIndex].categories[categoryIndex]\"\n        >\n          <ul class=\"o-properties__list\">\n            <ng-container>\n              <ng-container *ngFor=\"let property of category.properties\">\n                <li\n                  *ngFor=\"let value of getValue(couple.item, property.attribute); 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.name }}:</p>\n                  <p class=\"o-properties__list__item__value\" *ngIf=\"!isRaw(property)\">{{ value?.value }}</p>\n                  <p class=\"o-properties__list__item__raw\" *ngIf=\"isRaw(property)\">\n                    <pry-vizualize-raw [item]=\"couple.item\" [propertyName]=\"property.name\"></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            </ng-container>\n          </ul>\n        </div>\n      </ng-container>\n    </div>\n  </div>\n</div>\n", dependencies: [{ kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.MetadataComponent, selector: "pry-metadata", inputs: ["item"] }, { kind: "component", type: i2.PryWidgetHeaderComponent, selector: "pry-widget-header", inputs: ["manifest", "openData$", "additionalOptions", "headerOptions", "displayCount", "datasourceIds", "widgetIndex"], outputs: ["manifestModified"] }, { kind: "component", type: i2.VizualizeRawComponent, selector: "pry-vizualize-raw", inputs: ["item", "propertyName", "alt"] }, { kind: "component", type: i2.PryIconComponent, selector: "pry-icon", inputs: ["color", "iconSvg", "animation", "iconImage", "alt", "width", "height", "classes"] }, { kind: "component", type: PryWidgetDetailCssComponent, selector: "pry-widget-detail-css" }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }, { kind: "pipe", type: i2.TranslateIdPipe, name: "translateId" }, { kind: "pipe", type: i2.TranslateItemToSymbolPipe, name: "translateItemToSymbol" }, { kind: "pipe", type: i2.I18nPipe, name: "i18n" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: WidgetDetailComponent, deps: [{ token: i1.Store }, { token: i2.PryI18nService }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.3", type: WidgetDetailComponent, selector: "pry-widget-detail", usesInheritance: true, ngImport: i0, template: "<pry-widget-detail-css></pry-widget-detail-css>\n<div class=\"o-widget o-widget--detail\">\n  <pry-widget-header\n    *ngIf=\"displayHeader$ | async\"\n    [widgetIndex]=\"widgetIndex\"\n    [manifest]=\"detailledWidgetManifest$ | async\"\n    [additionalOptions]=\"additionalOptions$ | async\"\n    [headerOptions]=\"(displayHeader$ | async) ?? {}\"\n    [displayCount]=\"false\"\n  >\n  </pry-widget-header>\n\n  <p class=\"is-empty\" *ngIf=\"!(itemAndCategories$ | async) || (itemAndCategories$ | async)?.length === 0\">\n    {{ '@pry.widget.detail.noItems' | i18n }}\n  </p>\n\n  <div class=\"o-widget--detail__content\" *ngFor=\"let couple of itemAndCategories$ | async; let itemIndex = index\">\n    <ng-container *ngIf=\"!((options$ | async)?.header === false)\">\n      <div\n        class=\"o-widget--detail__header\"\n        (contextmenu)=\"contextMenu($event, couple.item)\"\n        title=\"{{ '@pry.widget.itemId' | i18n }}: {{ couple.item.id }}\"\n      >\n        <img [height]=\"25\" [width]=\"25\" [src]=\"couple.item | translateItemToSymbol | async\" [alt]=\"couple\" />\n        <h3 class=\"o-widget--detail__header__title\">\n          {{ '@pry.widget.class' | i18n }}:\n          {{\n            couple.item.oClass\n              | translateId\n                : {\n                    type: 'class',\n                    output: 'name'\n                  }\n              | async\n          }}\n        </h3>\n        <button\n          type=\"button\"\n          class=\"a-btn a-btn--icon-only\"\n          [attr.aria-expanded]=\"!(!!panelOpened[itemIndex] && panelOpened[itemIndex].item)\"\n          [attr.aria-controls]=\"'item-' + widgetId + '-' + itemIndex\"\n          (click)=\"toggle(itemIndex)\"\n        >\n          <pry-icon *ngIf=\"!!panelOpened[itemIndex] && panelOpened[itemIndex].item\" iconSvg=\"fleche_haut\"></pry-icon>\n          <pry-icon *ngIf=\"!(!!panelOpened[itemIndex] && panelOpened[itemIndex].item)\" iconSvg=\"fleche_bas\"></pry-icon>\n        </button>\n      </div>\n      <div class=\"o-widget--detail__datas\" *ngIf=\"hasMetadata(couple.item)\">\n        <pry-metadata [item]=\"couple.item\"></pry-metadata>\n      </div>\n    </ng-container>\n\n    <div\n      *ngIf=\"!!panelOpened[itemIndex] && panelOpened[itemIndex].item\"\n      (contextmenu)=\"contextMenu($event, couple.item)\"\n      class=\"o-widget--detail__datas\"\n      [id]=\"'item-' + widgetId + '-' + itemIndex\"\n    >\n      <ng-container *ngFor=\"let category of couple.categories; let categoryIndex = index\">\n        <div class=\"o-widget--detail__category\">\n          <p>{{ '@pry.widget.detail.category' | i18n }}: {{ category.name }}</p>\n          <button\n            type=\"button\"\n            class=\"a-btn a-btn--icon-only\"\n            [attr.aria-expanded]=\"!(panelOpened[itemIndex] && panelOpened[itemIndex].categories[categoryIndex])\"\n            [attr.aria-controls]=\"'properties-' + widgetId + '-' + itemIndex + '-' + categoryIndex\"\n            (click)=\"toggle(itemIndex, categoryIndex)\"\n          >\n            <pry-icon\n              *ngIf=\"panelOpened[itemIndex] && panelOpened[itemIndex].categories[categoryIndex]\"\n              iconSvg=\"fleche_haut\"\n            >\n            </pry-icon>\n            <pry-icon\n              *ngIf=\"!(panelOpened[itemIndex] && panelOpened[itemIndex].categories[categoryIndex])\"\n              iconSvg=\"fleche_bas\"\n            >\n            </pry-icon>\n          </button>\n        </div>\n\n        <div\n          class=\"o-properties\"\n          [id]=\"'properties-' + widgetId + '-' + itemIndex + '-' + categoryIndex\"\n          *ngIf=\"panelOpened[itemIndex] && panelOpened[itemIndex].categories[categoryIndex]\"\n        >\n          <ul class=\"o-properties__list\">\n            <ng-container>\n              <ng-container *ngFor=\"let property of category.properties\">\n                <li\n                  *ngFor=\"let value of getValue(couple.item, property.attribute); 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.name }}:</p>\n                  <p class=\"o-properties__list__item__value\" *ngIf=\"!isRaw(property)\">{{ value?.value }}</p>\n                  <p class=\"o-properties__list__item__raw\" *ngIf=\"isRaw(property)\">\n                    <pry-vizualize-raw [item]=\"couple.item\" [propertyName]=\"property.name\"></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            </ng-container>\n          </ul>\n        </div>\n      </ng-container>\n    </div>\n  </div>\n</div>\n", dependencies: [{ kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.MetadataComponent, selector: "pry-metadata", inputs: ["item"] }, { kind: "component", type: i2.PryWidgetHeaderComponent, selector: "pry-widget-header", inputs: ["manifest", "openData$", "additionalOptions", "headerOptions", "displayCount", "datasourceIds", "widgetIndex"], outputs: ["manifestModified"] }, { kind: "component", type: i2.VizualizeRawComponent, selector: "pry-vizualize-raw", inputs: ["item", "propertyName", "alt"] }, { kind: "component", type: i2.PryIconComponent, selector: "pry-icon", inputs: ["color", "iconSvg", "animation", "iconImage", "alt", "width", "height", "classes"] }, { kind: "component", type: PryWidgetDetailCssComponent, selector: "pry-widget-detail-css" }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }, { kind: "pipe", type: i2.TranslateIdPipe, name: "translateId" }, { kind: "pipe", type: i2.TranslateItemToSymbolPipe, name: "translateItemToSymbol" }, { kind: "pipe", type: i2.I18nPipe, name: "i18n" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: WidgetDetailComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: WidgetDetailComponent, decorators: [{
             type: Component,
             args: [{ selector: 'pry-widget-detail', template: "<pry-widget-detail-css></pry-widget-detail-css>\n<div class=\"o-widget o-widget--detail\">\n  <pry-widget-header\n    *ngIf=\"displayHeader$ | async\"\n    [widgetIndex]=\"widgetIndex\"\n    [manifest]=\"detailledWidgetManifest$ | async\"\n    [additionalOptions]=\"additionalOptions$ | async\"\n    [headerOptions]=\"(displayHeader$ | async) ?? {}\"\n    [displayCount]=\"false\"\n  >\n  </pry-widget-header>\n\n  <p class=\"is-empty\" *ngIf=\"!(itemAndCategories$ | async) || (itemAndCategories$ | async)?.length === 0\">\n    {{ '@pry.widget.detail.noItems' | i18n }}\n  </p>\n\n  <div class=\"o-widget--detail__content\" *ngFor=\"let couple of itemAndCategories$ | async; let itemIndex = index\">\n    <ng-container *ngIf=\"!((options$ | async)?.header === false)\">\n      <div\n        class=\"o-widget--detail__header\"\n        (contextmenu)=\"contextMenu($event, couple.item)\"\n        title=\"{{ '@pry.widget.itemId' | i18n }}: {{ couple.item.id }}\"\n      >\n        <img [height]=\"25\" [width]=\"25\" [src]=\"couple.item | translateItemToSymbol | async\" [alt]=\"couple\" />\n        <h3 class=\"o-widget--detail__header__title\">\n          {{ '@pry.widget.class' | i18n }}:\n          {{\n            couple.item.oClass\n              | translateId\n                : {\n                    type: 'class',\n                    output: 'name'\n                  }\n              | async\n          }}\n        </h3>\n        <button\n          type=\"button\"\n          class=\"a-btn a-btn--icon-only\"\n          [attr.aria-expanded]=\"!(!!panelOpened[itemIndex] && panelOpened[itemIndex].item)\"\n          [attr.aria-controls]=\"'item-' + widgetId + '-' + itemIndex\"\n          (click)=\"toggle(itemIndex)\"\n        >\n          <pry-icon *ngIf=\"!!panelOpened[itemIndex] && panelOpened[itemIndex].item\" iconSvg=\"fleche_haut\"></pry-icon>\n          <pry-icon *ngIf=\"!(!!panelOpened[itemIndex] && panelOpened[itemIndex].item)\" iconSvg=\"fleche_bas\"></pry-icon>\n        </button>\n      </div>\n      <div class=\"o-widget--detail__datas\" *ngIf=\"hasMetadata(couple.item)\">\n        <pry-metadata [item]=\"couple.item\"></pry-metadata>\n      </div>\n    </ng-container>\n\n    <div\n      *ngIf=\"!!panelOpened[itemIndex] && panelOpened[itemIndex].item\"\n      (contextmenu)=\"contextMenu($event, couple.item)\"\n      class=\"o-widget--detail__datas\"\n      [id]=\"'item-' + widgetId + '-' + itemIndex\"\n    >\n      <ng-container *ngFor=\"let category of couple.categories; let categoryIndex = index\">\n        <div class=\"o-widget--detail__category\">\n          <p>{{ '@pry.widget.detail.category' | i18n }}: {{ category.name }}</p>\n          <button\n            type=\"button\"\n            class=\"a-btn a-btn--icon-only\"\n            [attr.aria-expanded]=\"!(panelOpened[itemIndex] && panelOpened[itemIndex].categories[categoryIndex])\"\n            [attr.aria-controls]=\"'properties-' + widgetId + '-' + itemIndex + '-' + categoryIndex\"\n            (click)=\"toggle(itemIndex, categoryIndex)\"\n          >\n            <pry-icon\n              *ngIf=\"panelOpened[itemIndex] && panelOpened[itemIndex].categories[categoryIndex]\"\n              iconSvg=\"fleche_haut\"\n            >\n            </pry-icon>\n            <pry-icon\n              *ngIf=\"!(panelOpened[itemIndex] && panelOpened[itemIndex].categories[categoryIndex])\"\n              iconSvg=\"fleche_bas\"\n            >\n            </pry-icon>\n          </button>\n        </div>\n\n        <div\n          class=\"o-properties\"\n          [id]=\"'properties-' + widgetId + '-' + itemIndex + '-' + categoryIndex\"\n          *ngIf=\"panelOpened[itemIndex] && panelOpened[itemIndex].categories[categoryIndex]\"\n        >\n          <ul class=\"o-properties__list\">\n            <ng-container>\n              <ng-container *ngFor=\"let property of category.properties\">\n                <li\n                  *ngFor=\"let value of getValue(couple.item, property.attribute); 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.name }}:</p>\n                  <p class=\"o-properties__list__item__value\" *ngIf=\"!isRaw(property)\">{{ value?.value }}</p>\n                  <p class=\"o-properties__list__item__raw\" *ngIf=\"isRaw(property)\">\n                    <pry-vizualize-raw [item]=\"couple.item\" [propertyName]=\"property.name\"></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            </ng-container>\n          </ul>\n        </div>\n      </ng-container>\n    </div>\n  </div>\n</div>\n" }]
-        }], ctorParameters: function () { return [{ type: i1.Store }, { type: i2.PryI18nService }, { type: i0.ElementRef }]; } });
+        }], ctorParameters: () => [{ type: i1.Store }, { type: i2.PryI18nService }, { type: i0.ElementRef }] });
 
 const enTranslations = {
     '@pry': {
@@ -180,8 +180,8 @@ class WidgetDetailModule extends BaseWidgetModule {
     getComponent() {
         return WidgetDetailComponent;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: WidgetDetailModule, deps: [{ token: i2.PryI18nService }], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: WidgetDetailModule, declarations: [WidgetDetailComponent, PryWidgetDetailCssComponent], imports: [CommonModule,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: WidgetDetailModule, deps: [{ token: i2.PryI18nService }], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.1.3", ngImport: i0, type: WidgetDetailModule, declarations: [WidgetDetailComponent, PryWidgetDetailCssComponent], imports: [CommonModule,
             FormsModule,
             OverlayModule,
             PryCoreModule,
@@ -191,7 +191,7 @@ class WidgetDetailModule extends BaseWidgetModule {
             PryCheckboxModule,
             PryToggleModule,
             PryI18nModule], exports: [WidgetDetailComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: WidgetDetailModule, imports: [CommonModule,
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: WidgetDetailModule, imports: [CommonModule,
             FormsModule,
             OverlayModule,
             PryCoreModule,
@@ -202,7 +202,7 @@ class WidgetDetailModule extends BaseWidgetModule {
             PryToggleModule,
             PryI18nModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: WidgetDetailModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: WidgetDetailModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [WidgetDetailComponent, PryWidgetDetailCssComponent],
@@ -220,7 +220,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                     ],
                     exports: [WidgetDetailComponent]
                 }]
-        }], ctorParameters: function () { return [{ type: i2.PryI18nService }]; } });
+        }], ctorParameters: () => [{ type: i2.PryI18nService }] });
 
 /**
  * Generated bundle index. Do not edit.

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

@@ -1 +1 @@
-{"version":3,"file":"provoly-dashboard-widgets-widget-detail.mjs","sources":["../../../../projects/provoly/dashboard/widgets/widget-detail/style/css.component.ts","../../../../projects/provoly/dashboard/widgets/widget-detail/component/widget-detail.component.ts","../../../../projects/provoly/dashboard/widgets/widget-detail/component/widget-detail.component.html","../../../../projects/provoly/dashboard/widgets/widget-detail/i18n/en.translations.ts","../../../../projects/provoly/dashboard/widgets/widget-detail/i18n/fr.translations.ts","../../../../projects/provoly/dashboard/widgets/widget-detail/widget-detail.module.ts","../../../../projects/provoly/dashboard/widgets/widget-detail/provoly-dashboard-widgets-widget-detail.ts"],"sourcesContent":["import { Component, ViewEncapsulation } from '@angular/core';\n\n@Component({\n  selector: 'pry-widget-detail-css',\n  template: '',\n  styleUrls: ['./_o-widget-detail.scss'],\n  encapsulation: ViewEncapsulation.None\n})\nexport class PryWidgetDetailCssComponent {}\n","import { Component, ElementRef } from '@angular/core';\nimport { Store } from '@ngrx/store';\nimport {\n  Attribute,\n  AttributeSimpleValue,\n  BaseWidgetComponent,\n  CategorySelectors,\n  ClassSelectors,\n  ContextMenuActions,\n  DashboardActions,\n  DashboardSelectors,\n  DetailWidgetOptions,\n  Field,\n  FieldSelectors,\n  FieldType,\n  HeaderAction,\n  Item,\n  ItemUtils,\n  PryI18nService,\n  WidgetManifest\n} from '@provoly/dashboard';\nimport { combineLatest, Observable } from 'rxjs';\nimport { map, tap } from 'rxjs/operators';\n\n@Component({\n  selector: 'pry-widget-detail',\n  templateUrl: './widget-detail.component.html'\n})\nexport class WidgetDetailComponent extends BaseWidgetComponent {\n  options$: Observable<DetailWidgetOptions>;\n  itemsToDisplay$: Observable<Item[]>;\n  panelOpened: { item: boolean; categories: boolean[] }[] = [{ item: true, categories: [true] }];\n  itemAndCategories$: Observable<\n    { item: Item; categories: { id: string; name: string; properties: { name: string; attribute: Attribute }[] }[] }[]\n  >;\n  pinned$: Observable<boolean>;\n  optionsCopy?: DetailWidgetOptions;\n  itemsForPin?: string[];\n  fields: Field[] = [];\n  detailledWidgetManifest$: Observable<WidgetManifest>;\n  additionalOptions$: Observable<HeaderAction[]>;\n  widgetId: number;\n  static widgetIdGenerator = 0;\n\n  constructor(\n    store: Store<any>,\n    private translateService: PryI18nService,\n    el: ElementRef\n  ) {\n    super(store, el);\n    this.widgetId = WidgetDetailComponent.widgetIdGenerator++;\n    this.options$ = this.manifest$.pipe(map((manifest) => (manifest.options ?? {}) as DetailWidgetOptions));\n    this.pinned$ = this.options$.pipe(map((options) => !!options.itemIds && options.itemIds.length > 0));\n    this.itemsToDisplay$ = combineLatest([\n      this.store.select(DashboardSelectors.selectedItems),\n      this.store.select(DashboardSelectors.allItems),\n      this.options$,\n      this.store.select(DashboardSelectors.objectDetails)\n    ]).pipe(\n      tap(([_, allItems, options, objectDetails]) => {\n        // go search for detail item if not already found in allItems List\n        if (options.itemIds && options.itemIds.length > 0) {\n          const missingItems = options.itemIds\n            .map((id) => (!allItems.find((it) => it.id === id) ? id : (null as unknown as string)))\n            .filter((it) => !!it)\n            .filter((it) => !Object.keys(objectDetails).includes(it));\n\n          if (missingItems.length > 0) {\n            this.store.dispatch(DashboardActions.fetchObjectsDetails({ ids: missingItems }));\n          }\n        }\n      }),\n      map(([globalSelectionItems, allItems, options, objectDetails]) =>\n        options.itemIds && options.itemIds.length > 0\n          ? options.itemIds.map((id) => allItems.find((it) => it.id === id) ?? objectDetails[id])\n          : globalSelectionItems\n      ),\n      map((items) => items.filter((it) => !!it) as Item[])\n    );\n\n    this.itemAndCategories$ = combineLatest([\n      this.itemsToDisplay$,\n      this.store.select(ClassSelectors.classes),\n      this.store.select(CategorySelectors.categories)\n    ]).pipe(\n      map(([items, classes, categories]) =>\n        items.map((item) => {\n          const objectClass = classes.find((oClass) => oClass.id === item.oClass) ?? { attributes: [] };\n          const categoriesWithProps = [] as {\n            id: string;\n            properties: { name: string; attribute: Attribute }[];\n            name: string;\n          }[];\n          objectClass.attributes.forEach((attr) => {\n            const categoryId = attr.category ?? categories.find((cat) => cat.name === 'default')?.id ?? 'default-id';\n            if (!categoriesWithProps.find((cat) => cat.id === categoryId)) {\n              categoriesWithProps.push({\n                id: categoryId,\n                properties: [],\n                name: categories.find((cat) => cat.id === categoryId)?.name ?? 'default'\n              });\n            }\n            categoriesWithProps\n              .find((cat) => cat.id === categoryId)\n              ?.properties.push({ name: attr.name, attribute: attr });\n          });\n          return {\n            item,\n            categories: categoriesWithProps\n          };\n        })\n      )\n    );\n\n    this.subscriptions.add(\n      this.options$.subscribe((options) => (this.optionsCopy = JSON.parse(JSON.stringify(options))))\n    );\n\n    this.subscriptions.add(\n      this.itemsToDisplay$.subscribe((items) => (this.itemsForPin = items.map((item) => item.id)))\n    );\n\n    this.subscriptions.add(this.store.select(FieldSelectors.fields).subscribe((fields) => (this.fields = fields)));\n\n    this.detailledWidgetManifest$ = this.itemsToDisplay$.pipe(\n      map(\n        (items) =>\n          ({\n            ...this.manifest,\n            title: this.translateService.instant('@pry.widget.detail.title', { itemsNb: items.length })\n          }) as WidgetManifest\n      )\n    );\n\n    this.additionalOptions$ = combineLatest([this.pinned$, this.itemsToDisplay$]).pipe(\n      map(([isPinned, items]) => [\n        {\n          label: isPinned ? '@pry.widget.detail.unpin' : '@pry.widget.detail.pin',\n          action: () => {\n            this.togglePin();\n          },\n          icon: isPinned ? 'unpublished' : 'published_with_changes',\n          disabled: () => items.length === 0\n        }\n      ])\n    );\n  }\n\n  toggle(itemIndex: number, categoryIndex?: number) {\n    if (!this.panelOpened[itemIndex]) {\n      this.panelOpened[itemIndex] = { item: false, categories: [] };\n    }\n    if (categoryIndex === undefined) {\n      this.panelOpened[itemIndex].item = !this.panelOpened[itemIndex].item;\n    } else {\n      this.panelOpened[itemIndex].categories[categoryIndex] = !this.panelOpened[itemIndex].categories[categoryIndex];\n    }\n  }\n\n  getValue(item: Item, property: Attribute): AttributeSimpleValue[] {\n    const value = ItemUtils.getAttributeValue(item, property);\n    return Array.isArray(value) ? value : [value];\n  }\n\n  togglePin() {\n    if (!this.optionsCopy) {\n      this.optionsCopy = {};\n    }\n    if (!!this.optionsCopy.itemIds && this.optionsCopy.itemIds.length > 0) {\n      delete this.optionsCopy.itemIds;\n    } else {\n      this.optionsCopy.itemIds = this.itemsForPin;\n    }\n\n    this.store.dispatch(\n      DashboardActions.updateWidgetManifest({\n        manifest: { ...this.manifest, options: this.optionsCopy },\n        index: this.widgetIndex\n      })\n    );\n  }\n\n  hasMetadata(value: AttributeSimpleValue | Item) {\n    return Object.keys(value?.metadata ?? {}).length > 0;\n  }\n\n  contextMenu($event: MouseEvent, item: Item) {\n    if (this.manifest.contextMenu !== false) {\n      $event.preventDefault();\n      this.store.dispatch(\n        ContextMenuActions.open({ itemId: item.id, clientX: $event.clientX, clientY: $event.clientY, from: 'detail',allowObjectCreation: false })\n      );\n    }\n  }\n\n  isRaw(property: { name: string; attribute: Attribute }) {\n    return this.fields.find((field) => field.id === property.attribute.field)?.type === FieldType.RAW;\n  }\n}\n","<pry-widget-detail-css></pry-widget-detail-css>\n<div class=\"o-widget o-widget--detail\">\n  <pry-widget-header\n    *ngIf=\"displayHeader$ | async\"\n    [widgetIndex]=\"widgetIndex\"\n    [manifest]=\"detailledWidgetManifest$ | async\"\n    [additionalOptions]=\"additionalOptions$ | async\"\n    [headerOptions]=\"(displayHeader$ | async) ?? {}\"\n    [displayCount]=\"false\"\n  >\n  </pry-widget-header>\n\n  <p class=\"is-empty\" *ngIf=\"!(itemAndCategories$ | async) || (itemAndCategories$ | async)?.length === 0\">\n    {{ '@pry.widget.detail.noItems' | i18n }}\n  </p>\n\n  <div class=\"o-widget--detail__content\" *ngFor=\"let couple of itemAndCategories$ | async; let itemIndex = index\">\n    <ng-container *ngIf=\"!((options$ | async)?.header === false)\">\n      <div\n        class=\"o-widget--detail__header\"\n        (contextmenu)=\"contextMenu($event, couple.item)\"\n        title=\"{{ '@pry.widget.itemId' | i18n }}: {{ couple.item.id }}\"\n      >\n        <img [height]=\"25\" [width]=\"25\" [src]=\"couple.item | translateItemToSymbol | async\" [alt]=\"couple\" />\n        <h3 class=\"o-widget--detail__header__title\">\n          {{ '@pry.widget.class' | i18n }}:\n          {{\n            couple.item.oClass\n              | translateId\n                : {\n                    type: 'class',\n                    output: 'name'\n                  }\n              | async\n          }}\n        </h3>\n        <button\n          type=\"button\"\n          class=\"a-btn a-btn--icon-only\"\n          [attr.aria-expanded]=\"!(!!panelOpened[itemIndex] && panelOpened[itemIndex].item)\"\n          [attr.aria-controls]=\"'item-' + widgetId + '-' + itemIndex\"\n          (click)=\"toggle(itemIndex)\"\n        >\n          <pry-icon *ngIf=\"!!panelOpened[itemIndex] && panelOpened[itemIndex].item\" iconSvg=\"fleche_haut\"></pry-icon>\n          <pry-icon *ngIf=\"!(!!panelOpened[itemIndex] && panelOpened[itemIndex].item)\" iconSvg=\"fleche_bas\"></pry-icon>\n        </button>\n      </div>\n      <div class=\"o-widget--detail__datas\" *ngIf=\"hasMetadata(couple.item)\">\n        <pry-metadata [item]=\"couple.item\"></pry-metadata>\n      </div>\n    </ng-container>\n\n    <div\n      *ngIf=\"!!panelOpened[itemIndex] && panelOpened[itemIndex].item\"\n      (contextmenu)=\"contextMenu($event, couple.item)\"\n      class=\"o-widget--detail__datas\"\n      [id]=\"'item-' + widgetId + '-' + itemIndex\"\n    >\n      <ng-container *ngFor=\"let category of couple.categories; let categoryIndex = index\">\n        <div class=\"o-widget--detail__category\">\n          <p>{{ '@pry.widget.detail.category' | i18n }}: {{ category.name }}</p>\n          <button\n            type=\"button\"\n            class=\"a-btn a-btn--icon-only\"\n            [attr.aria-expanded]=\"!(panelOpened[itemIndex] && panelOpened[itemIndex].categories[categoryIndex])\"\n            [attr.aria-controls]=\"'properties-' + widgetId + '-' + itemIndex + '-' + categoryIndex\"\n            (click)=\"toggle(itemIndex, categoryIndex)\"\n          >\n            <pry-icon\n              *ngIf=\"panelOpened[itemIndex] && panelOpened[itemIndex].categories[categoryIndex]\"\n              iconSvg=\"fleche_haut\"\n            >\n            </pry-icon>\n            <pry-icon\n              *ngIf=\"!(panelOpened[itemIndex] && panelOpened[itemIndex].categories[categoryIndex])\"\n              iconSvg=\"fleche_bas\"\n            >\n            </pry-icon>\n          </button>\n        </div>\n\n        <div\n          class=\"o-properties\"\n          [id]=\"'properties-' + widgetId + '-' + itemIndex + '-' + categoryIndex\"\n          *ngIf=\"panelOpened[itemIndex] && panelOpened[itemIndex].categories[categoryIndex]\"\n        >\n          <ul class=\"o-properties__list\">\n            <ng-container>\n              <ng-container *ngFor=\"let property of category.properties\">\n                <li\n                  *ngFor=\"let value of getValue(couple.item, property.attribute); 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.name }}:</p>\n                  <p class=\"o-properties__list__item__value\" *ngIf=\"!isRaw(property)\">{{ value?.value }}</p>\n                  <p class=\"o-properties__list__item__raw\" *ngIf=\"isRaw(property)\">\n                    <pry-vizualize-raw [item]=\"couple.item\" [propertyName]=\"property.name\"></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            </ng-container>\n          </ul>\n        </div>\n      </ng-container>\n    </div>\n  </div>\n</div>\n","export const enTranslations = {\n  '@pry': {\n    widget: {\n      detail: {\n        category: 'Category',\n        title: 'Detail of objects ({{itemsNb}})',\n        noItems: 'No objects to display',\n        pin: 'Pin data',\n        unpin: 'Unpin data'\n      }\n    }\n  }\n};\n","export const frTranslations = {\n  '@pry': {\n    widget: {\n      detail: {\n        category: 'Catégorie',\n        title: 'Détail des objets ({{itemsNb}})',\n        noItems: \"Pas d'objets à afficher\",\n        pin: 'Figer les données',\n        unpin: 'Libérer les données'\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 { WidgetDetailComponent } from './component/widget-detail.component';\nimport { enTranslations } from './i18n/en.translations';\nimport { frTranslations } from './i18n/fr.translations';\nimport { PryWidgetDetailCssComponent } from './style/css.component';\n\n@NgModule({\n  declarations: [WidgetDetailComponent, PryWidgetDetailCssComponent],\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: [WidgetDetailComponent]\n})\nexport class WidgetDetailModule extends BaseWidgetModule {\n  constructor(private pryTranslateService: PryI18nService) {\n    super();\n    this.pryTranslateService.addLangObject('fr', 'widget-detail', frTranslations);\n    this.pryTranslateService.addLangObject('en', 'widget-detail', enTranslations);\n  }\n\n  override getComponent() {\n    return WidgetDetailComponent as Type<BaseWidgetComponent>;\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["i4.PryWidgetDetailCssComponent","i1"],"mappings":"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"}
+{"version":3,"file":"provoly-dashboard-widgets-widget-detail.mjs","sources":["../../../../projects/provoly/dashboard/widgets/widget-detail/style/css.component.ts","../../../../projects/provoly/dashboard/widgets/widget-detail/component/widget-detail.component.ts","../../../../projects/provoly/dashboard/widgets/widget-detail/component/widget-detail.component.html","../../../../projects/provoly/dashboard/widgets/widget-detail/i18n/en.translations.ts","../../../../projects/provoly/dashboard/widgets/widget-detail/i18n/fr.translations.ts","../../../../projects/provoly/dashboard/widgets/widget-detail/widget-detail.module.ts","../../../../projects/provoly/dashboard/widgets/widget-detail/provoly-dashboard-widgets-widget-detail.ts"],"sourcesContent":["import { Component, ViewEncapsulation } from '@angular/core';\n\n@Component({\n  selector: 'pry-widget-detail-css',\n  template: '',\n  styleUrls: ['./_o-widget-detail.scss'],\n  encapsulation: ViewEncapsulation.None\n})\nexport class PryWidgetDetailCssComponent {}\n","import { Component, ElementRef } from '@angular/core';\nimport { Store } from '@ngrx/store';\nimport {\n  Attribute,\n  AttributeSimpleValue,\n  BaseWidgetComponent,\n  CategorySelectors,\n  ClassSelectors,\n  ContextMenuActions,\n  DashboardActions,\n  DashboardSelectors,\n  DetailWidgetOptions,\n  Field,\n  FieldSelectors,\n  FieldType,\n  HeaderAction,\n  Item,\n  ItemUtils,\n  PryI18nService,\n  WidgetManifest\n} from '@provoly/dashboard';\nimport { combineLatest, Observable } from 'rxjs';\nimport { map, tap } from 'rxjs/operators';\n\n@Component({\n  selector: 'pry-widget-detail',\n  templateUrl: './widget-detail.component.html'\n})\nexport class WidgetDetailComponent extends BaseWidgetComponent {\n  options$: Observable<DetailWidgetOptions>;\n  itemsToDisplay$: Observable<Item[]>;\n  panelOpened: { item: boolean; categories: boolean[] }[] = [{ item: true, categories: [true] }];\n  itemAndCategories$: Observable<\n    { item: Item; categories: { id: string; name: string; properties: { name: string; attribute: Attribute }[] }[] }[]\n  >;\n  pinned$: Observable<boolean>;\n  optionsCopy?: DetailWidgetOptions;\n  itemsForPin?: string[];\n  fields: Field[] = [];\n  detailledWidgetManifest$: Observable<WidgetManifest>;\n  additionalOptions$: Observable<HeaderAction[]>;\n  widgetId: number;\n  static widgetIdGenerator = 0;\n\n  constructor(\n    store: Store<any>,\n    private translateService: PryI18nService,\n    el: ElementRef\n  ) {\n    super(store, el);\n    this.widgetId = WidgetDetailComponent.widgetIdGenerator++;\n    this.options$ = this.manifest$.pipe(map((manifest) => (manifest.options ?? {}) as DetailWidgetOptions));\n    this.pinned$ = this.options$.pipe(map((options) => !!options.itemIds && options.itemIds.length > 0));\n    this.itemsToDisplay$ = combineLatest([\n      this.store.select(DashboardSelectors.selectedItems),\n      this.store.select(DashboardSelectors.allItems),\n      this.options$,\n      this.store.select(DashboardSelectors.objectDetails)\n    ]).pipe(\n      tap(([_, allItems, options, objectDetails]) => {\n        // go search for detail item if not already found in allItems List\n        if (options.itemIds && options.itemIds.length > 0) {\n          const missingItems = options.itemIds\n            .map((id) => (!allItems.find((it) => it.id === id) ? id : (null as unknown as string)))\n            .filter((it) => !!it)\n            .filter((it) => !Object.keys(objectDetails).includes(it));\n\n          if (missingItems.length > 0) {\n            this.store.dispatch(DashboardActions.fetchObjectsDetails({ ids: missingItems }));\n          }\n        }\n      }),\n      map(([globalSelectionItems, allItems, options, objectDetails]) =>\n        options.itemIds && options.itemIds.length > 0\n          ? options.itemIds.map((id) => allItems.find((it) => it.id === id) ?? objectDetails[id])\n          : globalSelectionItems\n      ),\n      map((items) => items.filter((it) => !!it) as Item[])\n    );\n\n    this.itemAndCategories$ = combineLatest([\n      this.itemsToDisplay$,\n      this.store.select(ClassSelectors.classes),\n      this.store.select(CategorySelectors.categories)\n    ]).pipe(\n      map(([items, classes, categories]) =>\n        items.map((item) => {\n          const objectClass = classes.find((oClass) => oClass.id === item.oClass) ?? { attributes: [] };\n          const categoriesWithProps = [] as {\n            id: string;\n            properties: { name: string; attribute: Attribute }[];\n            name: string;\n          }[];\n          objectClass.attributes.forEach((attr) => {\n            const categoryId = attr.category ?? categories.find((cat) => cat.name === 'default')?.id ?? 'default-id';\n            if (!categoriesWithProps.find((cat) => cat.id === categoryId)) {\n              categoriesWithProps.push({\n                id: categoryId,\n                properties: [],\n                name: categories.find((cat) => cat.id === categoryId)?.name ?? 'default'\n              });\n            }\n            categoriesWithProps\n              .find((cat) => cat.id === categoryId)\n              ?.properties.push({ name: attr.name, attribute: attr });\n          });\n          return {\n            item,\n            categories: categoriesWithProps\n          };\n        })\n      )\n    );\n\n    this.subscriptions.add(\n      this.options$.subscribe((options) => (this.optionsCopy = JSON.parse(JSON.stringify(options))))\n    );\n\n    this.subscriptions.add(\n      this.itemsToDisplay$.subscribe((items) => (this.itemsForPin = items.map((item) => item.id)))\n    );\n\n    this.subscriptions.add(this.store.select(FieldSelectors.fields).subscribe((fields) => (this.fields = fields)));\n\n    this.detailledWidgetManifest$ = this.itemsToDisplay$.pipe(\n      map(\n        (items) =>\n          ({\n            ...this.manifest,\n            title: this.translateService.instant('@pry.widget.detail.title', { itemsNb: items.length })\n          }) as WidgetManifest\n      )\n    );\n\n    this.additionalOptions$ = combineLatest([this.pinned$, this.itemsToDisplay$]).pipe(\n      map(([isPinned, items]) => [\n        {\n          label: isPinned ? '@pry.widget.detail.unpin' : '@pry.widget.detail.pin',\n          action: () => {\n            this.togglePin();\n          },\n          icon: isPinned ? 'unpublished' : 'published_with_changes',\n          disabled: () => items.length === 0\n        }\n      ])\n    );\n  }\n\n  toggle(itemIndex: number, categoryIndex?: number) {\n    if (!this.panelOpened[itemIndex]) {\n      this.panelOpened[itemIndex] = { item: false, categories: [] };\n    }\n    if (categoryIndex === undefined) {\n      this.panelOpened[itemIndex].item = !this.panelOpened[itemIndex].item;\n    } else {\n      this.panelOpened[itemIndex].categories[categoryIndex] = !this.panelOpened[itemIndex].categories[categoryIndex];\n    }\n  }\n\n  getValue(item: Item, property: Attribute): AttributeSimpleValue[] {\n    const value = ItemUtils.getAttributeValue(item, property);\n    return Array.isArray(value) ? value : [value];\n  }\n\n  togglePin() {\n    if (!this.optionsCopy) {\n      this.optionsCopy = {};\n    }\n    if (!!this.optionsCopy.itemIds && this.optionsCopy.itemIds.length > 0) {\n      delete this.optionsCopy.itemIds;\n    } else {\n      this.optionsCopy.itemIds = this.itemsForPin;\n    }\n\n    this.store.dispatch(\n      DashboardActions.updateWidgetManifest({\n        manifest: { ...this.manifest, options: this.optionsCopy },\n        index: this.widgetIndex\n      })\n    );\n  }\n\n  hasMetadata(value: AttributeSimpleValue | Item) {\n    return Object.keys(value?.metadata ?? {}).length > 0;\n  }\n\n  contextMenu($event: MouseEvent, item: Item) {\n    if (this.manifest.contextMenu !== false) {\n      $event.preventDefault();\n      this.store.dispatch(\n        ContextMenuActions.open({ itemId: item.id, clientX: $event.clientX, clientY: $event.clientY, from: 'detail',allowObjectCreation: false })\n      );\n    }\n  }\n\n  isRaw(property: { name: string; attribute: Attribute }) {\n    return this.fields.find((field) => field.id === property.attribute.field)?.type === FieldType.RAW;\n  }\n}\n","<pry-widget-detail-css></pry-widget-detail-css>\n<div class=\"o-widget o-widget--detail\">\n  <pry-widget-header\n    *ngIf=\"displayHeader$ | async\"\n    [widgetIndex]=\"widgetIndex\"\n    [manifest]=\"detailledWidgetManifest$ | async\"\n    [additionalOptions]=\"additionalOptions$ | async\"\n    [headerOptions]=\"(displayHeader$ | async) ?? {}\"\n    [displayCount]=\"false\"\n  >\n  </pry-widget-header>\n\n  <p class=\"is-empty\" *ngIf=\"!(itemAndCategories$ | async) || (itemAndCategories$ | async)?.length === 0\">\n    {{ '@pry.widget.detail.noItems' | i18n }}\n  </p>\n\n  <div class=\"o-widget--detail__content\" *ngFor=\"let couple of itemAndCategories$ | async; let itemIndex = index\">\n    <ng-container *ngIf=\"!((options$ | async)?.header === false)\">\n      <div\n        class=\"o-widget--detail__header\"\n        (contextmenu)=\"contextMenu($event, couple.item)\"\n        title=\"{{ '@pry.widget.itemId' | i18n }}: {{ couple.item.id }}\"\n      >\n        <img [height]=\"25\" [width]=\"25\" [src]=\"couple.item | translateItemToSymbol | async\" [alt]=\"couple\" />\n        <h3 class=\"o-widget--detail__header__title\">\n          {{ '@pry.widget.class' | i18n }}:\n          {{\n            couple.item.oClass\n              | translateId\n                : {\n                    type: 'class',\n                    output: 'name'\n                  }\n              | async\n          }}\n        </h3>\n        <button\n          type=\"button\"\n          class=\"a-btn a-btn--icon-only\"\n          [attr.aria-expanded]=\"!(!!panelOpened[itemIndex] && panelOpened[itemIndex].item)\"\n          [attr.aria-controls]=\"'item-' + widgetId + '-' + itemIndex\"\n          (click)=\"toggle(itemIndex)\"\n        >\n          <pry-icon *ngIf=\"!!panelOpened[itemIndex] && panelOpened[itemIndex].item\" iconSvg=\"fleche_haut\"></pry-icon>\n          <pry-icon *ngIf=\"!(!!panelOpened[itemIndex] && panelOpened[itemIndex].item)\" iconSvg=\"fleche_bas\"></pry-icon>\n        </button>\n      </div>\n      <div class=\"o-widget--detail__datas\" *ngIf=\"hasMetadata(couple.item)\">\n        <pry-metadata [item]=\"couple.item\"></pry-metadata>\n      </div>\n    </ng-container>\n\n    <div\n      *ngIf=\"!!panelOpened[itemIndex] && panelOpened[itemIndex].item\"\n      (contextmenu)=\"contextMenu($event, couple.item)\"\n      class=\"o-widget--detail__datas\"\n      [id]=\"'item-' + widgetId + '-' + itemIndex\"\n    >\n      <ng-container *ngFor=\"let category of couple.categories; let categoryIndex = index\">\n        <div class=\"o-widget--detail__category\">\n          <p>{{ '@pry.widget.detail.category' | i18n }}: {{ category.name }}</p>\n          <button\n            type=\"button\"\n            class=\"a-btn a-btn--icon-only\"\n            [attr.aria-expanded]=\"!(panelOpened[itemIndex] && panelOpened[itemIndex].categories[categoryIndex])\"\n            [attr.aria-controls]=\"'properties-' + widgetId + '-' + itemIndex + '-' + categoryIndex\"\n            (click)=\"toggle(itemIndex, categoryIndex)\"\n          >\n            <pry-icon\n              *ngIf=\"panelOpened[itemIndex] && panelOpened[itemIndex].categories[categoryIndex]\"\n              iconSvg=\"fleche_haut\"\n            >\n            </pry-icon>\n            <pry-icon\n              *ngIf=\"!(panelOpened[itemIndex] && panelOpened[itemIndex].categories[categoryIndex])\"\n              iconSvg=\"fleche_bas\"\n            >\n            </pry-icon>\n          </button>\n        </div>\n\n        <div\n          class=\"o-properties\"\n          [id]=\"'properties-' + widgetId + '-' + itemIndex + '-' + categoryIndex\"\n          *ngIf=\"panelOpened[itemIndex] && panelOpened[itemIndex].categories[categoryIndex]\"\n        >\n          <ul class=\"o-properties__list\">\n            <ng-container>\n              <ng-container *ngFor=\"let property of category.properties\">\n                <li\n                  *ngFor=\"let value of getValue(couple.item, property.attribute); 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.name }}:</p>\n                  <p class=\"o-properties__list__item__value\" *ngIf=\"!isRaw(property)\">{{ value?.value }}</p>\n                  <p class=\"o-properties__list__item__raw\" *ngIf=\"isRaw(property)\">\n                    <pry-vizualize-raw [item]=\"couple.item\" [propertyName]=\"property.name\"></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            </ng-container>\n          </ul>\n        </div>\n      </ng-container>\n    </div>\n  </div>\n</div>\n","export const enTranslations = {\n  '@pry': {\n    widget: {\n      detail: {\n        category: 'Category',\n        title: 'Detail of objects ({{itemsNb}})',\n        noItems: 'No objects to display',\n        pin: 'Pin data',\n        unpin: 'Unpin data'\n      }\n    }\n  }\n};\n","export const frTranslations = {\n  '@pry': {\n    widget: {\n      detail: {\n        category: 'Catégorie',\n        title: 'Détail des objets ({{itemsNb}})',\n        noItems: \"Pas d'objets à afficher\",\n        pin: 'Figer les données',\n        unpin: 'Libérer les données'\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 { WidgetDetailComponent } from './component/widget-detail.component';\nimport { enTranslations } from './i18n/en.translations';\nimport { frTranslations } from './i18n/fr.translations';\nimport { PryWidgetDetailCssComponent } from './style/css.component';\n\n@NgModule({\n  declarations: [WidgetDetailComponent, PryWidgetDetailCssComponent],\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: [WidgetDetailComponent]\n})\nexport class WidgetDetailModule extends BaseWidgetModule {\n  constructor(private pryTranslateService: PryI18nService) {\n    super();\n    this.pryTranslateService.addLangObject('fr', 'widget-detail', frTranslations);\n    this.pryTranslateService.addLangObject('en', 'widget-detail', enTranslations);\n  }\n\n  override getComponent() {\n    return WidgetDetailComponent as Type<BaseWidgetComponent>;\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["i4.PryWidgetDetailCssComponent","i1"],"mappings":"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"}

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

@@ -113,10 +113,10 @@ const recursiveTopologicalSort = (nodes, result, node, links) => {
 };
 
 class PryWidgetForceGraphCssComponent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PryWidgetForceGraphCssComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: PryWidgetForceGraphCssComponent, selector: "pry-widget-force-graph-css", ngImport: i0, template: '', isInline: true, styles: [".o-widget--graph__canvas{position:absolute;height:100%;width:100%}.o-widget .m-btn-group.-selection-choice{transform:translate(10px,10px)}.a-tooltip--move[data-tooltip]:not([data-tooltip-position]):after{left:calc(50% + 30px)}.a-tooltip--rectangle[data-tooltip]:not([data-tooltip-position]):after{left:calc(50% + 50px)}\n"], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: PryWidgetForceGraphCssComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.3", type: PryWidgetForceGraphCssComponent, selector: "pry-widget-force-graph-css", ngImport: i0, template: '', isInline: true, styles: [".o-widget--graph__canvas{position:absolute;height:100%;width:100%}.o-widget .m-btn-group.-selection-choice{transform:translate(10px,10px)}.a-tooltip--move[data-tooltip]:not([data-tooltip-position]):after{left:calc(50% + 30px)}.a-tooltip--rectangle[data-tooltip]:not([data-tooltip-position]):after{left:calc(50% + 50px)}\n"], encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PryWidgetForceGraphCssComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: PryWidgetForceGraphCssComponent, decorators: [{
             type: Component,
             args: [{ selector: 'pry-widget-force-graph-css', template: '', encapsulation: ViewEncapsulation.None, styles: [".o-widget--graph__canvas{position:absolute;height:100%;width:100%}.o-widget .m-btn-group.-selection-choice{transform:translate(10px,10px)}.a-tooltip--move[data-tooltip]:not([data-tooltip-position]):after{left:calc(50% + 30px)}.a-tooltip--rectangle[data-tooltip]:not([data-tooltip-position]):after{left:calc(50% + 50px)}\n"] }]
         }] });
@@ -542,13 +542,13 @@ class WidgetGraphComponent extends DataWidgetComponent {
             resolve(this.canvas.nativeElement.toDataURL('image/png'));
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: WidgetGraphComponent, deps: [{ token: i1.Store }, { token: i2.TooltipFactoryService }, { token: i2.PryI18nService }, { token: i2.SymbolService }, { token: i3.DomSanitizer }, { token: i0.ElementRef }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: WidgetGraphComponent, selector: "pry-widget-graph", viewQueries: [{ propertyName: "canvas", first: true, predicate: ["canvas"], descendants: true }, { propertyName: "tooltip", first: true, predicate: ["tooltip"], descendants: true, read: ViewContainerRef }], usesInheritance: true, ngImport: i0, template: "<pry-widget-force-graph-css></pry-widget-force-graph-css>\n<div class=\"o-widget o-widget--graph\" [class.-has-header]=\"displayHeader$ | async\">\n  <pry-widget-header\n    [datasourceIds]=\"(datasourceIds$ | async) ?? []\"\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      (changeTitle)=\"changeWidgetTitle($event)\"\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=\"graph_layout\">{{ '@pry.widget.graph.layout' | i18n }}</label>\n        <pry-select\n          (ngModelChange)=\"changeLayout($event)\"\n          [items]=\"layouts\"\n          [ngModel]=\"optionsCopy!.layout\"\n          bindLabel=\"key\"\n          bindValue=\"key\"\n          id=\"graph_layout\"\n        ></pry-select>\n      </div>\n\n      <div class=\"m-form-label-field\">\n        <pry-range\n          [ngModel]=\"optionsCopy!.nodeRadius\"\n          (ngModelChange)=\"changeNodeRadius($event)\"\n          labelTranslate=\"@pry.widget.graph.nodeRadius\"\n          min=\"10\"\n          max=\"200\"\n        ></pry-range>\n      </div>\n    </pry-settings>\n  </pry-widget-header>\n  <div class=\"no-result\" *ngIf=\"(allItemsWithImages$ | async)?.length === 0\">\n    <img\n      class=\"no-result__search\"\n      src=\"../../../assets/svgs/pry_recherche_pas_de_resultat.svg\"\n      alt=\"{{ '@pry.widget.table.empty' | i18n }}\"\n      aria-hidden=\"true\"\n    />\n    <span class=\"no-result__text\">{{ '@pry.widget.graph.empty' | i18n }}</span>\n  </div>\n  <div class=\"m-btn-group -selection-choice\">\n    <button\n      type=\"button\"\n      class=\"a-btn a-btn--icon-only a-tooltip a-tooltip--move\"\n      (click)=\"changeMode('move')\"\n      [class.-selected]=\"mode === 'move'\"\n      [attr.data-tooltip]=\"'@pry.widget.graph.move' | i18n\"\n    >\n      <pry-icon iconSvg=\"move\"></pry-icon>\n      <span class=\"u-visually-hidden\">{{ '@pry.widget.graph.move' | i18n }}</span>\n    </button>\n\n    <button\n      type=\"button\"\n      class=\"a-btn a-btn--icon-only a-tooltip a-tooltip--rectangle\"\n      (click)=\"changeMode('rectangle')\"\n      [class.-selected]=\"mode === 'rectangle'\"\n      [attr.data-tooltip]=\"'@pry.widget.graph.rectangle' | i18n\"\n    >\n      <pry-icon iconSvg=\"rectangle\"></pry-icon>\n      <span class=\"u-visually-hidden\">{{ '@pry.widget.graph.rectangle' | i18n }}</span>\n    </button>\n  </div>\n\n  <canvas\n    #canvas\n    class=\"o-widget--graph__canvas\"\n    (mousemove)=\"onMouseMove($event)\"\n    (mousedown)=\"onMouseDown($event)\"\n    (mouseup)=\"onMouseUp($event)\"\n    (mouseleave)=\"onMouseUp($event, true)\"\n    (contextmenu)=\"contextMenu($event)\"\n  ></canvas>\n\n  <div class=\"selection-rectangle\" #selectionRectangle></div>\n\n  <div\n    class=\"m-tooltip m-tooltip--popup noevent\"\n    [style.display]=\"(tooltip$ | async)?.display ? 'block' : 'none'\"\n    [style.left.px]=\"((tooltip$ | async)?.x ?? 0) + 50\"\n    [style.top.px]=\"((tooltip$ | async)?.y ?? 0) + 50\"\n  >\n    <div #tooltip></div>\n  </div>\n</div>\n", dependencies: [{ kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i5.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i2.SettingsComponent, selector: "pry-settings", inputs: ["widgetIndex", "isDisable", "headerPresent", "open$", "header"], outputs: ["triggerClick", "saveTriggered", "changeTitle"] }, { kind: "component", type: i2.PryWidgetHeaderComponent, selector: "pry-widget-header", inputs: ["manifest", "openData$", "additionalOptions", "headerOptions", "displayCount", "datasourceIds", "widgetIndex"], outputs: ["manifestModified"] }, { kind: "component", type: i2.PrySelectComponent, selector: "pry-select", inputs: ["items", "clearable", "multiple", "closeOnSelect", "placeholder", "isForm", "required", "name", "readonly", "autocomplete", "bindValue", "bindLabel", "iconSize", "bindIcon", "template", "i18nPrefix", "bindClasses", "loading", "elementRef"], outputs: ["searched", "cleared"] }, { kind: "component", type: i2.PryIconComponent, selector: "pry-icon", inputs: ["color", "iconSvg", "animation", "iconImage", "alt", "width", "height", "classes"] }, { kind: "component", type: i2.PryRangeComponent, selector: "pry-range", inputs: ["min", "max", "step", "disabled", "labelTranslate"] }, { kind: "component", type: PryWidgetForceGraphCssComponent, selector: "pry-widget-force-graph-css" }, { kind: "pipe", type: i4.AsyncPipe, name: "async" }, { kind: "pipe", type: i2.I18nPipe, name: "i18n" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: WidgetGraphComponent, deps: [{ token: i1.Store }, { token: i2.TooltipFactoryService }, { token: i2.PryI18nService }, { token: i2.SymbolService }, { token: i3.DomSanitizer }, { token: i0.ElementRef }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.3", type: WidgetGraphComponent, selector: "pry-widget-graph", viewQueries: [{ propertyName: "canvas", first: true, predicate: ["canvas"], descendants: true }, { propertyName: "tooltip", first: true, predicate: ["tooltip"], descendants: true, read: ViewContainerRef }], usesInheritance: true, ngImport: i0, template: "<pry-widget-force-graph-css></pry-widget-force-graph-css>\n<div class=\"o-widget o-widget--graph\" [class.-has-header]=\"displayHeader$ | async\">\n  <pry-widget-header\n    [datasourceIds]=\"(datasourceIds$ | async) ?? []\"\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      (changeTitle)=\"changeWidgetTitle($event)\"\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=\"graph_layout\">{{ '@pry.widget.graph.layout' | i18n }}</label>\n        <pry-select\n          (ngModelChange)=\"changeLayout($event)\"\n          [items]=\"layouts\"\n          [ngModel]=\"optionsCopy!.layout\"\n          bindLabel=\"key\"\n          bindValue=\"key\"\n          id=\"graph_layout\"\n        ></pry-select>\n      </div>\n\n      <div class=\"m-form-label-field\">\n        <pry-range\n          [ngModel]=\"optionsCopy!.nodeRadius\"\n          (ngModelChange)=\"changeNodeRadius($event)\"\n          labelTranslate=\"@pry.widget.graph.nodeRadius\"\n          min=\"10\"\n          max=\"200\"\n        ></pry-range>\n      </div>\n    </pry-settings>\n  </pry-widget-header>\n  <div class=\"no-result\" *ngIf=\"(allItemsWithImages$ | async)?.length === 0\">\n    <img\n      class=\"no-result__search\"\n      src=\"../../../assets/svgs/pry_recherche_pas_de_resultat.svg\"\n      alt=\"{{ '@pry.widget.table.empty' | i18n }}\"\n      aria-hidden=\"true\"\n    />\n    <span class=\"no-result__text\">{{ '@pry.widget.graph.empty' | i18n }}</span>\n  </div>\n  <div class=\"m-btn-group -selection-choice\">\n    <button\n      type=\"button\"\n      class=\"a-btn a-btn--icon-only a-tooltip a-tooltip--move\"\n      (click)=\"changeMode('move')\"\n      [class.-selected]=\"mode === 'move'\"\n      [attr.data-tooltip]=\"'@pry.widget.graph.move' | i18n\"\n    >\n      <pry-icon iconSvg=\"move\"></pry-icon>\n      <span class=\"u-visually-hidden\">{{ '@pry.widget.graph.move' | i18n }}</span>\n    </button>\n\n    <button\n      type=\"button\"\n      class=\"a-btn a-btn--icon-only a-tooltip a-tooltip--rectangle\"\n      (click)=\"changeMode('rectangle')\"\n      [class.-selected]=\"mode === 'rectangle'\"\n      [attr.data-tooltip]=\"'@pry.widget.graph.rectangle' | i18n\"\n    >\n      <pry-icon iconSvg=\"rectangle\"></pry-icon>\n      <span class=\"u-visually-hidden\">{{ '@pry.widget.graph.rectangle' | i18n }}</span>\n    </button>\n  </div>\n\n  <canvas\n    #canvas\n    class=\"o-widget--graph__canvas\"\n    (mousemove)=\"onMouseMove($event)\"\n    (mousedown)=\"onMouseDown($event)\"\n    (mouseup)=\"onMouseUp($event)\"\n    (mouseleave)=\"onMouseUp($event, true)\"\n    (contextmenu)=\"contextMenu($event)\"\n  ></canvas>\n\n  <div class=\"selection-rectangle\" #selectionRectangle></div>\n\n  <div\n    class=\"m-tooltip m-tooltip--popup noevent\"\n    [style.display]=\"(tooltip$ | async)?.display ? 'block' : 'none'\"\n    [style.left.px]=\"((tooltip$ | async)?.x ?? 0) + 50\"\n    [style.top.px]=\"((tooltip$ | async)?.y ?? 0) + 50\"\n  >\n    <div #tooltip></div>\n  </div>\n</div>\n", dependencies: [{ kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i5.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i2.SettingsComponent, selector: "pry-settings", inputs: ["widgetIndex", "isDisable", "headerPresent", "open$", "header"], outputs: ["triggerClick", "saveTriggered", "changeTitle"] }, { kind: "component", type: i2.PryWidgetHeaderComponent, selector: "pry-widget-header", inputs: ["manifest", "openData$", "additionalOptions", "headerOptions", "displayCount", "datasourceIds", "widgetIndex"], outputs: ["manifestModified"] }, { kind: "component", type: i2.PrySelectComponent, selector: "pry-select", inputs: ["items", "clearable", "multiple", "closeOnSelect", "placeholder", "isForm", "required", "name", "readonly", "autocomplete", "bindValue", "bindLabel", "iconSize", "bindIcon", "template", "i18nPrefix", "bindClasses", "loading", "elementRef"], outputs: ["searched", "cleared"] }, { kind: "component", type: i2.PryIconComponent, selector: "pry-icon", inputs: ["color", "iconSvg", "animation", "iconImage", "alt", "width", "height", "classes"] }, { kind: "component", type: i2.PryRangeComponent, selector: "pry-range", inputs: ["min", "max", "step", "disabled", "labelTranslate"] }, { kind: "component", type: PryWidgetForceGraphCssComponent, selector: "pry-widget-force-graph-css" }, { kind: "pipe", type: i4.AsyncPipe, name: "async" }, { kind: "pipe", type: i2.I18nPipe, name: "i18n" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: WidgetGraphComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: WidgetGraphComponent, decorators: [{
             type: Component,
             args: [{ selector: 'pry-widget-graph', changeDetection: ChangeDetectionStrategy.OnPush, template: "<pry-widget-force-graph-css></pry-widget-force-graph-css>\n<div class=\"o-widget o-widget--graph\" [class.-has-header]=\"displayHeader$ | async\">\n  <pry-widget-header\n    [datasourceIds]=\"(datasourceIds$ | async) ?? []\"\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      (changeTitle)=\"changeWidgetTitle($event)\"\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=\"graph_layout\">{{ '@pry.widget.graph.layout' | i18n }}</label>\n        <pry-select\n          (ngModelChange)=\"changeLayout($event)\"\n          [items]=\"layouts\"\n          [ngModel]=\"optionsCopy!.layout\"\n          bindLabel=\"key\"\n          bindValue=\"key\"\n          id=\"graph_layout\"\n        ></pry-select>\n      </div>\n\n      <div class=\"m-form-label-field\">\n        <pry-range\n          [ngModel]=\"optionsCopy!.nodeRadius\"\n          (ngModelChange)=\"changeNodeRadius($event)\"\n          labelTranslate=\"@pry.widget.graph.nodeRadius\"\n          min=\"10\"\n          max=\"200\"\n        ></pry-range>\n      </div>\n    </pry-settings>\n  </pry-widget-header>\n  <div class=\"no-result\" *ngIf=\"(allItemsWithImages$ | async)?.length === 0\">\n    <img\n      class=\"no-result__search\"\n      src=\"../../../assets/svgs/pry_recherche_pas_de_resultat.svg\"\n      alt=\"{{ '@pry.widget.table.empty' | i18n }}\"\n      aria-hidden=\"true\"\n    />\n    <span class=\"no-result__text\">{{ '@pry.widget.graph.empty' | i18n }}</span>\n  </div>\n  <div class=\"m-btn-group -selection-choice\">\n    <button\n      type=\"button\"\n      class=\"a-btn a-btn--icon-only a-tooltip a-tooltip--move\"\n      (click)=\"changeMode('move')\"\n      [class.-selected]=\"mode === 'move'\"\n      [attr.data-tooltip]=\"'@pry.widget.graph.move' | i18n\"\n    >\n      <pry-icon iconSvg=\"move\"></pry-icon>\n      <span class=\"u-visually-hidden\">{{ '@pry.widget.graph.move' | i18n }}</span>\n    </button>\n\n    <button\n      type=\"button\"\n      class=\"a-btn a-btn--icon-only a-tooltip a-tooltip--rectangle\"\n      (click)=\"changeMode('rectangle')\"\n      [class.-selected]=\"mode === 'rectangle'\"\n      [attr.data-tooltip]=\"'@pry.widget.graph.rectangle' | i18n\"\n    >\n      <pry-icon iconSvg=\"rectangle\"></pry-icon>\n      <span class=\"u-visually-hidden\">{{ '@pry.widget.graph.rectangle' | i18n }}</span>\n    </button>\n  </div>\n\n  <canvas\n    #canvas\n    class=\"o-widget--graph__canvas\"\n    (mousemove)=\"onMouseMove($event)\"\n    (mousedown)=\"onMouseDown($event)\"\n    (mouseup)=\"onMouseUp($event)\"\n    (mouseleave)=\"onMouseUp($event, true)\"\n    (contextmenu)=\"contextMenu($event)\"\n  ></canvas>\n\n  <div class=\"selection-rectangle\" #selectionRectangle></div>\n\n  <div\n    class=\"m-tooltip m-tooltip--popup noevent\"\n    [style.display]=\"(tooltip$ | async)?.display ? 'block' : 'none'\"\n    [style.left.px]=\"((tooltip$ | async)?.x ?? 0) + 50\"\n    [style.top.px]=\"((tooltip$ | async)?.y ?? 0) + 50\"\n  >\n    <div #tooltip></div>\n  </div>\n</div>\n" }]
-        }], ctorParameters: function () { return [{ type: i1.Store }, { type: i2.TooltipFactoryService }, { type: i2.PryI18nService }, { type: i2.SymbolService }, { type: i3.DomSanitizer }, { type: i0.ElementRef }, { type: i0.Injector }]; }, propDecorators: { canvas: [{
+        }], ctorParameters: () => [{ type: i1.Store }, { type: i2.TooltipFactoryService }, { type: i2.PryI18nService }, { type: i2.SymbolService }, { type: i3.DomSanitizer }, { type: i0.ElementRef }, { type: i0.Injector }], propDecorators: { canvas: [{
                 type: ViewChild,
                 args: ['canvas']
             }], tooltip: [{
@@ -603,8 +603,8 @@ class WidgetGraphModule extends BaseWidgetModule {
     getComponent() {
         return WidgetGraphComponent;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: WidgetGraphModule, deps: [{ token: i2.TooltipFactoryService }, { token: i2.PryI18nService }], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: WidgetGraphModule, declarations: [WidgetGraphComponent, PryWidgetForceGraphCssComponent], imports: [CommonModule,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: WidgetGraphModule, deps: [{ token: i2.TooltipFactoryService }, { token: i2.PryI18nService }], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.1.3", ngImport: i0, type: WidgetGraphModule, declarations: [WidgetGraphComponent, PryWidgetForceGraphCssComponent], imports: [CommonModule,
             FormsModule,
             OverlayModule,
             PryCoreModule,
@@ -615,7 +615,7 @@ class WidgetGraphModule extends BaseWidgetModule {
             PryOverlayModule,
             PryI18nModule,
             PryRangeModule], exports: [WidgetGraphComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: WidgetGraphModule, imports: [CommonModule,
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: WidgetGraphModule, imports: [CommonModule,
             FormsModule,
             OverlayModule,
             PryCoreModule,
@@ -627,7 +627,7 @@ class WidgetGraphModule extends BaseWidgetModule {
             PryI18nModule,
             PryRangeModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: WidgetGraphModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: WidgetGraphModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [WidgetGraphComponent, PryWidgetForceGraphCssComponent],
@@ -646,7 +646,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                     ],
                     exports: [WidgetGraphComponent]
                 }]
-        }], ctorParameters: function () { return [{ type: i2.TooltipFactoryService }, { type: i2.PryI18nService }]; } });
+        }], ctorParameters: () => [{ type: i2.TooltipFactoryService }, { type: i2.PryI18nService }] });
 
 /**
  * Generated bundle index. Do not edit.