@provoly/dashboard 1.3.11 → 1.3.13

package/fesm2022/provoly-dashboard-admin.mjs

@@ -2509,6 +2509,9 @@ class AdminFieldsFormComponent extends SubscriptionnerDirective {
     get formatOptions() {
         return this.form.get('formatOptions');
     }
+    get decimalPrecision() {
+        return this.form.get('formatOptions')?.get('decimalPrecision');
+    }
     get isGeographicType() {
         return GeometricFieldTypes.includes(this.type?.value);
     }
@@ -2558,17 +2561,17 @@ class AdminFieldsFormComponent extends SubscriptionnerDirective {
             case FieldType.DECIMAL:
                 this.formatOptions?.addControl('localeFormat', new FormControl(true));
                 this.formatOptions?.setControl('unit', new FormControl(null));
-                this.formatOptions?.setControl('decimalPrecision', new FormControl(2));
+                this.formatOptions?.setControl('decimalPrecision', new FormControl(2, [Validators.min(0), Validators.max(20)]));
                 this.formatOptions?.removeControl('dateFormat');
                 break;
             case FieldType.INSTANT:
                 this.formatOptions?.removeControl('localeFormat');
                 this.formatOptions?.removeControl('unit');
                 this.formatOptions?.removeControl('decimalPrecision');
-                this.formatOptions?.setControl('dateFormat', new FormControl(null));
+                this.formatOptions?.setControl('dateFormat', new FormControl('DATETIME'));
                 break;
             default:
-                this.form.removeControl('formatOptions');
+                this.form.setControl('formatOptions', new FormGroup({}));
                 break;
         }
     }
@@ -2599,11 +2602,11 @@ class AdminFieldsFormComponent extends SubscriptionnerDirective {
         return this.currentField ? this.goBackPathEdit : this.goBackPath;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: AdminFieldsFormComponent, deps: [{ token: i1.Store }, { token: i2.Router }, { token: i2.ActivatedRoute }, { token: i4.PryI18nService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.1.3", type: AdminFieldsFormComponent, selector: "pry-admin-fields-form", inputs: { currentField: "currentField" }, usesInheritance: true, ngImport: i0, template: "<div>\n  <form class=\"o-form\" [formGroup]=\"form\" (ngSubmit)=\"submit()\">\n    <div class=\"m-form-label-field -width-sm\">\n      <label id=\"name-label\" for=\"field_name\" class=\"a-label\">\n        {{ '@pry.admin.fields.name' | i18n }} *\n        <span class=\"u-visually-hidden\">({{ '@pry.admin.required' | i18n }})</span>\n      </label>\n      <input\n        id=\"field_name\"\n        type=\"text\"\n        class=\"a-form-field\"\n        formControlName=\"name\"\n        [attr.aria-labelledby]=\"name?.dirty && name?.invalid ? 'name-label name-error' : 'name-label'\"\n        [attr.aria-invalid]=\"name?.dirty && name?.invalid\"\n      />\n      @if (name?.dirty && name?.invalid) {\n        <label id=\"name-error\" for=\"field_name\" class=\"a-label a-label--help -error\">\n          @if (name?.hasError('same-name')) {\n            <span>{{ '@pry.admin.exists' | i18n }}</span>\n          }\n          @if (name?.hasError('required')) {\n            <span>{{ '@pry.admin.required' | i18n }}</span>\n          }\n          @if (name?.hasError('minlength')) {\n            <span>{{ '@pry.admin.minLength' | i18n: { len: 3 } }}</span>\n          }\n          @if (name?.hasError('maxlength')) {\n            <span>{{ '@pry.admin.maxLength' | i18n: { len: 100 } }}</span>\n          }\n          @if (name?.hasError('whitespace') && !name?.hasError('minlength')) {\n            <span>{{ '@pry.admin.noWhitespace' | i18n }}</span>\n          }\n        </label>\n      }\n    </div>\n\n    <div class=\"m-form-label-field -width-sm\">\n      <label class=\"a-label\" for=\"field_type\">\n        {{ '@pry.admin.fields.type' | i18n }} *\n        <span class=\"u-visually-hidden\">({{ '@pry.admin.required' | i18n }})</span>\n      </label>\n      <div class=\"u-display-flex\">\n        <pry-select\n          id=\"field_type\"\n          class=\"u-flex-grow-1\"\n          formControlName=\"type\"\n          [items]=\"fieldTypes\"\n          [i18nPrefix]=\"FIELD_I18N.label\"\n          [isForm]=\"true\"\n        ></pry-select>\n        <div\n          class=\"m-info-icon a-tooltip -tooltip-width-lg u-self-center u-flex-shrink-0\"\n          [attr.data-tooltip]=\"FIELD_I18N.information + this.type?.value | i18n\"\n          data-tooltip-position=\"right\"\n        >\n          <span>i</span>\n        </div>\n      </div>\n    </div>\n\n    @if (isGeographicType) {\n      <div class=\"m-form-label-field -width-sm\">\n        <label class=\"a-label\" for=\"crs\">\n          {{ '@pry.admin.fields.crs' | i18n }} *\n          <span class=\"u-visually-hidden\">({{ '@pry.admin.required' | i18n }})</span>\n        </label>\n        <div class=\"u-display-flex\">\n          <pry-select\n            class=\"-width-sm\"\n            formControlName=\"crs\"\n            [items]=\"CRS_OPTIONS\"\n            bindValue=\"code\"\n            bindLabel=\"label\"\n            [isForm]=\"true\"\n            id=\"crs\"\n          ></pry-select>\n        </div>\n        @if (crs?.dirty && crs?.invalid) {\n          <label id=\"crs-error\" for=\"crs\" class=\"a-label a-label--help -error\">\n            @if (crs?.hasError('required')) {\n              <span>{{ '@pry.admin.required' | i18n }}</span>\n            }\n          </label>\n        }\n      </div>\n    }\n\n    @if (formatOptions) {\n      <div formGroupName=\"formatOptions\">\n        <h3 class=\"a-h3\">{{ '@pry.admin.fields.formatOptions.title' | i18n }}</h3>\n        @if (type?.value === FieldType.INTEGER || type?.value === FieldType.LONG || type?.value === FieldType.DECIMAL) {\n          <ng-container *ngTemplateOutlet=\"numberFormatOptions\"></ng-container>\n        } @else if (type?.value === FieldType.INSTANT) {\n          <ng-container *ngTemplateOutlet=\"dateFormatOptions\"></ng-container>\n        }\n\n        <ng-template #numberFormatOptions>\n          @if (type?.value === FieldType.DECIMAL) {\n            <div class=\"m-form-label-field -width-sm\">\n              <label class=\"a-label\" for=\"field_format_comma\">{{\n                '@pry.admin.fields.formatOptions.decimalPrecision' | i18n\n              }}</label>\n              <input formControlName=\"decimalPrecision\" id=\"field_format_comma\" type=\"number\" class=\"a-form-field\" />\n            </div>\n          }\n          <div class=\"m-form-label-field -width-sm\">\n            <pry-checkbox\n              formControlName=\"localeFormat\"\n              inputId=\"field_format_locale_number_format\"\n              [inhibit]=\"false\"\n            >\n              {{ '@pry.admin.fields.formatOptions.localeFormat' | i18n }}\n            </pry-checkbox>\n          </div>\n          <div class=\"m-form-label-field -width-sm\">\n            <label class=\"a-label\" for=\"field_format_unit\">{{ '@pry.admin.fields.formatOptions.unit' | i18n }}</label>\n            <input formControlName=\"unit\" id=\"field_format_unit\" type=\"text\" class=\"a-form-field\" />\n          </div>\n        </ng-template>\n\n        <ng-template #dateFormatOptions>\n          <div class=\"m-form-label-field -width-sm\">\n            <label class=\"a-label\" for=\"field_format_date\">{{\n              '@pry.admin.fields.formatOptions.dateFormat' | i18n\n            }}</label>\n            <pry-select\n              formControlName=\"dateFormat\"\n              id=\"field_format_date\"\n              [items]=\"dateFormats\"\n              [isForm]=\"true\"\n              i18nPrefix=\"@pry.admin.fields.formatOptions.dateFormatOptions.\"\n              [clearable]=\"true\"\n            ></pry-select>\n          </div>\n        </ng-template>\n      </div>\n    }\n\n    <div class=\"m-btn-group -width-sm\">\n      <button\n        type=\"button\"\n        class=\"a-btn a-btn--secondary\"\n        (click)=\"goBack()\"\n        [innerHTML]=\"'@pry.admin.cancel' | i18n\"\n      ></button>\n      <button\n        class=\"a-btn a-btn--primary\"\n        type=\"submit\"\n        [innerHTML]=\"(currentField ? '@pry.admin.edit' : '@pry.admin.create') | i18n\"\n      ></button>\n    </div>\n  </form>\n</div>\n", dependencies: [{ kind: "directive", type: i3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { 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.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.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { 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: "directive", type: i3$1.FormGroupName, selector: "[formGroupName]", inputs: ["formGroupName"] }, { kind: "component", type: i5$1.PryCheckboxComponent, selector: "pry-checkbox", inputs: ["circle", "name", "inputId", "inhibit"] }, { kind: "component", type: i4.PrySelectComponent, selector: "pry-select", inputs: ["items", "clearable", "multiple", "closeOnSelect", "placeholder", "isForm", "required", "name", "readonly", "autocomplete", "alwaysShowAutosuggestedValues", "externalAutocompleteService", "bindValue", "bindLabel", "iconSize", "bindIcon", "template", "i18nPrefix", "bindClasses", "loading", "elementRef"], outputs: ["searched", "cleared", "clicked"] }, { kind: "pipe", type: i4.I18nPipe, name: "i18n" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.1.3", type: AdminFieldsFormComponent, selector: "pry-admin-fields-form", inputs: { currentField: "currentField" }, usesInheritance: true, ngImport: i0, template: "<div>\n  <form class=\"o-form\" [formGroup]=\"form\" (ngSubmit)=\"submit()\">\n    <div class=\"m-form-label-field -width-sm\">\n      <label id=\"name-label\" for=\"field_name\" class=\"a-label\">\n        {{ '@pry.admin.fields.name' | i18n }} *\n        <span class=\"u-visually-hidden\">({{ '@pry.admin.required' | i18n }})</span>\n      </label>\n      <input\n        id=\"field_name\"\n        type=\"text\"\n        class=\"a-form-field\"\n        formControlName=\"name\"\n        [attr.aria-labelledby]=\"name?.dirty && name?.invalid ? 'name-label name-error' : 'name-label'\"\n        [attr.aria-invalid]=\"name?.dirty && name?.invalid\"\n      />\n      @if (name?.dirty && name?.invalid) {\n        <label id=\"name-error\" for=\"field_name\" class=\"a-label a-label--help -error\">\n          @if (name?.hasError('same-name')) {\n            <span>{{ '@pry.admin.exists' | i18n }}</span>\n          }\n          @if (name?.hasError('required')) {\n            <span>{{ '@pry.admin.required' | i18n }}</span>\n          }\n          @if (name?.hasError('minlength')) {\n            <span>{{ '@pry.admin.minLength' | i18n: { len: 3 } }}</span>\n          }\n          @if (name?.hasError('maxlength')) {\n            <span>{{ '@pry.admin.maxLength' | i18n: { len: 100 } }}</span>\n          }\n          @if (name?.hasError('whitespace') && !name?.hasError('minlength')) {\n            <span>{{ '@pry.admin.noWhitespace' | i18n }}</span>\n          }\n        </label>\n      }\n    </div>\n\n    <div class=\"m-form-label-field -width-sm\">\n      <label class=\"a-label\" for=\"field_type\">\n        {{ '@pry.admin.fields.type' | i18n }} *\n        <span class=\"u-visually-hidden\">({{ '@pry.admin.required' | i18n }})</span>\n      </label>\n      <div class=\"u-display-flex\">\n        <pry-select\n          id=\"field_type\"\n          class=\"u-flex-grow-1\"\n          formControlName=\"type\"\n          [items]=\"fieldTypes\"\n          [i18nPrefix]=\"FIELD_I18N.label\"\n          [isForm]=\"true\"\n        ></pry-select>\n        <div\n          class=\"m-info-icon a-tooltip -tooltip-width-lg u-self-center u-flex-shrink-0\"\n          [attr.data-tooltip]=\"FIELD_I18N.information + this.type?.value | i18n\"\n          data-tooltip-position=\"right\"\n        >\n          <span>i</span>\n        </div>\n      </div>\n    </div>\n\n    @if (isGeographicType) {\n      <div class=\"m-form-label-field -width-sm\">\n        <label class=\"a-label\" for=\"crs\">\n          {{ '@pry.admin.fields.crs' | i18n }} *\n          <span class=\"u-visually-hidden\">({{ '@pry.admin.required' | i18n }})</span>\n        </label>\n        <div class=\"u-display-flex\">\n          <pry-select\n            class=\"-width-sm\"\n            formControlName=\"crs\"\n            [items]=\"CRS_OPTIONS\"\n            bindValue=\"code\"\n            bindLabel=\"label\"\n            [isForm]=\"true\"\n            id=\"crs\"\n          ></pry-select>\n        </div>\n        @if (crs?.dirty && crs?.invalid) {\n          <label id=\"crs-error\" for=\"crs\" class=\"a-label a-label--help -error\">\n            @if (crs?.hasError('required')) {\n              <span>{{ '@pry.admin.required' | i18n }}</span>\n            }\n          </label>\n        }\n      </div>\n    }\n\n    @if (\n      type?.value === FieldType.INTEGER ||\n      type?.value === FieldType.LONG ||\n      type?.value === FieldType.DECIMAL ||\n      type?.value === FieldType.INSTANT\n    ) {\n      <div formGroupName=\"formatOptions\">\n        <h3 class=\"a-h3\">{{ '@pry.admin.fields.formatOptions.title' | i18n }}</h3>\n        @if (type?.value === FieldType.INTEGER || type?.value === FieldType.LONG || type?.value === FieldType.DECIMAL) {\n          <ng-container *ngTemplateOutlet=\"numberFormatOptions\"></ng-container>\n        } @else if (type?.value === FieldType.INSTANT) {\n          <ng-container *ngTemplateOutlet=\"dateFormatOptions\"></ng-container>\n        }\n\n        <ng-template #numberFormatOptions>\n          @if (type?.value === FieldType.DECIMAL) {\n            <div class=\"m-form-label-field -width-sm\">\n              <label class=\"a-label\" for=\"field_format_comma\">{{\n                '@pry.admin.fields.formatOptions.decimalPrecision' | i18n\n              }}</label>\n              <input\n                formControlName=\"decimalPrecision\"\n                id=\"field_format_comma\"\n                type=\"number\"\n                min=\"0\"\n                class=\"a-form-field\"\n              />\n              @if (decimalPrecision?.dirty && decimalPrecision?.invalid) {\n                <label id=\"decimalPrecision-error\" for=\"crs\" class=\"a-label a-label--help -error\">\n                  <label class=\"a-label a-label--help -error\" for=\"field_format_comma\">\n                    {{ '@pry.admin.invalid' | i18n }}\n                  </label>\n                </label>\n              }\n            </div>\n          }\n          <div class=\"m-form-label-field -width-sm\">\n            <pry-checkbox formControlName=\"localeFormat\" inputId=\"field_format_locale_number_format\" [inhibit]=\"false\">\n              {{ '@pry.admin.fields.formatOptions.localeFormat' | i18n }}\n            </pry-checkbox>\n          </div>\n          <div class=\"m-form-label-field -width-sm\">\n            <label class=\"a-label\" for=\"field_format_unit\">{{ '@pry.admin.fields.formatOptions.unit' | i18n }}</label>\n            <input formControlName=\"unit\" id=\"field_format_unit\" type=\"text\" class=\"a-form-field\" />\n          </div>\n        </ng-template>\n\n        <ng-template #dateFormatOptions>\n          <div class=\"m-form-label-field -width-sm\">\n            <label class=\"a-label\" for=\"field_format_date\">{{\n              '@pry.admin.fields.formatOptions.dateFormat' | i18n\n            }}</label>\n            <pry-select\n              formControlName=\"dateFormat\"\n              id=\"field_format_date\"\n              [items]=\"dateFormats\"\n              [isForm]=\"true\"\n              i18nPrefix=\"@pry.admin.fields.formatOptions.dateFormatOptions.\"\n              [clearable]=\"true\"\n            ></pry-select>\n          </div>\n        </ng-template>\n      </div>\n    }\n\n    <div class=\"m-btn-group -width-sm\">\n      <button\n        type=\"button\"\n        class=\"a-btn a-btn--secondary\"\n        (click)=\"goBack()\"\n        [innerHTML]=\"'@pry.admin.cancel' | i18n\"\n      ></button>\n      <button\n        class=\"a-btn a-btn--primary\"\n        type=\"submit\"\n        [disabled]=\"form.invalid\"\n        [innerHTML]=\"(currentField ? '@pry.admin.edit' : '@pry.admin.create') | i18n\"\n      ></button>\n    </div>\n  </form>\n</div>\n", dependencies: [{ kind: "directive", type: i3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { 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.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.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { 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.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i3$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i3$1.FormGroupName, selector: "[formGroupName]", inputs: ["formGroupName"] }, { kind: "component", type: i5$1.PryCheckboxComponent, selector: "pry-checkbox", inputs: ["circle", "name", "inputId", "inhibit"] }, { kind: "component", type: i4.PrySelectComponent, selector: "pry-select", inputs: ["items", "clearable", "multiple", "closeOnSelect", "placeholder", "isForm", "required", "name", "readonly", "autocomplete", "alwaysShowAutosuggestedValues", "externalAutocompleteService", "bindValue", "bindLabel", "iconSize", "bindIcon", "template", "i18nPrefix", "bindClasses", "loading", "elementRef"], outputs: ["searched", "cleared", "clicked"] }, { kind: "pipe", type: i4.I18nPipe, name: "i18n" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: AdminFieldsFormComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'pry-admin-fields-form', template: "<div>\n  <form class=\"o-form\" [formGroup]=\"form\" (ngSubmit)=\"submit()\">\n    <div class=\"m-form-label-field -width-sm\">\n      <label id=\"name-label\" for=\"field_name\" class=\"a-label\">\n        {{ '@pry.admin.fields.name' | i18n }} *\n        <span class=\"u-visually-hidden\">({{ '@pry.admin.required' | i18n }})</span>\n      </label>\n      <input\n        id=\"field_name\"\n        type=\"text\"\n        class=\"a-form-field\"\n        formControlName=\"name\"\n        [attr.aria-labelledby]=\"name?.dirty && name?.invalid ? 'name-label name-error' : 'name-label'\"\n        [attr.aria-invalid]=\"name?.dirty && name?.invalid\"\n      />\n      @if (name?.dirty && name?.invalid) {\n        <label id=\"name-error\" for=\"field_name\" class=\"a-label a-label--help -error\">\n          @if (name?.hasError('same-name')) {\n            <span>{{ '@pry.admin.exists' | i18n }}</span>\n          }\n          @if (name?.hasError('required')) {\n            <span>{{ '@pry.admin.required' | i18n }}</span>\n          }\n          @if (name?.hasError('minlength')) {\n            <span>{{ '@pry.admin.minLength' | i18n: { len: 3 } }}</span>\n          }\n          @if (name?.hasError('maxlength')) {\n            <span>{{ '@pry.admin.maxLength' | i18n: { len: 100 } }}</span>\n          }\n          @if (name?.hasError('whitespace') && !name?.hasError('minlength')) {\n            <span>{{ '@pry.admin.noWhitespace' | i18n }}</span>\n          }\n        </label>\n      }\n    </div>\n\n    <div class=\"m-form-label-field -width-sm\">\n      <label class=\"a-label\" for=\"field_type\">\n        {{ '@pry.admin.fields.type' | i18n }} *\n        <span class=\"u-visually-hidden\">({{ '@pry.admin.required' | i18n }})</span>\n      </label>\n      <div class=\"u-display-flex\">\n        <pry-select\n          id=\"field_type\"\n          class=\"u-flex-grow-1\"\n          formControlName=\"type\"\n          [items]=\"fieldTypes\"\n          [i18nPrefix]=\"FIELD_I18N.label\"\n          [isForm]=\"true\"\n        ></pry-select>\n        <div\n          class=\"m-info-icon a-tooltip -tooltip-width-lg u-self-center u-flex-shrink-0\"\n          [attr.data-tooltip]=\"FIELD_I18N.information + this.type?.value | i18n\"\n          data-tooltip-position=\"right\"\n        >\n          <span>i</span>\n        </div>\n      </div>\n    </div>\n\n    @if (isGeographicType) {\n      <div class=\"m-form-label-field -width-sm\">\n        <label class=\"a-label\" for=\"crs\">\n          {{ '@pry.admin.fields.crs' | i18n }} *\n          <span class=\"u-visually-hidden\">({{ '@pry.admin.required' | i18n }})</span>\n        </label>\n        <div class=\"u-display-flex\">\n          <pry-select\n            class=\"-width-sm\"\n            formControlName=\"crs\"\n            [items]=\"CRS_OPTIONS\"\n            bindValue=\"code\"\n            bindLabel=\"label\"\n            [isForm]=\"true\"\n            id=\"crs\"\n          ></pry-select>\n        </div>\n        @if (crs?.dirty && crs?.invalid) {\n          <label id=\"crs-error\" for=\"crs\" class=\"a-label a-label--help -error\">\n            @if (crs?.hasError('required')) {\n              <span>{{ '@pry.admin.required' | i18n }}</span>\n            }\n          </label>\n        }\n      </div>\n    }\n\n    @if (formatOptions) {\n      <div formGroupName=\"formatOptions\">\n        <h3 class=\"a-h3\">{{ '@pry.admin.fields.formatOptions.title' | i18n }}</h3>\n        @if (type?.value === FieldType.INTEGER || type?.value === FieldType.LONG || type?.value === FieldType.DECIMAL) {\n          <ng-container *ngTemplateOutlet=\"numberFormatOptions\"></ng-container>\n        } @else if (type?.value === FieldType.INSTANT) {\n          <ng-container *ngTemplateOutlet=\"dateFormatOptions\"></ng-container>\n        }\n\n        <ng-template #numberFormatOptions>\n          @if (type?.value === FieldType.DECIMAL) {\n            <div class=\"m-form-label-field -width-sm\">\n              <label class=\"a-label\" for=\"field_format_comma\">{{\n                '@pry.admin.fields.formatOptions.decimalPrecision' | i18n\n              }}</label>\n              <input formControlName=\"decimalPrecision\" id=\"field_format_comma\" type=\"number\" class=\"a-form-field\" />\n            </div>\n          }\n          <div class=\"m-form-label-field -width-sm\">\n            <pry-checkbox\n              formControlName=\"localeFormat\"\n              inputId=\"field_format_locale_number_format\"\n              [inhibit]=\"false\"\n            >\n              {{ '@pry.admin.fields.formatOptions.localeFormat' | i18n }}\n            </pry-checkbox>\n          </div>\n          <div class=\"m-form-label-field -width-sm\">\n            <label class=\"a-label\" for=\"field_format_unit\">{{ '@pry.admin.fields.formatOptions.unit' | i18n }}</label>\n            <input formControlName=\"unit\" id=\"field_format_unit\" type=\"text\" class=\"a-form-field\" />\n          </div>\n        </ng-template>\n\n        <ng-template #dateFormatOptions>\n          <div class=\"m-form-label-field -width-sm\">\n            <label class=\"a-label\" for=\"field_format_date\">{{\n              '@pry.admin.fields.formatOptions.dateFormat' | i18n\n            }}</label>\n            <pry-select\n              formControlName=\"dateFormat\"\n              id=\"field_format_date\"\n              [items]=\"dateFormats\"\n              [isForm]=\"true\"\n              i18nPrefix=\"@pry.admin.fields.formatOptions.dateFormatOptions.\"\n              [clearable]=\"true\"\n            ></pry-select>\n          </div>\n        </ng-template>\n      </div>\n    }\n\n    <div class=\"m-btn-group -width-sm\">\n      <button\n        type=\"button\"\n        class=\"a-btn a-btn--secondary\"\n        (click)=\"goBack()\"\n        [innerHTML]=\"'@pry.admin.cancel' | i18n\"\n      ></button>\n      <button\n        class=\"a-btn a-btn--primary\"\n        type=\"submit\"\n        [innerHTML]=\"(currentField ? '@pry.admin.edit' : '@pry.admin.create') | i18n\"\n      ></button>\n    </div>\n  </form>\n</div>\n" }]
+            args: [{ selector: 'pry-admin-fields-form', template: "<div>\n  <form class=\"o-form\" [formGroup]=\"form\" (ngSubmit)=\"submit()\">\n    <div class=\"m-form-label-field -width-sm\">\n      <label id=\"name-label\" for=\"field_name\" class=\"a-label\">\n        {{ '@pry.admin.fields.name' | i18n }} *\n        <span class=\"u-visually-hidden\">({{ '@pry.admin.required' | i18n }})</span>\n      </label>\n      <input\n        id=\"field_name\"\n        type=\"text\"\n        class=\"a-form-field\"\n        formControlName=\"name\"\n        [attr.aria-labelledby]=\"name?.dirty && name?.invalid ? 'name-label name-error' : 'name-label'\"\n        [attr.aria-invalid]=\"name?.dirty && name?.invalid\"\n      />\n      @if (name?.dirty && name?.invalid) {\n        <label id=\"name-error\" for=\"field_name\" class=\"a-label a-label--help -error\">\n          @if (name?.hasError('same-name')) {\n            <span>{{ '@pry.admin.exists' | i18n }}</span>\n          }\n          @if (name?.hasError('required')) {\n            <span>{{ '@pry.admin.required' | i18n }}</span>\n          }\n          @if (name?.hasError('minlength')) {\n            <span>{{ '@pry.admin.minLength' | i18n: { len: 3 } }}</span>\n          }\n          @if (name?.hasError('maxlength')) {\n            <span>{{ '@pry.admin.maxLength' | i18n: { len: 100 } }}</span>\n          }\n          @if (name?.hasError('whitespace') && !name?.hasError('minlength')) {\n            <span>{{ '@pry.admin.noWhitespace' | i18n }}</span>\n          }\n        </label>\n      }\n    </div>\n\n    <div class=\"m-form-label-field -width-sm\">\n      <label class=\"a-label\" for=\"field_type\">\n        {{ '@pry.admin.fields.type' | i18n }} *\n        <span class=\"u-visually-hidden\">({{ '@pry.admin.required' | i18n }})</span>\n      </label>\n      <div class=\"u-display-flex\">\n        <pry-select\n          id=\"field_type\"\n          class=\"u-flex-grow-1\"\n          formControlName=\"type\"\n          [items]=\"fieldTypes\"\n          [i18nPrefix]=\"FIELD_I18N.label\"\n          [isForm]=\"true\"\n        ></pry-select>\n        <div\n          class=\"m-info-icon a-tooltip -tooltip-width-lg u-self-center u-flex-shrink-0\"\n          [attr.data-tooltip]=\"FIELD_I18N.information + this.type?.value | i18n\"\n          data-tooltip-position=\"right\"\n        >\n          <span>i</span>\n        </div>\n      </div>\n    </div>\n\n    @if (isGeographicType) {\n      <div class=\"m-form-label-field -width-sm\">\n        <label class=\"a-label\" for=\"crs\">\n          {{ '@pry.admin.fields.crs' | i18n }} *\n          <span class=\"u-visually-hidden\">({{ '@pry.admin.required' | i18n }})</span>\n        </label>\n        <div class=\"u-display-flex\">\n          <pry-select\n            class=\"-width-sm\"\n            formControlName=\"crs\"\n            [items]=\"CRS_OPTIONS\"\n            bindValue=\"code\"\n            bindLabel=\"label\"\n            [isForm]=\"true\"\n            id=\"crs\"\n          ></pry-select>\n        </div>\n        @if (crs?.dirty && crs?.invalid) {\n          <label id=\"crs-error\" for=\"crs\" class=\"a-label a-label--help -error\">\n            @if (crs?.hasError('required')) {\n              <span>{{ '@pry.admin.required' | i18n }}</span>\n            }\n          </label>\n        }\n      </div>\n    }\n\n    @if (\n      type?.value === FieldType.INTEGER ||\n      type?.value === FieldType.LONG ||\n      type?.value === FieldType.DECIMAL ||\n      type?.value === FieldType.INSTANT\n    ) {\n      <div formGroupName=\"formatOptions\">\n        <h3 class=\"a-h3\">{{ '@pry.admin.fields.formatOptions.title' | i18n }}</h3>\n        @if (type?.value === FieldType.INTEGER || type?.value === FieldType.LONG || type?.value === FieldType.DECIMAL) {\n          <ng-container *ngTemplateOutlet=\"numberFormatOptions\"></ng-container>\n        } @else if (type?.value === FieldType.INSTANT) {\n          <ng-container *ngTemplateOutlet=\"dateFormatOptions\"></ng-container>\n        }\n\n        <ng-template #numberFormatOptions>\n          @if (type?.value === FieldType.DECIMAL) {\n            <div class=\"m-form-label-field -width-sm\">\n              <label class=\"a-label\" for=\"field_format_comma\">{{\n                '@pry.admin.fields.formatOptions.decimalPrecision' | i18n\n              }}</label>\n              <input\n                formControlName=\"decimalPrecision\"\n                id=\"field_format_comma\"\n                type=\"number\"\n                min=\"0\"\n                class=\"a-form-field\"\n              />\n              @if (decimalPrecision?.dirty && decimalPrecision?.invalid) {\n                <label id=\"decimalPrecision-error\" for=\"crs\" class=\"a-label a-label--help -error\">\n                  <label class=\"a-label a-label--help -error\" for=\"field_format_comma\">\n                    {{ '@pry.admin.invalid' | i18n }}\n                  </label>\n                </label>\n              }\n            </div>\n          }\n          <div class=\"m-form-label-field -width-sm\">\n            <pry-checkbox formControlName=\"localeFormat\" inputId=\"field_format_locale_number_format\" [inhibit]=\"false\">\n              {{ '@pry.admin.fields.formatOptions.localeFormat' | i18n }}\n            </pry-checkbox>\n          </div>\n          <div class=\"m-form-label-field -width-sm\">\n            <label class=\"a-label\" for=\"field_format_unit\">{{ '@pry.admin.fields.formatOptions.unit' | i18n }}</label>\n            <input formControlName=\"unit\" id=\"field_format_unit\" type=\"text\" class=\"a-form-field\" />\n          </div>\n        </ng-template>\n\n        <ng-template #dateFormatOptions>\n          <div class=\"m-form-label-field -width-sm\">\n            <label class=\"a-label\" for=\"field_format_date\">{{\n              '@pry.admin.fields.formatOptions.dateFormat' | i18n\n            }}</label>\n            <pry-select\n              formControlName=\"dateFormat\"\n              id=\"field_format_date\"\n              [items]=\"dateFormats\"\n              [isForm]=\"true\"\n              i18nPrefix=\"@pry.admin.fields.formatOptions.dateFormatOptions.\"\n              [clearable]=\"true\"\n            ></pry-select>\n          </div>\n        </ng-template>\n      </div>\n    }\n\n    <div class=\"m-btn-group -width-sm\">\n      <button\n        type=\"button\"\n        class=\"a-btn a-btn--secondary\"\n        (click)=\"goBack()\"\n        [innerHTML]=\"'@pry.admin.cancel' | i18n\"\n      ></button>\n      <button\n        class=\"a-btn a-btn--primary\"\n        type=\"submit\"\n        [disabled]=\"form.invalid\"\n        [innerHTML]=\"(currentField ? '@pry.admin.edit' : '@pry.admin.create') | i18n\"\n      ></button>\n    </div>\n  </form>\n</div>\n" }]
         }], ctorParameters: () => [{ type: i1.Store }, { type: i2.Router }, { type: i2.ActivatedRoute }, { type: i4.PryI18nService }], propDecorators: { currentField: [{
                 type: Input
             }] } });
@@ -6095,6 +6098,7 @@ const enTranslations = {
             size: 'Image size',
             share: 'Share',
             deleteAttributeConfirmMessage: 'This attribute will no longer be visible for the associated data. Are you sure you want to delete this?',
+            invalid: 'Invalid value',
             attributes: {
                 unknownField: 'Unknown field',
                 unknownCategory: 'Unknown category',
@@ -6509,6 +6513,7 @@ const frTranslations = {
             displayModeImage: "Mode d'affichage de l'image",
             size: "Taille de l'image",
             deleteAttributeConfirmMessage: 'Cet attribut ne sera plus visible pour les données le possédant. Confirmez-vous la suppression ?',
+            invalid: 'Valeur invalide',
             attributes: {
                 unknownField: 'Type métier inconnu',
                 unknownCategory: 'Catégorie inconnue',