npm - @provoly/dashboard - Versions diffs - 1.4.13 → 1.4.15 - Mend

@provoly/dashboard 1.4.13 → 1.4.15

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (226) hide show

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

@@ -1,5 +1,5 @@
 import { OverlayModule } from '@angular/cdk/overlay';
-import * as i3 from '@angular/common';
+import * as i4 from '@angular/common';
 import { CommonModule } from '@angular/common';
 import * as i0 from '@angular/core';
 import { Component, ViewEncapsulation, NgModule } from '@angular/core';
@@ -76,7 +76,7 @@ class WidgetDetailComponent extends BaseWidgetComponent {
                 categories: categoriesWithProps
             };
         })));
-        this.subscriptions.add(this.options$.subscribe((options) => (this.optionsCopy = JSON.parse(JSON.stringify(options)))));
+        this.subscriptions.add(this.options$.subscribe((options) => (this.optionsCopy = structuredClone(options))));
         this.subscriptions.add(this.itemsToDisplay$.subscribe((items) => (this.itemsForPin = items.map((item) => item.id))));
         this.subscriptions.add(this.store.select(FieldSelectors.fields).subscribe((fields) => (this.fields = fields)));
         this.detailledWidgetManifest$ = this.itemsToDisplay$.pipe(map((items) => ({
@@ -130,18 +130,24 @@ class WidgetDetailComponent extends BaseWidgetComponent {
     contextMenu($event, item) {
         if (this.manifest.contextMenu !== false) {
             $event.preventDefault();
-            this.store.dispatch(ContextMenuActions.open({ itemId: item.id, clientX: $event.clientX, clientY: $event.clientY, from: 'detail', allowObjectCreation: false }));
+            this.store.dispatch(ContextMenuActions.open({
+                itemId: item.id,
+                clientX: $event.clientX,
+                clientY: $event.clientY,
+                from: 'detail',
+                allowObjectCreation: false
+            }));
         }
     }
     isRaw(attribute) {
         return attribute.field?.type === FieldType.RAW;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", 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: "18.2.7", 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.attribute)\">\n                    {{ value?.value | dataFormat: property.attribute.field }}\n                  </p>\n                  <p class=\"o-properties__list__item__raw\" *ngIf=\"isRaw(property.attribute)\">\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" }, { kind: "pipe", type: i5.DataFormatPipe, name: "dataFormat" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.7", 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  @if (displayHeader$ | async) {\n    <pry-widget-header\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\n  @if (!(itemAndCategories$ | async) || (itemAndCategories$ | async)?.length === 0) {\n    <p class=\"is-empty\">\n      {{ '@pry.widget.detail.noItems' | i18n }}\n    </p>\n  }\n\n  @for (couple of itemAndCategories$ | async; track couple; let itemIndex = $index) {\n    <div class=\"o-widget--detail__content\">\n      @if (!((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          @if (!!panelOpened[itemIndex] && panelOpened[itemIndex].item) {\n            <pry-icon iconSvg=\"fleche_haut\"></pry-icon>\n          }\n          @if (!(!!panelOpened[itemIndex] && panelOpened[itemIndex].item)) {\n            <pry-icon iconSvg=\"fleche_bas\"></pry-icon>\n          }\n        </button>\n      </div>\n      @if (hasMetadata(couple.item)) {\n        <div class=\"o-widget--detail__datas\">\n          <pry-metadata [item]=\"couple.item\"></pry-metadata>\n        </div>\n      }\n    }\n    @if (!!panelOpened[itemIndex] && panelOpened[itemIndex].item) {\n      <div\n        (contextmenu)=\"contextMenu($event, couple.item)\"\n        class=\"o-widget--detail__datas\"\n        [id]=\"'item-' + widgetId + '-' + itemIndex\"\n        >\n        @for (category of couple.categories; track category; 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              @if (panelOpened[itemIndex] && panelOpened[itemIndex].categories[categoryIndex]) {\n                <pry-icon\n                  iconSvg=\"fleche_haut\"\n                  >\n                </pry-icon>\n              }\n              @if (!(panelOpened[itemIndex] && panelOpened[itemIndex].categories[categoryIndex])) {\n                <pry-icon\n                  iconSvg=\"fleche_bas\"\n                  >\n                </pry-icon>\n              }\n            </button>\n          </div>\n          @if (panelOpened[itemIndex] && panelOpened[itemIndex].categories[categoryIndex]) {\n            <div\n              class=\"o-properties\"\n              [id]=\"'properties-' + widgetId + '-' + itemIndex + '-' + categoryIndex\"\n              >\n              <ul class=\"o-properties__list\">\n                <ng-container>\n                  @for (property of category.properties; track property) {\n                    @for (value of getValue(couple.item, property.attribute); track value; let i = $index; let c = $count) {\n                      <li\n                        class=\"o-properties__list__item\"\n                        >\n                        @if (i === 0) {\n                          <p class=\"o-properties__list__item__label\">{{ property.name }}:</p>\n                        }\n                        @if (!isRaw(property.attribute)) {\n                          <p class=\"o-properties__list__item__value\">\n                            {{ value?.value | dataFormat: property.attribute.field }}\n                          </p>\n                        }\n                        @if (isRaw(property.attribute)) {\n                          <p class=\"o-properties__list__item__raw\">\n                            <pry-vizualize-raw [item]=\"couple.item\" [propertyName]=\"property.name\"></pry-vizualize-raw>\n                          </p>\n                        }\n                        @if (hasMetadata(value)) {\n                          <pry-metadata [item]=\"value\"></pry-metadata>\n                        }\n                      </li>\n                    }\n                  }\n                </ng-container>\n              </ul>\n            </div>\n          }\n        }\n      </div>\n    }\n  </div>\n}\n</div>\n", dependencies: [{ 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: i4.AsyncPipe, name: "async" }, { kind: "pipe", type: i2.TranslateIdPipe, name: "translateId" }, { kind: "pipe", type: i2.TranslateItemToSymbolPipe, name: "translateItemToSymbol" }, { kind: "pipe", type: i2.I18nPipe, name: "i18n" }, { kind: "pipe", type: i5.DataFormatPipe, name: "dataFormat" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", 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.attribute)\">\n                    {{ value?.value | dataFormat: property.attribute.field }}\n                  </p>\n                  <p class=\"o-properties__list__item__raw\" *ngIf=\"isRaw(property.attribute)\">\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" }]
+            args: [{ selector: 'pry-widget-detail', template: "<pry-widget-detail-css></pry-widget-detail-css>\n<div class=\"o-widget o-widget--detail\">\n  @if (displayHeader$ | async) {\n    <pry-widget-header\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\n  @if (!(itemAndCategories$ | async) || (itemAndCategories$ | async)?.length === 0) {\n    <p class=\"is-empty\">\n      {{ '@pry.widget.detail.noItems' | i18n }}\n    </p>\n  }\n\n  @for (couple of itemAndCategories$ | async; track couple; let itemIndex = $index) {\n    <div class=\"o-widget--detail__content\">\n      @if (!((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          @if (!!panelOpened[itemIndex] && panelOpened[itemIndex].item) {\n            <pry-icon iconSvg=\"fleche_haut\"></pry-icon>\n          }\n          @if (!(!!panelOpened[itemIndex] && panelOpened[itemIndex].item)) {\n            <pry-icon iconSvg=\"fleche_bas\"></pry-icon>\n          }\n        </button>\n      </div>\n      @if (hasMetadata(couple.item)) {\n        <div class=\"o-widget--detail__datas\">\n          <pry-metadata [item]=\"couple.item\"></pry-metadata>\n        </div>\n      }\n    }\n    @if (!!panelOpened[itemIndex] && panelOpened[itemIndex].item) {\n      <div\n        (contextmenu)=\"contextMenu($event, couple.item)\"\n        class=\"o-widget--detail__datas\"\n        [id]=\"'item-' + widgetId + '-' + itemIndex\"\n        >\n        @for (category of couple.categories; track category; 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              @if (panelOpened[itemIndex] && panelOpened[itemIndex].categories[categoryIndex]) {\n                <pry-icon\n                  iconSvg=\"fleche_haut\"\n                  >\n                </pry-icon>\n              }\n              @if (!(panelOpened[itemIndex] && panelOpened[itemIndex].categories[categoryIndex])) {\n                <pry-icon\n                  iconSvg=\"fleche_bas\"\n                  >\n                </pry-icon>\n              }\n            </button>\n          </div>\n          @if (panelOpened[itemIndex] && panelOpened[itemIndex].categories[categoryIndex]) {\n            <div\n              class=\"o-properties\"\n              [id]=\"'properties-' + widgetId + '-' + itemIndex + '-' + categoryIndex\"\n              >\n              <ul class=\"o-properties__list\">\n                <ng-container>\n                  @for (property of category.properties; track property) {\n                    @for (value of getValue(couple.item, property.attribute); track value; let i = $index; let c = $count) {\n                      <li\n                        class=\"o-properties__list__item\"\n                        >\n                        @if (i === 0) {\n                          <p class=\"o-properties__list__item__label\">{{ property.name }}:</p>\n                        }\n                        @if (!isRaw(property.attribute)) {\n                          <p class=\"o-properties__list__item__value\">\n                            {{ value?.value | dataFormat: property.attribute.field }}\n                          </p>\n                        }\n                        @if (isRaw(property.attribute)) {\n                          <p class=\"o-properties__list__item__raw\">\n                            <pry-vizualize-raw [item]=\"couple.item\" [propertyName]=\"property.name\"></pry-vizualize-raw>\n                          </p>\n                        }\n                        @if (hasMetadata(value)) {\n                          <pry-metadata [item]=\"value\"></pry-metadata>\n                        }\n                      </li>\n                    }\n                  }\n                </ng-container>\n              </ul>\n            </div>\n          }\n        }\n      </div>\n    }\n  </div>\n}\n</div>\n" }]
         }], ctorParameters: () => [{ type: i1.Store }, { type: i2.PryI18nService }, { type: i0.ElementRef }] });
 const enTranslations = {

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

	@@ -1 +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(attribute: Attribute) {\n return 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.attribute)\">\n {{ value?.value \| dataFormat: property.attribute.field }}\n </p>\n <p class=\"o-properties__list__item__raw\" ngIf=\"isRaw(property.attribute)\">\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';\nimport { PryDataFormatModule } from '@provoly/dashboard/components/data-format';\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 PryDataFormatModule\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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"}
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(this.options$.subscribe((options) => (this.optionsCopy = structuredClone(options))));\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({\n itemId: item.id,\n clientX: $event.clientX,\n clientY: $event.clientY,\n from: 'detail',\n allowObjectCreation: false\n })\n );\n }\n }\n\n isRaw(attribute: Attribute) {\n return 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 @if (displayHeader$ \| async) {\n <pry-widget-header\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\n @if (!(itemAndCategories$ \| async) \|\| (itemAndCategories$ \| async)?.length === 0) {\n <p class=\"is-empty\">\n {{ '@pry.widget.detail.noItems' \| i18n }}\n </p>\n }\n\n @for (couple of itemAndCategories$ \| async; track couple; let itemIndex = $index) {\n <div class=\"o-widget--detail__content\">\n @if (!((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 @if (!!panelOpened[itemIndex] && panelOpened[itemIndex].item) {\n <pry-icon iconSvg=\"fleche_haut\"></pry-icon>\n }\n @if (!(!!panelOpened[itemIndex] && panelOpened[itemIndex].item)) {\n <pry-icon iconSvg=\"fleche_bas\"></pry-icon>\n }\n </button>\n </div>\n @if (hasMetadata(couple.item)) {\n <div class=\"o-widget--detail__datas\">\n <pry-metadata [item]=\"couple.item\"></pry-metadata>\n </div>\n }\n }\n @if (!!panelOpened[itemIndex] && panelOpened[itemIndex].item) {\n <div\n (contextmenu)=\"contextMenu($event, couple.item)\"\n class=\"o-widget--detail__datas\"\n [id]=\"'item-' + widgetId + '-' + itemIndex\"\n >\n @for (category of couple.categories; track category; 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 @if (panelOpened[itemIndex] && panelOpened[itemIndex].categories[categoryIndex]) {\n <pry-icon\n iconSvg=\"fleche_haut\"\n >\n </pry-icon>\n }\n @if (!(panelOpened[itemIndex] && panelOpened[itemIndex].categories[categoryIndex])) {\n <pry-icon\n iconSvg=\"fleche_bas\"\n >\n </pry-icon>\n }\n </button>\n </div>\n @if (panelOpened[itemIndex] && panelOpened[itemIndex].categories[categoryIndex]) {\n <div\n class=\"o-properties\"\n [id]=\"'properties-' + widgetId + '-' + itemIndex + '-' + categoryIndex\"\n >\n <ul class=\"o-properties__list\">\n <ng-container>\n @for (property of category.properties; track property) {\n @for (value of getValue(couple.item, property.attribute); track value; let i = $index; let c = $count) {\n <li\n class=\"o-properties__list__item\"\n >\n @if (i === 0) {\n <p class=\"o-properties__list__item__label\">{{ property.name }}:</p>\n }\n @if (!isRaw(property.attribute)) {\n <p class=\"o-properties__list__item__value\">\n {{ value?.value \| dataFormat: property.attribute.field }}\n </p>\n }\n @if (isRaw(property.attribute)) {\n <p class=\"o-properties__list__item__raw\">\n <pry-vizualize-raw [item]=\"couple.item\" [propertyName]=\"property.name\"></pry-vizualize-raw>\n </p>\n }\n @if (hasMetadata(value)) {\n <pry-metadata [item]=\"value\"></pry-metadata>\n }\n </li>\n }\n }\n </ng-container>\n </ul>\n </div>\n }\n }\n </div>\n }\n </div>\n}\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';\nimport { PryDataFormatModule } from '@provoly/dashboard/components/data-format';\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 PryDataFormatModule\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":["i3.PryWidgetDetailCssComponent","i1"],"mappings":"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"}

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

@@ -1,9 +1,9 @@
 import { OverlayModule } from '@angular/cdk/overlay';
-import * as i4 from '@angular/common';
+import * as i6 from '@angular/common';
 import { CommonModule } from '@angular/common';
 import * as i0 from '@angular/core';
 import { Component, ViewEncapsulation, ViewContainerRef, ChangeDetectionStrategy, ViewChild, NgModule } from '@angular/core';
-import * as i5 from '@angular/forms';
+import * as i4 from '@angular/forms';
 import { FormsModule } from '@angular/forms';
 import * as i2 from '@provoly/dashboard';
 import { DataWidgetComponent, ClassSelectors, DashboardSelectors, RelationTypesActions, WIDGET_HEADER_HEIGHT, RelationTypesSelectors, DashboardActions, ContextMenuActions, BaseWidgetModule, tooltipLoader, PryCoreModule, PryDashboardModule, PrySelectModule, PryIconModule, PryToggleModule, PryOverlayModule, PryI18nModule, PryRangeModule } from '@provoly/dashboard';
@@ -163,7 +163,7 @@ class WidgetGraphComponent extends DataWidgetComponent {
         })));
         this.subscriptions.add(this.options$.pipe(filter((opt) => !!opt)).subscribe((options) => {
             this.options = options;
-            this.optionsCopy = { ...JSON.parse(JSON.stringify(options)) };
+            this.optionsCopy = { ...structuredClone(options) };
         }));
         this.viewSize$ = combineLatest([this.widgetSize$, this.displayHeader$]).pipe(delay(10), map(([size, header]) => [size.width, size.height - (header ? WIDGET_HEADER_HEIGHT.value : 0) - 10]), tap((size) => {
             if (this.canvas) {
@@ -543,11 +543,11 @@ class WidgetGraphComponent extends DataWidgetComponent {
         });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", 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: "18.2.7", 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", "autocomplete", "alwaysShowAutosuggestedValues", "externalAutocompleteService", "bindValue", "bindLabel", "iconSize", "bindIcon", "template", "i18nPrefix", "bindClasses", "loading", "elementRef"], outputs: ["searched", "cleared", "clicked", "pressedEnter"] }, { 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.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.7", 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  @if (displayHeader$ | async) {\n    <pry-widget-header\n      [datasourceIds]=\"(datasourceIds$ | 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        <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  }\n  @if ((allItemsWithImages$ | async)?.length === 0) {\n    <div class=\"no-result\">\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  }\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.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: 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", "autocomplete", "alwaysShowAutosuggestedValues", "externalAutocompleteService", "bindValue", "bindLabel", "iconSize", "bindIcon", "template", "i18nPrefix", "bindClasses", "loading", "elementRef"], outputs: ["searched", "cleared", "clicked", "pressedEnter"] }, { 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: i6.AsyncPipe, name: "async" }, { kind: "pipe", type: i2.I18nPipe, name: "i18n" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", 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" }]
+            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  @if (displayHeader$ | async) {\n    <pry-widget-header\n      [datasourceIds]=\"(datasourceIds$ | 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        <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  }\n  @if ((allItemsWithImages$ | async)?.length === 0) {\n    <div class=\"no-result\">\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  }\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: () => [{ 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']