@provoly/dashboard 1.4.3 → 1.4.5

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

@@ -29,10 +29,10 @@ class ResizableDirective {
             return fromEvent(this.documentRef, 'mousemove').pipe(map(({ clientX }) => width + clientX - right), distinctUntilChanged(), takeUntil(fromEvent(this.documentRef, 'mouseup')));
         }));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: ResizableDirective, deps: [{ token: DOCUMENT }, { token: ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.1.3", type: ResizableDirective, selector: "[resizable]", outputs: { resizable: "resizable" }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: ResizableDirective, deps: [{ token: DOCUMENT }, { token: ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.6", type: ResizableDirective, selector: "[resizable]", outputs: { resizable: "resizable" }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: ResizableDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: ResizableDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[resizable]'
@@ -54,10 +54,10 @@ class ResizableComponent {
     onResize(width) {
         this.width = width;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: ResizableComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.3", type: ResizableComponent, selector: "th[resizable]", host: { properties: { "style.width.px": "this.width" } }, ngImport: i0, template: "<div class=\"wrapper\">\n  <div class=\"content\">\n    <ng-content></ng-content>\n  </div>\n  <div class=\"bar\" (resizable)=\"onResize($event)\"></div>\n</div>\n", dependencies: [{ kind: "directive", type: ResizableDirective, selector: "[resizable]", outputs: ["resizable"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: ResizableComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.6", type: ResizableComponent, selector: "th[resizable]", host: { properties: { "style.width.px": "this.width" } }, ngImport: i0, template: "<div class=\"wrapper\">\n  <div class=\"content\">\n    <ng-content></ng-content>\n  </div>\n  <div class=\"bar\" (resizable)=\"onResize($event)\"></div>\n</div>\n", dependencies: [{ kind: "directive", type: ResizableDirective, selector: "[resizable]", outputs: ["resizable"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: ResizableComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: ResizableComponent, decorators: [{
             type: Component,
             args: [{ selector: 'th[resizable]', template: "<div class=\"wrapper\">\n  <div class=\"content\">\n    <ng-content></ng-content>\n  </div>\n  <div class=\"bar\" (resizable)=\"onResize($event)\"></div>\n</div>\n" }]
         }], propDecorators: { width: [{
@@ -66,10 +66,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImpor
             }] } });
 
 class PryWidgetTableCssComponent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: PryWidgetTableCssComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.3", type: PryWidgetTableCssComponent, selector: "pry-widget-table-css", ngImport: i0, template: '', isInline: true, styles: [".o-widget--table{display:flex;flex-direction:column;font-size:.75rem}.o-widget--table .no-result{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%}.o-widget--table .no-result__search{width:40%;margin-bottom:2.5rem}.o-widget--table .no-result__text{max-width:18.375rem;line-height:1.25rem;text-align:center}.o-widget--table .a-table:last-child .bar{display:none}.o-widget--table .a-table .wrapper{display:flex;justify-content:flex-end}.o-widget--table .a-table .content{flex:1}.o-widget--table .a-table .bar{position:absolute;top:0;bottom:0;justify-self:flex-end;width:2px;margin:0 -.75rem 0 .75rem;border-left:2px solid transparent;border-right:2px solid transparent;background-clip:content-box;opacity:0;cursor:ew-resize;transition:opacity .3s}.o-widget--table .a-table .bar:hover,.o-widget--table .a-table .bar:active{opacity:1}.o-widget--table .a-table thead tr,.o-widget--table .a-table thead tr th{height:1.875rem;white-space:nowrap}.o-widget--table .a-table td,.o-widget--table .a-table th{margin:.3125rem;padding:.28125rem}.o-widget--table .a-table .checkbox-wrapper{height:auto}.o-widget--table__vertical-separator{margin-top:.625rem}\n"], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: PryWidgetTableCssComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.6", type: PryWidgetTableCssComponent, selector: "pry-widget-table-css", ngImport: i0, template: '', isInline: true, styles: [".o-widget--table{display:flex;flex-direction:column;font-size:.75rem}.o-widget--table .no-result{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%}.o-widget--table .no-result__search{width:40%;margin-bottom:2.5rem}.o-widget--table .no-result__text{max-width:18.375rem;line-height:1.25rem;text-align:center}.o-widget--table .a-table:last-child .bar{display:none}.o-widget--table .a-table .wrapper{display:flex;justify-content:flex-end}.o-widget--table .a-table .content{flex:1}.o-widget--table .a-table .bar{position:absolute;top:0;bottom:0;justify-self:flex-end;width:2px;margin:0 -.75rem 0 .75rem;border-left:2px solid transparent;border-right:2px solid transparent;background-clip:content-box;opacity:0;cursor:ew-resize;transition:opacity .3s}.o-widget--table .a-table .bar:hover,.o-widget--table .a-table .bar:active{opacity:1}.o-widget--table .a-table thead tr,.o-widget--table .a-table thead tr th{height:1.875rem;white-space:nowrap}.o-widget--table .a-table td,.o-widget--table .a-table th{margin:.3125rem;padding:.28125rem}.o-widget--table .a-table .checkbox-wrapper{height:auto}.o-widget--table__vertical-separator{margin-top:.625rem}\n"], encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: PryWidgetTableCssComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: PryWidgetTableCssComponent, decorators: [{
             type: Component,
             args: [{ selector: 'pry-widget-table-css', template: '', encapsulation: ViewEncapsulation.None, styles: [".o-widget--table{display:flex;flex-direction:column;font-size:.75rem}.o-widget--table .no-result{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%}.o-widget--table .no-result__search{width:40%;margin-bottom:2.5rem}.o-widget--table .no-result__text{max-width:18.375rem;line-height:1.25rem;text-align:center}.o-widget--table .a-table:last-child .bar{display:none}.o-widget--table .a-table .wrapper{display:flex;justify-content:flex-end}.o-widget--table .a-table .content{flex:1}.o-widget--table .a-table .bar{position:absolute;top:0;bottom:0;justify-self:flex-end;width:2px;margin:0 -.75rem 0 .75rem;border-left:2px solid transparent;border-right:2px solid transparent;background-clip:content-box;opacity:0;cursor:ew-resize;transition:opacity .3s}.o-widget--table .a-table .bar:hover,.o-widget--table .a-table .bar:active{opacity:1}.o-widget--table .a-table thead tr,.o-widget--table .a-table thead tr th{height:1.875rem;white-space:nowrap}.o-widget--table .a-table td,.o-widget--table .a-table th{margin:.3125rem;padding:.28125rem}.o-widget--table .a-table .checkbox-wrapper{height:auto}.o-widget--table__vertical-separator{margin-top:.625rem}\n"] }]
         }] });
@@ -94,10 +94,10 @@ class ExpandValueComponent {
             this.isNumber = typeof this.firstValue === 'number';
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: ExpandValueComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.3", type: ExpandValueComponent, selector: "pry-expand-value", inputs: { field: "field", value: "value" }, ngImport: i0, template: "<div class=\"a-expandable-value\">\n  <span class=\"a-expandable-value__initial\">\n    {{ firstValue | dataFormat: field }}\n    {{ isArray ? ' (*)' : '' }}\n  </span>\n  <div class=\"a-expandable-value__expanded\" *ngIf=\"isArray\">\n    <div *ngFor=\"let value of rest\">\n      {{ value | dataFormat: field }}\n    </div>\n  </div>\n</div>\n", dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i2.DataFormatPipe, name: "dataFormat" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: ExpandValueComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.6", type: ExpandValueComponent, selector: "pry-expand-value", inputs: { field: "field", value: "value" }, ngImport: i0, template: "<div class=\"a-expandable-value\">\n  <span class=\"a-expandable-value__initial\">\n    {{ firstValue | dataFormat: field }}\n    {{ isArray ? ' (*)' : '' }}\n  </span>\n  <div class=\"a-expandable-value__expanded\" *ngIf=\"isArray\">\n    <div *ngFor=\"let value of rest\">\n      {{ value | dataFormat: field }}\n    </div>\n  </div>\n</div>\n", dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i2.DataFormatPipe, name: "dataFormat" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: ExpandValueComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: ExpandValueComponent, decorators: [{
             type: Component,
             args: [{ selector: 'pry-expand-value', template: "<div class=\"a-expandable-value\">\n  <span class=\"a-expandable-value__initial\">\n    {{ firstValue | dataFormat: field }}\n    {{ isArray ? ' (*)' : '' }}\n  </span>\n  <div class=\"a-expandable-value__expanded\" *ngIf=\"isArray\">\n    <div *ngFor=\"let value of rest\">\n      {{ value | dataFormat: field }}\n    </div>\n  </div>\n</div>\n" }]
         }], propDecorators: { field: [{
@@ -119,10 +119,10 @@ class DetachRowDirective {
     ngAfterViewChecked() {
         this.cdr.detach();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: DetachRowDirective, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.1.3", type: DetachRowDirective, selector: "[detachRow]", outputs: { selectedValue: "selectedValue" }, host: { listeners: { "click": "clickEvt($event)" } }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: DetachRowDirective, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.6", type: DetachRowDirective, selector: "[detachRow]", outputs: { selectedValue: "selectedValue" }, host: { listeners: { "click": "clickEvt($event)" } }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: DetachRowDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: DetachRowDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[detachRow]'
@@ -163,10 +163,10 @@ class GetValuePipe {
             return ItemUtils.getAttributeCalculatedValue(value, args[0]);
         }));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: GetValuePipe, deps: [{ token: i1$1.Store }], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "17.1.3", ngImport: i0, type: GetValuePipe, name: "getValue" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: GetValuePipe, deps: [{ token: i1$1.Store }], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "18.2.6", ngImport: i0, type: GetValuePipe, name: "getValue" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: GetValuePipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: GetValuePipe, decorators: [{
             type: Pipe,
             args: [{ name: 'getValue' }]
         }], ctorParameters: () => [{ type: i1$1.Store }] });
@@ -389,10 +389,10 @@ class WidgetTableComponent extends DataWidgetComponent {
     goToPage(number) {
         this.actualPage$.next(number);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: WidgetTableComponent, deps: [{ token: i1$1.Store }, { token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.1.3", type: WidgetTableComponent, selector: "pry-widget-table", usesInheritance: true, ngImport: i0, template: "<pry-widget-table-css></pry-widget-table-css>\n<div class=\"o-widget o-widget--table\">\n  @if (displayHeader$ | async) {\n    <pry-widget-header\n      [datasourceIds]=\"(datasourceIds$ | async) ?? []\"\n      [widgetIndex]=\"widgetIndex\"\n      [manifest]=\"manifest\"\n      (manifestModified)=\"manifestModified.emit($event)\"\n      #header\n      [headerOptions]=\"(displayHeader$ | async) ?? {}\"\n      (click)=\"refresh()\"\n    >\n      <pry-settings\n        (click)=\"refresh()\"\n        (saveTriggered)=\"emitManifest()\"\n        (changeTitle)=\"changeWidgetTitle($event)\"\n        [headerPresent]=\"displayHeader$ | async\"\n        [widgetIndex]=\"widgetIndex\"\n        [header]=\"header\"\n        [open$]=\"open$\"\n        (triggerClick)=\"this.refresh()\"\n        class=\"o-settings\"\n      >\n        @if (optionsCopy && optionsCopy.style) {\n          <div class=\"m-form-label-field\">\n            <label class=\"a-label\" for=\"table_style_headerTextAlign\">{{\n              '@pry.widget.table.headerTextAlign' | i18n\n            }}</label>\n            <pry-select\n              [items]=\"ALIGNMENT_OPTIONS\"\n              [ngModel]=\"optionsCopy.style.headerTextAlign\"\n              (ngModelChange)=\"updateStyle($event, 'headerTextAlign')\"\n              id=\"table_style_headerTextAlign\"\n              i18nPrefix=\"@pry.widget.table.align.\"\n            ></pry-select>\n          </div>\n          <div class=\"m-form-label-field\">\n            <label class=\"a-label\" for=\"table_style_cellTextAlign\">{{\n              '@pry.widget.table.cellTextAlign' | i18n\n            }}</label>\n            <pry-select\n              [items]=\"ALIGNMENT_OPTIONS\"\n              [ngModel]=\"optionsCopy.style.cellTextAlign\"\n              (ngModelChange)=\"updateStyle($event, 'cellTextAlign')\"\n              id=\"table_style_cellTextAlign\"\n              i18nPrefix=\"@pry.widget.table.align.\"\n            ></pry-select>\n          </div>\n          <div\n            class=\"m-form-label-field u-display-flex -row -justify-space-between o-widget--table__vertical-separator\"\n          >\n            <label class=\"a-label\" for=\"table_style_verticalSeparator\">{{\n              '@pry.widget.table.verticalSeparator' | i18n\n            }}</label>\n            <pry-checkbox\n              [ngModel]=\"optionsCopy.style.showVerticalSeparator\"\n              (ngModelChange)=\"updateStyle($event, 'showVerticalSeparator')\"\n              id=\"table_style_verticalSeparator\"\n            ></pry-checkbox>\n          </div>\n        }\n\n        <div class=\"o-settings__popup__content__actions\">\n          <button type=\"button\" class=\"a-btn a-btn--icon-text -link-like\" (click)=\"addColumn()\">\n            <pry-icon iconSvg=\"post_add\"></pry-icon>\n            {{ '@pry.widget.table.addColumn' | i18n }}\n          </button>\n        </div>\n\n        @for (columnDef of optionsCopy?.columns ?? []; track columnDef.attributeId; let i = $index) {\n          <div class=\"o-settings__popup__content__fields\" (click)=\"refresh()\">\n            <div class=\"o-settings__popup__content__fields__head\">\n              <div class=\"m-btn-group\">\n                @if (i > 0) {\n                  <button type=\"button\" class=\"a-btn a-btn--icon-only\" (click)=\"invertLayers(i, i - 1)\">\n                    <pry-icon iconSvg=\"fleche_haut\"></pry-icon>\n                    <span class=\"u-visually-hidden\">{{ '@pry.action.moveUp' | i18n }}</span>\n                  </button>\n                }\n                @if (i < (optionsCopy?.columns?.length ?? 0) - 1) {\n                  <button type=\"button\" class=\"a-btn a-btn--icon-only\" (click)=\"invertLayers(i, i + 1)\">\n                    <pry-icon iconSvg=\"fleche_bas\"></pry-icon>\n                    <span class=\"u-visually-hidden\">{{ '@pry.action.moveDown' | i18n }}</span>\n                  </button>\n                }\n              </div>\n            </div>\n\n            <div class=\"o-settings__popup__content__fields__content\">\n              <div class=\"m-form-label-field\">\n                <label class=\"a-label\" for=\"table_property\">{{ '@pry.widget.table.property' | i18n }}</label>\n                <pry-select\n                  (click)=\"refresh()\"\n                  (ngModelChange)=\"changePropertyName($event, columnDef)\"\n                  [items]=\"properties$ | async\"\n                  [ngModel]=\"columnDef.property\"\n                  bindLabel=\"label\"\n                  bindValue=\"property\"\n                  id=\"table_property\"\n                ></pry-select>\n              </div>\n\n              <div class=\"m-form-label-field\">\n                <label class=\"a-label\" for=\"table_label\">{{ '@pry.widget.table.label' | i18n }}</label>\n                <input\n                  id=\"table_label\"\n                  class=\"a-form-field\"\n                  type=\"text\"\n                  (input)=\"changeLabel($event, columnDef)\"\n                  [value]=\"columnDef.label\"\n                />\n              </div>\n            </div>\n            <button\n              (click)=\"deleteColumn(i)\"\n              aria-label=\"delete\"\n              type=\"button\"\n              class=\"a-btn a-btn--icon-text -link-like\"\n              data-func=\"delete\"\n            >\n              <pry-icon iconSvg=\"delete\" [width]=\"19\" [height]=\"19\"></pry-icon>\n              <span>{{ '@pry.widget.table.deleteColumn' | i18n }}</span>\n            </button>\n          </div>\n        }\n      </pry-settings>\n    </pry-widget-header>\n  }\n\n  <div class=\"a-table-wrapper\">\n    @if (pagination$ | async; as pagination) {\n      @if (pagination?.items ?? []; as allObjects) {\n        @if (pagination.noFillersItems === 0) {\n          <div class=\"no-result\" [style.height.%]=\"pagination.totalPages > 0 ? 80 : 100\">\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.table.empty' | i18n }}</span>\n          </div>\n        } @else if (pagination.noFillersItems > 0) {\n          @if ((selectedIds$ | async) ?? []; as selectedIds) {\n            @if ((columns$ | async) ?? []; as columns) {\n              <table\n                class=\"a-table\"\n                [class.-show-vertical-separator]=\"optionsCopy?.style?.showVerticalSeparator\"\n                [attr.aria-label]=\"'@pry.widget.table.description' | i18n\"\n              >\n                <thead>\n                  <tr>\n                    @if (allObjects?.length ?? 0 > 0) {\n                      <th>\n                        <pry-checkbox [ngModel]=\"areAllSelected\" (ngModelChange)=\"selectAll($event)\"></pry-checkbox>\n                      </th>\n                    }\n                    @for (column of columns; track column.attributeId; let i = $index) {\n                      <th\n                        resizable\n                        (click)=\"setOrder(column)\"\n                        [ngClass]=\"'u-txt-' + optionsCopy?.style?.headerTextAlign\"\n                      >\n                        <span>{{ column.label }}</span>\n                        @if (quickOrder$ | async; as quickOrder) {\n                          @if (quickOrder.attribute === column.attributeId) {\n                            <pry-icon\n                              [iconSvg]=\"quickOrder.asc ? 'chevron_top' : 'chevron_bottom'\"\n                              [height]=\"12\"\n                              [width]=\"12\"\n                            ></pry-icon>\n                          }\n                        }\n                      </th>\n                    }\n                  </tr>\n                </thead>\n                <tbody>\n                  @for (item of allObjects; track item.id) {\n                    <tr\n                      [class.is-selected]=\"selectedIds.includes(item.id)\"\n                      [class.context-menu-selected]=\"contextMenuClickedId === item.id && (isContextMenuOpened$ | async)\"\n                      (contextmenu)=\"contextMenu($event, item)\"\n                      detachRow\n                      (selectedValue)=\"selection($event, item)\"\n                      [class.filler]=\"item.metadata!['__widget-table-filler']\"\n                    >\n                      <td class=\"checkbox-wrapper\">\n                        <pry-checkbox [ngModel]=\"selectedIds.includes(item.id)\"></pry-checkbox>\n                      </td>\n                      @for (column of columns; track column.attributeId) {\n                        <td class=\"u-ellipsis\" [ngClass]=\"'u-txt-' + optionsCopy?.style?.cellTextAlign\">\n                          @if (column.property === 'metadata') {\n                            <pry-metadata [item]=\"item\"></pry-metadata>\n                          }\n                          @if (column.property === 'oClass') {\n                            <p class=\"content-img\">\n                              <img\n                                [height]=\"25\"\n                                [width]=\"25\"\n                                [src]=\"item | translateItemToSymbol | async\"\n                                [alt]=\"item.oClass | translateId: { type: 'class', output: 'name' } | async\"\n                              />\n                            </p>\n                          }\n                          @if (!['metadata', 'oClass'].includes(column.property)) {\n                            <pry-expand-value [value]=\"item | getValue: column.property | async\" [field]=\"column.field\"></pry-expand-value>\n                          }\n                        </td>\n                      }\n                    </tr>\n                  }\n                </tbody>\n              </table>\n            }\n          }\n        }\n        @if (pagination.totalPages > 0) {\n          <div class=\"u-display-flex\">\n            <pry-paginator\n              [totalItemNb]=\"pagination.total\"\n              (pageChange)=\"goToPage($event - 1)\"\n              [nbPerPage]=\"pagination.rows\"\n              mode=\"short\"\n            ></pry-paginator>\n            <div class=\"a-table__pagination-label\">\n              ({{\n                '@pry.widget.table.remaining' | i18n: { remaining: pagination.totalPages - pagination.loadedPages }\n              }})\n            </div>\n          </div>\n        }\n      }\n    }\n  </div>\n</div>\n", dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i4.SettingsComponent, selector: "pry-settings", inputs: ["widgetIndex", "isDisable", "headerPresent", "open$", "header"], outputs: ["triggerClick", "saveTriggered", "changeTitle"] }, { kind: "component", type: i4.MetadataComponent, selector: "pry-metadata", inputs: ["item"] }, { kind: "component", type: i4.PryWidgetHeaderComponent, selector: "pry-widget-header", inputs: ["manifest", "openData$", "additionalOptions", "headerOptions", "displayCount", "datasourceIds", "widgetIndex"], outputs: ["manifestModified"] }, { kind: "component", type: i4.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: i4.PryIconComponent, selector: "pry-icon", inputs: ["color", "iconSvg", "animation", "iconImage", "alt", "width", "height", "classes"] }, { kind: "component", type: i5.PryCheckboxComponent, selector: "pry-checkbox", inputs: ["circle", "name", "inputId", "inhibit"] }, { kind: "component", type: i6.PryPaginatorComponent, selector: "pry-paginator", inputs: ["action", "nbPerPage", "totalItemNb", "mode", "goBackToFirstPage"], outputs: ["pageChange"] }, { kind: "component", type: ResizableComponent, selector: "th[resizable]" }, { kind: "directive", type: ResizableDirective, selector: "[resizable]", outputs: ["resizable"] }, { kind: "component", type: PryWidgetTableCssComponent, selector: "pry-widget-table-css" }, { kind: "component", type: ExpandValueComponent, selector: "pry-expand-value", inputs: ["field", "value"] }, { kind: "directive", type: DetachRowDirective, selector: "[detachRow]", outputs: ["selectedValue"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "pipe", type: i4.TranslateIdPipe, name: "translateId" }, { kind: "pipe", type: i4.TranslateItemToSymbolPipe, name: "translateItemToSymbol" }, { kind: "pipe", type: i4.I18nPipe, name: "i18n" }, { kind: "pipe", type: GetValuePipe, name: "getValue" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: WidgetTableComponent, deps: [{ token: i1$1.Store }, { token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.6", type: WidgetTableComponent, selector: "pry-widget-table", usesInheritance: true, ngImport: i0, template: "<pry-widget-table-css></pry-widget-table-css>\n<div class=\"o-widget o-widget--table\">\n  @if (displayHeader$ | async) {\n    <pry-widget-header\n      [datasourceIds]=\"(datasourceIds$ | async) ?? []\"\n      [widgetIndex]=\"widgetIndex\"\n      [manifest]=\"manifest\"\n      (manifestModified)=\"manifestModified.emit($event)\"\n      #header\n      [headerOptions]=\"(displayHeader$ | async) ?? {}\"\n      (click)=\"refresh()\"\n    >\n      <pry-settings\n        (click)=\"refresh()\"\n        (saveTriggered)=\"emitManifest()\"\n        (changeTitle)=\"changeWidgetTitle($event)\"\n        [headerPresent]=\"displayHeader$ | async\"\n        [widgetIndex]=\"widgetIndex\"\n        [header]=\"header\"\n        [open$]=\"open$\"\n        (triggerClick)=\"this.refresh()\"\n        class=\"o-settings\"\n      >\n        @if (optionsCopy && optionsCopy.style) {\n          <div class=\"m-form-label-field\">\n            <label class=\"a-label\" for=\"table_style_headerTextAlign\">{{\n              '@pry.widget.table.headerTextAlign' | i18n\n            }}</label>\n            <pry-select\n              [items]=\"ALIGNMENT_OPTIONS\"\n              [ngModel]=\"optionsCopy.style.headerTextAlign\"\n              (ngModelChange)=\"updateStyle($event, 'headerTextAlign')\"\n              id=\"table_style_headerTextAlign\"\n              i18nPrefix=\"@pry.widget.table.align.\"\n            ></pry-select>\n          </div>\n          <div class=\"m-form-label-field\">\n            <label class=\"a-label\" for=\"table_style_cellTextAlign\">{{\n              '@pry.widget.table.cellTextAlign' | i18n\n            }}</label>\n            <pry-select\n              [items]=\"ALIGNMENT_OPTIONS\"\n              [ngModel]=\"optionsCopy.style.cellTextAlign\"\n              (ngModelChange)=\"updateStyle($event, 'cellTextAlign')\"\n              id=\"table_style_cellTextAlign\"\n              i18nPrefix=\"@pry.widget.table.align.\"\n            ></pry-select>\n          </div>\n          <div\n            class=\"m-form-label-field u-display-flex -row -justify-space-between o-widget--table__vertical-separator\"\n          >\n            <label class=\"a-label\" for=\"table_style_verticalSeparator\">{{\n              '@pry.widget.table.verticalSeparator' | i18n\n            }}</label>\n            <pry-checkbox\n              [ngModel]=\"optionsCopy.style.showVerticalSeparator\"\n              (ngModelChange)=\"updateStyle($event, 'showVerticalSeparator')\"\n              id=\"table_style_verticalSeparator\"\n            ></pry-checkbox>\n          </div>\n        }\n\n        <div class=\"o-settings__popup__content__actions\">\n          <button type=\"button\" class=\"a-btn a-btn--icon-text -link-like\" (click)=\"addColumn()\">\n            <pry-icon iconSvg=\"post_add\"></pry-icon>\n            {{ '@pry.widget.table.addColumn' | i18n }}\n          </button>\n        </div>\n\n        @for (columnDef of optionsCopy?.columns ?? []; track columnDef.attributeId; let i = $index) {\n          <div class=\"o-settings__popup__content__fields\" (click)=\"refresh()\">\n            <div class=\"o-settings__popup__content__fields__head\">\n              <div class=\"m-btn-group\">\n                @if (i > 0) {\n                  <button type=\"button\" class=\"a-btn a-btn--icon-only\" (click)=\"invertLayers(i, i - 1)\">\n                    <pry-icon iconSvg=\"fleche_haut\"></pry-icon>\n                    <span class=\"u-visually-hidden\">{{ '@pry.action.moveUp' | i18n }}</span>\n                  </button>\n                }\n                @if (i < (optionsCopy?.columns?.length ?? 0) - 1) {\n                  <button type=\"button\" class=\"a-btn a-btn--icon-only\" (click)=\"invertLayers(i, i + 1)\">\n                    <pry-icon iconSvg=\"fleche_bas\"></pry-icon>\n                    <span class=\"u-visually-hidden\">{{ '@pry.action.moveDown' | i18n }}</span>\n                  </button>\n                }\n              </div>\n            </div>\n\n            <div class=\"o-settings__popup__content__fields__content\">\n              <div class=\"m-form-label-field\">\n                <label class=\"a-label\" for=\"table_property\">{{ '@pry.widget.table.property' | i18n }}</label>\n                <pry-select\n                  (click)=\"refresh()\"\n                  (ngModelChange)=\"changePropertyName($event, columnDef)\"\n                  [items]=\"properties$ | async\"\n                  [ngModel]=\"columnDef.property\"\n                  bindLabel=\"label\"\n                  bindValue=\"property\"\n                  id=\"table_property\"\n                ></pry-select>\n              </div>\n\n              <div class=\"m-form-label-field\">\n                <label class=\"a-label\" for=\"table_label\">{{ '@pry.widget.table.label' | i18n }}</label>\n                <input\n                  id=\"table_label\"\n                  class=\"a-form-field\"\n                  type=\"text\"\n                  (input)=\"changeLabel($event, columnDef)\"\n                  [value]=\"columnDef.label\"\n                />\n              </div>\n            </div>\n            <button\n              (click)=\"deleteColumn(i)\"\n              aria-label=\"delete\"\n              type=\"button\"\n              class=\"a-btn a-btn--icon-text -link-like\"\n              data-func=\"delete\"\n            >\n              <pry-icon iconSvg=\"delete\" [width]=\"19\" [height]=\"19\"></pry-icon>\n              <span>{{ '@pry.widget.table.deleteColumn' | i18n }}</span>\n            </button>\n          </div>\n        }\n      </pry-settings>\n    </pry-widget-header>\n  }\n\n  <div class=\"a-table-wrapper\">\n    @if (pagination$ | async; as pagination) {\n      @if (pagination?.items ?? []; as allObjects) {\n        @if (pagination.noFillersItems === 0) {\n          <div class=\"no-result\" [style.height.%]=\"pagination.totalPages > 0 ? 80 : 100\">\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.table.empty' | i18n }}</span>\n          </div>\n        } @else if (pagination.noFillersItems > 0) {\n          @if ((selectedIds$ | async) ?? []; as selectedIds) {\n            @if ((columns$ | async) ?? []; as columns) {\n              <table\n                class=\"a-table\"\n                [class.-show-vertical-separator]=\"optionsCopy?.style?.showVerticalSeparator\"\n                [attr.aria-label]=\"'@pry.widget.table.description' | i18n\"\n              >\n                <thead>\n                  <tr>\n                    @if (allObjects?.length ?? 0 > 0) {\n                      <th>\n                        <pry-checkbox [ngModel]=\"areAllSelected\" (ngModelChange)=\"selectAll($event)\"></pry-checkbox>\n                      </th>\n                    }\n                    @for (column of columns; track column.attributeId; let i = $index) {\n                      <th\n                        resizable\n                        (click)=\"setOrder(column)\"\n                        [ngClass]=\"'u-txt-' + optionsCopy?.style?.headerTextAlign\"\n                      >\n                        <span>{{ column.label }}</span>\n                        @if (quickOrder$ | async; as quickOrder) {\n                          @if (quickOrder.attribute === column.attributeId) {\n                            <pry-icon\n                              [iconSvg]=\"quickOrder.asc ? 'chevron_top' : 'chevron_bottom'\"\n                              [height]=\"12\"\n                              [width]=\"12\"\n                            ></pry-icon>\n                          }\n                        }\n                      </th>\n                    }\n                  </tr>\n                </thead>\n                <tbody>\n                  @for (item of allObjects; track item.id) {\n                    <tr\n                      [class.is-selected]=\"selectedIds.includes(item.id)\"\n                      [class.context-menu-selected]=\"contextMenuClickedId === item.id && (isContextMenuOpened$ | async)\"\n                      (contextmenu)=\"contextMenu($event, item)\"\n                      detachRow\n                      (selectedValue)=\"selection($event, item)\"\n                      [class.filler]=\"item.metadata!['__widget-table-filler']\"\n                    >\n                      <td class=\"checkbox-wrapper\">\n                        <pry-checkbox [ngModel]=\"selectedIds.includes(item.id)\"></pry-checkbox>\n                      </td>\n                      @for (column of columns; track column.attributeId) {\n                        <td class=\"u-ellipsis\" [ngClass]=\"'u-txt-' + optionsCopy?.style?.cellTextAlign\">\n                          @if (column.property === 'metadata') {\n                            <pry-metadata [item]=\"item\"></pry-metadata>\n                          }\n                          @if (column.property === 'oClass') {\n                            <p class=\"content-img\">\n                              <img\n                                [height]=\"25\"\n                                [width]=\"25\"\n                                [src]=\"item | translateItemToSymbol | async\"\n                                [alt]=\"item.oClass | translateId: { type: 'class', output: 'name' } | async\"\n                              />\n                            </p>\n                          }\n                          @if (!['metadata', 'oClass'].includes(column.property)) {\n                            <pry-expand-value [value]=\"item | getValue: column.property | async\" [field]=\"column.field\"></pry-expand-value>\n                          }\n                        </td>\n                      }\n                    </tr>\n                  }\n                </tbody>\n              </table>\n            }\n          }\n        }\n        @if (pagination.totalPages > 0) {\n          <div class=\"u-display-flex\">\n            <pry-paginator\n              [totalItemNb]=\"pagination.total\"\n              (pageChange)=\"goToPage($event - 1)\"\n              [nbPerPage]=\"pagination.rows\"\n              mode=\"short\"\n            ></pry-paginator>\n            <div class=\"a-table__pagination-label\">\n              ({{\n                '@pry.widget.table.remaining' | i18n: { remaining: pagination.totalPages - pagination.loadedPages }\n              }})\n            </div>\n          </div>\n        }\n      }\n    }\n  </div>\n</div>\n", dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i4.SettingsComponent, selector: "pry-settings", inputs: ["widgetIndex", "isDisable", "headerPresent", "open$", "header"], outputs: ["triggerClick", "saveTriggered", "changeTitle"] }, { kind: "component", type: i4.MetadataComponent, selector: "pry-metadata", inputs: ["item"] }, { kind: "component", type: i4.PryWidgetHeaderComponent, selector: "pry-widget-header", inputs: ["manifest", "openData$", "additionalOptions", "headerOptions", "displayCount", "datasourceIds", "widgetIndex"], outputs: ["manifestModified"] }, { kind: "component", type: i4.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: i4.PryIconComponent, selector: "pry-icon", inputs: ["color", "iconSvg", "animation", "iconImage", "alt", "width", "height", "classes"] }, { kind: "component", type: i5.PryCheckboxComponent, selector: "pry-checkbox", inputs: ["circle", "name", "inputId", "inhibit"] }, { kind: "component", type: i6.PryPaginatorComponent, selector: "pry-paginator", inputs: ["action", "nbPerPage", "totalItemNb", "mode", "goBackToFirstPage"], outputs: ["pageChange"] }, { kind: "component", type: ResizableComponent, selector: "th[resizable]" }, { kind: "directive", type: ResizableDirective, selector: "[resizable]", outputs: ["resizable"] }, { kind: "component", type: PryWidgetTableCssComponent, selector: "pry-widget-table-css" }, { kind: "component", type: ExpandValueComponent, selector: "pry-expand-value", inputs: ["field", "value"] }, { kind: "directive", type: DetachRowDirective, selector: "[detachRow]", outputs: ["selectedValue"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "pipe", type: i4.TranslateIdPipe, name: "translateId" }, { kind: "pipe", type: i4.TranslateItemToSymbolPipe, name: "translateItemToSymbol" }, { kind: "pipe", type: i4.I18nPipe, name: "i18n" }, { kind: "pipe", type: GetValuePipe, name: "getValue" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: WidgetTableComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: WidgetTableComponent, decorators: [{
             type: Component,
             args: [{ selector: 'pry-widget-table', template: "<pry-widget-table-css></pry-widget-table-css>\n<div class=\"o-widget o-widget--table\">\n  @if (displayHeader$ | async) {\n    <pry-widget-header\n      [datasourceIds]=\"(datasourceIds$ | async) ?? []\"\n      [widgetIndex]=\"widgetIndex\"\n      [manifest]=\"manifest\"\n      (manifestModified)=\"manifestModified.emit($event)\"\n      #header\n      [headerOptions]=\"(displayHeader$ | async) ?? {}\"\n      (click)=\"refresh()\"\n    >\n      <pry-settings\n        (click)=\"refresh()\"\n        (saveTriggered)=\"emitManifest()\"\n        (changeTitle)=\"changeWidgetTitle($event)\"\n        [headerPresent]=\"displayHeader$ | async\"\n        [widgetIndex]=\"widgetIndex\"\n        [header]=\"header\"\n        [open$]=\"open$\"\n        (triggerClick)=\"this.refresh()\"\n        class=\"o-settings\"\n      >\n        @if (optionsCopy && optionsCopy.style) {\n          <div class=\"m-form-label-field\">\n            <label class=\"a-label\" for=\"table_style_headerTextAlign\">{{\n              '@pry.widget.table.headerTextAlign' | i18n\n            }}</label>\n            <pry-select\n              [items]=\"ALIGNMENT_OPTIONS\"\n              [ngModel]=\"optionsCopy.style.headerTextAlign\"\n              (ngModelChange)=\"updateStyle($event, 'headerTextAlign')\"\n              id=\"table_style_headerTextAlign\"\n              i18nPrefix=\"@pry.widget.table.align.\"\n            ></pry-select>\n          </div>\n          <div class=\"m-form-label-field\">\n            <label class=\"a-label\" for=\"table_style_cellTextAlign\">{{\n              '@pry.widget.table.cellTextAlign' | i18n\n            }}</label>\n            <pry-select\n              [items]=\"ALIGNMENT_OPTIONS\"\n              [ngModel]=\"optionsCopy.style.cellTextAlign\"\n              (ngModelChange)=\"updateStyle($event, 'cellTextAlign')\"\n              id=\"table_style_cellTextAlign\"\n              i18nPrefix=\"@pry.widget.table.align.\"\n            ></pry-select>\n          </div>\n          <div\n            class=\"m-form-label-field u-display-flex -row -justify-space-between o-widget--table__vertical-separator\"\n          >\n            <label class=\"a-label\" for=\"table_style_verticalSeparator\">{{\n              '@pry.widget.table.verticalSeparator' | i18n\n            }}</label>\n            <pry-checkbox\n              [ngModel]=\"optionsCopy.style.showVerticalSeparator\"\n              (ngModelChange)=\"updateStyle($event, 'showVerticalSeparator')\"\n              id=\"table_style_verticalSeparator\"\n            ></pry-checkbox>\n          </div>\n        }\n\n        <div class=\"o-settings__popup__content__actions\">\n          <button type=\"button\" class=\"a-btn a-btn--icon-text -link-like\" (click)=\"addColumn()\">\n            <pry-icon iconSvg=\"post_add\"></pry-icon>\n            {{ '@pry.widget.table.addColumn' | i18n }}\n          </button>\n        </div>\n\n        @for (columnDef of optionsCopy?.columns ?? []; track columnDef.attributeId; let i = $index) {\n          <div class=\"o-settings__popup__content__fields\" (click)=\"refresh()\">\n            <div class=\"o-settings__popup__content__fields__head\">\n              <div class=\"m-btn-group\">\n                @if (i > 0) {\n                  <button type=\"button\" class=\"a-btn a-btn--icon-only\" (click)=\"invertLayers(i, i - 1)\">\n                    <pry-icon iconSvg=\"fleche_haut\"></pry-icon>\n                    <span class=\"u-visually-hidden\">{{ '@pry.action.moveUp' | i18n }}</span>\n                  </button>\n                }\n                @if (i < (optionsCopy?.columns?.length ?? 0) - 1) {\n                  <button type=\"button\" class=\"a-btn a-btn--icon-only\" (click)=\"invertLayers(i, i + 1)\">\n                    <pry-icon iconSvg=\"fleche_bas\"></pry-icon>\n                    <span class=\"u-visually-hidden\">{{ '@pry.action.moveDown' | i18n }}</span>\n                  </button>\n                }\n              </div>\n            </div>\n\n            <div class=\"o-settings__popup__content__fields__content\">\n              <div class=\"m-form-label-field\">\n                <label class=\"a-label\" for=\"table_property\">{{ '@pry.widget.table.property' | i18n }}</label>\n                <pry-select\n                  (click)=\"refresh()\"\n                  (ngModelChange)=\"changePropertyName($event, columnDef)\"\n                  [items]=\"properties$ | async\"\n                  [ngModel]=\"columnDef.property\"\n                  bindLabel=\"label\"\n                  bindValue=\"property\"\n                  id=\"table_property\"\n                ></pry-select>\n              </div>\n\n              <div class=\"m-form-label-field\">\n                <label class=\"a-label\" for=\"table_label\">{{ '@pry.widget.table.label' | i18n }}</label>\n                <input\n                  id=\"table_label\"\n                  class=\"a-form-field\"\n                  type=\"text\"\n                  (input)=\"changeLabel($event, columnDef)\"\n                  [value]=\"columnDef.label\"\n                />\n              </div>\n            </div>\n            <button\n              (click)=\"deleteColumn(i)\"\n              aria-label=\"delete\"\n              type=\"button\"\n              class=\"a-btn a-btn--icon-text -link-like\"\n              data-func=\"delete\"\n            >\n              <pry-icon iconSvg=\"delete\" [width]=\"19\" [height]=\"19\"></pry-icon>\n              <span>{{ '@pry.widget.table.deleteColumn' | i18n }}</span>\n            </button>\n          </div>\n        }\n      </pry-settings>\n    </pry-widget-header>\n  }\n\n  <div class=\"a-table-wrapper\">\n    @if (pagination$ | async; as pagination) {\n      @if (pagination?.items ?? []; as allObjects) {\n        @if (pagination.noFillersItems === 0) {\n          <div class=\"no-result\" [style.height.%]=\"pagination.totalPages > 0 ? 80 : 100\">\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.table.empty' | i18n }}</span>\n          </div>\n        } @else if (pagination.noFillersItems > 0) {\n          @if ((selectedIds$ | async) ?? []; as selectedIds) {\n            @if ((columns$ | async) ?? []; as columns) {\n              <table\n                class=\"a-table\"\n                [class.-show-vertical-separator]=\"optionsCopy?.style?.showVerticalSeparator\"\n                [attr.aria-label]=\"'@pry.widget.table.description' | i18n\"\n              >\n                <thead>\n                  <tr>\n                    @if (allObjects?.length ?? 0 > 0) {\n                      <th>\n                        <pry-checkbox [ngModel]=\"areAllSelected\" (ngModelChange)=\"selectAll($event)\"></pry-checkbox>\n                      </th>\n                    }\n                    @for (column of columns; track column.attributeId; let i = $index) {\n                      <th\n                        resizable\n                        (click)=\"setOrder(column)\"\n                        [ngClass]=\"'u-txt-' + optionsCopy?.style?.headerTextAlign\"\n                      >\n                        <span>{{ column.label }}</span>\n                        @if (quickOrder$ | async; as quickOrder) {\n                          @if (quickOrder.attribute === column.attributeId) {\n                            <pry-icon\n                              [iconSvg]=\"quickOrder.asc ? 'chevron_top' : 'chevron_bottom'\"\n                              [height]=\"12\"\n                              [width]=\"12\"\n                            ></pry-icon>\n                          }\n                        }\n                      </th>\n                    }\n                  </tr>\n                </thead>\n                <tbody>\n                  @for (item of allObjects; track item.id) {\n                    <tr\n                      [class.is-selected]=\"selectedIds.includes(item.id)\"\n                      [class.context-menu-selected]=\"contextMenuClickedId === item.id && (isContextMenuOpened$ | async)\"\n                      (contextmenu)=\"contextMenu($event, item)\"\n                      detachRow\n                      (selectedValue)=\"selection($event, item)\"\n                      [class.filler]=\"item.metadata!['__widget-table-filler']\"\n                    >\n                      <td class=\"checkbox-wrapper\">\n                        <pry-checkbox [ngModel]=\"selectedIds.includes(item.id)\"></pry-checkbox>\n                      </td>\n                      @for (column of columns; track column.attributeId) {\n                        <td class=\"u-ellipsis\" [ngClass]=\"'u-txt-' + optionsCopy?.style?.cellTextAlign\">\n                          @if (column.property === 'metadata') {\n                            <pry-metadata [item]=\"item\"></pry-metadata>\n                          }\n                          @if (column.property === 'oClass') {\n                            <p class=\"content-img\">\n                              <img\n                                [height]=\"25\"\n                                [width]=\"25\"\n                                [src]=\"item | translateItemToSymbol | async\"\n                                [alt]=\"item.oClass | translateId: { type: 'class', output: 'name' } | async\"\n                              />\n                            </p>\n                          }\n                          @if (!['metadata', 'oClass'].includes(column.property)) {\n                            <pry-expand-value [value]=\"item | getValue: column.property | async\" [field]=\"column.field\"></pry-expand-value>\n                          }\n                        </td>\n                      }\n                    </tr>\n                  }\n                </tbody>\n              </table>\n            }\n          }\n        }\n        @if (pagination.totalPages > 0) {\n          <div class=\"u-display-flex\">\n            <pry-paginator\n              [totalItemNb]=\"pagination.total\"\n              (pageChange)=\"goToPage($event - 1)\"\n              [nbPerPage]=\"pagination.rows\"\n              mode=\"short\"\n            ></pry-paginator>\n            <div class=\"a-table__pagination-label\">\n              ({{\n                '@pry.widget.table.remaining' | i18n: { remaining: pagination.totalPages - pagination.loadedPages }\n              }})\n            </div>\n          </div>\n        }\n      }\n    }\n  </div>\n</div>\n" }]
         }], ctorParameters: () => [{ type: i1$1.Store }, { type: i0.ElementRef }, { type: i0.ChangeDetectorRef }] });
@@ -455,8 +455,8 @@ class WidgetTableModule extends BaseWidgetModule {
     getComponent() {
         return WidgetTableComponent;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: WidgetTableModule, deps: [{ token: i4.PryI18nService }], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.1.3", ngImport: i0, type: WidgetTableModule, declarations: [WidgetTableComponent,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: WidgetTableModule, deps: [{ token: i4.PryI18nService }], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.6", ngImport: i0, type: WidgetTableModule, declarations: [WidgetTableComponent,
             GetValuePipe,
             ResizableComponent,
             ResizableDirective,
@@ -474,7 +474,7 @@ class WidgetTableModule extends BaseWidgetModule {
             PryI18nModule,
             PryDataFormatModule,
             PryPaginatorModule], exports: [WidgetTableComponent, ExpandValueComponent, GetValuePipe] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: WidgetTableModule, imports: [CommonModule,
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: WidgetTableModule, imports: [CommonModule,
             FormsModule,
             OverlayModule,
             PryCoreModule,
@@ -487,7 +487,7 @@ class WidgetTableModule extends BaseWidgetModule {
             PryDataFormatModule,
             PryPaginatorModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: WidgetTableModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: WidgetTableModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [

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

@@ -13,10 +13,10 @@ import * as i1 from '@ngrx/store';
 import * as i2 from '@angular/platform-browser';
 
 class PryWidgetTemplateCssComponent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: PryWidgetTemplateCssComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.3", type: PryWidgetTemplateCssComponent, selector: "pry-widget-template-css", ngImport: i0, template: '', isInline: true, styles: [".o-widget--template{padding:1.25rem}\n"], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: PryWidgetTemplateCssComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.6", type: PryWidgetTemplateCssComponent, selector: "pry-widget-template-css", ngImport: i0, template: '', isInline: true, styles: [".o-widget--template{padding:1.25rem}\n"], encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: PryWidgetTemplateCssComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: PryWidgetTemplateCssComponent, decorators: [{
             type: Component,
             args: [{ selector: 'pry-widget-template-css', template: '', encapsulation: ViewEncapsulation.None, styles: [".o-widget--template{padding:1.25rem}\n"] }]
         }] });
@@ -98,10 +98,10 @@ class WidgetTemplateComponent extends DataWidgetComponent {
         // @ts-ignore
         this.optionsCopy.css = $event.currentTarget.value;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: WidgetTemplateComponent, deps: [{ token: i1.Store }, { token: i0.ElementRef }, { token: i2.DomSanitizer }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.3", type: WidgetTemplateComponent, selector: "pry-widget-template", usesInheritance: true, ngImport: i0, template: "<pry-widget-template-css></pry-widget-template-css>\n<pry-widget-header\n  *ngIf=\"displayHeader$ | async\"\n  [widgetIndex]=\"widgetIndex\"\n  [manifest]=\"manifest\"\n  (manifestModified)=\"manifestModified.emit($event)\"\n  #header\n  [headerOptions]=\"(displayHeader$ | async) ?? {}\"\n  [datasourceIds]=\"(datasourceIds$ | async) ?? []\"\n>\n  <pry-settings\n    (saveTriggered)=\"emitManifest()\"\n    (changeTitle)=\"changeWidgetTitle($event)\"\n    [headerPresent]=\"displayHeader$ | async\"\n    [widgetIndex]=\"widgetIndex\"\n    [header]=\"header\"\n    [open$]=\"open$\"\n    class=\"o-settings\"\n  >\n    <div class=\"o-settings__fields\">\n      <div class=\"m-form-label-field\">\n        <label class=\"a-label\" for=\"html_src\">{{ '@pry.widget.template.html' | i18n }}</label>\n        <textarea\n          class=\"a-form-field a-text-area -overflow\"\n          id=\"html_src\"\n          [value]=\"optionsCopy.html\"\n          (input)=\"changeHtml($event)\"\n        ></textarea>\n      </div>\n\n      <div class=\"m-form-label-field\">\n        <label class=\"a-label\" for=\"css_src\">{{ '@pry.widget.template.css' | i18n }}</label>\n        <textarea\n          class=\"a-form-field a-text-area -overflow\"\n          id=\"css_src\"\n          [value]=\"optionsCopy.css\"\n          (input)=\"changeCss($event)\"\n        ></textarea>\n      </div>\n    </div>\n  </pry-settings>\n</pry-widget-header>\n<div *ngIf=\"css$ | async as css\" [innerHtml]=\"css\"></div>\n<div *ngIf=\"template$ | async as template\" [class]=\"'pry-template-' + id\" [innerHtml]=\"template\"></div>\n", dependencies: [{ kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i4.SettingsComponent, selector: "pry-settings", inputs: ["widgetIndex", "isDisable", "headerPresent", "open$", "header"], outputs: ["triggerClick", "saveTriggered", "changeTitle"] }, { kind: "component", type: i4.PryWidgetHeaderComponent, selector: "pry-widget-header", inputs: ["manifest", "openData$", "additionalOptions", "headerOptions", "displayCount", "datasourceIds", "widgetIndex"], outputs: ["manifestModified"] }, { kind: "component", type: PryWidgetTemplateCssComponent, selector: "pry-widget-template-css" }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }, { kind: "pipe", type: i4.I18nPipe, name: "i18n" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: WidgetTemplateComponent, deps: [{ token: i1.Store }, { token: i0.ElementRef }, { token: i2.DomSanitizer }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.6", type: WidgetTemplateComponent, selector: "pry-widget-template", usesInheritance: true, ngImport: i0, template: "<pry-widget-template-css></pry-widget-template-css>\n<pry-widget-header\n  *ngIf=\"displayHeader$ | async\"\n  [widgetIndex]=\"widgetIndex\"\n  [manifest]=\"manifest\"\n  (manifestModified)=\"manifestModified.emit($event)\"\n  #header\n  [headerOptions]=\"(displayHeader$ | async) ?? {}\"\n  [datasourceIds]=\"(datasourceIds$ | async) ?? []\"\n>\n  <pry-settings\n    (saveTriggered)=\"emitManifest()\"\n    (changeTitle)=\"changeWidgetTitle($event)\"\n    [headerPresent]=\"displayHeader$ | async\"\n    [widgetIndex]=\"widgetIndex\"\n    [header]=\"header\"\n    [open$]=\"open$\"\n    class=\"o-settings\"\n  >\n    <div class=\"o-settings__fields\">\n      <div class=\"m-form-label-field\">\n        <label class=\"a-label\" for=\"html_src\">{{ '@pry.widget.template.html' | i18n }}</label>\n        <textarea\n          class=\"a-form-field a-text-area -overflow\"\n          id=\"html_src\"\n          [value]=\"optionsCopy.html\"\n          (input)=\"changeHtml($event)\"\n        ></textarea>\n      </div>\n\n      <div class=\"m-form-label-field\">\n        <label class=\"a-label\" for=\"css_src\">{{ '@pry.widget.template.css' | i18n }}</label>\n        <textarea\n          class=\"a-form-field a-text-area -overflow\"\n          id=\"css_src\"\n          [value]=\"optionsCopy.css\"\n          (input)=\"changeCss($event)\"\n        ></textarea>\n      </div>\n    </div>\n  </pry-settings>\n</pry-widget-header>\n<div *ngIf=\"css$ | async as css\" [innerHtml]=\"css\"></div>\n<div *ngIf=\"template$ | async as template\" [class]=\"'pry-template-' + id\" [innerHtml]=\"template\"></div>\n", dependencies: [{ kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i4.SettingsComponent, selector: "pry-settings", inputs: ["widgetIndex", "isDisable", "headerPresent", "open$", "header"], outputs: ["triggerClick", "saveTriggered", "changeTitle"] }, { kind: "component", type: i4.PryWidgetHeaderComponent, selector: "pry-widget-header", inputs: ["manifest", "openData$", "additionalOptions", "headerOptions", "displayCount", "datasourceIds", "widgetIndex"], outputs: ["manifestModified"] }, { kind: "component", type: PryWidgetTemplateCssComponent, selector: "pry-widget-template-css" }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }, { kind: "pipe", type: i4.I18nPipe, name: "i18n" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: WidgetTemplateComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: WidgetTemplateComponent, decorators: [{
             type: Component,
             args: [{ selector: 'pry-widget-template', template: "<pry-widget-template-css></pry-widget-template-css>\n<pry-widget-header\n  *ngIf=\"displayHeader$ | async\"\n  [widgetIndex]=\"widgetIndex\"\n  [manifest]=\"manifest\"\n  (manifestModified)=\"manifestModified.emit($event)\"\n  #header\n  [headerOptions]=\"(displayHeader$ | async) ?? {}\"\n  [datasourceIds]=\"(datasourceIds$ | async) ?? []\"\n>\n  <pry-settings\n    (saveTriggered)=\"emitManifest()\"\n    (changeTitle)=\"changeWidgetTitle($event)\"\n    [headerPresent]=\"displayHeader$ | async\"\n    [widgetIndex]=\"widgetIndex\"\n    [header]=\"header\"\n    [open$]=\"open$\"\n    class=\"o-settings\"\n  >\n    <div class=\"o-settings__fields\">\n      <div class=\"m-form-label-field\">\n        <label class=\"a-label\" for=\"html_src\">{{ '@pry.widget.template.html' | i18n }}</label>\n        <textarea\n          class=\"a-form-field a-text-area -overflow\"\n          id=\"html_src\"\n          [value]=\"optionsCopy.html\"\n          (input)=\"changeHtml($event)\"\n        ></textarea>\n      </div>\n\n      <div class=\"m-form-label-field\">\n        <label class=\"a-label\" for=\"css_src\">{{ '@pry.widget.template.css' | i18n }}</label>\n        <textarea\n          class=\"a-form-field a-text-area -overflow\"\n          id=\"css_src\"\n          [value]=\"optionsCopy.css\"\n          (input)=\"changeCss($event)\"\n        ></textarea>\n      </div>\n    </div>\n  </pry-settings>\n</pry-widget-header>\n<div *ngIf=\"css$ | async as css\" [innerHtml]=\"css\"></div>\n<div *ngIf=\"template$ | async as template\" [class]=\"'pry-template-' + id\" [innerHtml]=\"template\"></div>\n" }]
         }], ctorParameters: () => [{ type: i1.Store }, { type: i0.ElementRef }, { type: i2.DomSanitizer }] });
@@ -138,8 +138,8 @@ class WidgetTemplateModule extends BaseWidgetModule {
     getComponent() {
         return WidgetTemplateComponent;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: WidgetTemplateModule, deps: [{ token: i4.PryI18nService }], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.1.3", ngImport: i0, type: WidgetTemplateModule, declarations: [WidgetTemplateComponent, PryWidgetTemplateCssComponent], imports: [CommonModule,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: WidgetTemplateModule, deps: [{ token: i4.PryI18nService }], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.6", ngImport: i0, type: WidgetTemplateModule, declarations: [WidgetTemplateComponent, PryWidgetTemplateCssComponent], imports: [CommonModule,
             FormsModule,
             OverlayModule,
             PryCoreModule,
@@ -149,7 +149,7 @@ class WidgetTemplateModule extends BaseWidgetModule {
             PryCheckboxModule,
             PryToggleModule,
             PryI18nModule], exports: [WidgetTemplateComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: WidgetTemplateModule, imports: [CommonModule,
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: WidgetTemplateModule, imports: [CommonModule,
             FormsModule,
             OverlayModule,
             PryCoreModule,
@@ -160,7 +160,7 @@ class WidgetTemplateModule extends BaseWidgetModule {
             PryToggleModule,
             PryI18nModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: WidgetTemplateModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: WidgetTemplateModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [WidgetTemplateComponent, PryWidgetTemplateCssComponent],

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

@@ -19,10 +19,10 @@ import { OverlayModule } from '@angular/cdk/overlay';
 import { WidgetDetailModule } from '@provoly/dashboard/widgets/widget-detail';
 
 class PryWidgetTileCssComponent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: PryWidgetTileCssComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.3", type: PryWidgetTileCssComponent, selector: "pry-widget-tile-css", ngImport: i0, template: '', isInline: true, styles: [".o-widget--tile__list{margin:0;padding:0}.o-widget--tile__list li{list-style:none}.o-widget--tile-wrapper{flex:1;overflow:auto;height:100%;padding-bottom:3.75rem}.o-widget--tile__list{display:flex;flex-wrap:wrap;justify-content:space-between;gap:1.25rem;padding:1.25rem}.o-widget--tile__list__item{display:flex;flex-direction:column;flex-basis:32%;overflow:hidden;padding:0}.o-widget--tile__list__item .o-widget.o-widget--detail{height:auto;padding-top:15px}.o-widget--tile__list__item__header{display:flex;align-items:center;justify-content:space-between;padding:.625rem}.o-widget--tile__list__item__header__title{margin-bottom:0;padding-bottom:0;font-size:.9375rem}.o-widget--tile__list__item__header .a-checkbox{margin-bottom:0}.o-widget--tile__list__item__header__id{padding:.625rem;margin-bottom:0;font-size:.75rem}.o-widget--tile__list__item__footer{margin-top:auto;padding:.625rem}.o-widget--tile__list__item__footer .a-btn.a-btn--icon-text{display:inline-flex;margin:.3125rem 0 .1875rem;padding:.75rem 0;font-weight:400}.o-widget--tile__list__item__footer .a-btn.a-btn--icon-text:after{content:\"\";position:relative;left:.25rem;display:inline-flex;align-items:center;justify-content:center;width:.5rem;height:.5rem;border-style:solid;border-width:.09375rem .09375rem 0 0;top:-.25rem;transform:rotate(135deg);top:-.125rem;margin-right:.3125rem}.o-widget--tile__list__item__footer .a-btn.a-btn--icon-text[aria-expanded=true]:after{content:\"\";position:relative;left:.25rem;display:inline-flex;align-items:center;justify-content:center;width:.5rem;height:.5rem;border-style:solid;border-width:.09375rem .09375rem 0 0;top:.09375rem;transform:rotate(-45deg);top:.125rem}.o-widget--tile__list__item__map{height:31.25rem}\n"], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: PryWidgetTileCssComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.6", type: PryWidgetTileCssComponent, selector: "pry-widget-tile-css", ngImport: i0, template: '', isInline: true, styles: [".o-widget--tile__list{margin:0;padding:0}.o-widget--tile__list li{list-style:none}.o-widget--tile-wrapper{flex:1;overflow:auto;height:100%;padding-bottom:3.75rem}.o-widget--tile__list{display:flex;flex-wrap:wrap;justify-content:space-between;gap:1.25rem;padding:1.25rem}.o-widget--tile__list__item{display:flex;flex-direction:column;flex-basis:32%;overflow:hidden;padding:0}.o-widget--tile__list__item .o-widget.o-widget--detail{height:auto;padding-top:15px}.o-widget--tile__list__item__header{display:flex;align-items:center;justify-content:space-between;padding:.625rem}.o-widget--tile__list__item__header__title{margin-bottom:0;padding-bottom:0;font-size:.9375rem}.o-widget--tile__list__item__header .a-checkbox{margin-bottom:0}.o-widget--tile__list__item__header__id{padding:.625rem;margin-bottom:0;font-size:.75rem}.o-widget--tile__list__item__footer{margin-top:auto;padding:.625rem}.o-widget--tile__list__item__footer .a-btn.a-btn--icon-text{display:inline-flex;margin:.3125rem 0 .1875rem;padding:.75rem 0;font-weight:400}.o-widget--tile__list__item__footer .a-btn.a-btn--icon-text:after{content:\"\";position:relative;left:.25rem;display:inline-flex;align-items:center;justify-content:center;width:.5rem;height:.5rem;border-style:solid;border-width:.09375rem .09375rem 0 0;top:-.25rem;transform:rotate(135deg);top:-.125rem;margin-right:.3125rem}.o-widget--tile__list__item__footer .a-btn.a-btn--icon-text[aria-expanded=true]:after{content:\"\";position:relative;left:.25rem;display:inline-flex;align-items:center;justify-content:center;width:.5rem;height:.5rem;border-style:solid;border-width:.09375rem .09375rem 0 0;top:.09375rem;transform:rotate(-45deg);top:.125rem}.o-widget--tile__list__item__map{height:31.25rem}\n"], encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: PryWidgetTileCssComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: PryWidgetTileCssComponent, decorators: [{
             type: Component,
             args: [{ selector: 'pry-widget-tile-css', template: '', encapsulation: ViewEncapsulation.None, styles: [".o-widget--tile__list{margin:0;padding:0}.o-widget--tile__list li{list-style:none}.o-widget--tile-wrapper{flex:1;overflow:auto;height:100%;padding-bottom:3.75rem}.o-widget--tile__list{display:flex;flex-wrap:wrap;justify-content:space-between;gap:1.25rem;padding:1.25rem}.o-widget--tile__list__item{display:flex;flex-direction:column;flex-basis:32%;overflow:hidden;padding:0}.o-widget--tile__list__item .o-widget.o-widget--detail{height:auto;padding-top:15px}.o-widget--tile__list__item__header{display:flex;align-items:center;justify-content:space-between;padding:.625rem}.o-widget--tile__list__item__header__title{margin-bottom:0;padding-bottom:0;font-size:.9375rem}.o-widget--tile__list__item__header .a-checkbox{margin-bottom:0}.o-widget--tile__list__item__header__id{padding:.625rem;margin-bottom:0;font-size:.75rem}.o-widget--tile__list__item__footer{margin-top:auto;padding:.625rem}.o-widget--tile__list__item__footer .a-btn.a-btn--icon-text{display:inline-flex;margin:.3125rem 0 .1875rem;padding:.75rem 0;font-weight:400}.o-widget--tile__list__item__footer .a-btn.a-btn--icon-text:after{content:\"\";position:relative;left:.25rem;display:inline-flex;align-items:center;justify-content:center;width:.5rem;height:.5rem;border-style:solid;border-width:.09375rem .09375rem 0 0;top:-.25rem;transform:rotate(135deg);top:-.125rem;margin-right:.3125rem}.o-widget--tile__list__item__footer .a-btn.a-btn--icon-text[aria-expanded=true]:after{content:\"\";position:relative;left:.25rem;display:inline-flex;align-items:center;justify-content:center;width:.5rem;height:.5rem;border-style:solid;border-width:.09375rem .09375rem 0 0;top:.09375rem;transform:rotate(-45deg);top:.125rem}.o-widget--tile__list__item__map{height:31.25rem}\n"] }]
         }] });
@@ -137,10 +137,10 @@ class WidgetTileComponent extends DataWidgetComponent {
     hasMetadata(value) {
         return Object.keys(value?.metadata ?? {}).length > 0;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: WidgetTileComponent, deps: [{ token: i1.Store }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.1.3", type: WidgetTileComponent, selector: "pry-widget-tile", usesInheritance: true, ngImport: i0, template: "<pry-widget-tile-css></pry-widget-tile-css>\n<div class=\"o-widget o-widget--tile\">\n  <pry-widget-header\n    [datasourceIds]=\"(datasourceIds$ | 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=\"tile_classes\">{{ '@pry.widget.tile.classes' | i18n }}</label>\n        <pry-select\n          (ngModelChange)=\"changeClasses($event)\"\n          [items]=\"classes$ | async\"\n          [multiple]=\"true\"\n          [closeOnSelect]=\"false\"\n          [ngModel]=\"optionsCopy.classes\"\n          bindLabel=\"name\"\n          bindValue=\"id\"\n          id=\"tile_classes\"\n        ></pry-select>\n      </div>\n    </pry-settings>\n  </pry-widget-header>\n  <div class=\"o-widget--tile-wrapper\" [style.top]=\"(displayHeader$ | async) ? WIDGET_HEADER_HEIGHT + 'px' : 0\">\n    @if ((items$ | 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.tile.empty' | i18n }}\"\n          aria-hidden=\"true\"\n        />\n        <span class=\"no-result__text\">{{ '@pry.widget.tile.empty' | i18n }}</span>\n      </div>\n    }\n    <ul class=\"o-widget--tile__list\">\n      @for (item of items$ | async; track item.id; let index = $index) {\n        <li class=\"o-widget--tile__list__item\" (contextmenu)=\"contextMenu($event, item)\">\n          <div class=\"o-widget--tile__list__item__header\">\n            <img\n              [height]=\"25\"\n              [width]=\"25\"\n              [src]=\"item | translateItemToSymbol | async\"\n              [alt]=\"item.oClass | translateId: { type: 'class', output: 'name' } | async\"\n            />\n            <h3 class=\"o-widget--tile__list__item__header__title\">\n              {{\n                item.oClass\n                  | translateId\n                    : {\n                        type: 'class',\n                        output: 'name'\n                      }\n                  | async\n              }}\n            </h3>\n            <pry-checkbox\n              [ngModel]=\"(selectedIds$ | async).includes(item.id)\"\n              (click)=\"select($event, item)\"\n            ></pry-checkbox>\n          </div>\n          <div class=\"o-properties\">\n            <ul class=\"o-properties__list\">\n              @for (property of (propertiesToDisplay$ | async)![item.oClass]; track property.prop) {\n                <li\n                  *ngFor=\"let value of getValue(item, property.prop); let i = index; let c = count\"\n                  class=\"o-properties__list__item\"\n                >\n                  @if (i === 0) {\n                    <p class=\"o-properties__list__item__label\">{{ property.label }}:</p>\n                  }\n                  @if (!isRaw(property.label, item.oClass)) {\n                    <p class=\"o-properties__list__item__value\">\n                      {{ value?.value | dataFormat: property.field }}\n                    </p>\n                  } @else {\n                    <p class=\"o-properties__list__item__raw\">\n                      <pry-vizualize-raw [item]=\"item\" [propertyName]=\"property.label\"></pry-vizualize-raw>\n                    </p>\n                  }\n                  @if (hasMetadata(value)) {\n                    <pry-metadata [item]=\"value\"></pry-metadata>\n                  }\n                </li>\n              }\n            </ul>\n          </div>\n          <div (click)=\"toggleMap(index, item)\" class=\"o-widget--tile__list__item__footer\">\n            <button\n              type=\"button\"\n              class=\"a-btn a-btn--icon-text -link-like\"\n              aria-controls=\"tile-map-xxx\"\n              aria-expanded=\"false\"\n            >\n              {{ '@pry.widget.tile.map' | i18n }}\n            </button>\n          </div>\n          @if (maps[index]) {\n            <div class=\"o-widget--tile__list__item__map\" id=\"tile-map-xxx\">\n              <pry-widget-map [staticManifest]=\"mapManifest\" [staticResultSet]=\"maps[index]!\"></pry-widget-map>\n            </div>\n          }\n        </li>\n      }\n    </ul>\n  </div>\n</div>\n", dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i4.SettingsComponent, selector: "pry-settings", inputs: ["widgetIndex", "isDisable", "headerPresent", "open$", "header"], outputs: ["triggerClick", "saveTriggered", "changeTitle"] }, { kind: "component", type: i4.MetadataComponent, selector: "pry-metadata", inputs: ["item"] }, { kind: "component", type: i4.PryWidgetHeaderComponent, selector: "pry-widget-header", inputs: ["manifest", "openData$", "additionalOptions", "headerOptions", "displayCount", "datasourceIds", "widgetIndex"], outputs: ["manifestModified"] }, { kind: "component", type: i4.VizualizeRawComponent, selector: "pry-vizualize-raw", inputs: ["item", "propertyName", "alt"] }, { kind: "component", type: i4.PrySelectComponent, selector: "pry-select", inputs: ["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: i5.PryCheckboxComponent, selector: "pry-checkbox", inputs: ["circle", "name", "inputId", "inhibit"] }, { kind: "component", type: i6.WidgetMapComponent, selector: "pry-widget-map" }, { kind: "component", type: PryWidgetTileCssComponent, selector: "pry-widget-tile-css" }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "pipe", type: i4.TranslateIdPipe, name: "translateId" }, { kind: "pipe", type: i4.TranslateItemToSymbolPipe, name: "translateItemToSymbol" }, { kind: "pipe", type: i4.I18nPipe, name: "i18n" }, { kind: "pipe", type: i8.DataFormatPipe, name: "dataFormat" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: WidgetTileComponent, deps: [{ token: i1.Store }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.6", type: WidgetTileComponent, selector: "pry-widget-tile", usesInheritance: true, ngImport: i0, template: "<pry-widget-tile-css></pry-widget-tile-css>\n<div class=\"o-widget o-widget--tile\">\n  <pry-widget-header\n    [datasourceIds]=\"(datasourceIds$ | 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=\"tile_classes\">{{ '@pry.widget.tile.classes' | i18n }}</label>\n        <pry-select\n          (ngModelChange)=\"changeClasses($event)\"\n          [items]=\"classes$ | async\"\n          [multiple]=\"true\"\n          [closeOnSelect]=\"false\"\n          [ngModel]=\"optionsCopy.classes\"\n          bindLabel=\"name\"\n          bindValue=\"id\"\n          id=\"tile_classes\"\n        ></pry-select>\n      </div>\n    </pry-settings>\n  </pry-widget-header>\n  <div class=\"o-widget--tile-wrapper\" [style.top]=\"(displayHeader$ | async) ? WIDGET_HEADER_HEIGHT + 'px' : 0\">\n    @if ((items$ | 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.tile.empty' | i18n }}\"\n          aria-hidden=\"true\"\n        />\n        <span class=\"no-result__text\">{{ '@pry.widget.tile.empty' | i18n }}</span>\n      </div>\n    }\n    <ul class=\"o-widget--tile__list\">\n      @for (item of items$ | async; track item.id; let index = $index) {\n        <li class=\"o-widget--tile__list__item\" (contextmenu)=\"contextMenu($event, item)\">\n          <div class=\"o-widget--tile__list__item__header\">\n            <img\n              [height]=\"25\"\n              [width]=\"25\"\n              [src]=\"item | translateItemToSymbol | async\"\n              [alt]=\"item.oClass | translateId: { type: 'class', output: 'name' } | async\"\n            />\n            <h3 class=\"o-widget--tile__list__item__header__title\">\n              {{\n                item.oClass\n                  | translateId\n                    : {\n                        type: 'class',\n                        output: 'name'\n                      }\n                  | async\n              }}\n            </h3>\n            <pry-checkbox\n              [ngModel]=\"(selectedIds$ | async).includes(item.id)\"\n              (click)=\"select($event, item)\"\n            ></pry-checkbox>\n          </div>\n          <div class=\"o-properties\">\n            <ul class=\"o-properties__list\">\n              @for (property of (propertiesToDisplay$ | async)![item.oClass]; track property.prop) {\n                <li\n                  *ngFor=\"let value of getValue(item, property.prop); let i = index; let c = count\"\n                  class=\"o-properties__list__item\"\n                >\n                  @if (i === 0) {\n                    <p class=\"o-properties__list__item__label\">{{ property.label }}:</p>\n                  }\n                  @if (!isRaw(property.label, item.oClass)) {\n                    <p class=\"o-properties__list__item__value\">\n                      {{ value?.value | dataFormat: property.field }}\n                    </p>\n                  } @else {\n                    <p class=\"o-properties__list__item__raw\">\n                      <pry-vizualize-raw [item]=\"item\" [propertyName]=\"property.label\"></pry-vizualize-raw>\n                    </p>\n                  }\n                  @if (hasMetadata(value)) {\n                    <pry-metadata [item]=\"value\"></pry-metadata>\n                  }\n                </li>\n              }\n            </ul>\n          </div>\n          <div (click)=\"toggleMap(index, item)\" class=\"o-widget--tile__list__item__footer\">\n            <button\n              type=\"button\"\n              class=\"a-btn a-btn--icon-text -link-like\"\n              aria-controls=\"tile-map-xxx\"\n              aria-expanded=\"false\"\n            >\n              {{ '@pry.widget.tile.map' | i18n }}\n            </button>\n          </div>\n          @if (maps[index]) {\n            <div class=\"o-widget--tile__list__item__map\" id=\"tile-map-xxx\">\n              <pry-widget-map [staticManifest]=\"mapManifest\" [staticResultSet]=\"maps[index]!\"></pry-widget-map>\n            </div>\n          }\n        </li>\n      }\n    </ul>\n  </div>\n</div>\n", dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i4.SettingsComponent, selector: "pry-settings", inputs: ["widgetIndex", "isDisable", "headerPresent", "open$", "header"], outputs: ["triggerClick", "saveTriggered", "changeTitle"] }, { kind: "component", type: i4.MetadataComponent, selector: "pry-metadata", inputs: ["item"] }, { kind: "component", type: i4.PryWidgetHeaderComponent, selector: "pry-widget-header", inputs: ["manifest", "openData$", "additionalOptions", "headerOptions", "displayCount", "datasourceIds", "widgetIndex"], outputs: ["manifestModified"] }, { kind: "component", type: i4.VizualizeRawComponent, selector: "pry-vizualize-raw", inputs: ["item", "propertyName", "alt"] }, { kind: "component", type: i4.PrySelectComponent, selector: "pry-select", inputs: ["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: i5.PryCheckboxComponent, selector: "pry-checkbox", inputs: ["circle", "name", "inputId", "inhibit"] }, { kind: "component", type: i6.WidgetMapComponent, selector: "pry-widget-map" }, { kind: "component", type: PryWidgetTileCssComponent, selector: "pry-widget-tile-css" }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "pipe", type: i4.TranslateIdPipe, name: "translateId" }, { kind: "pipe", type: i4.TranslateItemToSymbolPipe, name: "translateItemToSymbol" }, { kind: "pipe", type: i4.I18nPipe, name: "i18n" }, { kind: "pipe", type: i8.DataFormatPipe, name: "dataFormat" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: WidgetTileComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: WidgetTileComponent, decorators: [{
             type: Component,
             args: [{ selector: 'pry-widget-tile', template: "<pry-widget-tile-css></pry-widget-tile-css>\n<div class=\"o-widget o-widget--tile\">\n  <pry-widget-header\n    [datasourceIds]=\"(datasourceIds$ | 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=\"tile_classes\">{{ '@pry.widget.tile.classes' | i18n }}</label>\n        <pry-select\n          (ngModelChange)=\"changeClasses($event)\"\n          [items]=\"classes$ | async\"\n          [multiple]=\"true\"\n          [closeOnSelect]=\"false\"\n          [ngModel]=\"optionsCopy.classes\"\n          bindLabel=\"name\"\n          bindValue=\"id\"\n          id=\"tile_classes\"\n        ></pry-select>\n      </div>\n    </pry-settings>\n  </pry-widget-header>\n  <div class=\"o-widget--tile-wrapper\" [style.top]=\"(displayHeader$ | async) ? WIDGET_HEADER_HEIGHT + 'px' : 0\">\n    @if ((items$ | 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.tile.empty' | i18n }}\"\n          aria-hidden=\"true\"\n        />\n        <span class=\"no-result__text\">{{ '@pry.widget.tile.empty' | i18n }}</span>\n      </div>\n    }\n    <ul class=\"o-widget--tile__list\">\n      @for (item of items$ | async; track item.id; let index = $index) {\n        <li class=\"o-widget--tile__list__item\" (contextmenu)=\"contextMenu($event, item)\">\n          <div class=\"o-widget--tile__list__item__header\">\n            <img\n              [height]=\"25\"\n              [width]=\"25\"\n              [src]=\"item | translateItemToSymbol | async\"\n              [alt]=\"item.oClass | translateId: { type: 'class', output: 'name' } | async\"\n            />\n            <h3 class=\"o-widget--tile__list__item__header__title\">\n              {{\n                item.oClass\n                  | translateId\n                    : {\n                        type: 'class',\n                        output: 'name'\n                      }\n                  | async\n              }}\n            </h3>\n            <pry-checkbox\n              [ngModel]=\"(selectedIds$ | async).includes(item.id)\"\n              (click)=\"select($event, item)\"\n            ></pry-checkbox>\n          </div>\n          <div class=\"o-properties\">\n            <ul class=\"o-properties__list\">\n              @for (property of (propertiesToDisplay$ | async)![item.oClass]; track property.prop) {\n                <li\n                  *ngFor=\"let value of getValue(item, property.prop); let i = index; let c = count\"\n                  class=\"o-properties__list__item\"\n                >\n                  @if (i === 0) {\n                    <p class=\"o-properties__list__item__label\">{{ property.label }}:</p>\n                  }\n                  @if (!isRaw(property.label, item.oClass)) {\n                    <p class=\"o-properties__list__item__value\">\n                      {{ value?.value | dataFormat: property.field }}\n                    </p>\n                  } @else {\n                    <p class=\"o-properties__list__item__raw\">\n                      <pry-vizualize-raw [item]=\"item\" [propertyName]=\"property.label\"></pry-vizualize-raw>\n                    </p>\n                  }\n                  @if (hasMetadata(value)) {\n                    <pry-metadata [item]=\"value\"></pry-metadata>\n                  }\n                </li>\n              }\n            </ul>\n          </div>\n          <div (click)=\"toggleMap(index, item)\" class=\"o-widget--tile__list__item__footer\">\n            <button\n              type=\"button\"\n              class=\"a-btn a-btn--icon-text -link-like\"\n              aria-controls=\"tile-map-xxx\"\n              aria-expanded=\"false\"\n            >\n              {{ '@pry.widget.tile.map' | i18n }}\n            </button>\n          </div>\n          @if (maps[index]) {\n            <div class=\"o-widget--tile__list__item__map\" id=\"tile-map-xxx\">\n              <pry-widget-map [staticManifest]=\"mapManifest\" [staticResultSet]=\"maps[index]!\"></pry-widget-map>\n            </div>\n          }\n        </li>\n      }\n    </ul>\n  </div>\n</div>\n" }]
         }], ctorParameters: () => [{ type: i1.Store }, { type: i0.ElementRef }] });
@@ -181,8 +181,8 @@ class WidgetTileModule extends BaseWidgetModule {
     getComponent() {
         return WidgetTileComponent;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: WidgetTileModule, deps: [{ token: i4.PryI18nService }], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.1.3", ngImport: i0, type: WidgetTileModule, declarations: [WidgetTileComponent, PryWidgetTileCssComponent], imports: [CommonModule,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: WidgetTileModule, deps: [{ token: i4.PryI18nService }], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.6", ngImport: i0, type: WidgetTileModule, declarations: [WidgetTileComponent, PryWidgetTileCssComponent], imports: [CommonModule,
             FormsModule,
             OverlayModule,
             PryCoreModule,
@@ -195,7 +195,7 @@ class WidgetTileModule extends BaseWidgetModule {
             WidgetMapModule,
             PryI18nModule,
             PryDataFormatModule], exports: [WidgetTileComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: WidgetTileModule, imports: [CommonModule,
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: WidgetTileModule, imports: [CommonModule,
             FormsModule,
             OverlayModule,
             PryCoreModule,
@@ -209,7 +209,7 @@ class WidgetTileModule extends BaseWidgetModule {
             PryI18nModule,
             PryDataFormatModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: WidgetTileModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: WidgetTileModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [WidgetTileComponent, PryWidgetTileCssComponent],

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

@@ -14,10 +14,10 @@ import { PryCheckboxModule } from '@provoly/dashboard/components/checkbox';
 import { WidgetMapModule } from '@provoly/dashboard/widgets/widget-map';
 
 class PryWidgetVegaCssComponent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: PryWidgetVegaCssComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.3", type: PryWidgetVegaCssComponent, selector: "pry-widget-vega-css", ngImport: i0, template: '', isInline: true, styles: ["textarea.a-form-field.a-text-area{overflow:unset;height:31.25rem}.o-widget--chart div.vega-embed{display:block;position:absolute;height:100%;width:100%}\n"], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: PryWidgetVegaCssComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.6", type: PryWidgetVegaCssComponent, selector: "pry-widget-vega-css", ngImport: i0, template: '', isInline: true, styles: ["textarea.a-form-field.a-text-area{overflow:unset;height:31.25rem}.o-widget--chart div.vega-embed{display:block;position:absolute;height:100%;width:100%}\n"], encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: PryWidgetVegaCssComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: PryWidgetVegaCssComponent, decorators: [{
             type: Component,
             args: [{ selector: 'pry-widget-vega-css', template: '', encapsulation: ViewEncapsulation.None, styles: ["textarea.a-form-field.a-text-area{overflow:unset;height:31.25rem}.o-widget--chart div.vega-embed{display:block;position:absolute;height:100%;width:100%}\n"] }]
         }] });
@@ -134,10 +134,10 @@ class WidgetVegaComponent extends DataWidgetComponent {
             });
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: WidgetVegaComponent, deps: [{ token: i1.Store }, { token: i2.PryI18nService }, { token: i0.ElementRef }, { token: DOCUMENT }, { token: i2.PrySnackbarService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.3", type: WidgetVegaComponent, selector: "pry-widget-vega", viewQueries: [{ propertyName: "vega", first: true, predicate: ["vega"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<pry-widget-vega-css></pry-widget-vega-css>\n<div class=\"o-widget o-widget--chart\">\n  <pry-widget-header\n    *ngIf=\"displayHeader$ | async\"\n    [widgetIndex]=\"widgetIndex\"\n    [manifest]=\"manifest\"\n    (manifestModified)=\"manifestModified.emit($event)\"\n    #header\n    [headerOptions]=\"(displayHeader$ | async) ?? {}\"\n    [datasourceIds]=\"(datasourceIds$ | async) ?? []\"\n  >\n    <pry-settings\n      (saveTriggered)=\"emitManifest()\"\n      (changeTitle)=\"changeWidgetTitle($event)\"\n      [headerPresent]=\"displayHeader$ | async\"\n      [widgetIndex]=\"widgetIndex\"\n      [header]=\"header\"\n      [open$]=\"open$\"\n      class=\"o-settings\"\n    >\n      <div class=\"o-settings__fields\">\n        <div class=\"m-form-label-field\">\n          <label class=\"a-label\" for=\"placeData_src\">{{ '@pry.widget.vega.placeData' | i18n }}</label>\n          <input\n            class=\"a-form-field\"\n            id=\"placeData_src\"\n            type=\"text\"\n            [value]=\"(optionsCopy.placeData ?? []).join('.')\"\n            (input)=\"changePlaceData($event)\"\n          />\n        </div>\n\n        <div class=\"m-form-label-field\">\n          <label class=\"a-label\" for=\"spec_src\">{{ '@pry.widget.vega.spec' | i18n }}</label>\n          <textarea\n            class=\"a-form-field a-text-area\"\n            id=\"spec_src\"\n            [value]=\"formattedBaseSpec\"\n            (input)=\"changeSpec($event)\"\n          ></textarea>\n        </div>\n      </div>\n    </pry-settings>\n  </pry-widget-header>\n  <div class=\"o-widget--chart--chart\" #vega></div>\n</div>\n", dependencies: [{ kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { 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: PryWidgetVegaCssComponent, selector: "pry-widget-vega-css" }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }, { kind: "pipe", type: i2.I18nPipe, name: "i18n" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: WidgetVegaComponent, deps: [{ token: i1.Store }, { token: i2.PryI18nService }, { token: i0.ElementRef }, { token: DOCUMENT }, { token: i2.PrySnackbarService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.6", type: WidgetVegaComponent, selector: "pry-widget-vega", viewQueries: [{ propertyName: "vega", first: true, predicate: ["vega"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<pry-widget-vega-css></pry-widget-vega-css>\n<div class=\"o-widget o-widget--chart\">\n  <pry-widget-header\n    *ngIf=\"displayHeader$ | async\"\n    [widgetIndex]=\"widgetIndex\"\n    [manifest]=\"manifest\"\n    (manifestModified)=\"manifestModified.emit($event)\"\n    #header\n    [headerOptions]=\"(displayHeader$ | async) ?? {}\"\n    [datasourceIds]=\"(datasourceIds$ | async) ?? []\"\n  >\n    <pry-settings\n      (saveTriggered)=\"emitManifest()\"\n      (changeTitle)=\"changeWidgetTitle($event)\"\n      [headerPresent]=\"displayHeader$ | async\"\n      [widgetIndex]=\"widgetIndex\"\n      [header]=\"header\"\n      [open$]=\"open$\"\n      class=\"o-settings\"\n    >\n      <div class=\"o-settings__fields\">\n        <div class=\"m-form-label-field\">\n          <label class=\"a-label\" for=\"placeData_src\">{{ '@pry.widget.vega.placeData' | i18n }}</label>\n          <input\n            class=\"a-form-field\"\n            id=\"placeData_src\"\n            type=\"text\"\n            [value]=\"(optionsCopy.placeData ?? []).join('.')\"\n            (input)=\"changePlaceData($event)\"\n          />\n        </div>\n\n        <div class=\"m-form-label-field\">\n          <label class=\"a-label\" for=\"spec_src\">{{ '@pry.widget.vega.spec' | i18n }}</label>\n          <textarea\n            class=\"a-form-field a-text-area\"\n            id=\"spec_src\"\n            [value]=\"formattedBaseSpec\"\n            (input)=\"changeSpec($event)\"\n          ></textarea>\n        </div>\n      </div>\n    </pry-settings>\n  </pry-widget-header>\n  <div class=\"o-widget--chart--chart\" #vega></div>\n</div>\n", dependencies: [{ kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { 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: PryWidgetVegaCssComponent, selector: "pry-widget-vega-css" }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }, { kind: "pipe", type: i2.I18nPipe, name: "i18n" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: WidgetVegaComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: WidgetVegaComponent, decorators: [{
             type: Component,
             args: [{ selector: 'pry-widget-vega', template: "<pry-widget-vega-css></pry-widget-vega-css>\n<div class=\"o-widget o-widget--chart\">\n  <pry-widget-header\n    *ngIf=\"displayHeader$ | async\"\n    [widgetIndex]=\"widgetIndex\"\n    [manifest]=\"manifest\"\n    (manifestModified)=\"manifestModified.emit($event)\"\n    #header\n    [headerOptions]=\"(displayHeader$ | async) ?? {}\"\n    [datasourceIds]=\"(datasourceIds$ | async) ?? []\"\n  >\n    <pry-settings\n      (saveTriggered)=\"emitManifest()\"\n      (changeTitle)=\"changeWidgetTitle($event)\"\n      [headerPresent]=\"displayHeader$ | async\"\n      [widgetIndex]=\"widgetIndex\"\n      [header]=\"header\"\n      [open$]=\"open$\"\n      class=\"o-settings\"\n    >\n      <div class=\"o-settings__fields\">\n        <div class=\"m-form-label-field\">\n          <label class=\"a-label\" for=\"placeData_src\">{{ '@pry.widget.vega.placeData' | i18n }}</label>\n          <input\n            class=\"a-form-field\"\n            id=\"placeData_src\"\n            type=\"text\"\n            [value]=\"(optionsCopy.placeData ?? []).join('.')\"\n            (input)=\"changePlaceData($event)\"\n          />\n        </div>\n\n        <div class=\"m-form-label-field\">\n          <label class=\"a-label\" for=\"spec_src\">{{ '@pry.widget.vega.spec' | i18n }}</label>\n          <textarea\n            class=\"a-form-field a-text-area\"\n            id=\"spec_src\"\n            [value]=\"formattedBaseSpec\"\n            (input)=\"changeSpec($event)\"\n          ></textarea>\n        </div>\n      </div>\n    </pry-settings>\n  </pry-widget-header>\n  <div class=\"o-widget--chart--chart\" #vega></div>\n</div>\n" }]
         }], ctorParameters: () => [{ type: i1.Store }, { type: i2.PryI18nService }, { type: i0.ElementRef }, { type: Document, decorators: [{
@@ -184,8 +184,8 @@ class WidgetVegaModule extends BaseWidgetModule {
     getComponent() {
         return WidgetVegaComponent;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: WidgetVegaModule, deps: [{ token: i2.PryI18nService }], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.1.3", ngImport: i0, type: WidgetVegaModule, declarations: [WidgetVegaComponent, PryWidgetVegaCssComponent], imports: [CommonModule,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: WidgetVegaModule, deps: [{ token: i2.PryI18nService }], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.6", ngImport: i0, type: WidgetVegaModule, declarations: [WidgetVegaComponent, PryWidgetVegaCssComponent], imports: [CommonModule,
             FormsModule,
             OverlayModule,
             PryCoreModule,
@@ -196,7 +196,7 @@ class WidgetVegaModule extends BaseWidgetModule {
             PryToggleModule,
             WidgetMapModule,
             PryI18nModule], exports: [WidgetVegaComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: WidgetVegaModule, imports: [CommonModule,
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: WidgetVegaModule, imports: [CommonModule,
             FormsModule,
             OverlayModule,
             PryCoreModule,
@@ -208,7 +208,7 @@ class WidgetVegaModule extends BaseWidgetModule {
             WidgetMapModule,
             PryI18nModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: WidgetVegaModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: WidgetVegaModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [WidgetVegaComponent, PryWidgetVegaCssComponent],