@provoly/dashboard 0.23.3 → 0.23.5

package/fesm2022/provoly-dashboard-toolbox.mjs

@@ -12,7 +12,7 @@ import * as i3$1 from '@provoly/dashboard';
 import { SubscriptionnerDirective, DashboardActions, ConfigActions, DashboardSelectors, DataSourceSelectors, ClassSelectors, FieldSelectors, FieldType, NamedQueryTypes, DataSourceActions, MIME_TYPE_RESULTSET, LibraryTypes, ViewMode, DashboardGridLayout, WidgetPlacementUtils, SearchActions, PRY_ACCESS_TOKEN, PryOverlayModule, PryCoreModule, PryDashboardModule, PrySelectModule, PryIconModule, PryToggleModule, PryShareModule, PryI18nModule } from '@provoly/dashboard';
 import * as i6 from '@provoly/dashboard/components/checkbox';
 import { PryCheckboxModule } from '@provoly/dashboard/components/checkbox';
-import * as i7$1 from '@provoly/dashboard/components/stepper';
+import * as i6$1 from '@provoly/dashboard/components/stepper';
 import { PryStepperModule } from '@provoly/dashboard/components/stepper';
 import * as i1 from '@ngrx/store';
 import * as i3$2 from '@angular/cdk/bidi';
@@ -192,6 +192,7 @@ class PryFilterSettingsComponent extends ToolboxActionComponent {
             return dataSourcesInPres
                 .map((dataSource) => (this.getDatasourceClass(dataSource, classes)?.attributes ?? []).map((attr) => ({
                 id: attr.id,
+                customId: this.getCustomAttributeId(attr.id, dataSource.id),
                 technicalName: attr.technicalName,
                 label: `${attr.name} / ${dataSource.name}`,
                 datasource: dataSource.id,
@@ -296,7 +297,12 @@ class PryFilterSettingsComponent extends ToolboxActionComponent {
         this.currentStep = FilterSteps.LIST;
     }
     goToEdition(filter) {
-        this.filter = { ...filter };
+        this.filter = {
+            ...filter,
+            attributes: [
+                ...filter.attributes.map((attr) => ({ ...attr, customId: this.getCustomAttributeId(attr.id, attr.datasource) }))
+            ]
+        };
         this.currentStep = FilterSteps.EDITION;
     }
     goToCreation() {
@@ -304,7 +310,7 @@ class PryFilterSettingsComponent extends ToolboxActionComponent {
         this.currentStep = FilterSteps.CREATION;
     }
     submitFilter() {
-        this.filter.attributes = this.filter.attributes.map((attr) => typeof attr === 'string' ? this.attributes.find((attrObj) => attrObj.id === attr) : attr);
+        this.filter.attributes = this.filter.attributes.map((attr) => typeof attr === 'string' ? this.attributes.find((attrObj) => attrObj.customId === attr) : attr);
         this.store.dispatch(DashboardActions.updateFilters({ filter: this.filter }));
         this.goBack();
     }
@@ -335,12 +341,15 @@ class PryFilterSettingsComponent extends ToolboxActionComponent {
             }
         });
     }
+    getCustomAttributeId(attributeId, datasetId) {
+        return `${attributeId}@${datasetId}`;
+    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: PryFilterSettingsComponent, deps: [{ token: i1.Store }, { token: i2.Overlay }, { token: i0.ViewContainerRef }, { token: i3$1.FilterFactoryService }, { token: i0.Injector }, { token: i3$1.PryI18nService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.3", type: PryFilterSettingsComponent, selector: "pry-filter-settings", inputs: { label: "label" }, viewQueries: [{ propertyName: "templateSettings", first: true, predicate: ["settings"], descendants: true, read: TemplateRef }, { propertyName: "container", first: true, predicate: ["container"], descendants: true, read: ViewContainerRef }], usesInheritance: true, ngImport: i0, template: "<pry-toolbox-css></pry-toolbox-css>\n<div class=\"save-manifest-container\">\n  <div style=\"display: none\">\n    <ng-template #container></ng-template>\n  </div>\n  <button\n    type=\"button\"\n    class=\"a-btn a-btn--secondary\"\n    [disabled]=\"(attributes$ | async)?.length === 0\"\n    (click)=\"toggleSettings()\"\n    aria-haspopup=\"dialog\"\n  >\n    <ng-container *ngIf=\"label\">{{ '@pry.filters.label' | i18n }}</ng-container>\n  </button>\n</div>\n\n<ng-template #settings>\n  <div class=\"o-filters\">\n    <div class=\"o-filters__header\">\n      <ng-container *ngIf=\"currentStep === FilterSteps.LIST\">\n        <h2>{{ '@pry.filters.label' | i18n }}</h2>\n      </ng-container>\n      <ng-container *ngIf=\"currentStep === FilterSteps.CREATION || currentStep === FilterSteps.EDITION\">\n        <div class=\"u-display-flex -row -align-center\">\n          <button (click)=\"goBack()\" type=\"button\" class=\"back-button\">\n            <pry-icon iconSvg=\"chevron_right\"></pry-icon>\n          </button>\n          <h2>\n            {{\n              (currentStep === FilterSteps.CREATION ? '@pry.filters.creation.create' : '@pry.filters.creation.update')\n                | i18n\n            }}\n          </h2>\n        </div>\n      </ng-container>\n      <button (click)=\"toggleSettings()\" type=\"button\">\n        <pry-icon iconSvg=\"close\"></pry-icon>\n      </button>\n    </div>\n    <ng-container *ngIf=\"currentStep === FilterSteps.LIST\">\n      <div class=\"o-filters__content\">\n        <div *ngIf=\"(attributes$ | async)?.length === 0; else attributesExists\" class=\"a-table-wrapper\"></div>\n        <ng-template #attributesExists>\n          <table *ngIf=\"filters.length > 0; else noFilters\" class=\"a-table\">\n            <tbody cdkDropList [cdkDropListData]=\"filters\" (cdkDropListDropped)=\"drop($event)\">\n              <tr *ngFor=\"let filter of filters\" class=\"o-filters__filter\" cdkDrag>\n                <td>\n                  <span>{{ filter.name }}</span>\n                </td>\n                <td>\n                  <span>{{ getFilterAttributes(filter, 3) }}</span>\n                </td>\n                <td>\n                  <button type=\"button\" class=\"a-btn a-btn--primary\" (click)=\"deleteFilter(filter.id)\">\n                    {{ '@pry.action.delete' | i18n }}\n                  </button>\n                </td>\n                <td>\n                  <button type=\"button\" class=\"a-btn a-btn--primary\" (click)=\"goToEdition(filter)\">\n                    {{ '@pry.filters.list.modify' | i18n }}\n                  </button>\n                </td>\n                <td cdkDragHandle>\n                  <pry-icon iconSvg=\"drag_indicator\"></pry-icon>\n                </td>\n              </tr>\n            </tbody>\n          </table>\n          <ng-template #noFilters>\n            <span class=\"o-filters__no-filters\">{{ '@pry.filters.noFilters' | i18n }}</span>\n          </ng-template>\n          <button (click)=\"goToCreation()\" class=\"a-btn a-btn--primary\">{{ '@pry.filters.list.add' | i18n }}</button>\n        </ng-template>\n      </div>\n    </ng-container>\n    <ng-container *ngIf=\"currentStep === FilterSteps.CREATION || currentStep === FilterSteps.EDITION\">\n      <div class=\"o-filters__content\">\n        <div class=\"m-form-label-field\">\n          <label for=\"filterName\" class=\"a-label\">{{ '@pry.filters.creation.name' | i18n }}</label>\n          <input id=\"filterName\" class=\"a-form-field\" type=\"text\" [(ngModel)]=\"filter.name\" />\n        </div>\n        <div class=\"m-form-label-field\">\n          <label for=\"filterType\" class=\"a-label\">{{ '@pry.filters.creation.type' | i18n }}</label>\n          <pry-select\n            id=\"filterType\"\n            [placeholder]=\"'@pry.filters.creation.type' | i18n\"\n            [items]=\"types$ | async\"\n            bindLabel=\"label\"\n            bindValue=\"value\"\n            [(ngModel)]=\"filter.type\"\n            (ngModelChange)=\"updateFilterType($event)\"\n          >\n          </pry-select>\n        </div>\n        <div *ngIf=\"(currentFilterComponentType$ | async) === 'date'\" class=\"m-form-label-field u-display-flex -row\">\n          <label for=\"date-range\" class=\"a-label\">{{ '@pry.filters.creation.dateRange' | i18n }}</label>\n          <pry-checkbox\n            id=\"date-range\"\n            [(ngModel)]=\"filter.hasDateRange\"\n            (ngModelChange)=\"this.currentOperators$.next(getOperators())\"\n          />\n        </div>\n        <div *ngIf=\"(currentFilterComponentType$ | async) === 'list'\" class=\"m-form-label-field\">\n          <label for=\"possibleValues\" class=\"a-label\">{{ '@pry.filters.creation.values' | i18n }}</label>\n          <input\n            id=\"possibleValues\"\n            class=\"a-form-field\"\n            type=\"text\"\n            [(ngModel)]=\"filter.possibleValues\"\n            placeholder=\"valeur1, valeur2, valeur3\"\n          />\n        </div>\n        <div *ngIf=\"(currentFilterComponentType$ | async) === 'autocomplete'\" class=\"m-form-label-field\">\n          <label for=\"limit\" class=\"a-label\">{{ '@pry.filters.creation.limit' | i18n }}</label>\n          <input id=\"limit\" class=\"a-form-field\" type=\"number\" min=\"0\" max=\"50\" [(ngModel)]=\"filter.limit\" />\n        </div>\n        <div class=\"m-form-label-field\">\n          <label for=\"attributes\" class=\"a-label\">{{ '@pry.filters.creation.attributes' | i18n }}</label>\n          <pry-select\n            id=\"attributes\"\n            [multiple]=\"true\"\n            [clearable]=\"true\"\n            [closeOnSelect]=\"false\"\n            [items]=\"attributes$ | async\"\n            [ngModel]=\"filter.attributes\"\n            (ngModelChange)=\"selectAttribute($event)\"\n            [placeholder]=\"'@pry.filters.creation.attributes' | i18n\"\n            bindLabel=\"label\"\n            bindValue=\"id\"\n            bindClasses=\"classes\"\n          >\n          </pry-select>\n        </div>\n        <div class=\"m-form-label-field\">\n          <label for=\"operations\" class=\"a-label\">{{ '@pry.filters.attributes.operator' | i18n }}</label>\n          <pry-select\n            id=\"operations\"\n            [items]=\"currentOperators$ | async\"\n            [(ngModel)]=\"filter.operator\"\n            [placeholder]=\"'@pry.filters.attributes.operator' | i18n\"\n            bindLabel=\"label\"\n            bindValue=\"value\"\n            [disabled]=\"(currentFilterComponentType$ | async) === 'list'\"\n          >\n          </pry-select>\n        </div>\n        <button\n          class=\"a-btn a-btn--primary\"\n          (click)=\"submitFilter()\"\n          [disabled]=\"!(filter.name && filter.type && filter.attributes.length !== 0 && filter.operator)\"\n          type=\"submit\"\n        >\n          {{ '@pry.toolbox.manifest.validate' | i18n }}\n        </button>\n      </div>\n    </ng-container>\n  </div>\n</ng-template>\n", dependencies: [{ kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i4.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: i4.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.MinValidator, selector: "input[type=number][min][formControlName],input[type=number][min][formControl],input[type=number][min][ngModel]", inputs: ["min"] }, { kind: "directive", type: i4.MaxValidator, selector: "input[type=number][max][formControlName],input[type=number][max][formControl],input[type=number][max][ngModel]", inputs: ["max"] }, { kind: "directive", type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i3$1.PrySelectComponent, selector: "pry-select", inputs: ["items", "clearable", "multiple", "closeOnSelect", "placeholder", "isForm", "required", "name", "readonly", "autocomplete", "bindValue", "bindLabel", "iconSize", "bindIcon", "template", "i18nPrefix", "bindClasses", "loading", "elementRef"], outputs: ["searched", "cleared"] }, { kind: "component", type: i3$1.PryIconComponent, selector: "pry-icon", inputs: ["color", "iconSvg", "animation", "iconImage", "alt", "width", "height", "classes"] }, { kind: "component", type: i6.PryCheckboxComponent, selector: "pry-checkbox", inputs: ["circle"] }, { kind: "directive", type: i7.CdkDropList, selector: "[cdkDropList], cdk-drop-list", inputs: ["cdkDropListConnectedTo", "cdkDropListData", "cdkDropListOrientation", "id", "cdkDropListLockAxis", "cdkDropListDisabled", "cdkDropListSortingDisabled", "cdkDropListEnterPredicate", "cdkDropListSortPredicate", "cdkDropListAutoScrollDisabled", "cdkDropListAutoScrollStep"], outputs: ["cdkDropListDropped", "cdkDropListEntered", "cdkDropListExited", "cdkDropListSorted"], exportAs: ["cdkDropList"] }, { kind: "directive", type: i7.CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "directive", type: i7.CdkDragHandle, selector: "[cdkDragHandle]", inputs: ["cdkDragHandleDisabled"] }, { kind: "component", type: PrySelectGridLayoutCssComponent, selector: "pry-toolbox-css" }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }, { kind: "pipe", type: i3$1.I18nPipe, name: "i18n" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.3", type: PryFilterSettingsComponent, selector: "pry-filter-settings", inputs: { label: "label" }, viewQueries: [{ propertyName: "templateSettings", first: true, predicate: ["settings"], descendants: true, read: TemplateRef }, { propertyName: "container", first: true, predicate: ["container"], descendants: true, read: ViewContainerRef }], usesInheritance: true, ngImport: i0, template: "<pry-toolbox-css></pry-toolbox-css>\n<div class=\"save-manifest-container\">\n  <div style=\"display: none\">\n    <ng-template #container></ng-template>\n  </div>\n  <button\n    type=\"button\"\n    class=\"a-btn a-btn--secondary\"\n    [disabled]=\"(attributes$ | async)?.length === 0\"\n    (click)=\"toggleSettings()\"\n    aria-haspopup=\"dialog\"\n  >\n    <ng-container *ngIf=\"label\">{{ '@pry.filters.label' | i18n }}</ng-container>\n  </button>\n</div>\n\n<ng-template #settings>\n  <div class=\"o-filters\">\n    <div class=\"o-filters__header\">\n      <ng-container *ngIf=\"currentStep === FilterSteps.LIST\">\n        <h2>{{ '@pry.filters.label' | i18n }}</h2>\n      </ng-container>\n      <ng-container *ngIf=\"currentStep === FilterSteps.CREATION || currentStep === FilterSteps.EDITION\">\n        <div class=\"u-display-flex -row -align-center\">\n          <button (click)=\"goBack()\" type=\"button\" class=\"back-button\">\n            <pry-icon iconSvg=\"chevron_right\"></pry-icon>\n          </button>\n          <h2>\n            {{\n              (currentStep === FilterSteps.CREATION ? '@pry.filters.creation.create' : '@pry.filters.creation.update')\n                | i18n\n            }}\n          </h2>\n        </div>\n      </ng-container>\n      <button (click)=\"toggleSettings()\" type=\"button\">\n        <pry-icon iconSvg=\"close\"></pry-icon>\n      </button>\n    </div>\n    <ng-container *ngIf=\"currentStep === FilterSteps.LIST\">\n      <div class=\"o-filters__content\">\n        <div *ngIf=\"(attributes$ | async)?.length === 0; else attributesExists\" class=\"a-table-wrapper\"></div>\n        <ng-template #attributesExists>\n          <table *ngIf=\"filters.length > 0; else noFilters\" class=\"a-table\">\n            <tbody cdkDropList [cdkDropListData]=\"filters\" (cdkDropListDropped)=\"drop($event)\">\n              <tr *ngFor=\"let filter of filters\" class=\"o-filters__filter\" cdkDrag>\n                <td>\n                  <span>{{ filter.name }}</span>\n                </td>\n                <td>\n                  <span>{{ getFilterAttributes(filter, 3) }}</span>\n                </td>\n                <td>\n                  <button type=\"button\" class=\"a-btn a-btn--primary\" (click)=\"deleteFilter(filter.id)\">\n                    {{ '@pry.action.delete' | i18n }}\n                  </button>\n                </td>\n                <td>\n                  <button type=\"button\" class=\"a-btn a-btn--primary\" (click)=\"goToEdition(filter)\">\n                    {{ '@pry.filters.list.modify' | i18n }}\n                  </button>\n                </td>\n                <td cdkDragHandle>\n                  <pry-icon iconSvg=\"drag_indicator\"></pry-icon>\n                </td>\n              </tr>\n            </tbody>\n          </table>\n          <ng-template #noFilters>\n            <span class=\"o-filters__no-filters\">{{ '@pry.filters.noFilters' | i18n }}</span>\n          </ng-template>\n          <button (click)=\"goToCreation()\" class=\"a-btn a-btn--primary\">{{ '@pry.filters.list.add' | i18n }}</button>\n        </ng-template>\n      </div>\n    </ng-container>\n    <ng-container *ngIf=\"currentStep === FilterSteps.CREATION || currentStep === FilterSteps.EDITION\">\n      <div class=\"o-filters__content\">\n        <div class=\"m-form-label-field\">\n          <label for=\"filterName\" class=\"a-label\">{{ '@pry.filters.creation.name' | i18n }}</label>\n          <input id=\"filterName\" class=\"a-form-field\" type=\"text\" [(ngModel)]=\"filter.name\" />\n        </div>\n        <div class=\"m-form-label-field\">\n          <label for=\"filterType\" class=\"a-label\">{{ '@pry.filters.creation.type' | i18n }}</label>\n          <pry-select\n            id=\"filterType\"\n            [placeholder]=\"'@pry.filters.creation.type' | i18n\"\n            [items]=\"types$ | async\"\n            bindLabel=\"label\"\n            bindValue=\"value\"\n            [(ngModel)]=\"filter.type\"\n            (ngModelChange)=\"updateFilterType($event)\"\n          >\n          </pry-select>\n        </div>\n        <div *ngIf=\"(currentFilterComponentType$ | async) === 'date'\" class=\"m-form-label-field u-display-flex -row\">\n          <label for=\"date-range\" class=\"a-label\">{{ '@pry.filters.creation.dateRange' | i18n }}</label>\n          <pry-checkbox\n            id=\"date-range\"\n            [(ngModel)]=\"filter.hasDateRange\"\n            (ngModelChange)=\"this.currentOperators$.next(getOperators())\"\n          />\n        </div>\n        <div *ngIf=\"(currentFilterComponentType$ | async) === 'list'\" class=\"m-form-label-field\">\n          <label for=\"possibleValues\" class=\"a-label\">{{ '@pry.filters.creation.values' | i18n }}</label>\n          <input\n            id=\"possibleValues\"\n            class=\"a-form-field\"\n            type=\"text\"\n            [(ngModel)]=\"filter.possibleValues\"\n            placeholder=\"valeur1, valeur2, valeur3\"\n          />\n        </div>\n        <div *ngIf=\"(currentFilterComponentType$ | async) === 'autocomplete'\" class=\"m-form-label-field\">\n          <label for=\"limit\" class=\"a-label\">{{ '@pry.filters.creation.limit' | i18n }}</label>\n          <input id=\"limit\" class=\"a-form-field\" type=\"number\" min=\"0\" max=\"50\" [(ngModel)]=\"filter.limit\" />\n        </div>\n        <div class=\"m-form-label-field\">\n          <label for=\"attributes\" class=\"a-label\">{{ '@pry.filters.creation.attributes' | i18n }}</label>\n          <pry-select\n            id=\"attributes\"\n            [multiple]=\"true\"\n            [clearable]=\"true\"\n            [closeOnSelect]=\"false\"\n            [items]=\"attributes$ | async\"\n            [ngModel]=\"filter.attributes\"\n            (ngModelChange)=\"selectAttribute($event)\"\n            [placeholder]=\"'@pry.filters.creation.attributes' | i18n\"\n            bindLabel=\"label\"\n            bindValue=\"customId\"\n            bindClasses=\"classes\"\n          >\n          </pry-select>\n        </div>\n        <div class=\"m-form-label-field\">\n          <label for=\"operations\" class=\"a-label\">{{ '@pry.filters.attributes.operator' | i18n }}</label>\n          <pry-select\n            id=\"operations\"\n            [items]=\"currentOperators$ | async\"\n            [(ngModel)]=\"filter.operator\"\n            [placeholder]=\"'@pry.filters.attributes.operator' | i18n\"\n            bindLabel=\"label\"\n            bindValue=\"value\"\n            [disabled]=\"(currentFilterComponentType$ | async) === 'list'\"\n          >\n          </pry-select>\n        </div>\n        <button\n          class=\"a-btn a-btn--primary\"\n          (click)=\"submitFilter()\"\n          [disabled]=\"!(filter.name && filter.type && filter.attributes.length !== 0 && filter.operator)\"\n          type=\"submit\"\n        >\n          {{ '@pry.toolbox.manifest.validate' | i18n }}\n        </button>\n      </div>\n    </ng-container>\n  </div>\n</ng-template>\n", dependencies: [{ kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i4.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: i4.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.MinValidator, selector: "input[type=number][min][formControlName],input[type=number][min][formControl],input[type=number][min][ngModel]", inputs: ["min"] }, { kind: "directive", type: i4.MaxValidator, selector: "input[type=number][max][formControlName],input[type=number][max][formControl],input[type=number][max][ngModel]", inputs: ["max"] }, { kind: "directive", type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i3$1.PrySelectComponent, selector: "pry-select", inputs: ["items", "clearable", "multiple", "closeOnSelect", "placeholder", "isForm", "required", "name", "readonly", "autocomplete", "bindValue", "bindLabel", "iconSize", "bindIcon", "template", "i18nPrefix", "bindClasses", "loading", "elementRef"], outputs: ["searched", "cleared"] }, { kind: "component", type: i3$1.PryIconComponent, selector: "pry-icon", inputs: ["color", "iconSvg", "animation", "iconImage", "alt", "width", "height", "classes"] }, { kind: "component", type: i6.PryCheckboxComponent, selector: "pry-checkbox", inputs: ["circle"] }, { kind: "directive", type: i7.CdkDropList, selector: "[cdkDropList], cdk-drop-list", inputs: ["cdkDropListConnectedTo", "cdkDropListData", "cdkDropListOrientation", "id", "cdkDropListLockAxis", "cdkDropListDisabled", "cdkDropListSortingDisabled", "cdkDropListEnterPredicate", "cdkDropListSortPredicate", "cdkDropListAutoScrollDisabled", "cdkDropListAutoScrollStep"], outputs: ["cdkDropListDropped", "cdkDropListEntered", "cdkDropListExited", "cdkDropListSorted"], exportAs: ["cdkDropList"] }, { kind: "directive", type: i7.CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "directive", type: i7.CdkDragHandle, selector: "[cdkDragHandle]", inputs: ["cdkDragHandleDisabled"] }, { kind: "component", type: PrySelectGridLayoutCssComponent, selector: "pry-toolbox-css" }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }, { kind: "pipe", type: i3$1.I18nPipe, name: "i18n" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: PryFilterSettingsComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'pry-filter-settings', template: "<pry-toolbox-css></pry-toolbox-css>\n<div class=\"save-manifest-container\">\n  <div style=\"display: none\">\n    <ng-template #container></ng-template>\n  </div>\n  <button\n    type=\"button\"\n    class=\"a-btn a-btn--secondary\"\n    [disabled]=\"(attributes$ | async)?.length === 0\"\n    (click)=\"toggleSettings()\"\n    aria-haspopup=\"dialog\"\n  >\n    <ng-container *ngIf=\"label\">{{ '@pry.filters.label' | i18n }}</ng-container>\n  </button>\n</div>\n\n<ng-template #settings>\n  <div class=\"o-filters\">\n    <div class=\"o-filters__header\">\n      <ng-container *ngIf=\"currentStep === FilterSteps.LIST\">\n        <h2>{{ '@pry.filters.label' | i18n }}</h2>\n      </ng-container>\n      <ng-container *ngIf=\"currentStep === FilterSteps.CREATION || currentStep === FilterSteps.EDITION\">\n        <div class=\"u-display-flex -row -align-center\">\n          <button (click)=\"goBack()\" type=\"button\" class=\"back-button\">\n            <pry-icon iconSvg=\"chevron_right\"></pry-icon>\n          </button>\n          <h2>\n            {{\n              (currentStep === FilterSteps.CREATION ? '@pry.filters.creation.create' : '@pry.filters.creation.update')\n                | i18n\n            }}\n          </h2>\n        </div>\n      </ng-container>\n      <button (click)=\"toggleSettings()\" type=\"button\">\n        <pry-icon iconSvg=\"close\"></pry-icon>\n      </button>\n    </div>\n    <ng-container *ngIf=\"currentStep === FilterSteps.LIST\">\n      <div class=\"o-filters__content\">\n        <div *ngIf=\"(attributes$ | async)?.length === 0; else attributesExists\" class=\"a-table-wrapper\"></div>\n        <ng-template #attributesExists>\n          <table *ngIf=\"filters.length > 0; else noFilters\" class=\"a-table\">\n            <tbody cdkDropList [cdkDropListData]=\"filters\" (cdkDropListDropped)=\"drop($event)\">\n              <tr *ngFor=\"let filter of filters\" class=\"o-filters__filter\" cdkDrag>\n                <td>\n                  <span>{{ filter.name }}</span>\n                </td>\n                <td>\n                  <span>{{ getFilterAttributes(filter, 3) }}</span>\n                </td>\n                <td>\n                  <button type=\"button\" class=\"a-btn a-btn--primary\" (click)=\"deleteFilter(filter.id)\">\n                    {{ '@pry.action.delete' | i18n }}\n                  </button>\n                </td>\n                <td>\n                  <button type=\"button\" class=\"a-btn a-btn--primary\" (click)=\"goToEdition(filter)\">\n                    {{ '@pry.filters.list.modify' | i18n }}\n                  </button>\n                </td>\n                <td cdkDragHandle>\n                  <pry-icon iconSvg=\"drag_indicator\"></pry-icon>\n                </td>\n              </tr>\n            </tbody>\n          </table>\n          <ng-template #noFilters>\n            <span class=\"o-filters__no-filters\">{{ '@pry.filters.noFilters' | i18n }}</span>\n          </ng-template>\n          <button (click)=\"goToCreation()\" class=\"a-btn a-btn--primary\">{{ '@pry.filters.list.add' | i18n }}</button>\n        </ng-template>\n      </div>\n    </ng-container>\n    <ng-container *ngIf=\"currentStep === FilterSteps.CREATION || currentStep === FilterSteps.EDITION\">\n      <div class=\"o-filters__content\">\n        <div class=\"m-form-label-field\">\n          <label for=\"filterName\" class=\"a-label\">{{ '@pry.filters.creation.name' | i18n }}</label>\n          <input id=\"filterName\" class=\"a-form-field\" type=\"text\" [(ngModel)]=\"filter.name\" />\n        </div>\n        <div class=\"m-form-label-field\">\n          <label for=\"filterType\" class=\"a-label\">{{ '@pry.filters.creation.type' | i18n }}</label>\n          <pry-select\n            id=\"filterType\"\n            [placeholder]=\"'@pry.filters.creation.type' | i18n\"\n            [items]=\"types$ | async\"\n            bindLabel=\"label\"\n            bindValue=\"value\"\n            [(ngModel)]=\"filter.type\"\n            (ngModelChange)=\"updateFilterType($event)\"\n          >\n          </pry-select>\n        </div>\n        <div *ngIf=\"(currentFilterComponentType$ | async) === 'date'\" class=\"m-form-label-field u-display-flex -row\">\n          <label for=\"date-range\" class=\"a-label\">{{ '@pry.filters.creation.dateRange' | i18n }}</label>\n          <pry-checkbox\n            id=\"date-range\"\n            [(ngModel)]=\"filter.hasDateRange\"\n            (ngModelChange)=\"this.currentOperators$.next(getOperators())\"\n          />\n        </div>\n        <div *ngIf=\"(currentFilterComponentType$ | async) === 'list'\" class=\"m-form-label-field\">\n          <label for=\"possibleValues\" class=\"a-label\">{{ '@pry.filters.creation.values' | i18n }}</label>\n          <input\n            id=\"possibleValues\"\n            class=\"a-form-field\"\n            type=\"text\"\n            [(ngModel)]=\"filter.possibleValues\"\n            placeholder=\"valeur1, valeur2, valeur3\"\n          />\n        </div>\n        <div *ngIf=\"(currentFilterComponentType$ | async) === 'autocomplete'\" class=\"m-form-label-field\">\n          <label for=\"limit\" class=\"a-label\">{{ '@pry.filters.creation.limit' | i18n }}</label>\n          <input id=\"limit\" class=\"a-form-field\" type=\"number\" min=\"0\" max=\"50\" [(ngModel)]=\"filter.limit\" />\n        </div>\n        <div class=\"m-form-label-field\">\n          <label for=\"attributes\" class=\"a-label\">{{ '@pry.filters.creation.attributes' | i18n }}</label>\n          <pry-select\n            id=\"attributes\"\n            [multiple]=\"true\"\n            [clearable]=\"true\"\n            [closeOnSelect]=\"false\"\n            [items]=\"attributes$ | async\"\n            [ngModel]=\"filter.attributes\"\n            (ngModelChange)=\"selectAttribute($event)\"\n            [placeholder]=\"'@pry.filters.creation.attributes' | i18n\"\n            bindLabel=\"label\"\n            bindValue=\"id\"\n            bindClasses=\"classes\"\n          >\n          </pry-select>\n        </div>\n        <div class=\"m-form-label-field\">\n          <label for=\"operations\" class=\"a-label\">{{ '@pry.filters.attributes.operator' | i18n }}</label>\n          <pry-select\n            id=\"operations\"\n            [items]=\"currentOperators$ | async\"\n            [(ngModel)]=\"filter.operator\"\n            [placeholder]=\"'@pry.filters.attributes.operator' | i18n\"\n            bindLabel=\"label\"\n            bindValue=\"value\"\n            [disabled]=\"(currentFilterComponentType$ | async) === 'list'\"\n          >\n          </pry-select>\n        </div>\n        <button\n          class=\"a-btn a-btn--primary\"\n          (click)=\"submitFilter()\"\n          [disabled]=\"!(filter.name && filter.type && filter.attributes.length !== 0 && filter.operator)\"\n          type=\"submit\"\n        >\n          {{ '@pry.toolbox.manifest.validate' | i18n }}\n        </button>\n      </div>\n    </ng-container>\n  </div>\n</ng-template>\n" }]
+            args: [{ selector: 'pry-filter-settings', template: "<pry-toolbox-css></pry-toolbox-css>\n<div class=\"save-manifest-container\">\n  <div style=\"display: none\">\n    <ng-template #container></ng-template>\n  </div>\n  <button\n    type=\"button\"\n    class=\"a-btn a-btn--secondary\"\n    [disabled]=\"(attributes$ | async)?.length === 0\"\n    (click)=\"toggleSettings()\"\n    aria-haspopup=\"dialog\"\n  >\n    <ng-container *ngIf=\"label\">{{ '@pry.filters.label' | i18n }}</ng-container>\n  </button>\n</div>\n\n<ng-template #settings>\n  <div class=\"o-filters\">\n    <div class=\"o-filters__header\">\n      <ng-container *ngIf=\"currentStep === FilterSteps.LIST\">\n        <h2>{{ '@pry.filters.label' | i18n }}</h2>\n      </ng-container>\n      <ng-container *ngIf=\"currentStep === FilterSteps.CREATION || currentStep === FilterSteps.EDITION\">\n        <div class=\"u-display-flex -row -align-center\">\n          <button (click)=\"goBack()\" type=\"button\" class=\"back-button\">\n            <pry-icon iconSvg=\"chevron_right\"></pry-icon>\n          </button>\n          <h2>\n            {{\n              (currentStep === FilterSteps.CREATION ? '@pry.filters.creation.create' : '@pry.filters.creation.update')\n                | i18n\n            }}\n          </h2>\n        </div>\n      </ng-container>\n      <button (click)=\"toggleSettings()\" type=\"button\">\n        <pry-icon iconSvg=\"close\"></pry-icon>\n      </button>\n    </div>\n    <ng-container *ngIf=\"currentStep === FilterSteps.LIST\">\n      <div class=\"o-filters__content\">\n        <div *ngIf=\"(attributes$ | async)?.length === 0; else attributesExists\" class=\"a-table-wrapper\"></div>\n        <ng-template #attributesExists>\n          <table *ngIf=\"filters.length > 0; else noFilters\" class=\"a-table\">\n            <tbody cdkDropList [cdkDropListData]=\"filters\" (cdkDropListDropped)=\"drop($event)\">\n              <tr *ngFor=\"let filter of filters\" class=\"o-filters__filter\" cdkDrag>\n                <td>\n                  <span>{{ filter.name }}</span>\n                </td>\n                <td>\n                  <span>{{ getFilterAttributes(filter, 3) }}</span>\n                </td>\n                <td>\n                  <button type=\"button\" class=\"a-btn a-btn--primary\" (click)=\"deleteFilter(filter.id)\">\n                    {{ '@pry.action.delete' | i18n }}\n                  </button>\n                </td>\n                <td>\n                  <button type=\"button\" class=\"a-btn a-btn--primary\" (click)=\"goToEdition(filter)\">\n                    {{ '@pry.filters.list.modify' | i18n }}\n                  </button>\n                </td>\n                <td cdkDragHandle>\n                  <pry-icon iconSvg=\"drag_indicator\"></pry-icon>\n                </td>\n              </tr>\n            </tbody>\n          </table>\n          <ng-template #noFilters>\n            <span class=\"o-filters__no-filters\">{{ '@pry.filters.noFilters' | i18n }}</span>\n          </ng-template>\n          <button (click)=\"goToCreation()\" class=\"a-btn a-btn--primary\">{{ '@pry.filters.list.add' | i18n }}</button>\n        </ng-template>\n      </div>\n    </ng-container>\n    <ng-container *ngIf=\"currentStep === FilterSteps.CREATION || currentStep === FilterSteps.EDITION\">\n      <div class=\"o-filters__content\">\n        <div class=\"m-form-label-field\">\n          <label for=\"filterName\" class=\"a-label\">{{ '@pry.filters.creation.name' | i18n }}</label>\n          <input id=\"filterName\" class=\"a-form-field\" type=\"text\" [(ngModel)]=\"filter.name\" />\n        </div>\n        <div class=\"m-form-label-field\">\n          <label for=\"filterType\" class=\"a-label\">{{ '@pry.filters.creation.type' | i18n }}</label>\n          <pry-select\n            id=\"filterType\"\n            [placeholder]=\"'@pry.filters.creation.type' | i18n\"\n            [items]=\"types$ | async\"\n            bindLabel=\"label\"\n            bindValue=\"value\"\n            [(ngModel)]=\"filter.type\"\n            (ngModelChange)=\"updateFilterType($event)\"\n          >\n          </pry-select>\n        </div>\n        <div *ngIf=\"(currentFilterComponentType$ | async) === 'date'\" class=\"m-form-label-field u-display-flex -row\">\n          <label for=\"date-range\" class=\"a-label\">{{ '@pry.filters.creation.dateRange' | i18n }}</label>\n          <pry-checkbox\n            id=\"date-range\"\n            [(ngModel)]=\"filter.hasDateRange\"\n            (ngModelChange)=\"this.currentOperators$.next(getOperators())\"\n          />\n        </div>\n        <div *ngIf=\"(currentFilterComponentType$ | async) === 'list'\" class=\"m-form-label-field\">\n          <label for=\"possibleValues\" class=\"a-label\">{{ '@pry.filters.creation.values' | i18n }}</label>\n          <input\n            id=\"possibleValues\"\n            class=\"a-form-field\"\n            type=\"text\"\n            [(ngModel)]=\"filter.possibleValues\"\n            placeholder=\"valeur1, valeur2, valeur3\"\n          />\n        </div>\n        <div *ngIf=\"(currentFilterComponentType$ | async) === 'autocomplete'\" class=\"m-form-label-field\">\n          <label for=\"limit\" class=\"a-label\">{{ '@pry.filters.creation.limit' | i18n }}</label>\n          <input id=\"limit\" class=\"a-form-field\" type=\"number\" min=\"0\" max=\"50\" [(ngModel)]=\"filter.limit\" />\n        </div>\n        <div class=\"m-form-label-field\">\n          <label for=\"attributes\" class=\"a-label\">{{ '@pry.filters.creation.attributes' | i18n }}</label>\n          <pry-select\n            id=\"attributes\"\n            [multiple]=\"true\"\n            [clearable]=\"true\"\n            [closeOnSelect]=\"false\"\n            [items]=\"attributes$ | async\"\n            [ngModel]=\"filter.attributes\"\n            (ngModelChange)=\"selectAttribute($event)\"\n            [placeholder]=\"'@pry.filters.creation.attributes' | i18n\"\n            bindLabel=\"label\"\n            bindValue=\"customId\"\n            bindClasses=\"classes\"\n          >\n          </pry-select>\n        </div>\n        <div class=\"m-form-label-field\">\n          <label for=\"operations\" class=\"a-label\">{{ '@pry.filters.attributes.operator' | i18n }}</label>\n          <pry-select\n            id=\"operations\"\n            [items]=\"currentOperators$ | async\"\n            [(ngModel)]=\"filter.operator\"\n            [placeholder]=\"'@pry.filters.attributes.operator' | i18n\"\n            bindLabel=\"label\"\n            bindValue=\"value\"\n            [disabled]=\"(currentFilterComponentType$ | async) === 'list'\"\n          >\n          </pry-select>\n        </div>\n        <button\n          class=\"a-btn a-btn--primary\"\n          (click)=\"submitFilter()\"\n          [disabled]=\"!(filter.name && filter.type && filter.attributes.length !== 0 && filter.operator)\"\n          type=\"submit\"\n        >\n          {{ '@pry.toolbox.manifest.validate' | i18n }}\n        </button>\n      </div>\n    </ng-container>\n  </div>\n</ng-template>\n" }]
         }], ctorParameters: () => [{ type: i1.Store }, { type: i2.Overlay }, { type: i0.ViewContainerRef }, { type: i3$1.FilterFactoryService }, { type: i0.Injector }, { type: i3$1.PryI18nService }], propDecorators: { label: [{
                 type: Input
             }], templateSettings: [{
@@ -413,7 +422,7 @@ class SaveViewComponent extends ToolboxActionComponent {
         this.subscriptions.add(this.store.select(DashboardSelectors.presentation).subscribe((presentation) => {
             this.currentManifest = presentation.current
                 ? JSON.parse(JSON.stringify(presentation.current))
-                : { name: '', image: '', description: '', cover: false };
+                : { name: '', image: '', description: '' };
             this.initialNbPages = presentation.initial?.windows.length ?? 0;
             this.hasInitial = !!presentation.initial;
         }));
@@ -450,7 +459,6 @@ class SaveViewComponent extends ToolboxActionComponent {
                 description: this.currentManifest.description,
                 image: this.currentManifest.image,
                 groups: this.accessGroups,
-                cover: this.currentManifest?.cover ?? false,
                 owner: this.currentManifest?.owner,
                 metadata: undefined
             };
@@ -557,11 +565,11 @@ class SaveViewComponent extends ToolboxActionComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: SaveViewComponent, deps: [{ token: i1.Store }, { token: i2.Overlay }, { token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.3", type: SaveViewComponent, selector: "pry-save-view", inputs: { mode: "mode" }, viewQueries: [{ propertyName: "input", first: true, predicate: ["input"], descendants: true }, { propertyName: "saveAs", first: true, predicate: ["saveAs"], descendants: true }, { propertyName: "directiveSave", first: true, predicate: ["directiveSave"], descendants: true }, { propertyName: "firstFocusdirective", first: true, predicate: ["firstFocusdirective"], descendants: true }, { propertyName: "cross", first: true, predicate: ["cross"], descendants: true }, { propertyName: "confirm", first: true, predicate: ["confirm"], descendants: true }, { propertyName: "cancel", first: true, predicate: ["cancel"], descendants: true }, { propertyName: "templateSaveAs", first: true, predicate: ["templateSaveAs"], descendants: true, read: TemplateRef }, { propertyName: "templateDirectSaveType", first: true, predicate: ["templateDirectSaveType"], descendants: true, read: TemplateRef }], usesInheritance: true, ngImport: i0, template: "<ng-container *pryAccess=\"{ module: 'dashboard', page: 'toolbox', action: 'save' }\">\n  <ng-container *ngIf=\"mode === 'directSave'\">\n    <div [attr.aria-expanded]=\"saveTypeOpened\" aria-controls=\"directiveSave\" aria-describedby=\"infoTooltip_directSave\">\n      <button\n        type=\"button\"\n        #directiveSave\n        class=\"a-btn a-btn--primary\"\n        (click)=\"directSave()\"\n        [disabled]=\"!(isCurrentPresentationModified$ | async)\"\n        [hidden]=\"!(isCurrentPresentationOwner$ | async)\"\n      >\n        <ng-container *ngIf=\"displayLabels\">{{ '@pry.toolbox.save' | i18n }} ({{ nbPages }})</ng-container>\n      </button>\n    </div>\n  </ng-container>\n  <ng-container *ngIf=\"mode === 'saveAs'\">\n    <div\n      class=\"save-manifest-container\"\n      [attr.aria-expanded]=\"saveAsOpened\"\n      aria-controls=\"saveModal\"\n      aria-describedby=\"infoTooltip_saveAs\"\n    >\n      <button\n        type=\"button\"\n        #saveAs\n        class=\"a-btn a-btn--secondary\"\n        (click)=\"toggleSaveAs()\"\n        aria-haspopup=\"dialog\"\n      >\n        <ng-container *ngIf=\"displayLabels\">{{ '@pry.toolbox.rename' | i18n }} ({{ nbPages }})</ng-container>\n      </button>\n    </div>\n  </ng-container>\n</ng-container>\n<ng-template #templateSaveAs>\n  <div\n    class=\"o-modal\"\n    (click)=\"$event.stopPropagation()\"\n    id=\"saveModal\"\n    role=\"dialog\"\n    aria-modal=\"true\"\n    aria-labelledby=\"dialog_saveModal\"\n    (keydown.escape)=\"closeModals()\"\n  >\n    <div class=\"o-modal__top\">\n      <div class=\"o-modal__top__title\">\n        <h2 class=\"a-h2\" id=\"dialog_title\">{{ '@pry.toolbox.rename' | i18n }}</h2>\n      </div>\n      <div class=\"o-modal__top__close\">\n        <button class=\"a-btn a-btn--icon-only\" #cross (keydown.shift.tab)=\"focusValidation()\" (click)=\"toggleSaveAs()\">\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    <pry-stepper #stepper>\n      <pry-step>\n        <h4 class=\"m-stepper-item__title\" *stepTitle>{{ '@pry.presentation.add.info' | i18n }}</h4>\n        <form>\n          <div class=\"m-form-label-field\">\n            <label class=\"a-label\" id=\"label-name\" for=\"input-name\">{{ '@pry.toolbox.manifest.name' | i18n }}</label>\n            <input\n              type=\"text\"\n              id=\"input-name\"\n              name=\"input-name\"\n              class=\"a-form-field\"\n              placeholder=\"{{ '@pry.toolbox.manifest.name' | i18n }}\"\n              [ngModel]=\"currentManifest!.name\"\n              (ngModelChange)=\"changeValue($event)\"\n              aria-labelledby=\"label-name\"\n              maxlength=\"50\"\n              #input\n            />\n          </div>\n          <div class=\"m-form-label-field\">\n            <label class=\"a-label\" id=\"label-descr\" for=\"input-descr\">{{\n              '@pry.toolbox.manifest.description' | i18n\n            }}</label>\n            <input\n              type=\"text\"\n              id=\"input-descr\"\n              name=\"input-descr\"\n              class=\"a-form-field\"\n              placeholder=\"{{ '@pry.toolbox.manifest.description' | i18n }}\"\n              [ngModel]=\"currentManifest!.description\"\n              (ngModelChange)=\"changeDescr($event)\"\n              aria-labelledby=\"label-name\"\n              maxlength=\"200\"\n            />\n          </div>\n          <div class=\"m-form-label-field\">\n            <label class=\"a-label\" for=\"presentation_image\">{{ '@pry.presentation.form.image' | i18n }}</label>\n            <div class=\"o-file-input\">\n              <pry-select-image\n                id=\"presentation_image\"\n                (changed)=\"currentManifest!.image = $event\"\n                [iconUrl]=\"currentManifest!.image\"\n                [mode]=\"type\"\n              ></pry-select-image>\n              <pry-checkbox [(ngModel)]=\"currentManifest!.cover\" name=\"cover\">\n                {{ '@pry.presentation.form.cover' | i18n }}\n              </pry-checkbox>\n            </div>\n          </div>\n\n          <div class=\"m-btn-group\">\n            <button\n              type=\"button\"\n              class=\"a-btn a-btn--secondary\"\n              #cancel\n              (click)=\"toggleSaveAs()\"\n              (keydown.tab)=\"disableNextStep()\"\n            >\n              {{ '@pry.toolbox.manifest.close' | i18n }}\n            </button>\n            <button\n              type=\"submit\"\n              class=\"a-btn a-btn--primary\"\n              (click)=\"stepper.next()\"\n              [disabled]=\"!isValid()\"\n              (keydown.tab)=\"focusCrossElement()\"\n            >\n              {{ '@pry.action.next' | i18n }}\n            </button>\n          </div>\n        </form>\n      </pry-step>\n      <pry-step>\n        <h4 class=\"m-stepper-item__title\" *stepTitle>{{ '@pry.restitution.share' | i18n }}</h4>\n        <pry-group-share [(ngModel)]=\"accessGroups\" (ngModelChange)=\"changeAccessGroups($event)\"></pry-group-share>\n        <div class=\"m-btn-group\">\n          <button type=\"button\" class=\"a-btn a-btn--secondary\" (click)=\"stepper.prev()\">\n            {{ '@pry.action.back' | i18n }}\n          </button>\n          <button\n            type=\"submit\"\n            class=\"a-btn a-btn--primary\"\n            #confirm\n            (click)=\"save()\"\n            (keydown.tab)=\"focusCrossElement()\"\n          >\n            {{ '@pry.restitution.share' | i18n }}\n          </button>\n        </div>\n      </pry-step>\n    </pry-stepper>\n  </div>\n</ng-template>\n\n<ng-template #templateDirectSaveType>\n  <div\n    class=\"o-modal\"\n    (click)=\"$event.stopPropagation()\"\n    id=\"directiveSave\"\n    role=\"dialog\"\n    aria-labelledby=\"dialog_title\"\n    (keydown.escape)=\"closeModals()\"\n  >\n    <div class=\"o-modal__top\">\n      <div class=\"o-modal__top__title\">\n        <h2 class=\"a-h2\" id=\"dialog_title_\">{{ '@pry.toolbox.save' | i18n }}</h2>\n      </div>\n      <div class=\"o-modal__top__close\">\n        <button class=\"a-btn a-btn--icon-only\" #firstFocusdirective (click)=\"toggleDirectSaveType()\">\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>\n      <h3>{{ '@pry.snack.pagesChanged' | i18n }}</h3>\n    </div>\n    <div class=\"m-btn-group\">\n      <button class=\"a-btn a-btn--primary\" (click)=\"save()\">\n        {{ '@pry.toolbox.save' | i18n }}\n      </button>\n      <button class=\"a-btn a-btn--primary\" (click)=\"rename()\">\n        {{ '@pry.toolbox.rename' | i18n }}\n      </button>\n      <button class=\"a-btn a-btn--primary\" (click)=\"restore()\" (keydown.tab)=\"closeModals()\">\n        {{ '@pry.toolbox.restore' | i18n }}\n      </button>\n    </div>\n  </div>\n</ng-template>\n", dependencies: [{ kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i4.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i4.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: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i4.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i4.NgForm, selector: "form:not([ngNoForm]):not([formGroup]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i3$1.PryAccessDirective, selector: "[pryAccess]", inputs: ["pryAccess"] }, { kind: "component", type: i3$1.PrySelectImageComponent, selector: "pry-select-image", inputs: ["iconUrl", "size", "mode"], outputs: ["toggled", "changed"] }, { kind: "component", type: i3$1.PryIconComponent, selector: "pry-icon", inputs: ["color", "iconSvg", "animation", "iconImage", "alt", "width", "height", "classes"] }, { kind: "component", type: i6.PryCheckboxComponent, selector: "pry-checkbox", inputs: ["circle"] }, { kind: "component", type: i7$1.PryStepperComponent, selector: "pry-stepper", inputs: ["isConsultMode"], outputs: ["lastStepCompleted"] }, { kind: "component", type: i7$1.PryStepComponent, selector: "pry-step", inputs: ["setActiveState"] }, { kind: "directive", type: i7$1.PryStepTitleDirective, selector: "[stepTitle]" }, { kind: "component", type: i3$1.PryGroupShareComponent, selector: "pry-group-share" }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }, { kind: "pipe", type: i3$1.I18nPipe, name: "i18n" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.3", type: SaveViewComponent, selector: "pry-save-view", inputs: { mode: "mode" }, viewQueries: [{ propertyName: "input", first: true, predicate: ["input"], descendants: true }, { propertyName: "saveAs", first: true, predicate: ["saveAs"], descendants: true }, { propertyName: "directiveSave", first: true, predicate: ["directiveSave"], descendants: true }, { propertyName: "firstFocusdirective", first: true, predicate: ["firstFocusdirective"], descendants: true }, { propertyName: "cross", first: true, predicate: ["cross"], descendants: true }, { propertyName: "confirm", first: true, predicate: ["confirm"], descendants: true }, { propertyName: "cancel", first: true, predicate: ["cancel"], descendants: true }, { propertyName: "templateSaveAs", first: true, predicate: ["templateSaveAs"], descendants: true, read: TemplateRef }, { propertyName: "templateDirectSaveType", first: true, predicate: ["templateDirectSaveType"], descendants: true, read: TemplateRef }], usesInheritance: true, ngImport: i0, template: "<ng-container *pryAccess=\"{ module: 'dashboard', page: 'toolbox', action: 'save' }\">\n  <ng-container *ngIf=\"mode === 'directSave'\">\n    <div [attr.aria-expanded]=\"saveTypeOpened\" aria-controls=\"directiveSave\" aria-describedby=\"infoTooltip_directSave\">\n      <button\n        type=\"button\"\n        #directiveSave\n        class=\"a-btn a-btn--primary\"\n        (click)=\"directSave()\"\n        [disabled]=\"!(isCurrentPresentationModified$ | async)\"\n        [hidden]=\"!(isCurrentPresentationOwner$ | async)\"\n      >\n        <ng-container *ngIf=\"displayLabels\">{{ '@pry.toolbox.save' | i18n }} ({{ nbPages }})</ng-container>\n      </button>\n    </div>\n  </ng-container>\n  <ng-container *ngIf=\"mode === 'saveAs'\">\n    <div\n      class=\"save-manifest-container\"\n      [attr.aria-expanded]=\"saveAsOpened\"\n      aria-controls=\"saveModal\"\n      aria-describedby=\"infoTooltip_saveAs\"\n    >\n      <button\n        type=\"button\"\n        #saveAs\n        class=\"a-btn a-btn--secondary\"\n        (click)=\"toggleSaveAs()\"\n        aria-haspopup=\"dialog\"\n      >\n        <ng-container *ngIf=\"displayLabels\">{{ '@pry.toolbox.rename' | i18n }} ({{ nbPages }})</ng-container>\n      </button>\n    </div>\n  </ng-container>\n</ng-container>\n<ng-template #templateSaveAs>\n  <div\n    class=\"o-modal\"\n    (click)=\"$event.stopPropagation()\"\n    id=\"saveModal\"\n    role=\"dialog\"\n    aria-modal=\"true\"\n    aria-labelledby=\"dialog_saveModal\"\n    (keydown.escape)=\"closeModals()\"\n  >\n    <div class=\"o-modal__top\">\n      <div class=\"o-modal__top__title\">\n        <h2 class=\"a-h2\" id=\"dialog_title\">{{ '@pry.toolbox.rename' | i18n }}</h2>\n      </div>\n      <div class=\"o-modal__top__close\">\n        <button class=\"a-btn a-btn--icon-only\" #cross (keydown.shift.tab)=\"focusValidation()\" (click)=\"toggleSaveAs()\">\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    <pry-stepper #stepper>\n      <pry-step>\n        <h4 class=\"m-stepper-item__title\" *stepTitle>{{ '@pry.presentation.add.info' | i18n }}</h4>\n        <form>\n          <div class=\"m-form-label-field\">\n            <label class=\"a-label\" id=\"label-name\" for=\"input-name\">{{ '@pry.toolbox.manifest.name' | i18n }}</label>\n            <input\n              type=\"text\"\n              id=\"input-name\"\n              name=\"input-name\"\n              class=\"a-form-field\"\n              placeholder=\"{{ '@pry.toolbox.manifest.name' | i18n }}\"\n              [ngModel]=\"currentManifest!.name\"\n              (ngModelChange)=\"changeValue($event)\"\n              aria-labelledby=\"label-name\"\n              maxlength=\"50\"\n              #input\n            />\n          </div>\n          <div class=\"m-form-label-field\">\n            <label class=\"a-label\" id=\"label-descr\" for=\"input-descr\">{{\n              '@pry.toolbox.manifest.description' | i18n\n            }}</label>\n            <input\n              type=\"text\"\n              id=\"input-descr\"\n              name=\"input-descr\"\n              class=\"a-form-field\"\n              placeholder=\"{{ '@pry.toolbox.manifest.description' | i18n }}\"\n              [ngModel]=\"currentManifest!.description\"\n              (ngModelChange)=\"changeDescr($event)\"\n              aria-labelledby=\"label-name\"\n              maxlength=\"200\"\n            />\n          </div>\n          <div class=\"m-form-label-field\">\n            <label class=\"a-label\" for=\"presentation_image\">{{ '@pry.presentation.form.image' | i18n }}</label>\n            <div class=\"o-file-input\">\n              <pry-select-image\n                id=\"presentation_image\"\n                (changed)=\"currentManifest!.image = $event\"\n                [iconUrl]=\"currentManifest!.image\"\n                [mode]=\"type\"\n              ></pry-select-image>\n            </div>\n          </div>\n\n          <div class=\"m-btn-group\">\n            <button\n              type=\"button\"\n              class=\"a-btn a-btn--secondary\"\n              #cancel\n              (click)=\"toggleSaveAs()\"\n              (keydown.tab)=\"disableNextStep()\"\n            >\n              {{ '@pry.toolbox.manifest.close' | i18n }}\n            </button>\n            <button\n              type=\"submit\"\n              class=\"a-btn a-btn--primary\"\n              (click)=\"stepper.next()\"\n              [disabled]=\"!isValid()\"\n              (keydown.tab)=\"focusCrossElement()\"\n            >\n              {{ '@pry.action.next' | i18n }}\n            </button>\n          </div>\n        </form>\n      </pry-step>\n      <pry-step>\n        <h4 class=\"m-stepper-item__title\" *stepTitle>{{ '@pry.restitution.share' | i18n }}</h4>\n        <pry-group-share [(ngModel)]=\"accessGroups\" (ngModelChange)=\"changeAccessGroups($event)\"></pry-group-share>\n        <div class=\"m-btn-group\">\n          <button type=\"button\" class=\"a-btn a-btn--secondary\" (click)=\"stepper.prev()\">\n            {{ '@pry.action.back' | i18n }}\n          </button>\n          <button\n            type=\"submit\"\n            class=\"a-btn a-btn--primary\"\n            #confirm\n            (click)=\"save()\"\n            (keydown.tab)=\"focusCrossElement()\"\n          >\n            {{ '@pry.restitution.share' | i18n }}\n          </button>\n        </div>\n      </pry-step>\n    </pry-stepper>\n  </div>\n</ng-template>\n\n<ng-template #templateDirectSaveType>\n  <div\n    class=\"o-modal\"\n    (click)=\"$event.stopPropagation()\"\n    id=\"directiveSave\"\n    role=\"dialog\"\n    aria-labelledby=\"dialog_title\"\n    (keydown.escape)=\"closeModals()\"\n  >\n    <div class=\"o-modal__top\">\n      <div class=\"o-modal__top__title\">\n        <h2 class=\"a-h2\" id=\"dialog_title_\">{{ '@pry.toolbox.save' | i18n }}</h2>\n      </div>\n      <div class=\"o-modal__top__close\">\n        <button class=\"a-btn a-btn--icon-only\" #firstFocusdirective (click)=\"toggleDirectSaveType()\">\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>\n      <h3>{{ '@pry.snack.pagesChanged' | i18n }}</h3>\n    </div>\n    <div class=\"m-btn-group\">\n      <button class=\"a-btn a-btn--primary\" (click)=\"save()\">\n        {{ '@pry.toolbox.save' | i18n }}\n      </button>\n      <button class=\"a-btn a-btn--primary\" (click)=\"rename()\">\n        {{ '@pry.toolbox.rename' | i18n }}\n      </button>\n      <button class=\"a-btn a-btn--primary\" (click)=\"restore()\" (keydown.tab)=\"closeModals()\">\n        {{ '@pry.toolbox.restore' | i18n }}\n      </button>\n    </div>\n  </div>\n</ng-template>\n", dependencies: [{ kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i4.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i4.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: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i4.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i4.NgForm, selector: "form:not([ngNoForm]):not([formGroup]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i3$1.PryAccessDirective, selector: "[pryAccess]", inputs: ["pryAccess"] }, { kind: "component", type: i3$1.PrySelectImageComponent, selector: "pry-select-image", inputs: ["iconUrl", "size", "mode"], outputs: ["toggled", "changed"] }, { kind: "component", type: i3$1.PryIconComponent, selector: "pry-icon", inputs: ["color", "iconSvg", "animation", "iconImage", "alt", "width", "height", "classes"] }, { kind: "component", type: i6$1.PryStepperComponent, selector: "pry-stepper", inputs: ["isConsultMode"], outputs: ["lastStepCompleted"] }, { kind: "component", type: i6$1.PryStepComponent, selector: "pry-step", inputs: ["setActiveState"] }, { kind: "directive", type: i6$1.PryStepTitleDirective, selector: "[stepTitle]" }, { kind: "component", type: i3$1.PryGroupShareComponent, selector: "pry-group-share", inputs: ["disableRadios", "allowedGroups"], outputs: ["radioValueChange"] }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }, { kind: "pipe", type: i3$1.I18nPipe, name: "i18n" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: SaveViewComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'pry-save-view', template: "<ng-container *pryAccess=\"{ module: 'dashboard', page: 'toolbox', action: 'save' }\">\n  <ng-container *ngIf=\"mode === 'directSave'\">\n    <div [attr.aria-expanded]=\"saveTypeOpened\" aria-controls=\"directiveSave\" aria-describedby=\"infoTooltip_directSave\">\n      <button\n        type=\"button\"\n        #directiveSave\n        class=\"a-btn a-btn--primary\"\n        (click)=\"directSave()\"\n        [disabled]=\"!(isCurrentPresentationModified$ | async)\"\n        [hidden]=\"!(isCurrentPresentationOwner$ | async)\"\n      >\n        <ng-container *ngIf=\"displayLabels\">{{ '@pry.toolbox.save' | i18n }} ({{ nbPages }})</ng-container>\n      </button>\n    </div>\n  </ng-container>\n  <ng-container *ngIf=\"mode === 'saveAs'\">\n    <div\n      class=\"save-manifest-container\"\n      [attr.aria-expanded]=\"saveAsOpened\"\n      aria-controls=\"saveModal\"\n      aria-describedby=\"infoTooltip_saveAs\"\n    >\n      <button\n        type=\"button\"\n        #saveAs\n        class=\"a-btn a-btn--secondary\"\n        (click)=\"toggleSaveAs()\"\n        aria-haspopup=\"dialog\"\n      >\n        <ng-container *ngIf=\"displayLabels\">{{ '@pry.toolbox.rename' | i18n }} ({{ nbPages }})</ng-container>\n      </button>\n    </div>\n  </ng-container>\n</ng-container>\n<ng-template #templateSaveAs>\n  <div\n    class=\"o-modal\"\n    (click)=\"$event.stopPropagation()\"\n    id=\"saveModal\"\n    role=\"dialog\"\n    aria-modal=\"true\"\n    aria-labelledby=\"dialog_saveModal\"\n    (keydown.escape)=\"closeModals()\"\n  >\n    <div class=\"o-modal__top\">\n      <div class=\"o-modal__top__title\">\n        <h2 class=\"a-h2\" id=\"dialog_title\">{{ '@pry.toolbox.rename' | i18n }}</h2>\n      </div>\n      <div class=\"o-modal__top__close\">\n        <button class=\"a-btn a-btn--icon-only\" #cross (keydown.shift.tab)=\"focusValidation()\" (click)=\"toggleSaveAs()\">\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    <pry-stepper #stepper>\n      <pry-step>\n        <h4 class=\"m-stepper-item__title\" *stepTitle>{{ '@pry.presentation.add.info' | i18n }}</h4>\n        <form>\n          <div class=\"m-form-label-field\">\n            <label class=\"a-label\" id=\"label-name\" for=\"input-name\">{{ '@pry.toolbox.manifest.name' | i18n }}</label>\n            <input\n              type=\"text\"\n              id=\"input-name\"\n              name=\"input-name\"\n              class=\"a-form-field\"\n              placeholder=\"{{ '@pry.toolbox.manifest.name' | i18n }}\"\n              [ngModel]=\"currentManifest!.name\"\n              (ngModelChange)=\"changeValue($event)\"\n              aria-labelledby=\"label-name\"\n              maxlength=\"50\"\n              #input\n            />\n          </div>\n          <div class=\"m-form-label-field\">\n            <label class=\"a-label\" id=\"label-descr\" for=\"input-descr\">{{\n              '@pry.toolbox.manifest.description' | i18n\n            }}</label>\n            <input\n              type=\"text\"\n              id=\"input-descr\"\n              name=\"input-descr\"\n              class=\"a-form-field\"\n              placeholder=\"{{ '@pry.toolbox.manifest.description' | i18n }}\"\n              [ngModel]=\"currentManifest!.description\"\n              (ngModelChange)=\"changeDescr($event)\"\n              aria-labelledby=\"label-name\"\n              maxlength=\"200\"\n            />\n          </div>\n          <div class=\"m-form-label-field\">\n            <label class=\"a-label\" for=\"presentation_image\">{{ '@pry.presentation.form.image' | i18n }}</label>\n            <div class=\"o-file-input\">\n              <pry-select-image\n                id=\"presentation_image\"\n                (changed)=\"currentManifest!.image = $event\"\n                [iconUrl]=\"currentManifest!.image\"\n                [mode]=\"type\"\n              ></pry-select-image>\n              <pry-checkbox [(ngModel)]=\"currentManifest!.cover\" name=\"cover\">\n                {{ '@pry.presentation.form.cover' | i18n }}\n              </pry-checkbox>\n            </div>\n          </div>\n\n          <div class=\"m-btn-group\">\n            <button\n              type=\"button\"\n              class=\"a-btn a-btn--secondary\"\n              #cancel\n              (click)=\"toggleSaveAs()\"\n              (keydown.tab)=\"disableNextStep()\"\n            >\n              {{ '@pry.toolbox.manifest.close' | i18n }}\n            </button>\n            <button\n              type=\"submit\"\n              class=\"a-btn a-btn--primary\"\n              (click)=\"stepper.next()\"\n              [disabled]=\"!isValid()\"\n              (keydown.tab)=\"focusCrossElement()\"\n            >\n              {{ '@pry.action.next' | i18n }}\n            </button>\n          </div>\n        </form>\n      </pry-step>\n      <pry-step>\n        <h4 class=\"m-stepper-item__title\" *stepTitle>{{ '@pry.restitution.share' | i18n }}</h4>\n        <pry-group-share [(ngModel)]=\"accessGroups\" (ngModelChange)=\"changeAccessGroups($event)\"></pry-group-share>\n        <div class=\"m-btn-group\">\n          <button type=\"button\" class=\"a-btn a-btn--secondary\" (click)=\"stepper.prev()\">\n            {{ '@pry.action.back' | i18n }}\n          </button>\n          <button\n            type=\"submit\"\n            class=\"a-btn a-btn--primary\"\n            #confirm\n            (click)=\"save()\"\n            (keydown.tab)=\"focusCrossElement()\"\n          >\n            {{ '@pry.restitution.share' | i18n }}\n          </button>\n        </div>\n      </pry-step>\n    </pry-stepper>\n  </div>\n</ng-template>\n\n<ng-template #templateDirectSaveType>\n  <div\n    class=\"o-modal\"\n    (click)=\"$event.stopPropagation()\"\n    id=\"directiveSave\"\n    role=\"dialog\"\n    aria-labelledby=\"dialog_title\"\n    (keydown.escape)=\"closeModals()\"\n  >\n    <div class=\"o-modal__top\">\n      <div class=\"o-modal__top__title\">\n        <h2 class=\"a-h2\" id=\"dialog_title_\">{{ '@pry.toolbox.save' | i18n }}</h2>\n      </div>\n      <div class=\"o-modal__top__close\">\n        <button class=\"a-btn a-btn--icon-only\" #firstFocusdirective (click)=\"toggleDirectSaveType()\">\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>\n      <h3>{{ '@pry.snack.pagesChanged' | i18n }}</h3>\n    </div>\n    <div class=\"m-btn-group\">\n      <button class=\"a-btn a-btn--primary\" (click)=\"save()\">\n        {{ '@pry.toolbox.save' | i18n }}\n      </button>\n      <button class=\"a-btn a-btn--primary\" (click)=\"rename()\">\n        {{ '@pry.toolbox.rename' | i18n }}\n      </button>\n      <button class=\"a-btn a-btn--primary\" (click)=\"restore()\" (keydown.tab)=\"closeModals()\">\n        {{ '@pry.toolbox.restore' | i18n }}\n      </button>\n    </div>\n  </div>\n</ng-template>\n" }]
+            args: [{ selector: 'pry-save-view', template: "<ng-container *pryAccess=\"{ module: 'dashboard', page: 'toolbox', action: 'save' }\">\n  <ng-container *ngIf=\"mode === 'directSave'\">\n    <div [attr.aria-expanded]=\"saveTypeOpened\" aria-controls=\"directiveSave\" aria-describedby=\"infoTooltip_directSave\">\n      <button\n        type=\"button\"\n        #directiveSave\n        class=\"a-btn a-btn--primary\"\n        (click)=\"directSave()\"\n        [disabled]=\"!(isCurrentPresentationModified$ | async)\"\n        [hidden]=\"!(isCurrentPresentationOwner$ | async)\"\n      >\n        <ng-container *ngIf=\"displayLabels\">{{ '@pry.toolbox.save' | i18n }} ({{ nbPages }})</ng-container>\n      </button>\n    </div>\n  </ng-container>\n  <ng-container *ngIf=\"mode === 'saveAs'\">\n    <div\n      class=\"save-manifest-container\"\n      [attr.aria-expanded]=\"saveAsOpened\"\n      aria-controls=\"saveModal\"\n      aria-describedby=\"infoTooltip_saveAs\"\n    >\n      <button\n        type=\"button\"\n        #saveAs\n        class=\"a-btn a-btn--secondary\"\n        (click)=\"toggleSaveAs()\"\n        aria-haspopup=\"dialog\"\n      >\n        <ng-container *ngIf=\"displayLabels\">{{ '@pry.toolbox.rename' | i18n }} ({{ nbPages }})</ng-container>\n      </button>\n    </div>\n  </ng-container>\n</ng-container>\n<ng-template #templateSaveAs>\n  <div\n    class=\"o-modal\"\n    (click)=\"$event.stopPropagation()\"\n    id=\"saveModal\"\n    role=\"dialog\"\n    aria-modal=\"true\"\n    aria-labelledby=\"dialog_saveModal\"\n    (keydown.escape)=\"closeModals()\"\n  >\n    <div class=\"o-modal__top\">\n      <div class=\"o-modal__top__title\">\n        <h2 class=\"a-h2\" id=\"dialog_title\">{{ '@pry.toolbox.rename' | i18n }}</h2>\n      </div>\n      <div class=\"o-modal__top__close\">\n        <button class=\"a-btn a-btn--icon-only\" #cross (keydown.shift.tab)=\"focusValidation()\" (click)=\"toggleSaveAs()\">\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    <pry-stepper #stepper>\n      <pry-step>\n        <h4 class=\"m-stepper-item__title\" *stepTitle>{{ '@pry.presentation.add.info' | i18n }}</h4>\n        <form>\n          <div class=\"m-form-label-field\">\n            <label class=\"a-label\" id=\"label-name\" for=\"input-name\">{{ '@pry.toolbox.manifest.name' | i18n }}</label>\n            <input\n              type=\"text\"\n              id=\"input-name\"\n              name=\"input-name\"\n              class=\"a-form-field\"\n              placeholder=\"{{ '@pry.toolbox.manifest.name' | i18n }}\"\n              [ngModel]=\"currentManifest!.name\"\n              (ngModelChange)=\"changeValue($event)\"\n              aria-labelledby=\"label-name\"\n              maxlength=\"50\"\n              #input\n            />\n          </div>\n          <div class=\"m-form-label-field\">\n            <label class=\"a-label\" id=\"label-descr\" for=\"input-descr\">{{\n              '@pry.toolbox.manifest.description' | i18n\n            }}</label>\n            <input\n              type=\"text\"\n              id=\"input-descr\"\n              name=\"input-descr\"\n              class=\"a-form-field\"\n              placeholder=\"{{ '@pry.toolbox.manifest.description' | i18n }}\"\n              [ngModel]=\"currentManifest!.description\"\n              (ngModelChange)=\"changeDescr($event)\"\n              aria-labelledby=\"label-name\"\n              maxlength=\"200\"\n            />\n          </div>\n          <div class=\"m-form-label-field\">\n            <label class=\"a-label\" for=\"presentation_image\">{{ '@pry.presentation.form.image' | i18n }}</label>\n            <div class=\"o-file-input\">\n              <pry-select-image\n                id=\"presentation_image\"\n                (changed)=\"currentManifest!.image = $event\"\n                [iconUrl]=\"currentManifest!.image\"\n                [mode]=\"type\"\n              ></pry-select-image>\n            </div>\n          </div>\n\n          <div class=\"m-btn-group\">\n            <button\n              type=\"button\"\n              class=\"a-btn a-btn--secondary\"\n              #cancel\n              (click)=\"toggleSaveAs()\"\n              (keydown.tab)=\"disableNextStep()\"\n            >\n              {{ '@pry.toolbox.manifest.close' | i18n }}\n            </button>\n            <button\n              type=\"submit\"\n              class=\"a-btn a-btn--primary\"\n              (click)=\"stepper.next()\"\n              [disabled]=\"!isValid()\"\n              (keydown.tab)=\"focusCrossElement()\"\n            >\n              {{ '@pry.action.next' | i18n }}\n            </button>\n          </div>\n        </form>\n      </pry-step>\n      <pry-step>\n        <h4 class=\"m-stepper-item__title\" *stepTitle>{{ '@pry.restitution.share' | i18n }}</h4>\n        <pry-group-share [(ngModel)]=\"accessGroups\" (ngModelChange)=\"changeAccessGroups($event)\"></pry-group-share>\n        <div class=\"m-btn-group\">\n          <button type=\"button\" class=\"a-btn a-btn--secondary\" (click)=\"stepper.prev()\">\n            {{ '@pry.action.back' | i18n }}\n          </button>\n          <button\n            type=\"submit\"\n            class=\"a-btn a-btn--primary\"\n            #confirm\n            (click)=\"save()\"\n            (keydown.tab)=\"focusCrossElement()\"\n          >\n            {{ '@pry.restitution.share' | i18n }}\n          </button>\n        </div>\n      </pry-step>\n    </pry-stepper>\n  </div>\n</ng-template>\n\n<ng-template #templateDirectSaveType>\n  <div\n    class=\"o-modal\"\n    (click)=\"$event.stopPropagation()\"\n    id=\"directiveSave\"\n    role=\"dialog\"\n    aria-labelledby=\"dialog_title\"\n    (keydown.escape)=\"closeModals()\"\n  >\n    <div class=\"o-modal__top\">\n      <div class=\"o-modal__top__title\">\n        <h2 class=\"a-h2\" id=\"dialog_title_\">{{ '@pry.toolbox.save' | i18n }}</h2>\n      </div>\n      <div class=\"o-modal__top__close\">\n        <button class=\"a-btn a-btn--icon-only\" #firstFocusdirective (click)=\"toggleDirectSaveType()\">\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>\n      <h3>{{ '@pry.snack.pagesChanged' | i18n }}</h3>\n    </div>\n    <div class=\"m-btn-group\">\n      <button class=\"a-btn a-btn--primary\" (click)=\"save()\">\n        {{ '@pry.toolbox.save' | i18n }}\n      </button>\n      <button class=\"a-btn a-btn--primary\" (click)=\"rename()\">\n        {{ '@pry.toolbox.rename' | i18n }}\n      </button>\n      <button class=\"a-btn a-btn--primary\" (click)=\"restore()\" (keydown.tab)=\"closeModals()\">\n        {{ '@pry.toolbox.restore' | i18n }}\n      </button>\n    </div>\n  </div>\n</ng-template>\n" }]
         }], ctorParameters: () => [{ type: i1.Store }, { type: i2.Overlay }, { type: i0.ViewContainerRef }], propDecorators: { mode: [{
                 type: Input
             }], input: [{
@@ -865,14 +873,13 @@ class ShareComponent extends ToolboxActionComponent {
                 name: this.presentation.current.name ?? '',
                 description: this.presentation.current.description ?? '',
                 image: this.presentation.current.image ?? '',
-                cover: this.presentation.current.cover ?? false,
                 groups: this.accessGroups
             }));
         }
         this.toggleModal();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: ShareComponent, deps: [{ token: i1.Store }, { token: i2.Overlay }, { token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.3", type: ShareComponent, selector: "pry-share-pres", viewQueries: [{ propertyName: "template", first: true, predicate: ["modal"], descendants: true, read: TemplateRef }], usesInheritance: true, ngImport: i0, template: "<ng-container *ngIf=\"this.presentation?.current?.owner\">\n  <button type=\"button\" class=\"a-btn a-btn--secondary\" (click)=\"trigger()\">\n    <ng-container *ngIf=\"displayLabels\">{{ '@pry.toolbox.share' | i18n }}</ng-container>\n  </button>\n</ng-container>\n<ng-template #modal>\n  <div\n    class=\"o-modal\"\n    #visibilityModal\n    role=\"dialog\"\n    aria-modal=\"true\"\n    aria-labelledby=\"dialog change visibility\"\n    *ngIf=\"presentation as selectedPresentation\"\n  >\n    <div class=\"o-modal__top\">\n      <div class=\"o-modal__top__title\">\n        <h2 class=\"a-h2\" id=\"dialog_title\">{{ '@pry.toolbox.share' | i18n }}</h2>\n      </div>\n      <div class=\"o-modal__top__close\">\n        <button class=\"a-btn a-btn--icon-only\" #crossVisibility (click)=\"toggleModal()\">\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    <pry-group-share\n      [ngModel]=\"selectedPresentation.current?.groups\"\n      (ngModelChange)=\"accessGroups = $event\"\n    ></pry-group-share>\n    <div class=\"m-btn-group\">\n      <button type=\"button\" class=\"a-btn a-btn--secondary\" (click)=\"toggleModal()\">\n        {{ '@pry.toolbox.manifest.close' | i18n }}\n      </button>\n      <button type=\"submit\" class=\"a-btn a-btn--primary\" #submit (click)=\"changeVisibility()\">\n        {{ '@pry.toolbox.manifest.check' | i18n }}\n      </button>\n    </div>\n  </div>\n</ng-template>\n", dependencies: [{ kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i3$1.PryIconComponent, selector: "pry-icon", inputs: ["color", "iconSvg", "animation", "iconImage", "alt", "width", "height", "classes"] }, { kind: "component", type: i3$1.PryGroupShareComponent, selector: "pry-group-share" }, { kind: "pipe", type: i3$1.I18nPipe, name: "i18n" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.3", type: ShareComponent, selector: "pry-share-pres", viewQueries: [{ propertyName: "template", first: true, predicate: ["modal"], descendants: true, read: TemplateRef }], usesInheritance: true, ngImport: i0, template: "<ng-container *ngIf=\"this.presentation?.current?.owner\">\n  <button type=\"button\" class=\"a-btn a-btn--secondary\" (click)=\"trigger()\">\n    <ng-container *ngIf=\"displayLabels\">{{ '@pry.toolbox.share' | i18n }}</ng-container>\n  </button>\n</ng-container>\n<ng-template #modal>\n  <div\n    class=\"o-modal\"\n    #visibilityModal\n    role=\"dialog\"\n    aria-modal=\"true\"\n    aria-labelledby=\"dialog change visibility\"\n    *ngIf=\"presentation as selectedPresentation\"\n  >\n    <div class=\"o-modal__top\">\n      <div class=\"o-modal__top__title\">\n        <h2 class=\"a-h2\" id=\"dialog_title\">{{ '@pry.toolbox.share' | i18n }}</h2>\n      </div>\n      <div class=\"o-modal__top__close\">\n        <button class=\"a-btn a-btn--icon-only\" #crossVisibility (click)=\"toggleModal()\">\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    <pry-group-share\n      [ngModel]=\"selectedPresentation.current?.groups\"\n      (ngModelChange)=\"accessGroups = $event\"\n    ></pry-group-share>\n    <div class=\"m-btn-group\">\n      <button type=\"button\" class=\"a-btn a-btn--secondary\" (click)=\"toggleModal()\">\n        {{ '@pry.toolbox.manifest.close' | i18n }}\n      </button>\n      <button type=\"submit\" class=\"a-btn a-btn--primary\" #submit (click)=\"changeVisibility()\">\n        {{ '@pry.toolbox.manifest.check' | i18n }}\n      </button>\n    </div>\n  </div>\n</ng-template>\n", dependencies: [{ kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i3$1.PryIconComponent, selector: "pry-icon", inputs: ["color", "iconSvg", "animation", "iconImage", "alt", "width", "height", "classes"] }, { kind: "component", type: i3$1.PryGroupShareComponent, selector: "pry-group-share", inputs: ["disableRadios", "allowedGroups"], outputs: ["radioValueChange"] }, { kind: "pipe", type: i3$1.I18nPipe, name: "i18n" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: ShareComponent, decorators: [{
             type: Component,