@provoly/dashboard 1.4.44 → 1.4.45

package/fesm2022/provoly-dashboard-toolbox.mjs

@@ -479,6 +479,7 @@ class PresentationFormComponent extends SubscriptionnerDirective {
         this.possibleThemes = [];
         this.mode = 'meta';
         this.themePrefix = null;
+        this.errorDuplicatingText = null;
         this.selectedPresentation$ = new BehaviorSubject(undefined);
         this.formValue = new BehaviorSubject(undefined);
         this.isFormValid = new BehaviorSubject(false);
@@ -537,15 +538,17 @@ class PresentationFormComponent extends SubscriptionnerDirective {
         this.formValue.next(this.getFormValue());
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: PresentationFormComponent, deps: [{ token: i1.Store }, { token: i3.PryI18nService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.7", type: PresentationFormComponent, selector: "pry-presentation-form", inputs: { mode: "mode", themePrefix: "themePrefix", selectedPresentation: "selectedPresentation" }, outputs: { formValue: "formValue", isFormValid: "isFormValid" }, viewQueries: [{ propertyName: "input", first: true, predicate: ["input"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<form [formGroup]=\"form\" class=\"o-presentation-form\">\n  <div class=\"m-form-label-field -width-full\">\n    <label class=\"a-label\" for=\"presentation_name\"\n      >{{ '@pry.presentation.form.name.title' | i18n }}<span class=\"required\">*</span></label\n    >\n    <input\n      type=\"text\"\n      id=\"presentation_name\"\n      formControlName=\"name\"\n      placeholder=\"{{ '@pry.presentation.form.name.placeholder' | i18n }}\"\n      class=\"a-form-field\"\n      maxlength=\"50\"\n      required\n      #input\n    />\n    @if (name.touched && name.errors?.['required']) {\n      <label for=\"presentation_name\" class=\"a-label a-label--help -error\">\n        {{ '@pry.presentation.required' | i18n }}\n      </label>\n    }\n    @if (name.touched && name.errors?.['maxlength']) {\n      <label for=\"presentation_name\" class=\"a-label a-label--help -error\">\n        {{ '@pry.presentation.maxLength' | i18n: { len: '50' } }}\n      </label>\n    }\n  </div>\n  <div class=\"m-form-label-field -width-full\">\n    <label class=\"a-label\" for=\"presentation_description\">{{\n      '@pry.presentation.form.description.title' | i18n\n    }}</label>\n    <textarea\n      formControlName=\"description\"\n      id=\"presentation_description\"\n      name=\"description\"\n      cols=\"30\"\n      rows=\"5\"\n      maxlength=\"200\"\n      placeholder=\"{{ '@pry.presentation.form.description.placeholder' | i18n }}\"\n      class=\"a-form-field\"\n    ></textarea>\n    @if (description.touched && description.errors?.['maxlength']) {\n      <label for=\"presentation_description\" class=\"a-label a-label--help -error\">\n        {{ '@pry.presentation.maxLength' | i18n: { len: '200' } }}\n      </label>\n    }\n  </div>\n  @if (mode === 'theme') {\n    <div class=\"m-form-label-field -width-full\">\n      <label class=\"a-label\" for=\"presentation_theme\"\n        >{{ '@pry.presentation.form.theme' | i18n }}<span class=\"required\">*</span></label\n      >\n      <pry-select\n        id=\"presentation_theme\"\n        [items]=\"possibleThemes\"\n        formControlName=\"theme\"\n        [clearable]=\"true\"\n        [i18nPrefix]=\"themePrefix\"\n      ></pry-select>\n    </div>\n  }\n  <div class=\"m-form-label-field -width-full\">\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)=\"onImageChanged($event)\"\n        [iconUrl]=\"image\"\n        [mode]=\"type\"\n      ></pry-select-image>\n    </div>\n  </div>\n  <div class=\"m-form-label-field -width-full\">\n    <label class=\"a-label\" for=\"presentation_image\">{{ '@pry.toolbox.about' | i18n }}</label>\n    <pry-text-editor formControlName=\"additionalInformation\"></pry-text-editor>\n  </div>\n</form>\n", dependencies: [{ kind: "directive", type: i3$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i3$1.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$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i3$1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i3$1.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "component", type: i3.PrySelectImageComponent, selector: "pry-select-image", inputs: ["iconUrl", "size", "mode"], outputs: ["toggled", "changed"] }, { kind: "component", type: i3.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", "pressedEnter"] }, { kind: "component", type: i4.PryTextEditorComponent, selector: "pry-text-editor", inputs: ["tabView"] }, { kind: "directive", type: i3$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i3$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "pipe", type: i3.I18nPipe, name: "i18n" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.7", type: PresentationFormComponent, selector: "pry-presentation-form", inputs: { mode: "mode", themePrefix: "themePrefix", errorDuplicatingText: "errorDuplicatingText", selectedPresentation: "selectedPresentation" }, outputs: { formValue: "formValue", isFormValid: "isFormValid" }, viewQueries: [{ propertyName: "input", first: true, predicate: ["input"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<form [formGroup]=\"form\" class=\"o-presentation-form\">\n  <div class=\"m-form-label-field -width-full\">\n    <label class=\"a-label\" for=\"presentation_name\"\n      >{{ '@pry.presentation.form.name.title' | i18n }}<span class=\"required\">*</span></label\n    >\n    <input\n      type=\"text\"\n      id=\"presentation_name\"\n      formControlName=\"name\"\n      placeholder=\"{{ '@pry.presentation.form.name.placeholder' | i18n }}\"\n      class=\"a-form-field\"\n      maxlength=\"50\"\n      required\n      #input\n    />\n    @if (name.touched && name.errors?.['required']) {\n      <label for=\"presentation_name\" class=\"a-label a-label--help -error\">\n        {{ '@pry.presentation.required' | i18n }}\n      </label>\n    }\n    @if (name.touched && name.errors?.['maxlength']) {\n      <label for=\"presentation_name\" class=\"a-label a-label--help -error\">\n        {{ '@pry.presentation.maxLength' | i18n: { len: '50' } }}\n      </label>\n    }\n    @if (errorDuplicatingText) {\n      <div class=\"error-duplicating\">\n        <label class=\"a-form-field -error\">{{ errorDuplicatingText | i18n }}</label>\n      </div>\n    }\n  </div>\n  <div class=\"m-form-label-field -width-full\">\n    <label class=\"a-label\" for=\"presentation_description\">{{\n      '@pry.presentation.form.description.title' | i18n\n    }}</label>\n    <textarea\n      formControlName=\"description\"\n      id=\"presentation_description\"\n      name=\"description\"\n      cols=\"30\"\n      rows=\"5\"\n      maxlength=\"200\"\n      placeholder=\"{{ '@pry.presentation.form.description.placeholder' | i18n }}\"\n      class=\"a-form-field\"\n    ></textarea>\n    @if (description.touched && description.errors?.['maxlength']) {\n      <label for=\"presentation_description\" class=\"a-label a-label--help -error\">\n        {{ '@pry.presentation.maxLength' | i18n: { len: '200' } }}\n      </label>\n    }\n  </div>\n  @if (mode === 'theme') {\n    <div class=\"m-form-label-field -width-full\">\n      <label class=\"a-label\" for=\"presentation_theme\"\n        >{{ '@pry.presentation.form.theme' | i18n }}<span class=\"required\">*</span></label\n      >\n      <pry-select\n        id=\"presentation_theme\"\n        [items]=\"possibleThemes\"\n        formControlName=\"theme\"\n        [clearable]=\"true\"\n        [i18nPrefix]=\"themePrefix\"\n      ></pry-select>\n    </div>\n  }\n  <div class=\"m-form-label-field -width-full\">\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)=\"onImageChanged($event)\"\n        [iconUrl]=\"image\"\n        [mode]=\"type\"\n      ></pry-select-image>\n    </div>\n  </div>\n  <div class=\"m-form-label-field -width-full\">\n    <label class=\"a-label\" for=\"presentation_image\">{{ '@pry.toolbox.about' | i18n }}</label>\n    <pry-text-editor formControlName=\"additionalInformation\"></pry-text-editor>\n  </div>\n</form>\n", dependencies: [{ kind: "directive", type: i3$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i3$1.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$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i3$1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i3$1.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "component", type: i3.PrySelectImageComponent, selector: "pry-select-image", inputs: ["iconUrl", "size", "mode"], outputs: ["toggled", "changed"] }, { kind: "component", type: i3.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", "pressedEnter"] }, { kind: "component", type: i4.PryTextEditorComponent, selector: "pry-text-editor", inputs: ["tabView"] }, { kind: "directive", type: i3$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i3$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "pipe", type: i3.I18nPipe, name: "i18n" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: PresentationFormComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'pry-presentation-form', template: "<form [formGroup]=\"form\" class=\"o-presentation-form\">\n  <div class=\"m-form-label-field -width-full\">\n    <label class=\"a-label\" for=\"presentation_name\"\n      >{{ '@pry.presentation.form.name.title' | i18n }}<span class=\"required\">*</span></label\n    >\n    <input\n      type=\"text\"\n      id=\"presentation_name\"\n      formControlName=\"name\"\n      placeholder=\"{{ '@pry.presentation.form.name.placeholder' | i18n }}\"\n      class=\"a-form-field\"\n      maxlength=\"50\"\n      required\n      #input\n    />\n    @if (name.touched && name.errors?.['required']) {\n      <label for=\"presentation_name\" class=\"a-label a-label--help -error\">\n        {{ '@pry.presentation.required' | i18n }}\n      </label>\n    }\n    @if (name.touched && name.errors?.['maxlength']) {\n      <label for=\"presentation_name\" class=\"a-label a-label--help -error\">\n        {{ '@pry.presentation.maxLength' | i18n: { len: '50' } }}\n      </label>\n    }\n  </div>\n  <div class=\"m-form-label-field -width-full\">\n    <label class=\"a-label\" for=\"presentation_description\">{{\n      '@pry.presentation.form.description.title' | i18n\n    }}</label>\n    <textarea\n      formControlName=\"description\"\n      id=\"presentation_description\"\n      name=\"description\"\n      cols=\"30\"\n      rows=\"5\"\n      maxlength=\"200\"\n      placeholder=\"{{ '@pry.presentation.form.description.placeholder' | i18n }}\"\n      class=\"a-form-field\"\n    ></textarea>\n    @if (description.touched && description.errors?.['maxlength']) {\n      <label for=\"presentation_description\" class=\"a-label a-label--help -error\">\n        {{ '@pry.presentation.maxLength' | i18n: { len: '200' } }}\n      </label>\n    }\n  </div>\n  @if (mode === 'theme') {\n    <div class=\"m-form-label-field -width-full\">\n      <label class=\"a-label\" for=\"presentation_theme\"\n        >{{ '@pry.presentation.form.theme' | i18n }}<span class=\"required\">*</span></label\n      >\n      <pry-select\n        id=\"presentation_theme\"\n        [items]=\"possibleThemes\"\n        formControlName=\"theme\"\n        [clearable]=\"true\"\n        [i18nPrefix]=\"themePrefix\"\n      ></pry-select>\n    </div>\n  }\n  <div class=\"m-form-label-field -width-full\">\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)=\"onImageChanged($event)\"\n        [iconUrl]=\"image\"\n        [mode]=\"type\"\n      ></pry-select-image>\n    </div>\n  </div>\n  <div class=\"m-form-label-field -width-full\">\n    <label class=\"a-label\" for=\"presentation_image\">{{ '@pry.toolbox.about' | i18n }}</label>\n    <pry-text-editor formControlName=\"additionalInformation\"></pry-text-editor>\n  </div>\n</form>\n" }]
+            args: [{ selector: 'pry-presentation-form', template: "<form [formGroup]=\"form\" class=\"o-presentation-form\">\n  <div class=\"m-form-label-field -width-full\">\n    <label class=\"a-label\" for=\"presentation_name\"\n      >{{ '@pry.presentation.form.name.title' | i18n }}<span class=\"required\">*</span></label\n    >\n    <input\n      type=\"text\"\n      id=\"presentation_name\"\n      formControlName=\"name\"\n      placeholder=\"{{ '@pry.presentation.form.name.placeholder' | i18n }}\"\n      class=\"a-form-field\"\n      maxlength=\"50\"\n      required\n      #input\n    />\n    @if (name.touched && name.errors?.['required']) {\n      <label for=\"presentation_name\" class=\"a-label a-label--help -error\">\n        {{ '@pry.presentation.required' | i18n }}\n      </label>\n    }\n    @if (name.touched && name.errors?.['maxlength']) {\n      <label for=\"presentation_name\" class=\"a-label a-label--help -error\">\n        {{ '@pry.presentation.maxLength' | i18n: { len: '50' } }}\n      </label>\n    }\n    @if (errorDuplicatingText) {\n      <div class=\"error-duplicating\">\n        <label class=\"a-form-field -error\">{{ errorDuplicatingText | i18n }}</label>\n      </div>\n    }\n  </div>\n  <div class=\"m-form-label-field -width-full\">\n    <label class=\"a-label\" for=\"presentation_description\">{{\n      '@pry.presentation.form.description.title' | i18n\n    }}</label>\n    <textarea\n      formControlName=\"description\"\n      id=\"presentation_description\"\n      name=\"description\"\n      cols=\"30\"\n      rows=\"5\"\n      maxlength=\"200\"\n      placeholder=\"{{ '@pry.presentation.form.description.placeholder' | i18n }}\"\n      class=\"a-form-field\"\n    ></textarea>\n    @if (description.touched && description.errors?.['maxlength']) {\n      <label for=\"presentation_description\" class=\"a-label a-label--help -error\">\n        {{ '@pry.presentation.maxLength' | i18n: { len: '200' } }}\n      </label>\n    }\n  </div>\n  @if (mode === 'theme') {\n    <div class=\"m-form-label-field -width-full\">\n      <label class=\"a-label\" for=\"presentation_theme\"\n        >{{ '@pry.presentation.form.theme' | i18n }}<span class=\"required\">*</span></label\n      >\n      <pry-select\n        id=\"presentation_theme\"\n        [items]=\"possibleThemes\"\n        formControlName=\"theme\"\n        [clearable]=\"true\"\n        [i18nPrefix]=\"themePrefix\"\n      ></pry-select>\n    </div>\n  }\n  <div class=\"m-form-label-field -width-full\">\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)=\"onImageChanged($event)\"\n        [iconUrl]=\"image\"\n        [mode]=\"type\"\n      ></pry-select-image>\n    </div>\n  </div>\n  <div class=\"m-form-label-field -width-full\">\n    <label class=\"a-label\" for=\"presentation_image\">{{ '@pry.toolbox.about' | i18n }}</label>\n    <pry-text-editor formControlName=\"additionalInformation\"></pry-text-editor>\n  </div>\n</form>\n" }]
         }], ctorParameters: () => [{ type: i1.Store }, { type: i3.PryI18nService }], propDecorators: { mode: [{
                 type: Input
             }], themePrefix: [{
                 type: Input
+            }], errorDuplicatingText: [{
+                type: Input
             }], input: [{
                 type: ViewChild,
                 args: ['input']
@@ -711,7 +714,7 @@ class SaveViewComponent extends ToolboxActionComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: SaveViewComponent, deps: [{ token: i1.Store }, { token: PRY_ACCESS_TOKEN, optional: true }, { token: i2.Overlay }, { token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.7", type: SaveViewComponent, selector: "pry-save-view", inputs: { mode: "mode" }, viewQueries: [{ 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  @if (mode === 'directSave') {\n    <div [attr.aria-expanded]=\"saveTypeOpened\" aria-controls=\"directiveSave\" aria-describedby=\"infoTooltip_directSave\">\n      @if (canModify$ | async) {\n        <button\n          type=\"button\"\n          #directiveSave\n          class=\"a-btn a-btn--primary\"\n          (click)=\"directSave()\"\n          [disabled]=\"!(isCurrentPresentationModified$ | async)\"\n          >\n          @if (displayLabels) {\n            {{\n            '@pry.toolbox.save' | i18n: { nbPages: '(' + nbPages + ')' }\n            }}\n          }\n        </button>\n      }\n    </div>\n  }\n  @if (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 type=\"button\" #saveAs class=\"a-btn a-btn--secondary\" (click)=\"toggleSaveAs()\" aria-haspopup=\"dialog\">\n        @if (displayLabels) {\n          {{\n          '@pry.toolbox.rename' | i18n: { nbPages: '(' + nbPages + ')' }\n          }}\n        }\n      </button>\n    </div>\n  }\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        <pry-presentation-form\n          [selectedPresentation]=\"currentManifest\"\n          (formValue)=\"formValue = $event\"\n          (isFormValid)=\"isFormValid = $event\"\n        ></pry-presentation-form>\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]=\"!isFormValid\"\n            (keydown.tab)=\"focusCrossElement()\"\n            >\n            {{ '@pry.action.next' | i18n }}\n          </button>\n        </div>\n      </pry-step>\n      <pry-step>\n        <h4 class=\"m-stepper-item__title\" *stepTitle>{{ '@pry.restitution.share' | i18n }}</h4>\n        <pry-access-rights-share\n          [(ngModel)]=\"accessRightsByGroup\"\n          (ngModelChange)=\"changeAccessRights($event)\"\n          [manifestDescription]=\"currentManifest\"\n        ></pry-access-rights-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$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i3.PryAccessDirective, selector: "[pryAccess]", inputs: ["pryAccess"] }, { kind: "component", type: i3.PryIconComponent, selector: "pry-icon", inputs: ["color", "iconSvg", "animation", "iconImage", "alt", "width", "height", "classes"] }, { kind: "component", type: i5$1.PryStepperComponent, selector: "pry-stepper", inputs: ["isConsultMode"], outputs: ["lastStepCompleted", "activeIndexChange"] }, { kind: "component", type: i5$1.PryStepComponent, selector: "pry-step", inputs: ["setActiveState"] }, { kind: "directive", type: i5$1.PryStepTitleDirective, selector: "[stepTitle]" }, { kind: "component", type: i3.PryAccessRightsShareComponent, selector: "pry-access-rights-share", inputs: ["manifestDescription", "allowedGroups"] }, { kind: "component", type: PresentationFormComponent, selector: "pry-presentation-form", inputs: ["mode", "themePrefix", "selectedPresentation"], outputs: ["formValue", "isFormValid"] }, { kind: "pipe", type: i2$1.AsyncPipe, name: "async" }, { kind: "pipe", type: i3.I18nPipe, name: "i18n" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.7", type: SaveViewComponent, selector: "pry-save-view", inputs: { mode: "mode" }, viewQueries: [{ 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  @if (mode === 'directSave') {\n    <div [attr.aria-expanded]=\"saveTypeOpened\" aria-controls=\"directiveSave\" aria-describedby=\"infoTooltip_directSave\">\n      @if (canModify$ | async) {\n        <button\n          type=\"button\"\n          #directiveSave\n          class=\"a-btn a-btn--primary\"\n          (click)=\"directSave()\"\n          [disabled]=\"!(isCurrentPresentationModified$ | async)\"\n          >\n          @if (displayLabels) {\n            {{\n            '@pry.toolbox.save' | i18n: { nbPages: '(' + nbPages + ')' }\n            }}\n          }\n        </button>\n      }\n    </div>\n  }\n  @if (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 type=\"button\" #saveAs class=\"a-btn a-btn--secondary\" (click)=\"toggleSaveAs()\" aria-haspopup=\"dialog\">\n        @if (displayLabels) {\n          {{\n          '@pry.toolbox.rename' | i18n: { nbPages: '(' + nbPages + ')' }\n          }}\n        }\n      </button>\n    </div>\n  }\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        <pry-presentation-form\n          [selectedPresentation]=\"currentManifest\"\n          (formValue)=\"formValue = $event\"\n          (isFormValid)=\"isFormValid = $event\"\n        ></pry-presentation-form>\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]=\"!isFormValid\"\n            (keydown.tab)=\"focusCrossElement()\"\n            >\n            {{ '@pry.action.next' | i18n }}\n          </button>\n        </div>\n      </pry-step>\n      <pry-step>\n        <h4 class=\"m-stepper-item__title\" *stepTitle>{{ '@pry.restitution.share' | i18n }}</h4>\n        <pry-access-rights-share\n          [(ngModel)]=\"accessRightsByGroup\"\n          (ngModelChange)=\"changeAccessRights($event)\"\n          [manifestDescription]=\"currentManifest\"\n        ></pry-access-rights-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$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i3.PryAccessDirective, selector: "[pryAccess]", inputs: ["pryAccess"] }, { kind: "component", type: i3.PryIconComponent, selector: "pry-icon", inputs: ["color", "iconSvg", "animation", "iconImage", "alt", "width", "height", "classes"] }, { kind: "component", type: i5$1.PryStepperComponent, selector: "pry-stepper", inputs: ["isConsultMode"], outputs: ["lastStepCompleted", "activeIndexChange"] }, { kind: "component", type: i5$1.PryStepComponent, selector: "pry-step", inputs: ["setActiveState"] }, { kind: "directive", type: i5$1.PryStepTitleDirective, selector: "[stepTitle]" }, { kind: "component", type: i3.PryAccessRightsShareComponent, selector: "pry-access-rights-share", inputs: ["manifestDescription", "allowedGroups"] }, { kind: "component", type: PresentationFormComponent, selector: "pry-presentation-form", inputs: ["mode", "themePrefix", "errorDuplicatingText", "selectedPresentation"], outputs: ["formValue", "isFormValid"] }, { kind: "pipe", type: i2$1.AsyncPipe, name: "async" }, { kind: "pipe", type: i3.I18nPipe, name: "i18n" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: SaveViewComponent, decorators: [{
             type: Component,
@@ -1142,7 +1145,7 @@ class EditPresentationComponent extends ToolboxActionComponent {
         }));
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: EditPresentationComponent, deps: [{ token: i1.Store }, { token: PRY_ACCESS_TOKEN, optional: true }, { token: i2.Overlay }, { token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.7", type: EditPresentationComponent, selector: "pry-edit-details", viewQueries: [{ propertyName: "template", first: true, predicate: ["template"], descendants: true, read: TemplateRef }], usesInheritance: true, ngImport: i0, template: "@if (canModify$ | async) {\n  <button type=\"button\" class=\"a-btn a-btn--secondary\" (click)=\"openModal()\">\n    @if (displayLabels) {\n      {{ '@pry.toolbox.editPresentation' | i18n }}\n    }\n  </button>\n}\n\n<ng-template #template>\n  <div\n    class=\"o-modal\"\n    (click)=\"$event.stopPropagation()\"\n    role=\"dialog\"\n    aria-modal=\"true\"\n    aria-labelledby=\"dialog_title\"\n    id=\"grid-layout\"\n    (keydown.escape)=\"closeModal()\"\n    cdkTrapFocus\n    [cdkTrapFocusAutoCapture]=\"true\"\n  >\n    <div class=\"o-modal__top\">\n      <div class=\"o-modal__top__title\">\n        <h2 class=\"a-h2\" id=\"dialog_title\">{{ '@pry.toolbox.editPresentation' | i18n }}</h2>\n      </div>\n      <div class=\"o-modal__top__close\">\n        <button class=\"a-btn a-btn--icon-only\" (click)=\"closeModal()\">\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-presentation-form\n      [selectedPresentation]=\"(currentManifest$ | async) ?? undefined\"\n      (formValue)=\"formValue = $event\"\n      (isFormValid)=\"isFormValid = $event\"\n    ></pry-presentation-form>\n    <div class=\"m-btn-group -space-evenly\">\n      <button (click)=\"closeModal()\" class=\"a-btn a-btn--secondary\">\n        {{ '@pry.toolbox.manifest.close' | i18n }}\n      </button>\n      <button (click)=\"save()\" [disabled]=\"!isFormValid\" class=\"a-btn a-btn--primary\">\n        {{ '@pry.toolbox.manifest.validated' | i18n }}\n      </button>\n    </div>\n  </div>\n</ng-template>\n", dependencies: [{ kind: "component", type: i3.PryIconComponent, selector: "pry-icon", inputs: ["color", "iconSvg", "animation", "iconImage", "alt", "width", "height", "classes"] }, { kind: "directive", type: i4$1.CdkTrapFocus, selector: "[cdkTrapFocus]", inputs: ["cdkTrapFocus", "cdkTrapFocusAutoCapture"], exportAs: ["cdkTrapFocus"] }, { kind: "component", type: PresentationFormComponent, selector: "pry-presentation-form", inputs: ["mode", "themePrefix", "selectedPresentation"], outputs: ["formValue", "isFormValid"] }, { kind: "pipe", type: i2$1.AsyncPipe, name: "async" }, { kind: "pipe", type: i3.I18nPipe, name: "i18n" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.7", type: EditPresentationComponent, selector: "pry-edit-details", viewQueries: [{ propertyName: "template", first: true, predicate: ["template"], descendants: true, read: TemplateRef }], usesInheritance: true, ngImport: i0, template: "@if (canModify$ | async) {\n  <button type=\"button\" class=\"a-btn a-btn--secondary\" (click)=\"openModal()\">\n    @if (displayLabels) {\n      {{ '@pry.toolbox.editPresentation' | i18n }}\n    }\n  </button>\n}\n\n<ng-template #template>\n  <div\n    class=\"o-modal\"\n    (click)=\"$event.stopPropagation()\"\n    role=\"dialog\"\n    aria-modal=\"true\"\n    aria-labelledby=\"dialog_title\"\n    id=\"grid-layout\"\n    (keydown.escape)=\"closeModal()\"\n    cdkTrapFocus\n    [cdkTrapFocusAutoCapture]=\"true\"\n  >\n    <div class=\"o-modal__top\">\n      <div class=\"o-modal__top__title\">\n        <h2 class=\"a-h2\" id=\"dialog_title\">{{ '@pry.toolbox.editPresentation' | i18n }}</h2>\n      </div>\n      <div class=\"o-modal__top__close\">\n        <button class=\"a-btn a-btn--icon-only\" (click)=\"closeModal()\">\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-presentation-form\n      [selectedPresentation]=\"(currentManifest$ | async) ?? undefined\"\n      (formValue)=\"formValue = $event\"\n      (isFormValid)=\"isFormValid = $event\"\n    ></pry-presentation-form>\n    <div class=\"m-btn-group -space-evenly\">\n      <button (click)=\"closeModal()\" class=\"a-btn a-btn--secondary\">\n        {{ '@pry.toolbox.manifest.close' | i18n }}\n      </button>\n      <button (click)=\"save()\" [disabled]=\"!isFormValid\" class=\"a-btn a-btn--primary\">\n        {{ '@pry.toolbox.manifest.validated' | i18n }}\n      </button>\n    </div>\n  </div>\n</ng-template>\n", dependencies: [{ kind: "component", type: i3.PryIconComponent, selector: "pry-icon", inputs: ["color", "iconSvg", "animation", "iconImage", "alt", "width", "height", "classes"] }, { kind: "directive", type: i4$1.CdkTrapFocus, selector: "[cdkTrapFocus]", inputs: ["cdkTrapFocus", "cdkTrapFocusAutoCapture"], exportAs: ["cdkTrapFocus"] }, { kind: "component", type: PresentationFormComponent, selector: "pry-presentation-form", inputs: ["mode", "themePrefix", "errorDuplicatingText", "selectedPresentation"], outputs: ["formValue", "isFormValid"] }, { kind: "pipe", type: i2$1.AsyncPipe, name: "async" }, { kind: "pipe", type: i3.I18nPipe, name: "i18n" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: EditPresentationComponent, decorators: [{
             type: Component,
@@ -1467,7 +1470,8 @@ class PryToolboxModule {
             CdkDragHandle,
             A11yModule,
             PryTextEditorModule,
-            ReactiveFormsModule], exports: [ToolboxActionComponent,
+            ReactiveFormsModule,
+            PryI18nModule], exports: [ToolboxActionComponent,
             ToolboxActionInstanciatorComponent,
             ClearViewComponent,
             DragWidgetsComponent,
@@ -1503,7 +1507,8 @@ class PryToolboxModule {
             PryI18nModule,
             A11yModule,
             PryTextEditorModule,
-            ReactiveFormsModule] }); }
+            ReactiveFormsModule,
+            PryI18nModule] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: PryToolboxModule, decorators: [{
             type: NgModule,
@@ -1528,7 +1533,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImpor
                         CdkDragHandle,
                         A11yModule,
                         PryTextEditorModule,
-                        ReactiveFormsModule
+                        ReactiveFormsModule,
+                        PryI18nModule
                     ],
                     exports: [...components]
                 }]