@provoly/dashboard 0.13.6 → 0.13.7

package/esm2022/widgets/widget-table/component/widget-table.component.mjs

@@ -181,7 +181,7 @@ export class WidgetTableComponent extends DataWidgetComponent {
         return item.id;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: WidgetTableComponent, deps: [{ token: i1.Store }, { token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.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  <pry-widget-header\n    [datasourceIds]=\"(datasourceIds$ | async) ?? []\"\n    *ngIf=\"displayHeader$ | async\"\n    [widgetIndex]=\"widgetIndex\"\n    [manifest]=\"manifest\"\n    (manifestModified)=\"manifestModified.emit($event)\"\n    #header\n    [headerOptions]=\"(displayHeader$ | async) ?? {}\"\n  >\n    <pry-settings\n      (saveTriggered)=\"emitManifest()\"\n      (changeTitle)=\"changeWidgetTitle($event)\"\n      [headerPresent]=\"displayHeader$ | async\"\n      [widgetIndex]=\"widgetIndex\"\n      [header]=\"header\"\n      [open$]=\"open$\"\n      class=\"o-settings\"\n    >\n      <div class=\"o-settings__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      <div *ngFor=\"let columnDef of optionsCopy?.columns; let i = index\" class=\"o-settings__popup__content__fields\">\n        <div class=\"o-settings__popup__content__fields__head\">\n          <div class=\"m-btn-group\">\n            <button type=\"button\" class=\"a-btn a-btn--icon-only\" (click)=\"invertLayers(i, i - 1)\" *ngIf=\"i > 0\">\n              <pry-icon iconSvg=\"fleche_haut\"></pry-icon>\n              <span class=\"u-visually-hidden\">{{ '@pry.action.moveUp' | i18n }}</span>\n            </button>\n            <button\n              type=\"button\"\n              class=\"a-btn a-btn--icon-only\"\n              (click)=\"invertLayers(i, i + 1)\"\n              *ngIf=\"i < (optionsCopy?.columns?.length ?? 0) - 1\"\n            >\n              <pry-icon iconSvg=\"fleche_bas\"></pry-icon>\n              <span class=\"u-visually-hidden\">{{ '@pry.action.moveDown' | i18n }}</span>\n            </button>\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              (ngModelChange)=\"changePropertyName($event, columnDef)\"\n              [itemsAsOption]=\"false\"\n              [items]=\"properties$ | async\"\n              [ngModel]=\"columnDef.property\"\n              class=\"a-pry-select\"\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    </pry-settings>\n  </pry-widget-header>\n\n  <div class=\"a-table-wrapper\">\n    <div class=\"a-table-loading\" *ngIf=\"isLoading$ | async; else noLoading\">\n      <span class=\"a-table-loading__loader\"></span>\n    </div>\n    <ng-template #noLoading>\n      <ng-container *ngIf=\"(allItems$ | async) ?? [] as allObjects\">\n        <div class=\"no-result\" *ngIf=\"allObjects.length === 0\">\n          <img\n            class=\"no-result__search\"\n            src=\"../../../assets/svgs/pry_recherche_pas_de_resultat.svg\"\n            alt=\"{{ '@pry.widget.table.empty' | i18n }}\"\n            aria-hidden=\"true\"\n          />\n          <span class=\"no-result__text\">{{ '@pry.widget.table.empty' | i18n }}</span>\n        </div>\n\n        <ng-container *ngIf=\"(selectedIds$ | async) ?? [] as selectedIds\">\n          <ng-container *ngIf=\"(columns$ | async) ?? [] as columns\">\n            <table class=\"a-table\" [attr.aria-label]=\"'@pry.widget.table.description' | i18n\">\n              <thead>\n                <tr>\n                  <th *ngIf=\"allObjects?.length ?? 0 > 0\">\n                    <pry-checkbox [ngModel]=\"areAllSelected\" (ngModelChange)=\"selectAll($event)\"></pry-checkbox>\n                  </th>\n                  <th *ngFor=\"let column of columns; let i = index\" resizable (click)=\"setOrder(column)\">\n                    <span>{{ column.label }}</span>\n                    <ng-container *ngIf=\"quickOrder$ | async as quickOrder\">\n                      <ng-container *ngIf=\"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                      </ng-container>\n                    </ng-container>\n                  </th>\n                </tr>\n              </thead>\n              <tbody>\n                <tr\n                  *ngFor=\"let item of allObjects; trackBy: trackObjects\"\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                >\n                  <td class=\"checkbox-wrapper\">\n                    <pry-checkbox [ngModel]=\"selectedIds.includes(item.id)\"></pry-checkbox>\n                  </td>\n                  <td *ngFor=\"let column of columns\" class=\"u-ellipsis\">\n                    <ng-container *ngIf=\"column.property === 'metadata'\">\n                      <pry-metadata [item]=\"item\"></pry-metadata>\n                    </ng-container>\n                    <ng-container *ngIf=\"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                    </ng-container>\n                    <ng-container *ngIf=\"!['metadata', 'oClass'].includes(column.property)\">\n                      <pry-expand-value [value]=\"item | getValue : column.property | async\"></pry-expand-value>\n                    </ng-container>\n                  </td>\n                </tr>\n              </tbody>\n            </table>\n          </ng-container>\n        </ng-container>\n      </ng-container>\n    </ng-template>\n  </div>\n</div>\n", dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i4.SettingsComponent, selector: "pry-settings", inputs: ["widgetIndex", "isDisable", "headerPresent", "open$", "header"], outputs: ["saveTriggered", "changeTitle"] }, { kind: "component", type: i4.MetadataComponent, selector: "pry-metadata", inputs: ["item"] }, { kind: "component", type: i4.PryWidgetHeaderComponent, selector: "pry-widget-header", inputs: ["manifest", "additionalOptions", "headerOptions", "displayCount", "datasourceIds", "widgetIndex"], outputs: ["manifestModified"] }, { kind: "component", type: i4.PrySelectComponent, selector: "pry-select", inputs: ["labelTranslate", "baseTranslate", "translationFn", "translationFnArgs", "clearable", "multiple", "multipleClearRight", "placeholder", "isForm", "required", "name", "readonly", "items", "itemsAsOption", "bindData", "bindValue", "bindLabel", "bindIcon", "iconSize", "templateLabel", "templateOption", "autocomplete"] }, { kind: "component", type: i4.PryIconComponent, selector: "pry-icon", inputs: ["color", "iconSvg", "animation", "iconImage", "alt", "width", "height", "classes"] }, { kind: "component", type: i5.PryCheckboxComponent, selector: "pry-checkbox", inputs: ["circle"] }, { kind: "component", type: i6.ResizableComponent, selector: "th[resizable]" }, { kind: "directive", type: i7.ResizableDirective, selector: "[resizable]", outputs: ["resizable"] }, { kind: "component", type: i8.PryWidgetTableCssComponent, selector: "pry-widget-table-css" }, { kind: "component", type: i9.ExpandValueComponent, selector: "pry-expand-value", inputs: ["value"] }, { kind: "directive", type: i10.DetachRowDirective, selector: "[detachRow]", outputs: ["selectedValue"] }, { 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: i11.GetValuePipe, name: "getValue" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.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  <pry-widget-header\n    [datasourceIds]=\"(datasourceIds$ | async) ?? []\"\n    *ngIf=\"displayHeader$ | async\"\n    [widgetIndex]=\"widgetIndex\"\n    [manifest]=\"manifest\"\n    (manifestModified)=\"manifestModified.emit($event)\"\n    #header\n    [headerOptions]=\"(displayHeader$ | async) ?? {}\"\n  >\n    <pry-settings\n      (saveTriggered)=\"emitManifest()\"\n      (changeTitle)=\"changeWidgetTitle($event)\"\n      [headerPresent]=\"displayHeader$ | async\"\n      [widgetIndex]=\"widgetIndex\"\n      [header]=\"header\"\n      [open$]=\"open$\"\n      class=\"o-settings\"\n    >\n      <div class=\"o-settings__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      <div *ngFor=\"let columnDef of optionsCopy?.columns; let i = index\" class=\"o-settings__popup__content__fields\">\n        <div class=\"o-settings__popup__content__fields__head\">\n          <div class=\"m-btn-group\">\n            <button type=\"button\" class=\"a-btn a-btn--icon-only\" (click)=\"invertLayers(i, i - 1)\" *ngIf=\"i > 0\">\n              <pry-icon iconSvg=\"fleche_haut\"></pry-icon>\n              <span class=\"u-visually-hidden\">{{ '@pry.action.moveUp' | i18n }}</span>\n            </button>\n            <button\n              type=\"button\"\n              class=\"a-btn a-btn--icon-only\"\n              (click)=\"invertLayers(i, i + 1)\"\n              *ngIf=\"i < (optionsCopy?.columns?.length ?? 0) - 1\"\n            >\n              <pry-icon iconSvg=\"fleche_bas\"></pry-icon>\n              <span class=\"u-visually-hidden\">{{ '@pry.action.moveDown' | i18n }}</span>\n            </button>\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              (ngModelChange)=\"changePropertyName($event, columnDef)\"\n              [itemsAsOption]=\"false\"\n              [items]=\"properties$ | async\"\n              [ngModel]=\"columnDef.property\"\n              class=\"a-pry-select\"\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    </pry-settings>\n  </pry-widget-header>\n\n  <div class=\"a-table-wrapper\">\n    <div class=\"a-table-loading\" *ngIf=\"isLoading$ | async; else noLoading\">\n      <span class=\"a-table-loading__loader\"></span>\n    </div>\n    <ng-template #noLoading>\n      <ng-container *ngIf=\"(allItems$ | async) ?? [] as allObjects\">\n        <div class=\"no-result\" *ngIf=\"allObjects.length === 0\">\n          <img\n            class=\"no-result__search\"\n            src=\"../../../assets/svgs/pry_recherche_pas_de_resultat.svg\"\n            alt=\"{{ '@pry.widget.table.empty' | i18n }}\"\n            aria-hidden=\"true\"\n          />\n          <span class=\"no-result__text\">{{ '@pry.widget.table.empty' | i18n }}</span>\n        </div>\n\n        <ng-container *ngIf=\"(selectedIds$ | async) ?? [] as selectedIds\">\n          <ng-container *ngIf=\"(columns$ | async) ?? [] as columns\">\n            <table class=\"a-table\" [attr.aria-label]=\"'@pry.widget.table.description' | i18n\">\n              <thead>\n                <tr>\n                  <th *ngIf=\"allObjects?.length ?? 0 > 0\">\n                    <pry-checkbox [ngModel]=\"areAllSelected\" (ngModelChange)=\"selectAll($event)\"></pry-checkbox>\n                  </th>\n                  <th *ngFor=\"let column of columns; let i = index\" resizable (click)=\"setOrder(column)\">\n                    <span>{{ column.label }}</span>\n                    <ng-container *ngIf=\"quickOrder$ | async as quickOrder\">\n                      <ng-container *ngIf=\"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                      </ng-container>\n                    </ng-container>\n                  </th>\n                </tr>\n              </thead>\n              <tbody>\n                <tr\n                  *ngFor=\"let item of allObjects; trackBy: trackObjects\"\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                >\n                  <td class=\"checkbox-wrapper\">\n                    <pry-checkbox [ngModel]=\"selectedIds.includes(item.id)\"></pry-checkbox>\n                  </td>\n                  <td *ngFor=\"let column of columns\" class=\"u-ellipsis\">\n                    <ng-container *ngIf=\"column.property === 'metadata'\">\n                      <pry-metadata [item]=\"item\"></pry-metadata>\n                    </ng-container>\n                    <ng-container *ngIf=\"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                    </ng-container>\n                    <ng-container *ngIf=\"!['metadata', 'oClass'].includes(column.property)\">\n                      <pry-expand-value [value]=\"item | getValue : column.property | async\"></pry-expand-value>\n                    </ng-container>\n                  </td>\n                </tr>\n              </tbody>\n            </table>\n          </ng-container>\n        </ng-container>\n      </ng-container>\n    </ng-template>\n  </div>\n</div>\n", dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i4.SettingsComponent, selector: "pry-settings", inputs: ["widgetIndex", "isDisable", "headerPresent", "open$", "header"], outputs: ["saveTriggered", "changeTitle"] }, { kind: "component", type: i4.MetadataComponent, selector: "pry-metadata", inputs: ["item"] }, { kind: "component", type: i4.PryWidgetHeaderComponent, selector: "pry-widget-header", inputs: ["manifest", "additionalOptions", "headerOptions", "displayCount", "datasourceIds", "widgetIndex"], outputs: ["manifestModified"] }, { kind: "component", type: i4.PrySelectComponent, selector: "pry-select", inputs: ["labelTranslate", "baseTranslate", "translationFn", "translationFnArgs", "clearable", "multiple", "multipleClearRight", "closeOnSelect", "placeholder", "isForm", "required", "name", "readonly", "items", "itemsAsOption", "bindData", "bindValue", "bindLabel", "bindIcon", "iconSize", "templateLabel", "templateOption", "autocomplete"] }, { 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"] }, { kind: "component", type: i6.ResizableComponent, selector: "th[resizable]" }, { kind: "directive", type: i7.ResizableDirective, selector: "[resizable]", outputs: ["resizable"] }, { kind: "component", type: i8.PryWidgetTableCssComponent, selector: "pry-widget-table-css" }, { kind: "component", type: i9.ExpandValueComponent, selector: "pry-expand-value", inputs: ["value"] }, { kind: "directive", type: i10.DetachRowDirective, selector: "[detachRow]", outputs: ["selectedValue"] }, { 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: i11.GetValuePipe, name: "getValue" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: WidgetTableComponent, decorators: [{
             type: Component,

package/esm2022/widgets/widget-tile/component/widget-tile.component.mjs

@@ -105,7 +105,7 @@ export class WidgetTileComponent extends DataWidgetComponent {
         return Object.keys(value?.metadata ?? {}).length > 0;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: WidgetTileComponent, deps: [{ token: i1.Store }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.6", type: WidgetTileComponent, selector: "pry-widget-tile", usesInheritance: true, ngImport: i0, template: "<pry-widget-tile-css></pry-widget-tile-css>\n<div class=\"o-widget o-widget--tile\">\n  <pry-widget-header\n    [datasourceIds]=\"(datasourceIds$ | 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          [itemsAsOption]=\"true\"\n          [items]=\"classes$ | async\"\n          [multiple]=\"true\"\n          [ngModel]=\"optionsCopy.classes\"\n          bindLabel=\"name\"\n          bindValue=\"id\"\n          class=\"a-pry-select\"\n          id=\"tile_classes\"\n        ></pry-select>\n      </div>\n    </pry-settings>\n  </pry-widget-header>\n  <div class=\"o-widget--tile-wrapper\" [style.top]=\"(displayHeader$ | async) ? WIDGET_HEADER_HEIGHT + 'px' : 0\">\n    <div class=\"no-result\" *ngIf=\"(items$ | async)?.length === 0\">\n      <img\n        class=\"no-result__search\"\n        src=\"../../../assets/svgs/pry_recherche_pas_de_resultat.svg\"\n        alt=\"{{ '@pry.widget.tile.empty' | i18n }}\"\n        aria-hidden=\"true\"\n      />\n      <span class=\"no-result__text\">{{ '@pry.widget.tile.empty' | i18n }}</span>\n    </div>\n    <ul class=\"o-widget--tile__list\">\n      <li\n        class=\"o-widget--tile__list__item\"\n        *ngFor=\"let item of items$ | async; let index = index\"\n        (contextmenu)=\"contextMenu($event, item)\"\n      >\n        <div class=\"o-widget--tile__list__item__header\">\n          <img\n            [height]=\"25\"\n            [width]=\"25\"\n            [src]=\"item | translateItemToSymbol | async\"\n            [alt]=\"item.oClass | translateId : { type: 'class', output: 'name' } | async\"\n          />\n          <h3 class=\"o-widget--tile__list__item__header__title\">\n            {{\n              item.oClass\n                | translateId\n                  : {\n                      type: 'class',\n                      output: 'name'\n                    }\n                | async\n            }}\n          </h3>\n          <pry-checkbox\n            [ngModel]=\"(selectedIds$ | async).includes(item.id)\"\n            (click)=\"select($event, item)\"\n          ></pry-checkbox>\n        </div>\n        <div class=\"o-properties\">\n          <ul class=\"o-properties__list\">\n            <ng-container *ngFor=\"let property of (propertiesToDisplay$ | async)![item.oClass]\">\n              <li\n                *ngFor=\"let value of getValue(item, property); let i = index; let c = count\"\n                class=\"o-properties__list__item\"\n              >\n                <p class=\"o-properties__list__item__label\" *ngIf=\"i === 0\">{{ property }}:</p>\n                <p class=\"o-properties__list__item__value\" *ngIf=\"!isRaw(property, item.oClass)\">{{ value?.value }}</p>\n                <p class=\"o-properties__list__item__raw\" *ngIf=\"isRaw(property, item.oClass)\">\n                  <pry-vizualize-raw [item]=\"item\" [propertyName]=\"property\"></pry-vizualize-raw>\n                </p>\n                <ng-container *ngIf=\"hasMetadata(value)\">\n                  <pry-metadata [item]=\"value\"></pry-metadata>\n                </ng-container>\n              </li>\n            </ng-container>\n          </ul>\n        </div>\n        <div (click)=\"toggleMap(index)\" class=\"o-widget--tile__list__item__footer\">\n          <button\n            type=\"button\"\n            class=\"a-btn a-btn--icon-text -link-like\"\n            aria-controls=\"tile-map-xxx\"\n            aria-expanded=\"false\"\n          >\n            {{ '@pry.widget.tile.map' | i18n }}\n          </button>\n        </div>\n        <div class=\"o-widget--tile__list__item__map\" *ngIf=\"maps[index]\" id=\"tile-map-xxx\">\n          <pry-widget-map [staticManifest]=\"mapManifest\" [staticResultSet]=\"resultSetWithItem(item)\"></pry-widget-map>\n        </div>\n      </li>\n    </ul>\n  </div>\n</div>\n", dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i4.SettingsComponent, selector: "pry-settings", inputs: ["widgetIndex", "isDisable", "headerPresent", "open$", "header"], outputs: ["saveTriggered", "changeTitle"] }, { kind: "component", type: i4.MetadataComponent, selector: "pry-metadata", inputs: ["item"] }, { kind: "component", type: i4.PryWidgetHeaderComponent, selector: "pry-widget-header", inputs: ["manifest", "additionalOptions", "headerOptions", "displayCount", "datasourceIds", "widgetIndex"], outputs: ["manifestModified"] }, { kind: "component", type: i4.VizualizeRawComponent, selector: "pry-vizualize-raw", inputs: ["item", "propertyName", "alt"] }, { kind: "component", type: i4.PrySelectComponent, selector: "pry-select", inputs: ["labelTranslate", "baseTranslate", "translationFn", "translationFnArgs", "clearable", "multiple", "multipleClearRight", "placeholder", "isForm", "required", "name", "readonly", "items", "itemsAsOption", "bindData", "bindValue", "bindLabel", "bindIcon", "iconSize", "templateLabel", "templateOption", "autocomplete"] }, { kind: "component", type: i5.PryCheckboxComponent, selector: "pry-checkbox", inputs: ["circle"] }, { kind: "component", type: i6.WidgetMapComponent, selector: "pry-widget-map" }, { kind: "component", type: i7.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" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.6", type: WidgetTileComponent, selector: "pry-widget-tile", usesInheritance: true, ngImport: i0, template: "<pry-widget-tile-css></pry-widget-tile-css>\n<div class=\"o-widget o-widget--tile\">\n  <pry-widget-header\n    [datasourceIds]=\"(datasourceIds$ | 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          [itemsAsOption]=\"true\"\n          [items]=\"classes$ | async\"\n          [multiple]=\"true\"\n          [ngModel]=\"optionsCopy.classes\"\n          bindLabel=\"name\"\n          bindValue=\"id\"\n          class=\"a-pry-select\"\n          id=\"tile_classes\"\n        ></pry-select>\n      </div>\n    </pry-settings>\n  </pry-widget-header>\n  <div class=\"o-widget--tile-wrapper\" [style.top]=\"(displayHeader$ | async) ? WIDGET_HEADER_HEIGHT + 'px' : 0\">\n    <div class=\"no-result\" *ngIf=\"(items$ | async)?.length === 0\">\n      <img\n        class=\"no-result__search\"\n        src=\"../../../assets/svgs/pry_recherche_pas_de_resultat.svg\"\n        alt=\"{{ '@pry.widget.tile.empty' | i18n }}\"\n        aria-hidden=\"true\"\n      />\n      <span class=\"no-result__text\">{{ '@pry.widget.tile.empty' | i18n }}</span>\n    </div>\n    <ul class=\"o-widget--tile__list\">\n      <li\n        class=\"o-widget--tile__list__item\"\n        *ngFor=\"let item of items$ | async; let index = index\"\n        (contextmenu)=\"contextMenu($event, item)\"\n      >\n        <div class=\"o-widget--tile__list__item__header\">\n          <img\n            [height]=\"25\"\n            [width]=\"25\"\n            [src]=\"item | translateItemToSymbol | async\"\n            [alt]=\"item.oClass | translateId : { type: 'class', output: 'name' } | async\"\n          />\n          <h3 class=\"o-widget--tile__list__item__header__title\">\n            {{\n              item.oClass\n                | translateId\n                  : {\n                      type: 'class',\n                      output: 'name'\n                    }\n                | async\n            }}\n          </h3>\n          <pry-checkbox\n            [ngModel]=\"(selectedIds$ | async).includes(item.id)\"\n            (click)=\"select($event, item)\"\n          ></pry-checkbox>\n        </div>\n        <div class=\"o-properties\">\n          <ul class=\"o-properties__list\">\n            <ng-container *ngFor=\"let property of (propertiesToDisplay$ | async)![item.oClass]\">\n              <li\n                *ngFor=\"let value of getValue(item, property); let i = index; let c = count\"\n                class=\"o-properties__list__item\"\n              >\n                <p class=\"o-properties__list__item__label\" *ngIf=\"i === 0\">{{ property }}:</p>\n                <p class=\"o-properties__list__item__value\" *ngIf=\"!isRaw(property, item.oClass)\">{{ value?.value }}</p>\n                <p class=\"o-properties__list__item__raw\" *ngIf=\"isRaw(property, item.oClass)\">\n                  <pry-vizualize-raw [item]=\"item\" [propertyName]=\"property\"></pry-vizualize-raw>\n                </p>\n                <ng-container *ngIf=\"hasMetadata(value)\">\n                  <pry-metadata [item]=\"value\"></pry-metadata>\n                </ng-container>\n              </li>\n            </ng-container>\n          </ul>\n        </div>\n        <div (click)=\"toggleMap(index)\" class=\"o-widget--tile__list__item__footer\">\n          <button\n            type=\"button\"\n            class=\"a-btn a-btn--icon-text -link-like\"\n            aria-controls=\"tile-map-xxx\"\n            aria-expanded=\"false\"\n          >\n            {{ '@pry.widget.tile.map' | i18n }}\n          </button>\n        </div>\n        <div class=\"o-widget--tile__list__item__map\" *ngIf=\"maps[index]\" id=\"tile-map-xxx\">\n          <pry-widget-map [staticManifest]=\"mapManifest\" [staticResultSet]=\"resultSetWithItem(item)\"></pry-widget-map>\n        </div>\n      </li>\n    </ul>\n  </div>\n</div>\n", dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i4.SettingsComponent, selector: "pry-settings", inputs: ["widgetIndex", "isDisable", "headerPresent", "open$", "header"], outputs: ["saveTriggered", "changeTitle"] }, { kind: "component", type: i4.MetadataComponent, selector: "pry-metadata", inputs: ["item"] }, { kind: "component", type: i4.PryWidgetHeaderComponent, selector: "pry-widget-header", inputs: ["manifest", "additionalOptions", "headerOptions", "displayCount", "datasourceIds", "widgetIndex"], outputs: ["manifestModified"] }, { kind: "component", type: i4.VizualizeRawComponent, selector: "pry-vizualize-raw", inputs: ["item", "propertyName", "alt"] }, { kind: "component", type: i4.PrySelectComponent, selector: "pry-select", inputs: ["labelTranslate", "baseTranslate", "translationFn", "translationFnArgs", "clearable", "multiple", "multipleClearRight", "closeOnSelect", "placeholder", "isForm", "required", "name", "readonly", "items", "itemsAsOption", "bindData", "bindValue", "bindLabel", "bindIcon", "iconSize", "templateLabel", "templateOption", "autocomplete"] }, { kind: "component", type: i5.PryCheckboxComponent, selector: "pry-checkbox", inputs: ["circle"] }, { kind: "component", type: i6.WidgetMapComponent, selector: "pry-widget-map" }, { kind: "component", type: i7.PryWidgetTileCssComponent, selector: "pry-widget-tile-css" }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "pipe", type: i4.TranslateIdPipe, name: "translateId" }, { kind: "pipe", type: i4.TranslateItemToSymbolPipe, name: "translateItemToSymbol" }, { kind: "pipe", type: i4.I18nPipe, name: "i18n" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: WidgetTileComponent, decorators: [{
             type: Component,