@provoly/dashboard 1.4.58 → 1.4.60

package/fesm2022/provoly-dashboard-toolbox.mjs

@@ -387,7 +387,7 @@ class PryFilterSettingsComponent extends ToolboxActionComponent {
         return `${attributeId}@${datasetId}`;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: PryFilterSettingsComponent, deps: [{ token: i1.Store }, { token: PRY_ACCESS_TOKEN, optional: true }, { token: i2.Overlay }, { token: i0.ViewContainerRef }, { token: i3.FilterFactoryService }, { token: i0.Injector }, { token: i3.PryI18nService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.7", 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    @if (label) {\n      {{ '@pry.filters.label' | i18n }}\n    }\n  </button>\n</div>\n\n<ng-template #settings>\n  <div class=\"o-filters\">\n    <div class=\"o-filters__header\">\n      @if (currentStep === FilterSteps.LIST) {\n        <h2>{{ '@pry.filters.label' | i18n }}</h2>\n      }\n      @if (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      }\n      <button (click)=\"toggleSettings()\" type=\"button\">\n        <pry-icon iconSvg=\"close\"></pry-icon>\n      </button>\n    </div>\n    @if (currentStep === FilterSteps.LIST) {\n      <div class=\"o-filters__content\">\n        @if ((attributes$ | async)?.length === 0) {\n          <div class=\"a-table-wrapper\"></div>\n        } @else {\n          @if (filters.length > 0) {\n            <table class=\"a-table\" role=\"presentation\">\n              <tbody cdkDropList [cdkDropListData]=\"filters\" (cdkDropListDropped)=\"drop($event)\">\n                @for (filter of filters; track filter.id) {\n                  <tr 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                }\n              </tbody>\n            </table>\n          } @else {\n            <span class=\"o-filters__no-filters\">{{ '@pry.filters.noFilters' | i18n }}</span>\n          }\n          <button (click)=\"goToCreation()\" class=\"a-btn a-btn--primary\">{{ '@pry.filters.list.add' | i18n }}</button>\n        }\n      </div>\n    }\n    @if (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        @if ((currentFilterComponentType$ | async) === 'date') {\n          <div 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        }\n        @if ((currentFilterComponentType$ | async) === 'list') {\n          <div 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        }\n        @if ((currentFilterComponentType$ | async) === 'autocomplete') {\n          <div 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        }\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]=\"\n              (currentFilterComponentType$ | async) === 'list' ||\n              (currentFilterComponentType$ | async) === 'autocomplete'\n            \"\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    }\n  </div>\n</ng-template>\n", dependencies: [{ 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.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { kind: "directive", type: i3$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3$1.MinValidator, selector: "input[type=number][min][formControlName],input[type=number][min][formControl],input[type=number][min][ngModel]", inputs: ["min"] }, { kind: "directive", type: i3$1.MaxValidator, selector: "input[type=number][max][formControlName],input[type=number][max][formControl],input[type=number][max][ngModel]", inputs: ["max"] }, { kind: "directive", type: i3$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { 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: i3.PryIconComponent, selector: "pry-icon", inputs: ["color", "iconSvg", "animation", "iconImage", "alt", "width", "height", "classes"] }, { kind: "component", type: i5.PryCheckboxComponent, selector: "pry-checkbox", inputs: ["circle", "name", "inputId", "inhibit"] }, { kind: "directive", type: i6.CdkDropList, selector: "[cdkDropList], cdk-drop-list", inputs: ["cdkDropListConnectedTo", "cdkDropListData", "cdkDropListOrientation", "id", "cdkDropListLockAxis", "cdkDropListDisabled", "cdkDropListSortingDisabled", "cdkDropListEnterPredicate", "cdkDropListSortPredicate", "cdkDropListAutoScrollDisabled", "cdkDropListAutoScrollStep", "cdkDropListElementContainer"], outputs: ["cdkDropListDropped", "cdkDropListEntered", "cdkDropListExited", "cdkDropListSorted"], exportAs: ["cdkDropList"] }, { kind: "directive", type: i6.CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer", "cdkDragScale"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "directive", type: i6.CdkDragHandle, selector: "[cdkDragHandle]", inputs: ["cdkDragHandleDisabled"] }, { kind: "component", type: PrySelectGridLayoutCssComponent, selector: "pry-toolbox-css" }, { 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: 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    @if (label) {\n      {{ '@pry.filters.label' | i18n }}\n    }\n  </button>\n</div>\n\n<ng-template #settings>\n  <div class=\"o-filters\">\n    <div class=\"o-filters__header\">\n      @if (currentStep === FilterSteps.LIST) {\n        <h2>{{ '@pry.filters.label' | i18n }}</h2>\n      }\n      @if (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      }\n      <button (click)=\"toggleSettings()\" type=\"button\">\n        <pry-icon iconSvg=\"close\"></pry-icon>\n      </button>\n    </div>\n    @if (currentStep === FilterSteps.LIST) {\n      <div class=\"o-filters__content\">\n        @if ((attributes$ | async)?.length === 0) {\n          <div class=\"a-table-wrapper\"></div>\n        } @else {\n          @if (filters.length > 0) {\n            <table class=\"a-table\" role=\"presentation\">\n              <tbody cdkDropList [cdkDropListData]=\"filters\" (cdkDropListDropped)=\"drop($event)\">\n                @for (filter of filters; track filter.id) {\n                  <tr 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                }\n              </tbody>\n            </table>\n          } @else {\n            <span class=\"o-filters__no-filters\">{{ '@pry.filters.noFilters' | i18n }}</span>\n          }\n          <button (click)=\"goToCreation()\" class=\"a-btn a-btn--primary\">{{ '@pry.filters.list.add' | i18n }}</button>\n        }\n      </div>\n    }\n    @if (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        @if ((currentFilterComponentType$ | async) === 'date') {\n          <div 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        }\n        @if ((currentFilterComponentType$ | async) === 'list') {\n          <div 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        }\n        @if ((currentFilterComponentType$ | async) === 'autocomplete') {\n          <div 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        }\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]=\"\n              (currentFilterComponentType$ | async) === 'list' ||\n              (currentFilterComponentType$ | async) === 'autocomplete'\n            \"\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    }\n  </div>\n</ng-template>\n", dependencies: [{ 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.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { kind: "directive", type: i3$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3$1.MinValidator, selector: "input[type=number][min][formControlName],input[type=number][min][formControl],input[type=number][min][ngModel]", inputs: ["min"] }, { kind: "directive", type: i3$1.MaxValidator, selector: "input[type=number][max][formControlName],input[type=number][max][formControl],input[type=number][max][ngModel]", inputs: ["max"] }, { kind: "directive", type: i3$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i3.PrySelectComponent, selector: "pry-select", inputs: ["items", "clearable", "multiple", "closeOnSelect", "placeholder", "forcePlaceHolder", "isForm", "required", "name", "autocomplete", "alwaysShowAutosuggestedValues", "externalAutocompleteService", "bindValue", "bindLabel", "iconSize", "bindIcon", "template", "i18nPrefix", "bindClasses", "loading", "elementRef"], outputs: ["searched", "cleared", "clicked", "pressedEnter"] }, { kind: "component", type: i3.PryIconComponent, selector: "pry-icon", inputs: ["color", "iconSvg", "animation", "iconImage", "alt", "width", "height", "classes"] }, { kind: "component", type: i5.PryCheckboxComponent, selector: "pry-checkbox", inputs: ["circle", "name", "inputId", "inhibit"] }, { kind: "directive", type: i6.CdkDropList, selector: "[cdkDropList], cdk-drop-list", inputs: ["cdkDropListConnectedTo", "cdkDropListData", "cdkDropListOrientation", "id", "cdkDropListLockAxis", "cdkDropListDisabled", "cdkDropListSortingDisabled", "cdkDropListEnterPredicate", "cdkDropListSortPredicate", "cdkDropListAutoScrollDisabled", "cdkDropListAutoScrollStep", "cdkDropListElementContainer"], outputs: ["cdkDropListDropped", "cdkDropListEntered", "cdkDropListExited", "cdkDropListSorted"], exportAs: ["cdkDropList"] }, { kind: "directive", type: i6.CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer", "cdkDragScale"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "directive", type: i6.CdkDragHandle, selector: "[cdkDragHandle]", inputs: ["cdkDragHandleDisabled"] }, { kind: "component", type: PrySelectGridLayoutCssComponent, selector: "pry-toolbox-css" }, { 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: PryFilterSettingsComponent, decorators: [{
             type: Component,
@@ -552,7 +552,7 @@ 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: { previousTry: "previousTry", 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    @if (name.touched && name.errors?.['nameAlreadyExists']) {\n      <div class=\"error-duplicating\">\n        <label class=\"a-form-field -error\">{{ '@chh.message.failure.alreadyExisting' | 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" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.7", type: PresentationFormComponent, selector: "pry-presentation-form", inputs: { previousTry: "previousTry", 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    @if (name.touched && name.errors?.['nameAlreadyExists']) {\n      <div class=\"error-duplicating\">\n        <label class=\"a-form-field -error\">{{ '@chh.message.failure.alreadyExisting' | 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", "forcePlaceHolder", "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,