npm - @provoly/dashboard - Versions diffs - 1.4.2 → 1.4.4 - Mend

@provoly/dashboard 1.4.2 → 1.4.4

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 (585) hide show

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

@@ -14,10 +14,10 @@ import * as i5 from '@provoly/dashboard/components/data-format';
 import { PryDataFormatModule } from '@provoly/dashboard/components/data-format';
 class PryWidgetDetailCssComponent {
-    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 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: PryWidgetDetailCssComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.6", 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: "17.1.3", ngImport: i0, type: PryWidgetDetailCssComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", 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"] }]
         }] });
@@ -136,10 +136,10 @@ class WidgetDetailComponent extends BaseWidgetComponent {
     isRaw(attribute) {
         return attribute.field?.type === FieldType.RAW;
     }
-    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.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.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", 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.6", 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" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: WidgetDetailComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", 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" }]
         }], ctorParameters: () => [{ type: i1.Store }, { type: i2.PryI18nService }, { type: i0.ElementRef }] });
@@ -182,8 +182,8 @@ class WidgetDetailModule extends BaseWidgetModule {
     getComponent() {
         return WidgetDetailComponent;
     }
-    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,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: WidgetDetailModule, deps: [{ token: i2.PryI18nService }], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.6", ngImport: i0, type: WidgetDetailModule, declarations: [WidgetDetailComponent, PryWidgetDetailCssComponent], imports: [CommonModule,
             FormsModule,
             OverlayModule,
             PryCoreModule,
@@ -194,7 +194,7 @@ class WidgetDetailModule extends BaseWidgetModule {
             PryToggleModule,
             PryI18nModule,
             PryDataFormatModule], exports: [WidgetDetailComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: WidgetDetailModule, imports: [CommonModule,
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: WidgetDetailModule, imports: [CommonModule,
             FormsModule,
             OverlayModule,
             PryCoreModule,
@@ -206,7 +206,7 @@ class WidgetDetailModule extends BaseWidgetModule {
             PryI18nModule,
             PryDataFormatModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: WidgetDetailModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: WidgetDetailModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [WidgetDetailComponent, PryWidgetDetailCssComponent],

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

@@ -113,10 +113,10 @@ const recursiveTopologicalSort = (nodes, result, node, links) => {
 };
 class PryWidgetForceGraphCssComponent {
-    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 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: PryWidgetForceGraphCssComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.6", 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: "17.1.3", ngImport: i0, type: PryWidgetForceGraphCssComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", 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,10 +542,10 @@ class WidgetGraphComponent extends DataWidgetComponent {
             resolve(this.canvas.nativeElement.toDataURL('image/png'));
         });
     }
-    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", "autocomplete", "alwaysShowAutosuggestedValues", "externalAutocompleteService", "bindValue", "bindLabel", "iconSize", "bindIcon", "template", "i18nPrefix", "bindClasses", "loading", "elementRef"], outputs: ["searched", "cleared", "clicked"] }, { 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: "18.2.6", 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.6", 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"] }, { 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: "17.1.3", ngImport: i0, type: WidgetGraphComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", 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: () => [{ type: i1.Store }, { type: i2.TooltipFactoryService }, { type: i2.PryI18nService }, { type: i2.SymbolService }, { type: i3.DomSanitizer }, { type: i0.ElementRef }, { type: i0.Injector }], propDecorators: { canvas: [{
@@ -603,8 +603,8 @@ class WidgetGraphModule extends BaseWidgetModule {
     getComponent() {
         return WidgetGraphComponent;
     }
-    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,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", 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: "18.2.6", 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: "17.1.3", ngImport: i0, type: WidgetGraphModule, imports: [CommonModule,
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.6", 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: "17.1.3", ngImport: i0, type: WidgetGraphModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: WidgetGraphModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [WidgetGraphComponent, PryWidgetForceGraphCssComponent],

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

@@ -28,10 +28,10 @@ class IframeMessagingService {
             target.postMessage(msg, origin ?? '*');
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: IframeMessagingService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: IframeMessagingService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: IframeMessagingService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: IframeMessagingService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: IframeMessagingService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: IframeMessagingService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
@@ -39,10 +39,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImpor
         }] });
 class PryWidgetIframeCssComponent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: PryWidgetIframeCssComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.3", type: PryWidgetIframeCssComponent, selector: "pry-widget-iframe-css", ngImport: i0, template: '', isInline: true, styles: [".o-widget--iframe__settings{display:flex;flex-direction:column;justify-content:center;align-items:center;margin:20px}.o-widget--iframe iframe{height:100%;width:100%;min-height:25rem}\n"], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: PryWidgetIframeCssComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.6", type: PryWidgetIframeCssComponent, selector: "pry-widget-iframe-css", ngImport: i0, template: '', isInline: true, styles: [".o-widget--iframe__settings{display:flex;flex-direction:column;justify-content:center;align-items:center;margin:20px}.o-widget--iframe iframe{height:100%;width:100%;min-height:25rem}\n"], encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: PryWidgetIframeCssComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: PryWidgetIframeCssComponent, decorators: [{
             type: Component,
             args: [{ selector: 'pry-widget-iframe-css', template: '', encapsulation: ViewEncapsulation.None, styles: [".o-widget--iframe__settings{display:flex;flex-direction:column;justify-content:center;align-items:center;margin:20px}.o-widget--iframe iframe{height:100%;width:100%;min-height:25rem}\n"] }]
         }] });
@@ -81,10 +81,10 @@ class WidgetIframeComponent extends BaseWidgetComponent {
             manifest: { ...this.manifest, options: this.optionsCopy }
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: WidgetIframeComponent, deps: [{ token: i1.Store }, { token: i2.DomSanitizer }, { token: IframeMessagingService }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.3", type: WidgetIframeComponent, selector: "pry-widget-iframe", viewQueries: [{ propertyName: "iframe", first: true, predicate: ["iframe"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<pry-widget-iframe-css></pry-widget-iframe-css>\n<div class=\"o-widget o-widget--iframe\">\n  <pry-widget-header\n    *ngIf=\"displayHeader$ | async\"\n    [widgetIndex]=\"widgetIndex\"\n    [manifest]=\"manifest\"\n    (manifestModified)=\"manifestModified.emit($event)\"\n    #header\n    [headerOptions]=\"(displayHeader$ | async) ?? {}\"\n  >\n    <pry-settings\n      (saveTriggered)=\"emitManifest()\"\n      (changeTitle)=\"changeWidgetTitle($event)\"\n      [headerPresent]=\"displayHeader$ | async\"\n      [widgetIndex]=\"widgetIndex\"\n      [header]=\"header\"\n      [open$]=\"open$\"\n      class=\"o-settings\"\n    >\n      <div class=\"o-settings__fields\">\n        <div class=\"m-form-label-field\">\n          <label class=\"a-label\" for=\"iframe_src\">{{ '@pry.widget.iframe.label' | i18n }}</label>\n          <input\n            class=\"a-form-field\"\n            id=\"iframe_src\"\n            type=\"text\"\n            [value]=\"optionsCopy.src\"\n            (input)=\"changeSrc($event)\"\n          />\n        </div>\n      </div>\n    </pry-settings>\n  </pry-widget-header>\n  <ng-container *ngIf=\"src$ | async as src\">\n    <div [style.height.px]=\"height$ | async\">\n      <iframe [src]=\"src\" title=\"Provoly iframe\" #iframe></iframe>\n    </div>\n  </ng-container>\n</div>\n", dependencies: [{ kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i5.SettingsComponent, selector: "pry-settings", inputs: ["widgetIndex", "isDisable", "headerPresent", "open$", "header"], outputs: ["triggerClick", "saveTriggered", "changeTitle"] }, { kind: "component", type: i5.PryWidgetHeaderComponent, selector: "pry-widget-header", inputs: ["manifest", "openData$", "additionalOptions", "headerOptions", "displayCount", "datasourceIds", "widgetIndex"], outputs: ["manifestModified"] }, { kind: "component", type: PryWidgetIframeCssComponent, selector: "pry-widget-iframe-css" }, { kind: "pipe", type: i4.AsyncPipe, name: "async" }, { kind: "pipe", type: i5.I18nPipe, name: "i18n" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: WidgetIframeComponent, deps: [{ token: i1.Store }, { token: i2.DomSanitizer }, { token: IframeMessagingService }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.6", type: WidgetIframeComponent, selector: "pry-widget-iframe", viewQueries: [{ propertyName: "iframe", first: true, predicate: ["iframe"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<pry-widget-iframe-css></pry-widget-iframe-css>\n<div class=\"o-widget o-widget--iframe\">\n  <pry-widget-header\n    *ngIf=\"displayHeader$ | async\"\n    [widgetIndex]=\"widgetIndex\"\n    [manifest]=\"manifest\"\n    (manifestModified)=\"manifestModified.emit($event)\"\n    #header\n    [headerOptions]=\"(displayHeader$ | async) ?? {}\"\n  >\n    <pry-settings\n      (saveTriggered)=\"emitManifest()\"\n      (changeTitle)=\"changeWidgetTitle($event)\"\n      [headerPresent]=\"displayHeader$ | async\"\n      [widgetIndex]=\"widgetIndex\"\n      [header]=\"header\"\n      [open$]=\"open$\"\n      class=\"o-settings\"\n    >\n      <div class=\"o-settings__fields\">\n        <div class=\"m-form-label-field\">\n          <label class=\"a-label\" for=\"iframe_src\">{{ '@pry.widget.iframe.label' | i18n }}</label>\n          <input\n            class=\"a-form-field\"\n            id=\"iframe_src\"\n            type=\"text\"\n            [value]=\"optionsCopy.src\"\n            (input)=\"changeSrc($event)\"\n          />\n        </div>\n      </div>\n    </pry-settings>\n  </pry-widget-header>\n  <ng-container *ngIf=\"src$ | async as src\">\n    <div [style.height.px]=\"height$ | async\">\n      <iframe [src]=\"src\" title=\"Provoly iframe\" #iframe></iframe>\n    </div>\n  </ng-container>\n</div>\n", dependencies: [{ kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i5.SettingsComponent, selector: "pry-settings", inputs: ["widgetIndex", "isDisable", "headerPresent", "open$", "header"], outputs: ["triggerClick", "saveTriggered", "changeTitle"] }, { kind: "component", type: i5.PryWidgetHeaderComponent, selector: "pry-widget-header", inputs: ["manifest", "openData$", "additionalOptions", "headerOptions", "displayCount", "datasourceIds", "widgetIndex"], outputs: ["manifestModified"] }, { kind: "component", type: PryWidgetIframeCssComponent, selector: "pry-widget-iframe-css" }, { kind: "pipe", type: i4.AsyncPipe, name: "async" }, { kind: "pipe", type: i5.I18nPipe, name: "i18n" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: WidgetIframeComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: WidgetIframeComponent, decorators: [{
             type: Component,
             args: [{ selector: 'pry-widget-iframe', template: "<pry-widget-iframe-css></pry-widget-iframe-css>\n<div class=\"o-widget o-widget--iframe\">\n  <pry-widget-header\n    *ngIf=\"displayHeader$ | async\"\n    [widgetIndex]=\"widgetIndex\"\n    [manifest]=\"manifest\"\n    (manifestModified)=\"manifestModified.emit($event)\"\n    #header\n    [headerOptions]=\"(displayHeader$ | async) ?? {}\"\n  >\n    <pry-settings\n      (saveTriggered)=\"emitManifest()\"\n      (changeTitle)=\"changeWidgetTitle($event)\"\n      [headerPresent]=\"displayHeader$ | async\"\n      [widgetIndex]=\"widgetIndex\"\n      [header]=\"header\"\n      [open$]=\"open$\"\n      class=\"o-settings\"\n    >\n      <div class=\"o-settings__fields\">\n        <div class=\"m-form-label-field\">\n          <label class=\"a-label\" for=\"iframe_src\">{{ '@pry.widget.iframe.label' | i18n }}</label>\n          <input\n            class=\"a-form-field\"\n            id=\"iframe_src\"\n            type=\"text\"\n            [value]=\"optionsCopy.src\"\n            (input)=\"changeSrc($event)\"\n          />\n        </div>\n      </div>\n    </pry-settings>\n  </pry-widget-header>\n  <ng-container *ngIf=\"src$ | async as src\">\n    <div [style.height.px]=\"height$ | async\">\n      <iframe [src]=\"src\" title=\"Provoly iframe\" #iframe></iframe>\n    </div>\n  </ng-container>\n</div>\n" }]
         }], ctorParameters: () => [{ type: i1.Store }, { type: i2.DomSanitizer }, { type: IframeMessagingService }, { type: i0.ElementRef }], propDecorators: { iframe: [{
@@ -124,8 +124,8 @@ class WidgetIframeModule extends BaseWidgetModule {
     getComponent() {
         return WidgetIframeComponent;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: WidgetIframeModule, deps: [{ token: i5.PryI18nService }], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.1.3", ngImport: i0, type: WidgetIframeModule, declarations: [WidgetIframeComponent, PryWidgetIframeCssComponent], imports: [CommonModule,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: WidgetIframeModule, deps: [{ token: i5.PryI18nService }], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.6", ngImport: i0, type: WidgetIframeModule, declarations: [WidgetIframeComponent, PryWidgetIframeCssComponent], imports: [CommonModule,
             FormsModule,
             OverlayModule,
             PryCoreModule,
@@ -135,7 +135,7 @@ class WidgetIframeModule extends BaseWidgetModule {
             PryCheckboxModule,
             PryToggleModule,
             PryI18nModule], exports: [WidgetIframeComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: WidgetIframeModule, providers: [IframeMessagingService], imports: [CommonModule,
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: WidgetIframeModule, providers: [IframeMessagingService], imports: [CommonModule,
             FormsModule,
             OverlayModule,
             PryCoreModule,
@@ -146,7 +146,7 @@ class WidgetIframeModule extends BaseWidgetModule {
             PryToggleModule,
             PryI18nModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: WidgetIframeModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: WidgetIframeModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [WidgetIframeComponent, PryWidgetIframeCssComponent],

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

@@ -8,10 +8,10 @@ import { CommonModule } from '@angular/common';
 import { FormsModule } from '@angular/forms';
 class PryWidgetImageCssComponent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: PryWidgetImageCssComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.3", type: PryWidgetImageCssComponent, selector: "pry-widget-image-css", ngImport: i0, template: '', isInline: true, styles: [".o-widget--image{max-width:100%;max-height:100%}\n"], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: PryWidgetImageCssComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.6", type: PryWidgetImageCssComponent, selector: "pry-widget-image-css", ngImport: i0, template: '', isInline: true, styles: [".o-widget--image{max-width:100%;max-height:100%}\n"], encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: PryWidgetImageCssComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: PryWidgetImageCssComponent, decorators: [{
             type: Component,
             args: [{ selector: 'pry-widget-image-css', template: '', encapsulation: ViewEncapsulation.None, styles: [".o-widget--image{max-width:100%;max-height:100%}\n"] }]
         }] });
@@ -31,10 +31,10 @@ class WidgetImageComponent extends BaseWidgetComponent {
             resolve(canvas.toDataURL('image/png'));
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: WidgetImageComponent, deps: [{ token: i1.Store }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.3", type: WidgetImageComponent, selector: "pry-widget-image", viewQueries: [{ propertyName: "image", first: true, predicate: ["image"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<pry-widget-image-css></pry-widget-image-css>\n<img class=\"o-widget--image\" [src]=\"(options$ | async)?.src\" [alt]=\"(options$ | async)?.alt\" #image />\n", dependencies: [{ kind: "component", type: PryWidgetImageCssComponent, selector: "pry-widget-image-css" }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: WidgetImageComponent, deps: [{ token: i1.Store }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.6", type: WidgetImageComponent, selector: "pry-widget-image", viewQueries: [{ propertyName: "image", first: true, predicate: ["image"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<pry-widget-image-css></pry-widget-image-css>\n<img class=\"o-widget--image\" [src]=\"(options$ | async)?.src\" [alt]=\"(options$ | async)?.alt\" #image />\n", dependencies: [{ kind: "component", type: PryWidgetImageCssComponent, selector: "pry-widget-image-css" }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: WidgetImageComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: WidgetImageComponent, decorators: [{
             type: Component,
             args: [{ selector: 'pry-widget-image', template: "<pry-widget-image-css></pry-widget-image-css>\n<img class=\"o-widget--image\" [src]=\"(options$ | async)?.src\" [alt]=\"(options$ | async)?.alt\" #image />\n" }]
         }], ctorParameters: () => [{ type: i1.Store }, { type: i0.ElementRef }], propDecorators: { image: [{
@@ -46,11 +46,11 @@ class WidgetImageModule extends BaseWidgetModule {
     getComponent() {
         return WidgetImageComponent;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: WidgetImageModule, deps: null, target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.1.3", ngImport: i0, type: WidgetImageModule, declarations: [WidgetImageComponent, PryWidgetImageCssComponent], imports: [CommonModule, FormsModule, PryCoreModule, PryDashboardModule, PrySelectModule, PryIconModule], exports: [WidgetImageComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: WidgetImageModule, imports: [CommonModule, FormsModule, PryCoreModule, PryDashboardModule, PrySelectModule, PryIconModule] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: WidgetImageModule, deps: null, target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.6", ngImport: i0, type: WidgetImageModule, declarations: [WidgetImageComponent, PryWidgetImageCssComponent], imports: [CommonModule, FormsModule, PryCoreModule, PryDashboardModule, PrySelectModule, PryIconModule], exports: [WidgetImageComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: WidgetImageModule, imports: [CommonModule, FormsModule, PryCoreModule, PryDashboardModule, PrySelectModule, PryIconModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: WidgetImageModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: WidgetImageModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [WidgetImageComponent, PryWidgetImageCssComponent],