@provoly/dashboard 1.4.12 → 1.4.14

package/fesm2022/provoly-dashboard-toolbox.mjs

@@ -533,12 +533,16 @@ class PresentationFormComponent extends SubscriptionnerDirective {
             image: this.image
         };
     }
+    onImageChanged($event) {
+        this.image = $event;
+        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\">{{ '@pry.presentation.form.name' | i18n }}</label>\n    <input\n      type=\"text\"\n      id=\"presentation_name\"\n      formControlName=\"name\"\n      placeholder=\"{{ '@pry.presentation.form.name' | 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\">{{ '@pry.presentation.form.description' | i18n }}</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' | 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  <div class=\"m-form-label-field -width-full\" *ngIf=\"mode === 'theme'\">\n    <label class=\"a-label\" for=\"presentation_theme\">{{ '@pry.presentation.form.theme' | i18n }}</label>\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  <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)=\"image = $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.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.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i4.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: i5$1.PryTextEditorComponent, selector: "pry-text-editor", inputs: ["tabView"] }, { kind: "directive", type: i4.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i4.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", 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\">{{ '@pry.presentation.form.name' | i18n }}</label>\n    <input\n      type=\"text\"\n      id=\"presentation_name\"\n      formControlName=\"name\"\n      placeholder=\"{{ '@pry.presentation.form.name' | 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\">{{ '@pry.presentation.form.description' | i18n }}</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' | 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  <div class=\"m-form-label-field -width-full\" *ngIf=\"mode === 'theme'\">\n    <label class=\"a-label\" for=\"presentation_theme\">{{ '@pry.presentation.form.theme' | i18n }}</label>\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  <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.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.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i4.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: i5$1.PryTextEditorComponent, selector: "pry-text-editor", inputs: ["tabView"] }, { kind: "directive", type: i4.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i4.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\">{{ '@pry.presentation.form.name' | i18n }}</label>\n    <input\n      type=\"text\"\n      id=\"presentation_name\"\n      formControlName=\"name\"\n      placeholder=\"{{ '@pry.presentation.form.name' | 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\">{{ '@pry.presentation.form.description' | i18n }}</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' | 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  <div class=\"m-form-label-field -width-full\" *ngIf=\"mode === 'theme'\">\n    <label class=\"a-label\" for=\"presentation_theme\">{{ '@pry.presentation.form.theme' | i18n }}</label>\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  <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)=\"image = $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\">{{ '@pry.presentation.form.name' | i18n }}</label>\n    <input\n      type=\"text\"\n      id=\"presentation_name\"\n      formControlName=\"name\"\n      placeholder=\"{{ '@pry.presentation.form.name' | 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\">{{ '@pry.presentation.form.description' | i18n }}</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' | 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  <div class=\"m-form-label-field -width-full\" *ngIf=\"mode === 'theme'\">\n    <label class=\"a-label\" for=\"presentation_theme\">{{ '@pry.presentation.form.theme' | i18n }}</label>\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  <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: [{