@provoly/dashboard 1.3.28 → 1.3.30

package/fesm2022/provoly-dashboard.mjs

@@ -1697,7 +1697,7 @@ const EXPLORE_NAMED_QUERY_ID = '008';
 
 const dataSourceFeatureKey = '@pry/datasources';
 const initialDataSourceState = {
-    isLoading: false,
+    loading: false,
     list: [],
     isRename: false,
     datasets: [],
@@ -1707,9 +1707,9 @@ const initialDataSourceState = {
     previews: [],
     categories: []
 };
-const dataSourceReducer = createReducer(initialDataSourceState, on(DataSourceActions.namedQuery.load, (state) => ({ ...state, error: undefined, isLoading: true })), on(DataSourceActions.namedQuery.loaded, (state, action) => ({ ...state, list: action.list, isLoading: false })), on(DataSourceActions.namedQuery.delete, (state) => ({ ...state, error: undefined, isLoading: false })), on(DataSourceActions.namedQuery.failure, (state, action) => ({ ...state, error: action.error, isLoading: false })), on(DataSourceActions.namedQuery.openEdit, (state, action) => ({
+const dataSourceReducer = createReducer(initialDataSourceState, on(DataSourceActions.namedQuery.load, (state) => ({ ...state, error: undefined, loading: true })), on(DataSourceActions.namedQuery.loaded, (state, action) => ({ ...state, list: action.list, loading: false })), on(DataSourceActions.namedQuery.delete, (state) => ({ ...state, error: undefined, loading: false })), on(DataSourceActions.namedQuery.failure, (state, action) => ({ ...state, error: action.error, loading: false })), on(DataSourceActions.namedQuery.openEdit, (state, action) => ({
     ...state,
-    isLoading: false,
+    loading: false,
     currentEdit: action.currentEdit,
     fromWidget: action.widgetIndex !== undefined
         ? {
@@ -1721,7 +1721,7 @@ const dataSourceReducer = createReducer(initialDataSourceState, on(DataSourceAct
     ...state,
     currentEdit: undefined,
     fromWidget: undefined,
-    isLoading: false
+    loading: false
 })), on(DataSourceActions.namedQuery.updateCurrentEdit, (state, action) => ({
     ...state,
     // @ts-ignore
@@ -1729,14 +1729,14 @@ const dataSourceReducer = createReducer(initialDataSourceState, on(DataSourceAct
         ...state.currentEdit,
         ...action.currentEdit
     }
-})), on(DataSourceActions.namedQuery.openRename, (state) => ({ ...state, isRename: true })), on(DataSourceActions.namedQuery.stopRename, (state) => ({ ...state, isRename: false })), on(DataSourceActions.dataset.loadDataset, (state) => ({ ...state, error: undefined, isLoading: true })), on(DataSourceActions.dataset.loadedDataset, (state, action) => ({
+})), on(DataSourceActions.namedQuery.openRename, (state) => ({ ...state, isRename: true })), on(DataSourceActions.namedQuery.stopRename, (state) => ({ ...state, isRename: false })), on(DataSourceActions.dataset.loadDataset, (state) => ({ ...state, error: undefined, loading: true })), on(DataSourceActions.dataset.loadedDataset, (state, action) => ({
     ...state,
     datasets: action.datasets,
-    isLoading: false
+    loading: false
 })), on(DataSourceActions.dataset.failure, (state, action) => ({
     ...state,
     error: action.error,
-    isLoading: false
+    loading: false
 })), on(DataSourceActions.dataset.listVersions, (state) => ({
     ...state,
     loading: true
@@ -1877,7 +1877,7 @@ const isRename = createSelector(selectFeature, (state) => state.isRename);
 const editFromWidget = createSelector(selectFeature, (state) => state.fromWidget);
 const datasets = createSelector(selectFeature, (state) => state.datasets);
 const errors = createSelector(selectFeature, (state) => state.error);
-const isLoading = createSelector(selectFeature, (state) => state.isLoading);
+const isLoading = createSelector(selectFeature, (state) => state.loading);
 const getDataSources = createSelector(getAllNamedQuery, datasets, (nqs, dsd) => [...nqs, ...dsd]);
 const getDataSourcesSorted = createSelector(getAllNamedQuery, datasets, (nqs, dsd) => [...nqs, ...dsd].sort((nq1, nq2) => nq1.name.toLowerCase().localeCompare(nq2.name.toLowerCase())));
 const datasetVersions = createSelector(selectFeature, (state) => state?.datasetVersions ?? []);
@@ -4136,7 +4136,9 @@ const operators = [
     'END_WITH',
     'LOWER_THAN',
     'INSIDE',
-    'OUTSIDE'
+    'OUTSIDE',
+    'IN',
+    'NOT_IN'
 ];
 class FilterParamEncoder extends HttpUrlEncodingCodec {
     constructor() {
@@ -4145,9 +4147,7 @@ class FilterParamEncoder extends HttpUrlEncodingCodec {
     encodeValue(v) {
         const hasOperator = operators.includes(v.split(',')?.[1]);
         if (hasOperator) {
-            const fragments = v.split(',');
-            fragments[2] = encodeURIComponent(fragments.splice(2).join('\\,'));
-            return fragments.slice(0, 3).join(',');
+            return v;
         }
         return encodeURIComponent(v);
     }
@@ -4184,7 +4184,10 @@ class SearchService {
             this.filters[id]
                 .filter((filter) => filter.value !== null && filter.value !== undefined)
                 .forEach((filter) => {
-                params = params.append('filter', `${filter.attribute},${filter.operator},${filter.value.toString()}`);
+                const value = Array.isArray(filter.value)
+                    ? filter.value.map((v) => encodeURIComponent(v.toString().split(',').join('\\,'))).join(',')
+                    : encodeURIComponent(filter.value.toString().replace(/,/g, '\\,'));
+                params = params.append('filter', `${filter.attribute},${filter.operator},${value}`);
             });
         }
         if (includeLimit) {
@@ -7069,7 +7072,6 @@ class PrySelectComponent extends SubscriptionnerDirective {
         this.multiple = false;
         this.closeOnSelect = true;
         this.isForm = false;
-        this.readonly = false;
         this.autocomplete = false;
         this.alwaysShowAutosuggestedValues = false;
         this.externalAutocompleteService = false;
@@ -7299,14 +7301,14 @@ class PrySelectComponent extends SubscriptionnerDirective {
         return item.id ?? item;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: PrySelectComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i2.Overlay }, { token: i0.ViewContainerRef }, { token: SelectA11yService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.1.3", type: PrySelectComponent, selector: "pry-select", inputs: { items: "items", clearable: "clearable", multiple: "multiple", closeOnSelect: "closeOnSelect", placeholder: "placeholder", isForm: "isForm", required: "required", name: "name", readonly: "readonly", autocomplete: "autocomplete", alwaysShowAutosuggestedValues: "alwaysShowAutosuggestedValues", externalAutocompleteService: "externalAutocompleteService", bindValue: "bindValue", bindLabel: "bindLabel", iconSize: "iconSize", bindIcon: "bindIcon", template: "template", i18nPrefix: "i18nPrefix", bindClasses: "bindClasses", loading: "loading", elementRef: "elementRef" }, outputs: { searched: "searched", cleared: "cleared", clicked: "clicked" }, providers: [
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.1.3", type: PrySelectComponent, selector: "pry-select", inputs: { items: "items", clearable: "clearable", multiple: "multiple", closeOnSelect: "closeOnSelect", placeholder: "placeholder", isForm: "isForm", required: "required", name: "name", autocomplete: "autocomplete", alwaysShowAutosuggestedValues: "alwaysShowAutosuggestedValues", externalAutocompleteService: "externalAutocompleteService", bindValue: "bindValue", bindLabel: "bindLabel", iconSize: "iconSize", bindIcon: "bindIcon", template: "template", i18nPrefix: "i18nPrefix", bindClasses: "bindClasses", loading: "loading", elementRef: "elementRef" }, outputs: { searched: "searched", cleared: "cleared", clicked: "clicked" }, providers: [
             {
                 provide: NG_VALUE_ACCESSOR,
                 useExisting: forwardRef(() => PrySelectComponent),
                 multi: true
             },
             SelectA11yService
-        ], viewQueries: [{ propertyName: "optionsModal", first: true, predicate: ["optionsModal"], descendants: true, read: TemplateRef }, { propertyName: "selectElement", first: true, predicate: ["selectElement"], descendants: true }, { propertyName: "input", first: true, predicate: ["input"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<div\n  class=\"a-pry-select\"\n  [attr.aria-disabled]=\"disabled\"\n  #selectElement\n  [class.-focused]=\"focused\"\n  (click)=\"handleClick()\"\n  role=\"combobox\"\n  [attr.aria-expanded]=\"open\"\n  [attr.aria-owns]=\"open ? modalId : null\"\n  aria-haspopup=\"listbox\"\n  tabindex=\"0\"\n  cdkMonitorElementFocus\n  (cdkFocusChange)=\"onFocusChange($event)\"\n  (keydown)=\"onKeydownSelect($event)\"\n>\n  <div class=\"a-pry-select__content\">\n    @if (autocomplete) {\n      <input\n        type=\"text\"\n        class=\"a-pry-select__search\"\n        [ngModel]=\"search$.getValue()\"\n        (ngModelChange)=\"search($event, true)\"\n        aria-autocomplete=\"list\"\n        [attr.aria-controls]=\"open ? modalId : null\"\n        [attr.aria-disabled]=\"disabled\"\n        [disabled]=\"disabled\"\n        (keydown)=\"onKeydownAutocompleteInput($event)\"\n        [placeholder]=\"placeholder ?? ''\"\n        #input\n      />\n    } @else if ((valueItems$ | async).length === 0) {\n      <span class=\"a-pry-select__placeholder\">{{ placeholder }}</span>\n      <div class=\"a-pry-select__filler\"></div>\n    } @else {\n      <ng-container *ngFor=\"let item of valueItems$ | async\">\n        <div\n          class=\"a-pry-select__value\"\n          [class.pry-select-form]=\"isForm\"\n          [class.-multiple]=\"multiple\"\n          [ngClass]=\"item ? item[bindClasses ?? ''] ?? {} : {}\"\n        >\n          @if (template) {\n            <ng-container [ngTemplateOutlet]=\"template\" [ngTemplateOutletContext]=\"{ item, clear }\"></ng-container>\n          } @else {\n            <pry-icon\n              *ngIf=\"bindIcon\"\n              [iconSvg]=\"item[bindIcon]\"\n              [width]=\"iconSize[0]\"\n              [height]=\"iconSize[1]\"\n            ></pry-icon>\n            @if (bindLabel ? item?.[bindLabel] : item; as value) {\n              {{ (i18nPrefix ?? '') + value | i18n: { warn: false } }}\n              <span\n                *ngIf=\"multiple && clearable\"\n                class=\"a-pry-select__clear\"\n                (click)=\"clear($event, item)\"\n                aria-hidden=\"true\"\n                >\u00D7</span\n              >\n            }\n          }\n        </div>\n      </ng-container>\n      <div class=\"a-pry-select__filler\"></div>\n    }\n  </div>\n  <div class=\"a-pry-select__actions\">\n    @if (clearable) {\n      <span class=\"a-pry-select__clear\" (click)=\"clearAll($event)\" aria-hidden=\"true\">\u00D7</span>\n    }\n    <pry-icon\n      class=\"a-pry-select__toggle\"\n      [iconSvg]=\"open ? 'chevron_top' : 'chevron_bottom'\"\n      [width]=\"iconSize[0]\"\n      [height]=\"iconSize[1]\"\n    ></pry-icon>\n  </div>\n</div>\n<ng-template #optionsModal>\n  <div\n    role=\"listbox\"\n    [attr.aria-label]=\"'@pry.select.label' | i18n\"\n    [id]=\"modalId\"\n    [attr.aria-activedescendant]=\"'select-option-' + activeDescendant\"\n    [attr.aria-multiselectable]=\"multiple\"\n    [attr.required]=\"required\"\n    [attr.aria-readonly]=\"readonly\"\n    cdkTrapFocus=\"!autocomplete\"\n    [cdkTrapFocusAutoCapture]=\"!autocomplete\"\n  >\n    @if (loading) {\n      <div class=\"a-pry-select__options__option -hint\" [style.width.px]=\"modalWidth\">\n        <div class=\"no-widget no-widget__loader\">\n          <pry-page-loader></pry-page-loader>\n        </div>\n        <p>{{ '@pry.select.loading' | i18n }}...</p>\n      </div>\n    } @else {\n      @for (item of matchingItems$ | async; track trackFn; let index = $index; let first = $first; let last = $last) {\n        <div\n          class=\"a-pry-select__options__option\"\n          [attr.aria-selected]=\"(valueItems$ | async).includes(item)\"\n          [attr.aria-checked]=\"(valueItems$ | async).includes(item)\"\n          [attr.aria-disabled]=\"disabled\"\n          (click)=\"select($event, item, index)\"\n          (keydown)=\"onKeydownOption($event, item, index, optionDivRef, first, last)\"\n          [style.width.px]=\"modalWidth\"\n          role=\"option\"\n          [id]=\"'select-option-' + index\"\n          tabindex=\"0\"\n          #optionDivRef\n        >\n          @if (template) {\n            <ng-container [ngTemplateOutlet]=\"template\" [ngTemplateOutletContext]=\"{ item, clear }\"></ng-container>\n          } @else {\n            @if (multiple) {\n              <pry-checkbox\n                (click)=\"$event.preventDefault()\"\n                [ngModel]=\"(valueItems$ | async).includes(item)\"\n              ></pry-checkbox>\n            }\n            @if (bindIcon) {\n              <pry-icon [iconSvg]=\"item[bindIcon]\" [width]=\"iconSize[0]\" [height]=\"iconSize[1]\"></pry-icon>\n            }\n            @if (bindLabel ? item?.[bindLabel] : item; as value) {\n              {{ (i18nPrefix ? i18nPrefix : '') + value | i18n: { warn: false } }}\n            }\n          }\n        </div>\n      } @empty {\n        <div class=\"a-pry-select__options__option -hint\" [style.width.px]=\"modalWidth\">\n          <p>{{ '@pry.select.empty' | i18n }}</p>\n        </div>\n      }\n    }\n  </div>\n</ng-template>\n", dependencies: [{ kind: "directive", type: i3$2.CdkTrapFocus, selector: "[cdkTrapFocus]", inputs: ["cdkTrapFocus", "cdkTrapFocusAutoCapture"], exportAs: ["cdkTrapFocus"] }, { kind: "directive", type: i3$2.CdkMonitorFocus, selector: "[cdkMonitorElementFocus], [cdkMonitorSubtreeFocus]", outputs: ["cdkFocusChange"], exportAs: ["cdkMonitorFocus"] }, { kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i3$3.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i3$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3$3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: PryIconComponent, selector: "pry-icon", inputs: ["color", "iconSvg", "animation", "iconImage", "alt", "width", "height", "classes"] }, { kind: "component", type: i7.PryCheckboxComponent, selector: "pry-checkbox", inputs: ["circle", "name", "inputId", "inhibit"] }, { kind: "component", type: i8.PryPageLoaderComponent, selector: "pry-page-loader", inputs: ["image", "imageAltText"] }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }, { kind: "pipe", type: I18nPipe, name: "i18n" }] }); }
+        ], viewQueries: [{ propertyName: "optionsModal", first: true, predicate: ["optionsModal"], descendants: true, read: TemplateRef }, { propertyName: "selectElement", first: true, predicate: ["selectElement"], descendants: true }, { propertyName: "input", first: true, predicate: ["input"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<div\n  class=\"a-pry-select\"\n  [attr.aria-disabled]=\"disabled\"\n  #selectElement\n  [class.-focused]=\"focused\"\n  (click)=\"handleClick()\"\n  role=\"combobox\"\n  [attr.aria-expanded]=\"open\"\n  [attr.aria-owns]=\"open ? modalId : null\"\n  aria-haspopup=\"listbox\"\n  tabindex=\"0\"\n  cdkMonitorElementFocus\n  (cdkFocusChange)=\"onFocusChange($event)\"\n  (keydown)=\"onKeydownSelect($event)\"\n>\n  <div class=\"a-pry-select__content\">\n    @if (autocomplete) {\n      <input\n        type=\"text\"\n        class=\"a-pry-select__search\"\n        [ngModel]=\"search$.getValue()\"\n        (ngModelChange)=\"search($event, true)\"\n        aria-autocomplete=\"list\"\n        [attr.aria-controls]=\"open ? modalId : null\"\n        [attr.aria-disabled]=\"disabled\"\n        [disabled]=\"disabled\"\n        (keydown)=\"onKeydownAutocompleteInput($event)\"\n        [placeholder]=\"placeholder ?? ''\"\n        #input\n      />\n    } @else if ((valueItems$ | async).length === 0) {\n      <span class=\"a-pry-select__placeholder\">{{ placeholder }}</span>\n      <div class=\"a-pry-select__filler\"></div>\n    } @else {\n      <ng-container *ngFor=\"let item of valueItems$ | async\">\n        <div\n          class=\"a-pry-select__value\"\n          [class.pry-select-form]=\"isForm\"\n          [class.-multiple]=\"multiple\"\n          [ngClass]=\"item ? item[bindClasses ?? ''] ?? {} : {}\"\n        >\n          @if (template) {\n            <ng-container [ngTemplateOutlet]=\"template\" [ngTemplateOutletContext]=\"{ item, clear }\"></ng-container>\n          } @else {\n            <pry-icon\n              *ngIf=\"bindIcon\"\n              [iconSvg]=\"item[bindIcon]\"\n              [width]=\"iconSize[0]\"\n              [height]=\"iconSize[1]\"\n            ></pry-icon>\n            @if (bindLabel ? item?.[bindLabel] : item; as value) {\n              {{ (i18nPrefix ?? '') + value | i18n: { warn: false } }}\n              <span\n                *ngIf=\"multiple && clearable\"\n                class=\"a-pry-select__clear\"\n                (click)=\"clear($event, item)\"\n                aria-hidden=\"true\"\n                >\u00D7</span\n              >\n            }\n          }\n        </div>\n      </ng-container>\n      <div class=\"a-pry-select__filler\"></div>\n    }\n  </div>\n  <div class=\"a-pry-select__actions\">\n    @if (clearable) {\n      <span class=\"a-pry-select__clear\" (click)=\"clearAll($event)\" aria-hidden=\"true\">\u00D7</span>\n    }\n    <pry-icon\n      class=\"a-pry-select__toggle\"\n      [iconSvg]=\"open ? 'chevron_top' : 'chevron_bottom'\"\n      [width]=\"iconSize[0]\"\n      [height]=\"iconSize[1]\"\n    ></pry-icon>\n  </div>\n</div>\n<ng-template #optionsModal>\n  <div\n    role=\"listbox\"\n    [attr.aria-label]=\"'@pry.select.label' | i18n\"\n    [id]=\"modalId\"\n    [attr.aria-activedescendant]=\"'select-option-' + activeDescendant\"\n    [attr.aria-multiselectable]=\"multiple\"\n    [attr.required]=\"required\"\n    [attr.aria-readonly]=\"disabled\"\n    cdkTrapFocus=\"!autocomplete\"\n    [cdkTrapFocusAutoCapture]=\"!autocomplete\"\n  >\n    @if (loading) {\n      <div class=\"a-pry-select__options__option -hint\" [style.width.px]=\"modalWidth\">\n        <div class=\"no-widget no-widget__loader\">\n          <pry-page-loader></pry-page-loader>\n        </div>\n        <p>{{ '@pry.select.loading' | i18n }}...</p>\n      </div>\n    } @else {\n      @for (item of matchingItems$ | async; track trackFn; let index = $index; let first = $first; let last = $last) {\n        <div\n          class=\"a-pry-select__options__option\"\n          [attr.aria-selected]=\"(valueItems$ | async).includes(item)\"\n          [attr.aria-checked]=\"(valueItems$ | async).includes(item)\"\n          [attr.aria-disabled]=\"disabled\"\n          (click)=\"select($event, item, index)\"\n          (keydown)=\"onKeydownOption($event, item, index, optionDivRef, first, last)\"\n          [style.width.px]=\"modalWidth\"\n          role=\"option\"\n          [id]=\"'select-option-' + index\"\n          tabindex=\"0\"\n          #optionDivRef\n        >\n          @if (template) {\n            <ng-container [ngTemplateOutlet]=\"template\" [ngTemplateOutletContext]=\"{ item, clear }\"></ng-container>\n          } @else {\n            @if (multiple) {\n              <pry-checkbox\n                (click)=\"$event.preventDefault()\"\n                [ngModel]=\"(valueItems$ | async).includes(item)\"\n              ></pry-checkbox>\n            }\n            @if (bindIcon) {\n              <pry-icon [iconSvg]=\"item[bindIcon]\" [width]=\"iconSize[0]\" [height]=\"iconSize[1]\"></pry-icon>\n            }\n            @if (bindLabel ? item?.[bindLabel] : item; as value) {\n              {{ (i18nPrefix ? i18nPrefix : '') + value | i18n: { warn: false } }}\n            }\n          }\n        </div>\n      } @empty {\n        <div class=\"a-pry-select__options__option -hint\" [style.width.px]=\"modalWidth\">\n          <p>{{ '@pry.select.empty' | i18n }}</p>\n        </div>\n      }\n    }\n  </div>\n</ng-template>\n", dependencies: [{ kind: "directive", type: i3$2.CdkTrapFocus, selector: "[cdkTrapFocus]", inputs: ["cdkTrapFocus", "cdkTrapFocusAutoCapture"], exportAs: ["cdkTrapFocus"] }, { kind: "directive", type: i3$2.CdkMonitorFocus, selector: "[cdkMonitorElementFocus], [cdkMonitorSubtreeFocus]", outputs: ["cdkFocusChange"], exportAs: ["cdkMonitorFocus"] }, { kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i3$3.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i3$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3$3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: PryIconComponent, selector: "pry-icon", inputs: ["color", "iconSvg", "animation", "iconImage", "alt", "width", "height", "classes"] }, { kind: "component", type: i7.PryCheckboxComponent, selector: "pry-checkbox", inputs: ["circle", "name", "inputId", "inhibit"] }, { kind: "component", type: i8.PryPageLoaderComponent, selector: "pry-page-loader", inputs: ["image", "imageAltText"] }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }, { kind: "pipe", type: I18nPipe, name: "i18n" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: PrySelectComponent, decorators: [{
             type: Component,
@@ -7317,7 +7319,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImpor
                             multi: true
                         },
                         SelectA11yService
-                    ], template: "<div\n  class=\"a-pry-select\"\n  [attr.aria-disabled]=\"disabled\"\n  #selectElement\n  [class.-focused]=\"focused\"\n  (click)=\"handleClick()\"\n  role=\"combobox\"\n  [attr.aria-expanded]=\"open\"\n  [attr.aria-owns]=\"open ? modalId : null\"\n  aria-haspopup=\"listbox\"\n  tabindex=\"0\"\n  cdkMonitorElementFocus\n  (cdkFocusChange)=\"onFocusChange($event)\"\n  (keydown)=\"onKeydownSelect($event)\"\n>\n  <div class=\"a-pry-select__content\">\n    @if (autocomplete) {\n      <input\n        type=\"text\"\n        class=\"a-pry-select__search\"\n        [ngModel]=\"search$.getValue()\"\n        (ngModelChange)=\"search($event, true)\"\n        aria-autocomplete=\"list\"\n        [attr.aria-controls]=\"open ? modalId : null\"\n        [attr.aria-disabled]=\"disabled\"\n        [disabled]=\"disabled\"\n        (keydown)=\"onKeydownAutocompleteInput($event)\"\n        [placeholder]=\"placeholder ?? ''\"\n        #input\n      />\n    } @else if ((valueItems$ | async).length === 0) {\n      <span class=\"a-pry-select__placeholder\">{{ placeholder }}</span>\n      <div class=\"a-pry-select__filler\"></div>\n    } @else {\n      <ng-container *ngFor=\"let item of valueItems$ | async\">\n        <div\n          class=\"a-pry-select__value\"\n          [class.pry-select-form]=\"isForm\"\n          [class.-multiple]=\"multiple\"\n          [ngClass]=\"item ? item[bindClasses ?? ''] ?? {} : {}\"\n        >\n          @if (template) {\n            <ng-container [ngTemplateOutlet]=\"template\" [ngTemplateOutletContext]=\"{ item, clear }\"></ng-container>\n          } @else {\n            <pry-icon\n              *ngIf=\"bindIcon\"\n              [iconSvg]=\"item[bindIcon]\"\n              [width]=\"iconSize[0]\"\n              [height]=\"iconSize[1]\"\n            ></pry-icon>\n            @if (bindLabel ? item?.[bindLabel] : item; as value) {\n              {{ (i18nPrefix ?? '') + value | i18n: { warn: false } }}\n              <span\n                *ngIf=\"multiple && clearable\"\n                class=\"a-pry-select__clear\"\n                (click)=\"clear($event, item)\"\n                aria-hidden=\"true\"\n                >\u00D7</span\n              >\n            }\n          }\n        </div>\n      </ng-container>\n      <div class=\"a-pry-select__filler\"></div>\n    }\n  </div>\n  <div class=\"a-pry-select__actions\">\n    @if (clearable) {\n      <span class=\"a-pry-select__clear\" (click)=\"clearAll($event)\" aria-hidden=\"true\">\u00D7</span>\n    }\n    <pry-icon\n      class=\"a-pry-select__toggle\"\n      [iconSvg]=\"open ? 'chevron_top' : 'chevron_bottom'\"\n      [width]=\"iconSize[0]\"\n      [height]=\"iconSize[1]\"\n    ></pry-icon>\n  </div>\n</div>\n<ng-template #optionsModal>\n  <div\n    role=\"listbox\"\n    [attr.aria-label]=\"'@pry.select.label' | i18n\"\n    [id]=\"modalId\"\n    [attr.aria-activedescendant]=\"'select-option-' + activeDescendant\"\n    [attr.aria-multiselectable]=\"multiple\"\n    [attr.required]=\"required\"\n    [attr.aria-readonly]=\"readonly\"\n    cdkTrapFocus=\"!autocomplete\"\n    [cdkTrapFocusAutoCapture]=\"!autocomplete\"\n  >\n    @if (loading) {\n      <div class=\"a-pry-select__options__option -hint\" [style.width.px]=\"modalWidth\">\n        <div class=\"no-widget no-widget__loader\">\n          <pry-page-loader></pry-page-loader>\n        </div>\n        <p>{{ '@pry.select.loading' | i18n }}...</p>\n      </div>\n    } @else {\n      @for (item of matchingItems$ | async; track trackFn; let index = $index; let first = $first; let last = $last) {\n        <div\n          class=\"a-pry-select__options__option\"\n          [attr.aria-selected]=\"(valueItems$ | async).includes(item)\"\n          [attr.aria-checked]=\"(valueItems$ | async).includes(item)\"\n          [attr.aria-disabled]=\"disabled\"\n          (click)=\"select($event, item, index)\"\n          (keydown)=\"onKeydownOption($event, item, index, optionDivRef, first, last)\"\n          [style.width.px]=\"modalWidth\"\n          role=\"option\"\n          [id]=\"'select-option-' + index\"\n          tabindex=\"0\"\n          #optionDivRef\n        >\n          @if (template) {\n            <ng-container [ngTemplateOutlet]=\"template\" [ngTemplateOutletContext]=\"{ item, clear }\"></ng-container>\n          } @else {\n            @if (multiple) {\n              <pry-checkbox\n                (click)=\"$event.preventDefault()\"\n                [ngModel]=\"(valueItems$ | async).includes(item)\"\n              ></pry-checkbox>\n            }\n            @if (bindIcon) {\n              <pry-icon [iconSvg]=\"item[bindIcon]\" [width]=\"iconSize[0]\" [height]=\"iconSize[1]\"></pry-icon>\n            }\n            @if (bindLabel ? item?.[bindLabel] : item; as value) {\n              {{ (i18nPrefix ? i18nPrefix : '') + value | i18n: { warn: false } }}\n            }\n          }\n        </div>\n      } @empty {\n        <div class=\"a-pry-select__options__option -hint\" [style.width.px]=\"modalWidth\">\n          <p>{{ '@pry.select.empty' | i18n }}</p>\n        </div>\n      }\n    }\n  </div>\n</ng-template>\n" }]
+                    ], template: "<div\n  class=\"a-pry-select\"\n  [attr.aria-disabled]=\"disabled\"\n  #selectElement\n  [class.-focused]=\"focused\"\n  (click)=\"handleClick()\"\n  role=\"combobox\"\n  [attr.aria-expanded]=\"open\"\n  [attr.aria-owns]=\"open ? modalId : null\"\n  aria-haspopup=\"listbox\"\n  tabindex=\"0\"\n  cdkMonitorElementFocus\n  (cdkFocusChange)=\"onFocusChange($event)\"\n  (keydown)=\"onKeydownSelect($event)\"\n>\n  <div class=\"a-pry-select__content\">\n    @if (autocomplete) {\n      <input\n        type=\"text\"\n        class=\"a-pry-select__search\"\n        [ngModel]=\"search$.getValue()\"\n        (ngModelChange)=\"search($event, true)\"\n        aria-autocomplete=\"list\"\n        [attr.aria-controls]=\"open ? modalId : null\"\n        [attr.aria-disabled]=\"disabled\"\n        [disabled]=\"disabled\"\n        (keydown)=\"onKeydownAutocompleteInput($event)\"\n        [placeholder]=\"placeholder ?? ''\"\n        #input\n      />\n    } @else if ((valueItems$ | async).length === 0) {\n      <span class=\"a-pry-select__placeholder\">{{ placeholder }}</span>\n      <div class=\"a-pry-select__filler\"></div>\n    } @else {\n      <ng-container *ngFor=\"let item of valueItems$ | async\">\n        <div\n          class=\"a-pry-select__value\"\n          [class.pry-select-form]=\"isForm\"\n          [class.-multiple]=\"multiple\"\n          [ngClass]=\"item ? item[bindClasses ?? ''] ?? {} : {}\"\n        >\n          @if (template) {\n            <ng-container [ngTemplateOutlet]=\"template\" [ngTemplateOutletContext]=\"{ item, clear }\"></ng-container>\n          } @else {\n            <pry-icon\n              *ngIf=\"bindIcon\"\n              [iconSvg]=\"item[bindIcon]\"\n              [width]=\"iconSize[0]\"\n              [height]=\"iconSize[1]\"\n            ></pry-icon>\n            @if (bindLabel ? item?.[bindLabel] : item; as value) {\n              {{ (i18nPrefix ?? '') + value | i18n: { warn: false } }}\n              <span\n                *ngIf=\"multiple && clearable\"\n                class=\"a-pry-select__clear\"\n                (click)=\"clear($event, item)\"\n                aria-hidden=\"true\"\n                >\u00D7</span\n              >\n            }\n          }\n        </div>\n      </ng-container>\n      <div class=\"a-pry-select__filler\"></div>\n    }\n  </div>\n  <div class=\"a-pry-select__actions\">\n    @if (clearable) {\n      <span class=\"a-pry-select__clear\" (click)=\"clearAll($event)\" aria-hidden=\"true\">\u00D7</span>\n    }\n    <pry-icon\n      class=\"a-pry-select__toggle\"\n      [iconSvg]=\"open ? 'chevron_top' : 'chevron_bottom'\"\n      [width]=\"iconSize[0]\"\n      [height]=\"iconSize[1]\"\n    ></pry-icon>\n  </div>\n</div>\n<ng-template #optionsModal>\n  <div\n    role=\"listbox\"\n    [attr.aria-label]=\"'@pry.select.label' | i18n\"\n    [id]=\"modalId\"\n    [attr.aria-activedescendant]=\"'select-option-' + activeDescendant\"\n    [attr.aria-multiselectable]=\"multiple\"\n    [attr.required]=\"required\"\n    [attr.aria-readonly]=\"disabled\"\n    cdkTrapFocus=\"!autocomplete\"\n    [cdkTrapFocusAutoCapture]=\"!autocomplete\"\n  >\n    @if (loading) {\n      <div class=\"a-pry-select__options__option -hint\" [style.width.px]=\"modalWidth\">\n        <div class=\"no-widget no-widget__loader\">\n          <pry-page-loader></pry-page-loader>\n        </div>\n        <p>{{ '@pry.select.loading' | i18n }}...</p>\n      </div>\n    } @else {\n      @for (item of matchingItems$ | async; track trackFn; let index = $index; let first = $first; let last = $last) {\n        <div\n          class=\"a-pry-select__options__option\"\n          [attr.aria-selected]=\"(valueItems$ | async).includes(item)\"\n          [attr.aria-checked]=\"(valueItems$ | async).includes(item)\"\n          [attr.aria-disabled]=\"disabled\"\n          (click)=\"select($event, item, index)\"\n          (keydown)=\"onKeydownOption($event, item, index, optionDivRef, first, last)\"\n          [style.width.px]=\"modalWidth\"\n          role=\"option\"\n          [id]=\"'select-option-' + index\"\n          tabindex=\"0\"\n          #optionDivRef\n        >\n          @if (template) {\n            <ng-container [ngTemplateOutlet]=\"template\" [ngTemplateOutletContext]=\"{ item, clear }\"></ng-container>\n          } @else {\n            @if (multiple) {\n              <pry-checkbox\n                (click)=\"$event.preventDefault()\"\n                [ngModel]=\"(valueItems$ | async).includes(item)\"\n              ></pry-checkbox>\n            }\n            @if (bindIcon) {\n              <pry-icon [iconSvg]=\"item[bindIcon]\" [width]=\"iconSize[0]\" [height]=\"iconSize[1]\"></pry-icon>\n            }\n            @if (bindLabel ? item?.[bindLabel] : item; as value) {\n              {{ (i18nPrefix ? i18nPrefix : '') + value | i18n: { warn: false } }}\n            }\n          }\n        </div>\n      } @empty {\n        <div class=\"a-pry-select__options__option -hint\" [style.width.px]=\"modalWidth\">\n          <p>{{ '@pry.select.empty' | i18n }}</p>\n        </div>\n      }\n    }\n  </div>\n</ng-template>\n" }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i2.Overlay }, { type: i0.ViewContainerRef }, { type: SelectA11yService }], propDecorators: { items: [{
                 type: Input
             }], clearable: [{
@@ -7334,8 +7336,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImpor
                 type: Input
             }], name: [{
                 type: Input
-            }], readonly: [{
-                type: Input
             }], autocomplete: [{
                 type: Input
             }], alwaysShowAutosuggestedValues: [{
@@ -7865,7 +7865,7 @@ class PryShareComponent {
                 useExisting: forwardRef(() => PryShareComponent),
                 multi: true
             }
-        ], ngImport: i0, template: "<div class=\"m-form-label-field\">\n  <label class=\"a-label\" for=\"share_type\">{{ '@pry.share.type' | i18n }}</label>\n  <pry-select\n    (ngModelChange)=\"onChange($event)\"\n    [items]=\"visibilityTypes\"\n    [ngModel]=\"stringValue\"\n    [disabled]=\"_disabled\"\n    i18nPrefix=\"@pry.share.radioLabel.\"\n    bindValue=\"name\"\n    bindLabel=\"name\"\n    bindIcon=\"icon\"\n    id=\"share_type\"\n    [iconSize]=\"[21, 18]\"\n  ></pry-select>\n</div>\n", dependencies: [{ kind: "directive", type: i3$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3$3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: PrySelectComponent, selector: "pry-select", inputs: ["items", "clearable", "multiple", "closeOnSelect", "placeholder", "isForm", "required", "name", "readonly", "autocomplete", "alwaysShowAutosuggestedValues", "externalAutocompleteService", "bindValue", "bindLabel", "iconSize", "bindIcon", "template", "i18nPrefix", "bindClasses", "loading", "elementRef"], outputs: ["searched", "cleared", "clicked"] }, { kind: "pipe", type: I18nPipe, name: "i18n" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+        ], ngImport: i0, template: "<div class=\"m-form-label-field\">\n  <label class=\"a-label\" for=\"share_type\">{{ '@pry.share.type' | i18n }}</label>\n  <pry-select\n    (ngModelChange)=\"onChange($event)\"\n    [items]=\"visibilityTypes\"\n    [ngModel]=\"stringValue\"\n    [disabled]=\"_disabled\"\n    i18nPrefix=\"@pry.share.radioLabel.\"\n    bindValue=\"name\"\n    bindLabel=\"name\"\n    bindIcon=\"icon\"\n    id=\"share_type\"\n    [iconSize]=\"[21, 18]\"\n  ></pry-select>\n</div>\n", dependencies: [{ kind: "directive", type: i3$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3$3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: 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: "pipe", type: I18nPipe, name: "i18n" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: PryShareComponent, decorators: [{
             type: Component,
@@ -7992,7 +7992,7 @@ class PryAccessRightsShareComponent extends SubscriptionnerDirective {
                 useExisting: forwardRef(() => PryAccessRightsShareComponent),
                 multi: true
             }
-        ], usesInheritance: true, ngImport: i0, template: "<div class=\"o-access-rights-share\">\n  <label for=\"share-group-select\" class=\"a-h4\">{{ '@pry.share.dashboardAccess' | i18n }}</label>\n  <form class=\"u-display-flex\">\n    <fieldset class=\"m-grouped-select u-display-flex\" name=\"add-access-rights\">\n      <legend class=\"u-visually-hidden\">{{ '@pry.share.shareAccessRights' | i18n }}</legend>\n      <pry-select\n        id=\"share-group-select\"\n        class=\"o-access-rights-share__group-select\"\n        name=\"share-group-select\"\n        [(ngModel)]=\"selectedGroups\"\n        (ngModelChange)=\"filterAvailableAccessRights()\"\n        [items]=\"groups$ | async\"\n        bindLabel=\"label\"\n        placeholder=\"{{ ((groups$ | async)?.length === 0 ? '@pry.share.noGroups' : '@pry.share.placeholder') | i18n }}\"\n        [multiple]=\"true\"\n        [closeOnSelect]=\"false\"\n      ></pry-select>\n      <pry-select\n        id=\"share-access-rights-select\"\n        class=\"o-access-rights-share__access-rights-select\"\n        name=\"share-access-rights-select\"\n        [(ngModel)]=\"selectedAccessRight\"\n        [items]=\"accessRights\"\n        bindValue=\"value\"\n        bindLabel=\"label\"\n      ></pry-select>\n    </fieldset>\n    <button type=\"button\" class=\"a-btn a-btn--primary\" (click)=\"addAccess()\" [disabled]=\"isAddingDisabled()\">\n      {{ '@pry.action.add' | i18n }}\n    </button>\n  </form>\n  <label for=\"share-access-rights-select\" class=\"a-label\">{{ '@pry.share.accessDescription' | i18n }}</label>\n  <div class=\"o-access-rights-share__groups\">\n    @if (manifestDescription?.owner) {\n      <div class=\"o-access-rights-share__group u-display-flex -justify-space-between -align-center\">\n        <span class=\"o-access-rights-share__group-name a-h4\">{{ '@pry.share.me' | i18n }}</span>\n        <span class=\"o-access-rights-share__owner\">{{ '@pry.share.owner' | i18n }}</span>\n      </div>\n    }\n    @for (group of value | keyvalue; track group.key) {\n      <div class=\"o-access-rights-share__group u-display-flex -justify-space-between -align-center\">\n        <label class=\"o-access-rights-share__group-name a-h4\" for=\"modify-{{ group.key }}-access-rights-select\">\n          {{ getGroupLabelByName(group.key, i18n) }}\n          {{\n            (userBelongsToGroup(group.key) | async) && group.key !== PUBLIC_GROUP\n              ? ' (' + ('@pry.share.me' | i18n) + ')'\n              : ''\n          }}\n        </label>\n        <div class=\"u-display-flex -align-center\">\n          @if (group.key === PUBLIC_GROUP || group.key === AUTHENTICATED_USERS_GROUP) {\n            <span class=\"o-access-rights-share__access-rights\">{{ '@pry.share.read' | i18n }}</span>\n          } @else {\n            <pry-select\n              id=\"modify-{{ group.key }}-access-rights-select\"\n              class=\"o-access-rights-share__modify-access-rights\"\n              name=\"modify-group-access-rights-select\"\n              [(ngModel)]=\"group.value\"\n              (ngModelChange)=\"modifyGroupAccess(group.key, group.value)\"\n              [items]=\"accessRights\"\n              bindValue=\"value\"\n              bindLabel=\"label\"\n            ></pry-select>\n          }\n          <button\n            type=\"button\"\n            class=\"a-btn a-btn--icon-only a-tooltip\"\n            [attr.data-tooltip]=\"'@pry.action.delete' | i18n\"\n            (click)=\"removeGroupAccess(group.key)\"\n            (keydown.enter)=\"removeGroupAccess(group.key)\"\n          >\n            <pry-icon iconSvg=\"close\" [height]=\"15\" [width]=\"15\"></pry-icon>\n          </button>\n        </div>\n      </div>\n    }\n  </div>\n</div>\n", dependencies: [{ kind: "directive", type: i3$3.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i3$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3$3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i3$3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i3$3.NgForm, selector: "form:not([ngNoForm]):not([formGroup]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: PrySelectComponent, selector: "pry-select", inputs: ["items", "clearable", "multiple", "closeOnSelect", "placeholder", "isForm", "required", "name", "readonly", "autocomplete", "alwaysShowAutosuggestedValues", "externalAutocompleteService", "bindValue", "bindLabel", "iconSize", "bindIcon", "template", "i18nPrefix", "bindClasses", "loading", "elementRef"], outputs: ["searched", "cleared", "clicked"] }, { kind: "component", type: PryIconComponent, selector: "pry-icon", inputs: ["color", "iconSvg", "animation", "iconImage", "alt", "width", "height", "classes"] }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }, { kind: "pipe", type: i1$1.KeyValuePipe, name: "keyvalue" }, { kind: "pipe", type: I18nPipe, name: "i18n" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+        ], usesInheritance: true, ngImport: i0, template: "<div class=\"o-access-rights-share\">\n  <label for=\"share-group-select\" class=\"a-h4\">{{ '@pry.share.dashboardAccess' | i18n }}</label>\n  <form class=\"u-display-flex\">\n    <fieldset class=\"m-grouped-select u-display-flex\" name=\"add-access-rights\">\n      <legend class=\"u-visually-hidden\">{{ '@pry.share.shareAccessRights' | i18n }}</legend>\n      <pry-select\n        id=\"share-group-select\"\n        class=\"o-access-rights-share__group-select\"\n        name=\"share-group-select\"\n        [(ngModel)]=\"selectedGroups\"\n        (ngModelChange)=\"filterAvailableAccessRights()\"\n        [items]=\"groups$ | async\"\n        bindLabel=\"label\"\n        placeholder=\"{{ ((groups$ | async)?.length === 0 ? '@pry.share.noGroups' : '@pry.share.placeholder') | i18n }}\"\n        [multiple]=\"true\"\n        [closeOnSelect]=\"false\"\n      ></pry-select>\n      <pry-select\n        id=\"share-access-rights-select\"\n        class=\"o-access-rights-share__access-rights-select\"\n        name=\"share-access-rights-select\"\n        [(ngModel)]=\"selectedAccessRight\"\n        [items]=\"accessRights\"\n        bindValue=\"value\"\n        bindLabel=\"label\"\n      ></pry-select>\n    </fieldset>\n    <button type=\"button\" class=\"a-btn a-btn--primary\" (click)=\"addAccess()\" [disabled]=\"isAddingDisabled()\">\n      {{ '@pry.action.add' | i18n }}\n    </button>\n  </form>\n  <label for=\"share-access-rights-select\" class=\"a-label\">{{ '@pry.share.accessDescription' | i18n }}</label>\n  <div class=\"o-access-rights-share__groups\">\n    @if (manifestDescription?.owner) {\n      <div class=\"o-access-rights-share__group u-display-flex -justify-space-between -align-center\">\n        <span class=\"o-access-rights-share__group-name a-h4\">{{ '@pry.share.me' | i18n }}</span>\n        <span class=\"o-access-rights-share__owner\">{{ '@pry.share.owner' | i18n }}</span>\n      </div>\n    }\n    @for (group of value | keyvalue; track group.key) {\n      <div class=\"o-access-rights-share__group u-display-flex -justify-space-between -align-center\">\n        <label class=\"o-access-rights-share__group-name a-h4\" for=\"modify-{{ group.key }}-access-rights-select\">\n          {{ getGroupLabelByName(group.key, i18n) }}\n          {{\n            (userBelongsToGroup(group.key) | async) && group.key !== PUBLIC_GROUP\n              ? ' (' + ('@pry.share.me' | i18n) + ')'\n              : ''\n          }}\n        </label>\n        <div class=\"u-display-flex -align-center\">\n          @if (group.key === PUBLIC_GROUP || group.key === AUTHENTICATED_USERS_GROUP) {\n            <span class=\"o-access-rights-share__access-rights\">{{ '@pry.share.read' | i18n }}</span>\n          } @else {\n            <pry-select\n              id=\"modify-{{ group.key }}-access-rights-select\"\n              class=\"o-access-rights-share__modify-access-rights\"\n              name=\"modify-group-access-rights-select\"\n              [(ngModel)]=\"group.value\"\n              (ngModelChange)=\"modifyGroupAccess(group.key, group.value)\"\n              [items]=\"accessRights\"\n              bindValue=\"value\"\n              bindLabel=\"label\"\n            ></pry-select>\n          }\n          <button\n            type=\"button\"\n            class=\"a-btn a-btn--icon-only a-tooltip\"\n            [attr.data-tooltip]=\"'@pry.action.delete' | i18n\"\n            (click)=\"removeGroupAccess(group.key)\"\n            (keydown.enter)=\"removeGroupAccess(group.key)\"\n          >\n            <pry-icon iconSvg=\"close\" [height]=\"15\" [width]=\"15\"></pry-icon>\n          </button>\n        </div>\n      </div>\n    }\n  </div>\n</div>\n", dependencies: [{ kind: "directive", type: i3$3.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i3$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3$3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i3$3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i3$3.NgForm, selector: "form:not([ngNoForm]):not([formGroup]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: 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: PryIconComponent, selector: "pry-icon", inputs: ["color", "iconSvg", "animation", "iconImage", "alt", "width", "height", "classes"] }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }, { kind: "pipe", type: i1$1.KeyValuePipe, name: "keyvalue" }, { kind: "pipe", type: I18nPipe, name: "i18n" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: PryAccessRightsShareComponent, decorators: [{
             type: Component,
@@ -9089,7 +9089,7 @@ class PryObjectEditionComponent extends SubscriptionnerDirective {
         this.inversion = !this.inversion;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: PryObjectEditionComponent, deps: [{ token: i2.Overlay }, { token: i0.ViewContainerRef }, { token: i1.Store }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.3", type: PryObjectEditionComponent, selector: "pry-object-creation", inputs: { link: "link", object: "object", menu: "menu" }, outputs: { closed: "closed" }, viewQueries: [{ propertyName: "template", first: true, predicate: ["template"], descendants: true, read: TemplateRef }], usesInheritance: true, ngImport: i0, template: "<button type=\"button\" class=\"a-btn -link-like\" (click)=\"openCreateObjectPanel($event)\" *ngIf=\"menu\">\n  {{ '@pry.context.createObject.title.' + (link && object ? 'linkedObject' : link ? 'link' : 'object') | i18n }}\n</button>\n<button\n  id=\"object_creator_link\"\n  type=\"button\"\n  (click)=\"openCreateObjectPanel($event)\"\n  *ngIf=\"!menu\"\n  class=\"a-btn a-btn--secondary -circle u-floating u-floating--bottom-right\"\n  [title]=\"'@pry.context.createObject.title.object' | i18n\"\n>\n  <span class=\"u-visually-hidden\">{{ '@pry.context.createObject.title.object' | i18n }}</span>\n  <pry-icon iconSvg=\"add_column\" [width]=\"24\" [height]=\"24\" aria-hidden=\"true\"></pry-icon>\n</button>\n\n<ng-template #template>\n  <div class=\"o-settings__popup\">\n    <div class=\"o-settings__popup__content\">\n      <ng-container *ngIf=\"link\">\n        <div class=\"m-form-label-field\">\n          <label class=\"a-label\" for=\"createobject_link\">{{ '@pry.context.createObject.title.link' | i18n }}</label>\n          <pry-select\n            [(ngModel)]=\"relation.typeId\"\n            [items]=\"relations$ | async\"\n            bindLabel=\"label\"\n            bindValue=\"id\"\n            id=\"createobject_link\"\n          ></pry-select>\n        </div>\n        <div class=\"m-form-label-field\">\n          <label class=\"a-label\" for=\"createobject_inversion\">{{\n            '@pry.context.createObject.title.inversion' | i18n\n          }}</label>\n          <pry-checkbox\n            id=\"createobject_inversion\"\n            [ngModel]=\"inversion\"\n            (ngModelChange)=\"toggleInversion()\"\n          ></pry-checkbox>\n        </div>\n      </ng-container>\n\n      <div class=\"o-object-panel\" *ngIf=\"object\">\n        <div class=\"m-form-label-field\">\n          <label class=\"a-label\" for=\"createobject_class\">{{ '@pry.context.createObject.class' | i18n }}</label>\n          <pry-select\n            [ngModel]=\"tmpObject.oClass\"\n            (ngModelChange)=\"changeClass($event)\"\n            [items]=\"classes\"\n            bindValue=\"id\"\n            bindLabel=\"name\"\n            id=\"createobject_class\"\n          ></pry-select>\n        </div>\n\n        <ng-container *ngFor=\"let attribute of attributes\" [class.multi-value]=\"attribute.multiValued\">\n          <div class=\"m-form-label-field\">\n            <label class=\"a-label\">{{ attribute.name }}</label>\n            <ng-container *ngIf=\"!attribute.multiValued\">\n              <ng-container [ngSwitch]=\"fieldType(attribute)\">\n                <ng-container *ngSwitchCase=\"FieldType.INSTANT\">\n                  <div class=\"a-date-input\" tabindex=\"-1\" (blur)=\"closeDatePicker($event)\">\n                    <input\n                      type=\"datetime-local\"\n                      class=\"a-form-field\"\n                      [ngModel]=\"value(attribute)\"\n                      (ngModelChange)=\"assignValue(attribute, $event)\"\n                    />\n                    <div class=\"a-open-date-picker\" (mousedown)=\"toggleDatePicker($event, attribute.id)\"></div>\n                    <div class=\"date-picker-container\" *ngIf=\"selectedDatePicker === attribute.id\">\n                      <pry-date-picker\n                        [ngModel]=\"value(attribute)\"\n                        (ngModelChange)=\"assignValue(attribute, $event)\"\n                        [roundSelection]=\"true\"\n                        [timePicker]=\"true\"\n                      ></pry-date-picker>\n                    </div>\n                  </div>\n                </ng-container>\n                <ng-container *ngSwitchCase=\"FieldType.DECIMAL\">\n                  <input\n                    type=\"number\"\n                    step=\"any\"\n                    class=\"a-form-field\"\n                    [ngModel]=\"value(attribute)\"\n                    (ngModelChange)=\"assignValue(attribute, $event)\"\n                  />\n                </ng-container>\n                <ng-container *ngSwitchCase=\"FieldType.INTEGER\">\n                  <input\n                    type=\"number\"\n                    class=\"a-form-field\"\n                    [ngModel]=\"value(attribute)\"\n                    (ngModelChange)=\"assignValue(attribute, $event)\"\n                  />\n                </ng-container>\n                <ng-container *ngSwitchDefault>\n                  <input\n                    type=\"text\"\n                    class=\"a-form-field\"\n                    [ngModel]=\"value(attribute)\"\n                    (ngModelChange)=\"assignValue(attribute, $event)\"\n                  />\n                </ng-container>\n                <ng-container *ngSwitchCase=\"FieldType.RAW\">\n                  <pry-select\n                    [ngModel]=\"method\"\n                    (ngModelChange)=\"setRawMethod(attribute, $event)\"\n                    [items]=\"rawMethods\"\n                    bindValue=\"id\"\n                    bindLabel=\"name\"\n                  ></pry-select>\n                  <input\n                    type=\"text\"\n                    class=\"a-form-field\"\n                    *ngIf=\"method === HTTP_ORIGIN_METHOD\"\n                    [ngModel]=\"valueMetadata(attribute, HTTP_ORIGIN_METADATA)\"\n                    (ngModelChange)=\"assignMetadata(attribute, $event, HTTP_ORIGIN_METADATA)\"\n                  />\n                  <ng-container *ngIf=\"method === UPLOAD_METHOD\">\n                    <pry-upload\n                      mode=\"doc\"\n                      accept=\"image/*,video/*\"\n                      (uploaded)=\"assignValue(attribute, $event)\"\n                    ></pry-upload>\n                  </ng-container>\n                </ng-container>\n              </ng-container>\n            </ng-container>\n          </div>\n\n          <div class=\"multi-value-container\" *ngIf=\"attribute.multiValued\">\n            <button\n              class=\"button-add a-btn a-btn--secondary a-btn--icon-text -size-sm\"\n              (click)=\"addMultiValued(attribute)\"\n            >\n              <pry-icon iconSvg=\"add\"></pry-icon>\n              <span>{{ '@pry.context.createObject.addMultiField' | i18n : { name: attribute.name } }}</span>\n            </button>\n            <div class=\"multi-value\" *ngFor=\"let multiValue of multiValues(attribute); let i = index\">\n              <ng-container [ngSwitch]=\"fieldType(attribute)\">\n                <ng-container *ngSwitchCase=\"FieldType.INSTANT\">\n                  <input\n                    type=\"datetime-local\"\n                    [ngModel]=\"valueMulti(attribute, i)\"\n                    (focusout)=\"assignValueMulti(attribute, $event, i)\"\n                  />\n                </ng-container>\n                <ng-container *ngSwitchCase=\"FieldType.DECIMAL\">\n                  <input\n                    type=\"number\"\n                    step=\"any\"\n                    [ngModel]=\"valueMulti(attribute, i)\"\n                    (ngModelChange)=\"assignValueMulti(attribute, $event, i)\"\n                  />\n                </ng-container>\n                <ng-container *ngSwitchCase=\"FieldType.INTEGER\">\n                  <input\n                    type=\"number\"\n                    [ngModel]=\"valueMulti(attribute, i)\"\n                    (ngModelChange)=\"assignValueMulti(attribute, $event, i)\"\n                  />\n                </ng-container>\n                <ng-container *ngSwitchDefault>\n                  <input\n                    type=\"text\"\n                    [ngModel]=\"valueMulti(attribute, i)\"\n                    (ngModelChange)=\"assignValueMulti(attribute, $event, i)\"\n                  />\n                </ng-container>\n                <button (click)=\"removeMultiValued(attribute, i)\">\n                  <pry-icon iconSvg=\"delete\"></pry-icon>\n                </button>\n              </ng-container>\n            </div>\n          </div>\n        </ng-container>\n      </div>\n    </div>\n    <div class=\"m-btn-group\">\n      <button type=\"button\" class=\"a-btn a-btn--secondary\" (click)=\"hide()\">\n        {{ '@pry.context.cancel' | i18n }}\n      </button>\n      <button type=\"button\" class=\"a-btn a-btn--primary\" (click)=\"createObjects()\" [disabled]=\"!valid\">\n        {{ '@pry.context.create' | i18n }}\n      </button>\n    </div>\n  </div>\n</ng-template>\n", dependencies: [{ kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1$1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i1$1.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { kind: "directive", type: i3$3.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i3$3.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { kind: "directive", type: i3$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3$3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: PrySelectComponent, selector: "pry-select", inputs: ["items", "clearable", "multiple", "closeOnSelect", "placeholder", "isForm", "required", "name", "readonly", "autocomplete", "alwaysShowAutosuggestedValues", "externalAutocompleteService", "bindValue", "bindLabel", "iconSize", "bindIcon", "template", "i18nPrefix", "bindClasses", "loading", "elementRef"], outputs: ["searched", "cleared", "clicked"] }, { kind: "component", type: PryIconComponent, selector: "pry-icon", inputs: ["color", "iconSvg", "animation", "iconImage", "alt", "width", "height", "classes"] }, { kind: "component", type: PryUploadComponent, selector: "pry-upload", inputs: ["mode", "accept", "labelTranslate"], outputs: ["uploaded", "uploadedFile"] }, { kind: "component", type: i7.PryCheckboxComponent, selector: "pry-checkbox", inputs: ["circle", "name", "inputId", "inhibit"] }, { kind: "component", type: PryDatePickerComponent, selector: "pry-date-picker", inputs: ["rangePicker", "timePicker", "maxYear", "minYear", "roundSelection"] }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }, { kind: "pipe", type: I18nPipe, name: "i18n" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.3", type: PryObjectEditionComponent, selector: "pry-object-creation", inputs: { link: "link", object: "object", menu: "menu" }, outputs: { closed: "closed" }, viewQueries: [{ propertyName: "template", first: true, predicate: ["template"], descendants: true, read: TemplateRef }], usesInheritance: true, ngImport: i0, template: "<button type=\"button\" class=\"a-btn -link-like\" (click)=\"openCreateObjectPanel($event)\" *ngIf=\"menu\">\n  {{ '@pry.context.createObject.title.' + (link && object ? 'linkedObject' : link ? 'link' : 'object') | i18n }}\n</button>\n<button\n  id=\"object_creator_link\"\n  type=\"button\"\n  (click)=\"openCreateObjectPanel($event)\"\n  *ngIf=\"!menu\"\n  class=\"a-btn a-btn--secondary -circle u-floating u-floating--bottom-right\"\n  [title]=\"'@pry.context.createObject.title.object' | i18n\"\n>\n  <span class=\"u-visually-hidden\">{{ '@pry.context.createObject.title.object' | i18n }}</span>\n  <pry-icon iconSvg=\"add_column\" [width]=\"24\" [height]=\"24\" aria-hidden=\"true\"></pry-icon>\n</button>\n\n<ng-template #template>\n  <div class=\"o-settings__popup\">\n    <div class=\"o-settings__popup__content\">\n      <ng-container *ngIf=\"link\">\n        <div class=\"m-form-label-field\">\n          <label class=\"a-label\" for=\"createobject_link\">{{ '@pry.context.createObject.title.link' | i18n }}</label>\n          <pry-select\n            [(ngModel)]=\"relation.typeId\"\n            [items]=\"relations$ | async\"\n            bindLabel=\"label\"\n            bindValue=\"id\"\n            id=\"createobject_link\"\n          ></pry-select>\n        </div>\n        <div class=\"m-form-label-field\">\n          <label class=\"a-label\" for=\"createobject_inversion\">{{\n            '@pry.context.createObject.title.inversion' | i18n\n          }}</label>\n          <pry-checkbox\n            id=\"createobject_inversion\"\n            [ngModel]=\"inversion\"\n            (ngModelChange)=\"toggleInversion()\"\n          ></pry-checkbox>\n        </div>\n      </ng-container>\n\n      <div class=\"o-object-panel\" *ngIf=\"object\">\n        <div class=\"m-form-label-field\">\n          <label class=\"a-label\" for=\"createobject_class\">{{ '@pry.context.createObject.class' | i18n }}</label>\n          <pry-select\n            [ngModel]=\"tmpObject.oClass\"\n            (ngModelChange)=\"changeClass($event)\"\n            [items]=\"classes\"\n            bindValue=\"id\"\n            bindLabel=\"name\"\n            id=\"createobject_class\"\n          ></pry-select>\n        </div>\n\n        <ng-container *ngFor=\"let attribute of attributes\" [class.multi-value]=\"attribute.multiValued\">\n          <div class=\"m-form-label-field\">\n            <label class=\"a-label\">{{ attribute.name }}</label>\n            <ng-container *ngIf=\"!attribute.multiValued\">\n              <ng-container [ngSwitch]=\"fieldType(attribute)\">\n                <ng-container *ngSwitchCase=\"FieldType.INSTANT\">\n                  <div class=\"a-date-input\" tabindex=\"-1\" (blur)=\"closeDatePicker($event)\">\n                    <input\n                      type=\"datetime-local\"\n                      class=\"a-form-field\"\n                      [ngModel]=\"value(attribute)\"\n                      (ngModelChange)=\"assignValue(attribute, $event)\"\n                    />\n                    <div class=\"a-open-date-picker\" (mousedown)=\"toggleDatePicker($event, attribute.id)\"></div>\n                    <div class=\"date-picker-container\" *ngIf=\"selectedDatePicker === attribute.id\">\n                      <pry-date-picker\n                        [ngModel]=\"value(attribute)\"\n                        (ngModelChange)=\"assignValue(attribute, $event)\"\n                        [roundSelection]=\"true\"\n                        [timePicker]=\"true\"\n                      ></pry-date-picker>\n                    </div>\n                  </div>\n                </ng-container>\n                <ng-container *ngSwitchCase=\"FieldType.DECIMAL\">\n                  <input\n                    type=\"number\"\n                    step=\"any\"\n                    class=\"a-form-field\"\n                    [ngModel]=\"value(attribute)\"\n                    (ngModelChange)=\"assignValue(attribute, $event)\"\n                  />\n                </ng-container>\n                <ng-container *ngSwitchCase=\"FieldType.INTEGER\">\n                  <input\n                    type=\"number\"\n                    class=\"a-form-field\"\n                    [ngModel]=\"value(attribute)\"\n                    (ngModelChange)=\"assignValue(attribute, $event)\"\n                  />\n                </ng-container>\n                <ng-container *ngSwitchDefault>\n                  <input\n                    type=\"text\"\n                    class=\"a-form-field\"\n                    [ngModel]=\"value(attribute)\"\n                    (ngModelChange)=\"assignValue(attribute, $event)\"\n                  />\n                </ng-container>\n                <ng-container *ngSwitchCase=\"FieldType.RAW\">\n                  <pry-select\n                    [ngModel]=\"method\"\n                    (ngModelChange)=\"setRawMethod(attribute, $event)\"\n                    [items]=\"rawMethods\"\n                    bindValue=\"id\"\n                    bindLabel=\"name\"\n                  ></pry-select>\n                  <input\n                    type=\"text\"\n                    class=\"a-form-field\"\n                    *ngIf=\"method === HTTP_ORIGIN_METHOD\"\n                    [ngModel]=\"valueMetadata(attribute, HTTP_ORIGIN_METADATA)\"\n                    (ngModelChange)=\"assignMetadata(attribute, $event, HTTP_ORIGIN_METADATA)\"\n                  />\n                  <ng-container *ngIf=\"method === UPLOAD_METHOD\">\n                    <pry-upload\n                      mode=\"doc\"\n                      accept=\"image/*,video/*\"\n                      (uploaded)=\"assignValue(attribute, $event)\"\n                    ></pry-upload>\n                  </ng-container>\n                </ng-container>\n              </ng-container>\n            </ng-container>\n          </div>\n\n          <div class=\"multi-value-container\" *ngIf=\"attribute.multiValued\">\n            <button\n              class=\"button-add a-btn a-btn--secondary a-btn--icon-text -size-sm\"\n              (click)=\"addMultiValued(attribute)\"\n            >\n              <pry-icon iconSvg=\"add\"></pry-icon>\n              <span>{{ '@pry.context.createObject.addMultiField' | i18n : { name: attribute.name } }}</span>\n            </button>\n            <div class=\"multi-value\" *ngFor=\"let multiValue of multiValues(attribute); let i = index\">\n              <ng-container [ngSwitch]=\"fieldType(attribute)\">\n                <ng-container *ngSwitchCase=\"FieldType.INSTANT\">\n                  <input\n                    type=\"datetime-local\"\n                    [ngModel]=\"valueMulti(attribute, i)\"\n                    (focusout)=\"assignValueMulti(attribute, $event, i)\"\n                  />\n                </ng-container>\n                <ng-container *ngSwitchCase=\"FieldType.DECIMAL\">\n                  <input\n                    type=\"number\"\n                    step=\"any\"\n                    [ngModel]=\"valueMulti(attribute, i)\"\n                    (ngModelChange)=\"assignValueMulti(attribute, $event, i)\"\n                  />\n                </ng-container>\n                <ng-container *ngSwitchCase=\"FieldType.INTEGER\">\n                  <input\n                    type=\"number\"\n                    [ngModel]=\"valueMulti(attribute, i)\"\n                    (ngModelChange)=\"assignValueMulti(attribute, $event, i)\"\n                  />\n                </ng-container>\n                <ng-container *ngSwitchDefault>\n                  <input\n                    type=\"text\"\n                    [ngModel]=\"valueMulti(attribute, i)\"\n                    (ngModelChange)=\"assignValueMulti(attribute, $event, i)\"\n                  />\n                </ng-container>\n                <button (click)=\"removeMultiValued(attribute, i)\">\n                  <pry-icon iconSvg=\"delete\"></pry-icon>\n                </button>\n              </ng-container>\n            </div>\n          </div>\n        </ng-container>\n      </div>\n    </div>\n    <div class=\"m-btn-group\">\n      <button type=\"button\" class=\"a-btn a-btn--secondary\" (click)=\"hide()\">\n        {{ '@pry.context.cancel' | i18n }}\n      </button>\n      <button type=\"button\" class=\"a-btn a-btn--primary\" (click)=\"createObjects()\" [disabled]=\"!valid\">\n        {{ '@pry.context.create' | i18n }}\n      </button>\n    </div>\n  </div>\n</ng-template>\n", dependencies: [{ kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1$1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i1$1.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { kind: "directive", type: i3$3.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i3$3.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { kind: "directive", type: i3$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3$3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: 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: PryIconComponent, selector: "pry-icon", inputs: ["color", "iconSvg", "animation", "iconImage", "alt", "width", "height", "classes"] }, { kind: "component", type: PryUploadComponent, selector: "pry-upload", inputs: ["mode", "accept", "labelTranslate"], outputs: ["uploaded", "uploadedFile"] }, { kind: "component", type: i7.PryCheckboxComponent, selector: "pry-checkbox", inputs: ["circle", "name", "inputId", "inhibit"] }, { kind: "component", type: PryDatePickerComponent, selector: "pry-date-picker", inputs: ["rangePicker", "timePicker", "maxYear", "minYear", "roundSelection"] }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }, { kind: "pipe", type: I18nPipe, name: "i18n" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: PryObjectEditionComponent, decorators: [{
             type: Component,
@@ -9232,11 +9232,12 @@ class DashboardComponent extends SubscriptionnerDirective {
     set forceModeEdition(mode) {
         this.forceModeEdition$.next(mode);
     }
-    constructor(store, overlay, viewContainerRef) {
+    constructor(store, overlay, viewContainerRef, widgetFactoryService) {
         super();
         this.store = store;
         this.overlay = overlay;
         this.viewContainerRef = viewContainerRef;
+        this.widgetFactoryService = widgetFactoryService;
         this.manifest = null;
         this.modeEdition = false;
         this.staticDashboard$ = new BehaviorSubject(null);
@@ -9312,12 +9313,9 @@ class DashboardComponent extends SubscriptionnerDirective {
         this.nonFillerWidgets$ = this.windowManifest$.pipe(map$1((wManifest) => (wManifest.widgets ?? []).filter((w) => w.type !== 'filler').length));
         this.subscriptions.add(this.staticDashboard$.subscribe((manifest) => {
             if (!!manifest) {
-                const getDataActions = [
-                    ...new Set((manifest.widgets ?? [])
-                        .reduce((p, c) => [...p, c], [])
-                        .map((widManifest) => widManifest.datasource))
-                ].reduce((p, c) => [...p, ...(Array.isArray(c) ? c : [c])], []).map((resultSet) => DashboardActions.assertResultSets({ id: resultSet }));
-                getDataActions.forEach((action) => this.store.dispatch(action));
+                this.store.dispatch(DashboardActions.assertResultSets({
+                    staticManifest: manifest
+                }));
             }
         }));
         this.subscriptions.add(combineLatest([this.windowManifest$, this.store.select(DataSourceSelectors.getDataSources)]).subscribe(([manifest, datasets]) => {
@@ -9764,13 +9762,13 @@ class DashboardComponent extends SubscriptionnerDirective {
             }
         }));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: DashboardComponent, deps: [{ token: i1.Store }, { token: i2.Overlay }, { token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: DashboardComponent, deps: [{ token: i1.Store }, { token: i2.Overlay }, { token: i0.ViewContainerRef }, { token: WidgetFactoryService }], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.3", type: DashboardComponent, selector: "pry-dashboard", inputs: { staticDashboard: "staticDashboard", forceModeEdition: "forceModeEdition", CloseOnDragOut: "CloseOnDragOut", displayOptions: "displayOptions", noBackground: "noBackground", breakpoint: "breakpoint" }, outputs: { rowHeight: "rowHeight", rows: "rows" }, viewQueries: [{ propertyName: "templateModal", first: true, predicate: ["templateModal"], descendants: true, read: TemplateRef }, { propertyName: "gridRef", first: true, predicate: ["grid"], descendants: true }, { propertyName: "instanciators", predicate: WidgetInstanciatorComponent, descendants: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"o-dashboard-edit\" [class.-edit]=\"modeEdition$ | async\">\n  <div class=\"o-dashboard-add -rows\">\n    <button (click)=\"changeSize('rows', -1)\">\n      <pry-icon iconSvg=\"remove\" [width]=\"12\" [height]=\"12\"></pry-icon>\n    </button>\n    <button (click)=\"changeSize('rows', +1)\">\n      <pry-icon iconSvg=\"add\" [width]=\"12\" [height]=\"12\"></pry-icon>\n    </button>\n    <p>{{ '@pry.grid.rows' | i18n }}</p>\n  </div>\n  <div class=\"o-dashboard-add -cols\">\n    <p>{{ '@pry.grid.columns' | i18n }}</p>\n    <button (click)=\"changeSize('columns', -1)\">\n      <pry-icon iconSvg=\"remove\" [width]=\"12\" [height]=\"12\"></pry-icon>\n    </button>\n    <button (click)=\"changeSize('columns', +1)\">\n      <pry-icon iconSvg=\"add\" [width]=\"12\" [height]=\"12\"></pry-icon>\n    </button>\n  </div>\n  <div\n    class=\"o-dashboard-grid\"\n    [style.gridTemplateColumns]=\"gridTemplateColumns$ | async\"\n    [style.gridTemplateRows]=\"gridTemplateRows$ | async\"\n    [style.gridGap]=\"dashboardParams.gridGap + 'px'\"\n    #grid\n    (mousemove)=\"movingMouse($event)\"\n    (drop)=\"dropping($event)\"\n    (dragover)=\"dragMove($event)\"\n    (dragleave)=\"dragLeave($event)\"\n    (dragenter)=\"dragEnter($event)\"\n  >\n    <ng-container\n      *ngFor=\"\n        let widgetManifest of (windowManifest$ | async)?.widgets || [];\n        let widgetIndex = index;\n        trackBy: trackWidgets\n      \"\n    >\n      <div\n        class=\"o-dashboard-widget\"\n        [class.-edited]=\"modeEdition\"\n        [style.gridColumn]=\"gridColumn(widgetManifest.layout)\"\n        [style.gridRow]=\"gridRow(widgetManifest.layout)\"\n        (drop)=\"droppingInWidget($event, widgetIndex)\"\n      >\n        <ng-container *ngIf=\"modeEdition\">\n          <div class=\"resize nw-resize\" (mousedown)=\"startResize($event, widgetIndex, 'resize-nw')\">\n            <pry-icon iconSvg=\"north_west\" [animation]=\"false\"></pry-icon>\n          </div>\n          <div class=\"resize sw-resize\" (mousedown)=\"startResize($event, widgetIndex, 'resize-sw')\">\n            <pry-icon iconSvg=\"south_west\" [animation]=\"false\"></pry-icon>\n          </div>\n          <div class=\"resize ne-resize\" (mousedown)=\"startResize($event, widgetIndex, 'resize-ne')\">\n            <pry-icon iconSvg=\"north_east\" [animation]=\"false\"></pry-icon>\n          </div>\n          <div class=\"resize se-resize\" (mousedown)=\"startResize($event, widgetIndex, 'resize-se')\">\n            <pry-icon iconSvg=\"south_east\" [animation]=\"false\"></pry-icon>\n          </div>\n          <div class=\"resize delete\" (mousedown)=\"toggleRemoveConfirm($event, widgetIndex)\">\n            <pry-icon iconSvg=\"close\" [animation]=\"false\"></pry-icon>\n          </div>\n          <div class=\"move\" draggable=\"true\" (dragstart)=\"dragStart($event, widgetIndex)\">\n            <div class=\"move-inside move-{{ widgetManifest.type }}\">\n              <span>{{ widgetManifest.title ?? ('@pry.toolbox.' + widgetManifest.type | i18n) }}</span>\n            </div>\n          </div>\n        </ng-container>\n        <ng-container *ngIf=\"!modeEdition\">\n          <pry-widget-instanciator\n            [staticManifest]=\"widgetManifest\"\n            [widgetIndex]=\"widgetIndex\"\n          ></pry-widget-instanciator>\n        </ng-container>\n      </div>\n    </ng-container>\n\n    <ng-container *ngIf=\"!noBackground\">\n      <ng-container\n        *ngIf=\"{\n          noWidgets: (nonFillerWidgets$ | async) === 0,\n          globalLoading: loading$ | async,\n          fetchLoading: (dataFetching$ | async)?.length ?? 1 > 0\n        } as data\"\n      >\n        <ng-container *ngIf=\"data.noWidgets\">\n          <div\n            *ngIf=\"data.globalLoading; else notLoading\"\n            class=\"no-widget\"\n            [style.grid-area]=\"backgroundArea$ | async\"\n          >\n            <pry-page-loader></pry-page-loader>\n            <span class=\"no-widget__text\">{{ '@pry.widget.target.loading' | i18n }}...</span>\n          </div>\n          <ng-template #notLoading>\n            <div class=\"no-widget\" [style.grid-area]=\"backgroundArea$ | async\">\n              <img\n                class=\"no-widget__search\"\n                src=\"../../../assets/svgs/pry_recherche.svg\"\n                alt=\"{{\n                  (layout === DashboardGridLayout.MANUAL\n                    ? '@pry.widget.target.none_manual'\n                    : '@pry.widget.target.none_auto'\n                  ) | i18n\n                }}\"\n              />\n              <span class=\"no-widget__text\">{{\n                (layout === DashboardGridLayout.MANUAL\n                  ? '@pry.widget.target.none_manual'\n                  : '@pry.widget.target.none_auto'\n                ) | i18n\n              }}</span>\n            </div>\n          </ng-template>\n        </ng-container>\n        <div\n          class=\"a-page-loader backdrop\"\n          [style.display]=\"data.fetchLoading && !data.globalLoading ? 'flex' : 'none'\"\n          [style.width.px]=\"params.gridWidth\"\n          [style.height.px]=\"params.gridHeight\"\n        >\n          <pry-page-loader></pry-page-loader>\n          <p>{{ '@pry.widget.target.loading' | i18n }}...</p>\n        </div>\n      </ng-container>\n    </ng-container>\n  </div>\n</div>\n<pry-context-menu></pry-context-menu>\n\n<ng-template #templateModal>\n  <div class=\"o-modal\">\n    <div class=\"o-modal__top\">\n      <div class=\"o-modal__top__title\">\n        <h2 class=\"a-h2\" id=\"dialog_title\">\n          {{ '@pry.widget.modalTitle' | i18n }}\n        </h2>\n      </div>\n      <div class=\"o-modal__top__close\">\n        <button class=\"a-btn a-btn--icon-only\" (click)=\"cancelRemoveConfirm()\">\n          <pry-icon iconSvg=\"close\" [height]=\"35\" [width]=\"35\"></pry-icon>\n          <span class=\"u-visually-hidden\">{{ '@pry.toolbox.close' | i18n }}</span>\n        </button>\n      </div>\n    </div>\n    <div class=\"m-btn-group\">\n      <button type=\"button\" (click)=\"cancelRemoveConfirm()\" class=\"a-btn a-btn--secondary\">\n        {{ '@pry.toolbox.manifest.close' | i18n }}\n      </button>\n      <button type=\"submit\" (click)=\"confirmRemove()\" class=\"a-btn a-btn--primary\">\n        {{ '@pry.toolbox.manifest.validate' | i18n }}\n      </button>\n    </div>\n  </div>\n</ng-template>\n", dependencies: [{ kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: PryIconComponent, selector: "pry-icon", inputs: ["color", "iconSvg", "animation", "iconImage", "alt", "width", "height", "classes"] }, { kind: "component", type: i8.PryPageLoaderComponent, selector: "pry-page-loader", inputs: ["image", "imageAltText"] }, { kind: "component", type: WidgetInstanciatorComponent, selector: "pry-widget-instanciator", inputs: ["widgetIndex", "staticManifest", "standalone", "open$"], outputs: ["manifestModified"] }, { kind: "component", type: ContextMenuComponent, selector: "pry-context-menu" }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }, { kind: "pipe", type: I18nPipe, name: "i18n" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: DashboardComponent, decorators: [{
             type: Component,
             args: [{ selector: 'pry-dashboard', template: "<div class=\"o-dashboard-edit\" [class.-edit]=\"modeEdition$ | async\">\n  <div class=\"o-dashboard-add -rows\">\n    <button (click)=\"changeSize('rows', -1)\">\n      <pry-icon iconSvg=\"remove\" [width]=\"12\" [height]=\"12\"></pry-icon>\n    </button>\n    <button (click)=\"changeSize('rows', +1)\">\n      <pry-icon iconSvg=\"add\" [width]=\"12\" [height]=\"12\"></pry-icon>\n    </button>\n    <p>{{ '@pry.grid.rows' | i18n }}</p>\n  </div>\n  <div class=\"o-dashboard-add -cols\">\n    <p>{{ '@pry.grid.columns' | i18n }}</p>\n    <button (click)=\"changeSize('columns', -1)\">\n      <pry-icon iconSvg=\"remove\" [width]=\"12\" [height]=\"12\"></pry-icon>\n    </button>\n    <button (click)=\"changeSize('columns', +1)\">\n      <pry-icon iconSvg=\"add\" [width]=\"12\" [height]=\"12\"></pry-icon>\n    </button>\n  </div>\n  <div\n    class=\"o-dashboard-grid\"\n    [style.gridTemplateColumns]=\"gridTemplateColumns$ | async\"\n    [style.gridTemplateRows]=\"gridTemplateRows$ | async\"\n    [style.gridGap]=\"dashboardParams.gridGap + 'px'\"\n    #grid\n    (mousemove)=\"movingMouse($event)\"\n    (drop)=\"dropping($event)\"\n    (dragover)=\"dragMove($event)\"\n    (dragleave)=\"dragLeave($event)\"\n    (dragenter)=\"dragEnter($event)\"\n  >\n    <ng-container\n      *ngFor=\"\n        let widgetManifest of (windowManifest$ | async)?.widgets || [];\n        let widgetIndex = index;\n        trackBy: trackWidgets\n      \"\n    >\n      <div\n        class=\"o-dashboard-widget\"\n        [class.-edited]=\"modeEdition\"\n        [style.gridColumn]=\"gridColumn(widgetManifest.layout)\"\n        [style.gridRow]=\"gridRow(widgetManifest.layout)\"\n        (drop)=\"droppingInWidget($event, widgetIndex)\"\n      >\n        <ng-container *ngIf=\"modeEdition\">\n          <div class=\"resize nw-resize\" (mousedown)=\"startResize($event, widgetIndex, 'resize-nw')\">\n            <pry-icon iconSvg=\"north_west\" [animation]=\"false\"></pry-icon>\n          </div>\n          <div class=\"resize sw-resize\" (mousedown)=\"startResize($event, widgetIndex, 'resize-sw')\">\n            <pry-icon iconSvg=\"south_west\" [animation]=\"false\"></pry-icon>\n          </div>\n          <div class=\"resize ne-resize\" (mousedown)=\"startResize($event, widgetIndex, 'resize-ne')\">\n            <pry-icon iconSvg=\"north_east\" [animation]=\"false\"></pry-icon>\n          </div>\n          <div class=\"resize se-resize\" (mousedown)=\"startResize($event, widgetIndex, 'resize-se')\">\n            <pry-icon iconSvg=\"south_east\" [animation]=\"false\"></pry-icon>\n          </div>\n          <div class=\"resize delete\" (mousedown)=\"toggleRemoveConfirm($event, widgetIndex)\">\n            <pry-icon iconSvg=\"close\" [animation]=\"false\"></pry-icon>\n          </div>\n          <div class=\"move\" draggable=\"true\" (dragstart)=\"dragStart($event, widgetIndex)\">\n            <div class=\"move-inside move-{{ widgetManifest.type }}\">\n              <span>{{ widgetManifest.title ?? ('@pry.toolbox.' + widgetManifest.type | i18n) }}</span>\n            </div>\n          </div>\n        </ng-container>\n        <ng-container *ngIf=\"!modeEdition\">\n          <pry-widget-instanciator\n            [staticManifest]=\"widgetManifest\"\n            [widgetIndex]=\"widgetIndex\"\n          ></pry-widget-instanciator>\n        </ng-container>\n      </div>\n    </ng-container>\n\n    <ng-container *ngIf=\"!noBackground\">\n      <ng-container\n        *ngIf=\"{\n          noWidgets: (nonFillerWidgets$ | async) === 0,\n          globalLoading: loading$ | async,\n          fetchLoading: (dataFetching$ | async)?.length ?? 1 > 0\n        } as data\"\n      >\n        <ng-container *ngIf=\"data.noWidgets\">\n          <div\n            *ngIf=\"data.globalLoading; else notLoading\"\n            class=\"no-widget\"\n            [style.grid-area]=\"backgroundArea$ | async\"\n          >\n            <pry-page-loader></pry-page-loader>\n            <span class=\"no-widget__text\">{{ '@pry.widget.target.loading' | i18n }}...</span>\n          </div>\n          <ng-template #notLoading>\n            <div class=\"no-widget\" [style.grid-area]=\"backgroundArea$ | async\">\n              <img\n                class=\"no-widget__search\"\n                src=\"../../../assets/svgs/pry_recherche.svg\"\n                alt=\"{{\n                  (layout === DashboardGridLayout.MANUAL\n                    ? '@pry.widget.target.none_manual'\n                    : '@pry.widget.target.none_auto'\n                  ) | i18n\n                }}\"\n              />\n              <span class=\"no-widget__text\">{{\n                (layout === DashboardGridLayout.MANUAL\n                  ? '@pry.widget.target.none_manual'\n                  : '@pry.widget.target.none_auto'\n                ) | i18n\n              }}</span>\n            </div>\n          </ng-template>\n        </ng-container>\n        <div\n          class=\"a-page-loader backdrop\"\n          [style.display]=\"data.fetchLoading && !data.globalLoading ? 'flex' : 'none'\"\n          [style.width.px]=\"params.gridWidth\"\n          [style.height.px]=\"params.gridHeight\"\n        >\n          <pry-page-loader></pry-page-loader>\n          <p>{{ '@pry.widget.target.loading' | i18n }}...</p>\n        </div>\n      </ng-container>\n    </ng-container>\n  </div>\n</div>\n<pry-context-menu></pry-context-menu>\n\n<ng-template #templateModal>\n  <div class=\"o-modal\">\n    <div class=\"o-modal__top\">\n      <div class=\"o-modal__top__title\">\n        <h2 class=\"a-h2\" id=\"dialog_title\">\n          {{ '@pry.widget.modalTitle' | i18n }}\n        </h2>\n      </div>\n      <div class=\"o-modal__top__close\">\n        <button class=\"a-btn a-btn--icon-only\" (click)=\"cancelRemoveConfirm()\">\n          <pry-icon iconSvg=\"close\" [height]=\"35\" [width]=\"35\"></pry-icon>\n          <span class=\"u-visually-hidden\">{{ '@pry.toolbox.close' | i18n }}</span>\n        </button>\n      </div>\n    </div>\n    <div class=\"m-btn-group\">\n      <button type=\"button\" (click)=\"cancelRemoveConfirm()\" class=\"a-btn a-btn--secondary\">\n        {{ '@pry.toolbox.manifest.close' | i18n }}\n      </button>\n      <button type=\"submit\" (click)=\"confirmRemove()\" class=\"a-btn a-btn--primary\">\n        {{ '@pry.toolbox.manifest.validate' | i18n }}\n      </button>\n    </div>\n  </div>\n</ng-template>\n" }]
-        }], ctorParameters: () => [{ type: i1.Store }, { type: i2.Overlay }, { type: i0.ViewContainerRef }], propDecorators: { templateModal: [{
+        }], ctorParameters: () => [{ type: i1.Store }, { type: i2.Overlay }, { type: i0.ViewContainerRef }, { type: WidgetFactoryService }], propDecorators: { templateModal: [{
                 type: ViewChild,
                 args: ['templateModal', { read: TemplateRef }]
             }], instanciators: [{
@@ -10784,7 +10782,7 @@ class PryDatasourceListComponent extends SubscriptionnerDirective {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: PryDatasourceListComponent, deps: [{ token: i1.Store }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.1.3", type: PryDatasourceListComponent, selector: "pry-datasource-list", inputs: { mode: "mode", selectedDatasources: "selectedDatasources" }, outputs: { consultedDataset: "consultedDataset", datasourceSelected: "datasourceSelected", searchOrCategoryChanged: "searchOrCategoryChanged" }, usesInheritance: true, ngImport: i0, template: "<div class=\"o-datasource-list__header u-display-flex\">\n  <div class=\"o-datasource-list__search m-form-label-field\">\n    <label class=\"a-label\" id=\"catalog-search-label\" for=\"catalog-search\">{{ '@pry.dataset.search' | i18n }}</label>\n    <input\n      id=\"catalog-search\"\n      type=\"text\"\n      class=\"a-form-field\"\n      [placeholder]=\"'@pry.dataset.searchPlaceholder' | i18n\"\n      [ngModel]=\"search$ | async\"\n      (ngModelChange)=\"this.search$.next($event)\"\n    />\n    <pry-icon class=\"search-icon\" iconSvg=\"search\" [width]=\"20\" [height]=\"20\"></pry-icon>\n  </div>\n  <div class=\"o-datasource-list__categories m-form-label-field\">\n    <label class=\"a-label\" id=\"tags-label\" for=\"catalog-category-search\">{{ '@pry.dataset.filter' | i18n }}</label>\n    <pry-select\n      id=\"catalog-category-search\"\n      [ngModel]=\"selectedCategories\"\n      (ngModelChange)=\"this.selectedCategories$.next($event)\"\n      [items]=\"categories$ | async\"\n      bindLabel=\"name\"\n      aria-labelledby=\"tags-label\"\n      [multiple]=\"true\"\n      [closeOnSelect]=\"false\"\n      [placeholder]=\"'@pry.dataset.filterPlaceholder' | i18n\"\n    ></pry-select>\n  </div>\n</div>\n<div class=\"o-datasource-list__content\">\n  @if ((_mode$ | async) === 'list') {\n    @for (datasource of filteredDatasources$ | async; track datasource.id) {\n      <pry-datasource-card\n        [datasource]=\"datasource\"\n        [isSelectable]=\"false\"\n        [showFooter]=\"true\"\n        (clicked)=\"onDatasourceClick($event)\"\n      ></pry-datasource-card>\n    }\n  } @else if ((_mode$ | async) === 'selector') {\n    @for (datasource of filteredDatasources$ | async; track datasource.id) {\n      <pry-datasource-card\n        [datasource]=\"datasource\"\n        [isSelectable]=\"true\"\n        [showFooter]=\"false\"\n        (clicked)=\"onDatasourceClick($event)\"\n        [isSelected]=\"datasource.isSelected ?? false\"\n      ></pry-datasource-card>\n    }\n  }\n</div>\n", dependencies: [{ kind: "directive", type: i3$3.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i3$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3$3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: PrySelectComponent, selector: "pry-select", inputs: ["items", "clearable", "multiple", "closeOnSelect", "placeholder", "isForm", "required", "name", "readonly", "autocomplete", "alwaysShowAutosuggestedValues", "externalAutocompleteService", "bindValue", "bindLabel", "iconSize", "bindIcon", "template", "i18nPrefix", "bindClasses", "loading", "elementRef"], outputs: ["searched", "cleared", "clicked"] }, { kind: "component", type: PryIconComponent, selector: "pry-icon", inputs: ["color", "iconSvg", "animation", "iconImage", "alt", "width", "height", "classes"] }, { kind: "component", type: PryDatasourceCardComponent, selector: "pry-datasource-card", inputs: ["datasource", "showFooter", "isSelectable", "isSelected"], outputs: ["clicked"] }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }, { kind: "pipe", type: I18nPipe, name: "i18n" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.1.3", type: PryDatasourceListComponent, selector: "pry-datasource-list", inputs: { mode: "mode", selectedDatasources: "selectedDatasources" }, outputs: { consultedDataset: "consultedDataset", datasourceSelected: "datasourceSelected", searchOrCategoryChanged: "searchOrCategoryChanged" }, usesInheritance: true, ngImport: i0, template: "<div class=\"o-datasource-list__header u-display-flex\">\n  <div class=\"o-datasource-list__search m-form-label-field\">\n    <label class=\"a-label\" id=\"catalog-search-label\" for=\"catalog-search\">{{ '@pry.dataset.search' | i18n }}</label>\n    <input\n      id=\"catalog-search\"\n      type=\"text\"\n      class=\"a-form-field\"\n      [placeholder]=\"'@pry.dataset.searchPlaceholder' | i18n\"\n      [ngModel]=\"search$ | async\"\n      (ngModelChange)=\"this.search$.next($event)\"\n    />\n    <pry-icon class=\"search-icon\" iconSvg=\"search\" [width]=\"20\" [height]=\"20\"></pry-icon>\n  </div>\n  <div class=\"o-datasource-list__categories m-form-label-field\">\n    <label class=\"a-label\" id=\"tags-label\" for=\"catalog-category-search\">{{ '@pry.dataset.filter' | i18n }}</label>\n    <pry-select\n      id=\"catalog-category-search\"\n      [ngModel]=\"selectedCategories\"\n      (ngModelChange)=\"this.selectedCategories$.next($event)\"\n      [items]=\"categories$ | async\"\n      bindLabel=\"name\"\n      aria-labelledby=\"tags-label\"\n      [multiple]=\"true\"\n      [closeOnSelect]=\"false\"\n      [placeholder]=\"'@pry.dataset.filterPlaceholder' | i18n\"\n    ></pry-select>\n  </div>\n</div>\n<div class=\"o-datasource-list__content\">\n  @if ((_mode$ | async) === 'list') {\n    @for (datasource of filteredDatasources$ | async; track datasource.id) {\n      <pry-datasource-card\n        [datasource]=\"datasource\"\n        [isSelectable]=\"false\"\n        [showFooter]=\"true\"\n        (clicked)=\"onDatasourceClick($event)\"\n      ></pry-datasource-card>\n    }\n  } @else if ((_mode$ | async) === 'selector') {\n    @for (datasource of filteredDatasources$ | async; track datasource.id) {\n      <pry-datasource-card\n        [datasource]=\"datasource\"\n        [isSelectable]=\"true\"\n        [showFooter]=\"false\"\n        (clicked)=\"onDatasourceClick($event)\"\n        [isSelected]=\"datasource.isSelected ?? false\"\n      ></pry-datasource-card>\n    }\n  }\n</div>\n", dependencies: [{ kind: "directive", type: i3$3.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i3$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3$3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: 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: PryIconComponent, selector: "pry-icon", inputs: ["color", "iconSvg", "animation", "iconImage", "alt", "width", "height", "classes"] }, { kind: "component", type: PryDatasourceCardComponent, selector: "pry-datasource-card", inputs: ["datasource", "showFooter", "isSelectable", "isSelected"], outputs: ["clicked"] }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }, { kind: "pipe", type: I18nPipe, name: "i18n" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: PryDatasourceListComponent, decorators: [{
             type: Component,
@@ -11969,7 +11967,7 @@ class DashboardEffects {
         this.wmsService = wmsService;
         this.widgetFactoryService = widgetFactoryService;
         this.i18nService = i18nService;
-        this.join$ = createEffect(() => this.actions$.pipe(ofType(DashboardActions.join), delay(1000), withLatestFrom(this.store.select(DashboardSelectors.rank), this.store.select(DashboardSelectors.tenants), this.store.select(DashboardSelectors.globalManifest), this.store.select(DashboardSelectors.resultSets), this.store.select(DashboardSelectors.selectedItemIds), this.store.select(DashboardSelectors.presentation), this.store.select(DashboardSelectors.displayOptions)), filter$1(([action, rank, tenants, manifest, resultSets, display]) => rank === 0), debounceTime$1(200), tap((v) => console.log(v)), map$1(([action, rank, tenants, manifest, resultSets, selectedIds, presentation, display]) => DashboardActions.updateManifestAfterTenantJoin({
+        this.join$ = createEffect(() => this.actions$.pipe(ofType(DashboardActions.join), delay(1000), withLatestFrom(this.store.select(DashboardSelectors.rank), this.store.select(DashboardSelectors.tenants), this.store.select(DashboardSelectors.globalManifest), this.store.select(DashboardSelectors.resultSets), this.store.select(DashboardSelectors.selectedItemIds), this.store.select(DashboardSelectors.presentation), this.store.select(DashboardSelectors.displayOptions)), filter$1(([action, rank, tenants, manifest, resultSets, display]) => rank === 0), debounceTime$1(200), map$1(([action, rank, tenants, manifest, resultSets, selectedIds, presentation, display]) => DashboardActions.updateManifestAfterTenantJoin({
             tenants, // we already have added tenant in the reduce of the "join" action
             manifest: {
                 ...manifest,
@@ -12025,56 +12023,41 @@ class DashboardEffects {
         this.endLoadingAfterFollowingManifestRoute$ = createEffect(() => this.actions$.pipe(ofType(DashboardActions.followManifestRoute), map$1((action) => DashboardActions.endLoading())));
         this.requestManifestRoute$ = createEffect(() => this.actions$.pipe(ofType(DashboardActions.requestAllRoutes), map$1(() => DashboardActions.updateRouteManifest({ route: this.router.url }))));
         this.assertResultSets$ = createEffect(() => this.actions$.pipe(ofType(DashboardActions.assertResultSets, DashboardActions.dispatchFilters, DashboardActions.clearAllFilterValues), withLatestFrom(this.store.select(DashboardSelectors.globalManifest), this.store.select(DashboardSelectors.resultSets), this.store.select(DashboardSelectors.resultSetsParams), this.store.select(DashboardSelectors.quickOrder)), mergeMap$1(([action, manifest, resultSets, resultSetsParams, quickOrder]) => {
-            // @ts-ignore
-            if (!action.id) {
-                // First send aggregate updates
-                const toAggregateActions = [
-                    ...new Set(manifest.windows
-                        .map((winManifest) => (winManifest ?? {}).widgets ?? [])
-                        .reduce((p, c) => [...p, ...c], [])
-                        .map((widManifest) => this.widgetFactoryService.aggregatesToAutoLoad(widManifest))
-                        .reduce((p, c) => [...p, ...c], []))
-                ].map((ds) => DashboardActions.triggerAggregate({ id: ds }));
-                const toItemsActions = Object.values(manifest.windows
+            const manifestToCheck = action.type === DashboardActions.assertResultSets.type && action.staticManifest
+                ? { windows: [action.staticManifest] }
+                : manifest;
+            // First send aggregate updates
+            const toAggregateActions = [
+                ...new Set(manifestToCheck.windows
                     .map((winManifest) => (winManifest ?? {}).widgets ?? [])
                     .reduce((p, c) => [...p, ...c], [])
-                    .map((widManifest) => this.widgetFactoryService.datasourcesToAutoLoad(widManifest))
-                    .flat()
-                    .reduce((p, c) => ({
-                    ...p,
-                    [c.datasetId]: {
-                        ...p[c.datasetId],
-                        ...c,
-                        excludeGeo: p[c.datasetId]?.excludeGeo === false ? p[c.datasetId].excludeGeo : c.excludeGeo
-                    }
-                }), {}))
-                    .filter((resultSet) => !!resultSet.datasetId &&
-                    resultSet.datasetId !== '' &&
-                    (!resultSets[resultSet.datasetId] ||
-                        resultSetsParams[resultSet.datasetId] !==
-                            this.searchService.getItemsSerializedParams(resultSet.datasetId, quickOrder)))
-                    .map((resultSet) => SearchActions.getDatasourceItems({
-                    id: resultSet.datasetId,
-                    excludeGeo: resultSet.excludeGeo,
-                    from: 'DashboardEffects.assertResultSets$-1'
-                }));
-                return [...toItemsActions, ...toAggregateActions];
-            }
-            else {
-                // @ts-ignore
-                if (!resultSets[action.id]) {
-                    return [
-                        SearchActions.getDatasourceItems({
-                            // @ts-ignore
-                            id: action.id,
-                            // @ts-ignore
-                            excludeGeo: action.excludeGeo != undefined ? action.excludeGeo : true,
-                            from: 'DashboardEffects.assertResultSets$-2'
-                        })
-                    ];
+                    .map((widManifest) => this.widgetFactoryService.aggregatesToAutoLoad(widManifest))
+                    .reduce((p, c) => [...p, ...c], []))
+            ].map((ds) => DashboardActions.triggerAggregate({ id: ds }));
+            const toItemsActions = Object.values(manifestToCheck.windows
+                .map((winManifest) => (winManifest ?? {}).widgets ?? [])
+                .reduce((p, c) => [...p, ...c], [])
+                .map((widManifest) => this.widgetFactoryService.datasourcesToAutoLoad(widManifest))
+                .flat()
+                .reduce((p, c) => ({
+                ...p,
+                [c.datasetId]: {
+                    ...p[c.datasetId],
+                    ...c,
+                    excludeGeo: p[c.datasetId]?.excludeGeo === false ? p[c.datasetId].excludeGeo : c.excludeGeo
                 }
-                return [];
-            }
+            }), {}))
+                .filter((resultSet) => !!resultSet.datasetId &&
+                resultSet.datasetId !== '' &&
+                (!resultSets[resultSet.datasetId] ||
+                    resultSetsParams[resultSet.datasetId] !==
+                        this.searchService.getItemsSerializedParams(resultSet.datasetId, quickOrder)))
+                .map((resultSet) => SearchActions.getDatasourceItems({
+                id: resultSet.datasetId,
+                excludeGeo: resultSet.excludeGeo,
+                from: 'DashboardEffects.assertResultSets$-1'
+            }));
+            return [...toItemsActions, ...toAggregateActions];
         })));
         this.sendAggregatesEvent$ = createEffect(() => this.actions$.pipe(ofType(DashboardActions.triggerAggregate), filter$1((action) => action.id !== DEFAULT_NAMED_QUERY_ID && action.id !== EXPLORE_NAMED_QUERY_ID), tap((action) => window.dispatchEvent(new CustomEvent('datasourceRefresh', { detail: action.id })))), { dispatch: false });
         this.startMissingViewAfterViewUpdate$ = createEffect(() => this.actions$.pipe(ofType(DashboardActions.updateManifest, DashboardActions.updateManifestAfterFetch, DashboardActions.updateManifestAfterTenantLeave, DashboardActions.updateManifestAfterTenantJoin, DashboardActions.explore, DashboardActions.detail, DashboardActions.restoreInitialManifest, DashboardActions.createTab, DashboardActions.moveWidget), withLatestFrom(this.store.select(DashboardSelectors.rank)), filter$1(([action, rank]) => rank === 0), mergeMap$1((action) => [