@provoly/dashboard 1.3.9 → 1.3.10

package/fesm2022/provoly-dashboard-admin.mjs

@@ -2522,7 +2522,7 @@ class AdminFieldsFormComponent extends SubscriptionnerDirective {
             crs: this.crs?.value,
             unit: this.formatOptions?.value.unit ?? undefined,
             decimalPrecision: this.formatOptions?.value.decimalPrecision ?? undefined,
-            isLocaleFormat: this.formatOptions?.value.isLocaleFormat ?? undefined,
+            localeFormat: this.formatOptions?.value.localeFormat ?? undefined,
             format: this.formatOptions?.value.dateFormat ?? undefined
         };
     }
@@ -2550,19 +2550,19 @@ class AdminFieldsFormComponent extends SubscriptionnerDirective {
         switch (type) {
             case FieldType.INTEGER:
             case FieldType.LONG:
-                this.formatOptions?.addControl('isLocaleFormat', new FormControl(true));
+                this.formatOptions?.addControl('localeFormat', new FormControl(true));
                 this.formatOptions?.setControl('unit', new FormControl(null));
                 this.formatOptions?.removeControl('decimalPrecision');
                 this.formatOptions?.removeControl('dateFormat');
                 break;
             case FieldType.DECIMAL:
-                this.formatOptions?.addControl('isLocaleFormat', new FormControl(true));
+                this.formatOptions?.addControl('localeFormat', new FormControl(true));
                 this.formatOptions?.setControl('unit', new FormControl(null));
                 this.formatOptions?.setControl('decimalPrecision', new FormControl(2));
                 this.formatOptions?.removeControl('dateFormat');
                 break;
             case FieldType.INSTANT:
-                this.formatOptions?.removeControl('isLocaleFormat');
+                this.formatOptions?.removeControl('localeFormat');
                 this.formatOptions?.removeControl('unit');
                 this.formatOptions?.removeControl('decimalPrecision');
                 this.formatOptions?.setControl('dateFormat', new FormControl(null));
@@ -2577,13 +2577,13 @@ class AdminFieldsFormComponent extends SubscriptionnerDirective {
             case FieldType.INTEGER:
             case FieldType.LONG:
                 this.formatOptions?.patchValue({
-                    isLocaleFormat: this.currentField?.isLocaleFormat,
+                    localeFormat: this.currentField?.localeFormat,
                     unit: this.currentField?.unit
                 });
                 break;
             case FieldType.DECIMAL:
                 this.formatOptions?.patchValue({
-                    isLocaleFormat: this.currentField?.isLocaleFormat,
+                    localeFormat: this.currentField?.localeFormat,
                     unit: this.currentField?.unit,
                     decimalPrecision: this.currentField?.decimalPrecision
                 });
@@ -2599,11 +2599,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=\"isLocaleFormat\"\n              inputId=\"field_format_locale_number_format\"\n              [inhibit]=\"false\"\n            >\n              {{ '@pry.admin.fields.formatOptions.isLocaleFormat' | 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 (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" }] }); }
 }
 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=\"isLocaleFormat\"\n              inputId=\"field_format_locale_number_format\"\n              [inhibit]=\"false\"\n            >\n              {{ '@pry.admin.fields.formatOptions.isLocaleFormat' | 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 (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" }]
         }], ctorParameters: () => [{ type: i1.Store }, { type: i2.Router }, { type: i2.ActivatedRoute }, { type: i4.PryI18nService }], propDecorators: { currentField: [{
                 type: Input
             }] } });
@@ -3257,11 +3257,11 @@ class AdminFieldsSelectComponent {
         this.sub.unsubscribe();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: AdminFieldsSelectComponent, deps: [{ token: i1.Store }, { token: i2.Router }, { token: i2.ActivatedRoute }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.1.3", type: AdminFieldsSelectComponent, selector: "pry-admin-fields-select", ngImport: i0, template: "<div\n  *ngIf=\"currentField$ | async as field\"\n  [id]=\"'panel-field-' + field.id\"\n  [attr.aria-labelledby]=\"'button-field-' + field.id\"\n  class=\"o-panel\"\n>\n  <div class=\"o-panel__header\">\n    <button type=\"button\" class=\"a-btn a-btn--icon-only\" (click)=\"closePanel()\">\n      <span class=\"u-visually-hidden\">{{ '@pry.action.closePanel' | i18n }}</span>\n      <pry-icon iconSvg=\"close\"></pry-icon>\n    </button>\n\n    <h3 class=\"a-h3\">\n      {{ '@pry.admin.fields.info' | i18n }}\n    </h3>\n  </div>\n\n  <pry-tab-group translationStringBase=\"@pry.admin.\">\n    <pry-tab [templateRef]=\"fieldDetails\" name=\"details\"></pry-tab>\n    <pry-tab [templateRef]=\"fieldAssociations\" name=\"classes.associations\"></pry-tab>\n  </pry-tab-group>\n\n  <ng-template #fieldDetails>\n    <div class=\"u-display-flex -column -gap-20\">\n      <div>\n        <h4 class=\"a-h4\">{{ '@pry.admin.fields.name' | i18n }}</h4>\n        <span>{{ field.name }}</span>\n      </div>\n      <div>\n        <h4 class=\"a-h4\">{{ '@pry.admin.fields.type' | i18n }}</h4>\n        <span>{{ FIELD_I18N.label + field.type | i18n }}</span>\n      </div>\n      @if ([FieldType.INTEGER, FieldType.LONG, FieldType.DECIMAL, FieldType.INSTANT].includes(field.type)) {\n        <div>\n          <h3 class=\"a-h3 -no-padding\">{{ '@pry.admin.fields.formatOptions.title' | i18n }}</h3>\n          <div class=\"u-display-flex -column -gap-20\">\n            @switch (field.type) {\n              @case (FieldType.INTEGER) {\n                <ng-container *ngTemplateOutlet=\"numberFormatOptions\"></ng-container>\n              }\n              @case (FieldType.LONG) {\n                <ng-container *ngTemplateOutlet=\"numberFormatOptions\"></ng-container>\n              }\n              @case (FieldType.DECIMAL) {\n                <ng-container *ngTemplateOutlet=\"numberFormatOptions\"></ng-container>\n                <div>\n                  <h4 class=\"a-h4\">{{ '@pry.admin.fields.formatOptions.decimalPrecision' | i18n }}</h4>\n                  @if (field.decimalPrecision) {\n                    <span>{{ field.decimalPrecision }}</span>\n                  } @else {\n                    <span class=\"-italic\">{{ '@pry.admin.fields.formatOptions.noDecimalPrecision' | i18n }}</span>\n                  }\n                </div>\n              }\n              @case (FieldType.INSTANT) {\n                <div>\n                  <h4 class=\"a-h4\">{{ '@pry.admin.fields.formatOptions.dateFormat' | i18n }}</h4>\n                  @if (field.format) {\n                    <span>{{ '@pry.admin.fields.formatOptions.dateFormatOptions' + field.format | i18n }}</span>\n                  } @else {\n                    <span class=\"-italic\">{{ '@pry.admin.fields.formatOptions.noDateFormat' | i18n }}</span>\n                  }\n                </div>\n              }\n            }\n          </div>\n        </div>\n      }\n      @if (field.crs) {\n        <div>\n          <h4 class=\"a-h4\">{{ '@pry.admin.fields.crs' | i18n }}</h4>\n          <span>{{ field.crs }}</span>\n        </div>\n      }\n    </div>\n\n    <ng-template #numberFormatOptions>\n      <div>\n        <h4 class=\"a-h4\">{{ '@pry.admin.fields.formatOptions.unit' | i18n }}</h4>\n        @if (field.unit) {\n          <span>{{ field.unit }}</span>\n        } @else {\n          <span class=\"-italic\">{{ '@pry.admin.fields.formatOptions.noUnit' | i18n }}</span>\n        }\n      </div>\n      <div>\n        <h4 class=\"a-h4\">{{ '@pry.admin.fields.formatOptions.isLocaleFormat' | i18n }}</h4>\n        <span>{{ (field.isLocaleFormat ? '@pry.action.yes' : '@pry.action.no') | i18n }}</span>\n      </div>\n    </ng-template>\n  </ng-template>\n\n  <ng-template #fieldAssociations>\n    <h4 class=\"a-h4\">{{ '@pry.admin.classes.associations' | i18n }}</h4>\n    <pry-association [associations]=\"associations$ | async\"></pry-association>\n  </ng-template>\n</div>\n", dependencies: [{ kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i4.TabGroupComponent, selector: "pry-tab-group", inputs: ["translationStringBase"], outputs: ["clickedTabIdx"] }, { kind: "component", type: i4.TabComponent, selector: "pry-tab", inputs: ["name", "templateRef", "index"] }, { kind: "component", type: i4.PryIconComponent, selector: "pry-icon", inputs: ["color", "iconSvg", "animation", "iconImage", "alt", "width", "height", "classes"] }, { kind: "component", type: PryAssociationComponent, selector: "pry-association", inputs: ["associations"] }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }, { kind: "pipe", type: i4.I18nPipe, name: "i18n" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.1.3", type: AdminFieldsSelectComponent, selector: "pry-admin-fields-select", ngImport: i0, template: "<div\n  *ngIf=\"currentField$ | async as field\"\n  [id]=\"'panel-field-' + field.id\"\n  [attr.aria-labelledby]=\"'button-field-' + field.id\"\n  class=\"o-panel\"\n>\n  <div class=\"o-panel__header\">\n    <button type=\"button\" class=\"a-btn a-btn--icon-only\" (click)=\"closePanel()\">\n      <span class=\"u-visually-hidden\">{{ '@pry.action.closePanel' | i18n }}</span>\n      <pry-icon iconSvg=\"close\"></pry-icon>\n    </button>\n\n    <h3 class=\"a-h3\">\n      {{ '@pry.admin.fields.info' | i18n }}\n    </h3>\n  </div>\n\n  <pry-tab-group translationStringBase=\"@pry.admin.\">\n    <pry-tab [templateRef]=\"fieldDetails\" name=\"details\"></pry-tab>\n    <pry-tab [templateRef]=\"fieldAssociations\" name=\"classes.associations\"></pry-tab>\n  </pry-tab-group>\n\n  <ng-template #fieldDetails>\n    <div class=\"u-display-flex -column -gap-20\">\n      <div>\n        <h4 class=\"a-h4\">{{ '@pry.admin.fields.name' | i18n }}</h4>\n        <span>{{ field.name }}</span>\n      </div>\n      <div>\n        <h4 class=\"a-h4\">{{ '@pry.admin.fields.type' | i18n }}</h4>\n        <span>{{ FIELD_I18N.label + field.type | i18n }}</span>\n      </div>\n      @if ([FieldType.INTEGER, FieldType.LONG, FieldType.DECIMAL, FieldType.INSTANT].includes(field.type)) {\n        <div>\n          <h3 class=\"a-h3 -no-padding\">{{ '@pry.admin.fields.formatOptions.title' | i18n }}</h3>\n          <div class=\"u-display-flex -column -gap-20\">\n            @switch (field.type) {\n              @case (FieldType.INTEGER) {\n                <ng-container *ngTemplateOutlet=\"numberFormatOptions\"></ng-container>\n              }\n              @case (FieldType.LONG) {\n                <ng-container *ngTemplateOutlet=\"numberFormatOptions\"></ng-container>\n              }\n              @case (FieldType.DECIMAL) {\n                <ng-container *ngTemplateOutlet=\"numberFormatOptions\"></ng-container>\n                <div>\n                  <h4 class=\"a-h4\">{{ '@pry.admin.fields.formatOptions.decimalPrecision' | i18n }}</h4>\n                  @if (field.decimalPrecision) {\n                    <span>{{ field.decimalPrecision }}</span>\n                  } @else {\n                    <span class=\"-italic\">{{ '@pry.admin.fields.formatOptions.noDecimalPrecision' | i18n }}</span>\n                  }\n                </div>\n              }\n              @case (FieldType.INSTANT) {\n                <div>\n                  <h4 class=\"a-h4\">{{ '@pry.admin.fields.formatOptions.dateFormat' | i18n }}</h4>\n                  @if (field.format) {\n                    <span>{{ '@pry.admin.fields.formatOptions.dateFormatOptions.' + field.format | i18n }}</span>\n                  } @else {\n                    <span class=\"-italic\">{{ '@pry.admin.fields.formatOptions.noDateFormat' | i18n }}</span>\n                  }\n                </div>\n              }\n            }\n          </div>\n        </div>\n      }\n      @if (field.crs) {\n        <div>\n          <h4 class=\"a-h4\">{{ '@pry.admin.fields.crs' | i18n }}</h4>\n          <span>{{ field.crs }}</span>\n        </div>\n      }\n    </div>\n\n    <ng-template #numberFormatOptions>\n      <div>\n        <h4 class=\"a-h4\">{{ '@pry.admin.fields.formatOptions.unit' | i18n }}</h4>\n        @if (field.unit) {\n          <span>{{ field.unit }}</span>\n        } @else {\n          <span class=\"-italic\">{{ '@pry.admin.fields.formatOptions.noUnit' | i18n }}</span>\n        }\n      </div>\n      <div>\n        <h4 class=\"a-h4\">{{ '@pry.admin.fields.formatOptions.localeFormat' | i18n }}</h4>\n        <span>{{ (field.localeFormat ? '@pry.action.yes' : '@pry.action.no') | i18n }}</span>\n      </div>\n    </ng-template>\n  </ng-template>\n\n  <ng-template #fieldAssociations>\n    <h4 class=\"a-h4\">{{ '@pry.admin.classes.associations' | i18n }}</h4>\n    <pry-association [associations]=\"associations$ | async\"></pry-association>\n  </ng-template>\n</div>\n", dependencies: [{ kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i4.TabGroupComponent, selector: "pry-tab-group", inputs: ["translationStringBase"], outputs: ["clickedTabIdx"] }, { kind: "component", type: i4.TabComponent, selector: "pry-tab", inputs: ["name", "templateRef", "index"] }, { kind: "component", type: i4.PryIconComponent, selector: "pry-icon", inputs: ["color", "iconSvg", "animation", "iconImage", "alt", "width", "height", "classes"] }, { kind: "component", type: PryAssociationComponent, selector: "pry-association", inputs: ["associations"] }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }, { kind: "pipe", type: i4.I18nPipe, name: "i18n" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: AdminFieldsSelectComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'pry-admin-fields-select', template: "<div\n  *ngIf=\"currentField$ | async as field\"\n  [id]=\"'panel-field-' + field.id\"\n  [attr.aria-labelledby]=\"'button-field-' + field.id\"\n  class=\"o-panel\"\n>\n  <div class=\"o-panel__header\">\n    <button type=\"button\" class=\"a-btn a-btn--icon-only\" (click)=\"closePanel()\">\n      <span class=\"u-visually-hidden\">{{ '@pry.action.closePanel' | i18n }}</span>\n      <pry-icon iconSvg=\"close\"></pry-icon>\n    </button>\n\n    <h3 class=\"a-h3\">\n      {{ '@pry.admin.fields.info' | i18n }}\n    </h3>\n  </div>\n\n  <pry-tab-group translationStringBase=\"@pry.admin.\">\n    <pry-tab [templateRef]=\"fieldDetails\" name=\"details\"></pry-tab>\n    <pry-tab [templateRef]=\"fieldAssociations\" name=\"classes.associations\"></pry-tab>\n  </pry-tab-group>\n\n  <ng-template #fieldDetails>\n    <div class=\"u-display-flex -column -gap-20\">\n      <div>\n        <h4 class=\"a-h4\">{{ '@pry.admin.fields.name' | i18n }}</h4>\n        <span>{{ field.name }}</span>\n      </div>\n      <div>\n        <h4 class=\"a-h4\">{{ '@pry.admin.fields.type' | i18n }}</h4>\n        <span>{{ FIELD_I18N.label + field.type | i18n }}</span>\n      </div>\n      @if ([FieldType.INTEGER, FieldType.LONG, FieldType.DECIMAL, FieldType.INSTANT].includes(field.type)) {\n        <div>\n          <h3 class=\"a-h3 -no-padding\">{{ '@pry.admin.fields.formatOptions.title' | i18n }}</h3>\n          <div class=\"u-display-flex -column -gap-20\">\n            @switch (field.type) {\n              @case (FieldType.INTEGER) {\n                <ng-container *ngTemplateOutlet=\"numberFormatOptions\"></ng-container>\n              }\n              @case (FieldType.LONG) {\n                <ng-container *ngTemplateOutlet=\"numberFormatOptions\"></ng-container>\n              }\n              @case (FieldType.DECIMAL) {\n                <ng-container *ngTemplateOutlet=\"numberFormatOptions\"></ng-container>\n                <div>\n                  <h4 class=\"a-h4\">{{ '@pry.admin.fields.formatOptions.decimalPrecision' | i18n }}</h4>\n                  @if (field.decimalPrecision) {\n                    <span>{{ field.decimalPrecision }}</span>\n                  } @else {\n                    <span class=\"-italic\">{{ '@pry.admin.fields.formatOptions.noDecimalPrecision' | i18n }}</span>\n                  }\n                </div>\n              }\n              @case (FieldType.INSTANT) {\n                <div>\n                  <h4 class=\"a-h4\">{{ '@pry.admin.fields.formatOptions.dateFormat' | i18n }}</h4>\n                  @if (field.format) {\n                    <span>{{ '@pry.admin.fields.formatOptions.dateFormatOptions' + field.format | i18n }}</span>\n                  } @else {\n                    <span class=\"-italic\">{{ '@pry.admin.fields.formatOptions.noDateFormat' | i18n }}</span>\n                  }\n                </div>\n              }\n            }\n          </div>\n        </div>\n      }\n      @if (field.crs) {\n        <div>\n          <h4 class=\"a-h4\">{{ '@pry.admin.fields.crs' | i18n }}</h4>\n          <span>{{ field.crs }}</span>\n        </div>\n      }\n    </div>\n\n    <ng-template #numberFormatOptions>\n      <div>\n        <h4 class=\"a-h4\">{{ '@pry.admin.fields.formatOptions.unit' | i18n }}</h4>\n        @if (field.unit) {\n          <span>{{ field.unit }}</span>\n        } @else {\n          <span class=\"-italic\">{{ '@pry.admin.fields.formatOptions.noUnit' | i18n }}</span>\n        }\n      </div>\n      <div>\n        <h4 class=\"a-h4\">{{ '@pry.admin.fields.formatOptions.isLocaleFormat' | i18n }}</h4>\n        <span>{{ (field.isLocaleFormat ? '@pry.action.yes' : '@pry.action.no') | i18n }}</span>\n      </div>\n    </ng-template>\n  </ng-template>\n\n  <ng-template #fieldAssociations>\n    <h4 class=\"a-h4\">{{ '@pry.admin.classes.associations' | i18n }}</h4>\n    <pry-association [associations]=\"associations$ | async\"></pry-association>\n  </ng-template>\n</div>\n" }]
+            args: [{ selector: 'pry-admin-fields-select', template: "<div\n  *ngIf=\"currentField$ | async as field\"\n  [id]=\"'panel-field-' + field.id\"\n  [attr.aria-labelledby]=\"'button-field-' + field.id\"\n  class=\"o-panel\"\n>\n  <div class=\"o-panel__header\">\n    <button type=\"button\" class=\"a-btn a-btn--icon-only\" (click)=\"closePanel()\">\n      <span class=\"u-visually-hidden\">{{ '@pry.action.closePanel' | i18n }}</span>\n      <pry-icon iconSvg=\"close\"></pry-icon>\n    </button>\n\n    <h3 class=\"a-h3\">\n      {{ '@pry.admin.fields.info' | i18n }}\n    </h3>\n  </div>\n\n  <pry-tab-group translationStringBase=\"@pry.admin.\">\n    <pry-tab [templateRef]=\"fieldDetails\" name=\"details\"></pry-tab>\n    <pry-tab [templateRef]=\"fieldAssociations\" name=\"classes.associations\"></pry-tab>\n  </pry-tab-group>\n\n  <ng-template #fieldDetails>\n    <div class=\"u-display-flex -column -gap-20\">\n      <div>\n        <h4 class=\"a-h4\">{{ '@pry.admin.fields.name' | i18n }}</h4>\n        <span>{{ field.name }}</span>\n      </div>\n      <div>\n        <h4 class=\"a-h4\">{{ '@pry.admin.fields.type' | i18n }}</h4>\n        <span>{{ FIELD_I18N.label + field.type | i18n }}</span>\n      </div>\n      @if ([FieldType.INTEGER, FieldType.LONG, FieldType.DECIMAL, FieldType.INSTANT].includes(field.type)) {\n        <div>\n          <h3 class=\"a-h3 -no-padding\">{{ '@pry.admin.fields.formatOptions.title' | i18n }}</h3>\n          <div class=\"u-display-flex -column -gap-20\">\n            @switch (field.type) {\n              @case (FieldType.INTEGER) {\n                <ng-container *ngTemplateOutlet=\"numberFormatOptions\"></ng-container>\n              }\n              @case (FieldType.LONG) {\n                <ng-container *ngTemplateOutlet=\"numberFormatOptions\"></ng-container>\n              }\n              @case (FieldType.DECIMAL) {\n                <ng-container *ngTemplateOutlet=\"numberFormatOptions\"></ng-container>\n                <div>\n                  <h4 class=\"a-h4\">{{ '@pry.admin.fields.formatOptions.decimalPrecision' | i18n }}</h4>\n                  @if (field.decimalPrecision) {\n                    <span>{{ field.decimalPrecision }}</span>\n                  } @else {\n                    <span class=\"-italic\">{{ '@pry.admin.fields.formatOptions.noDecimalPrecision' | i18n }}</span>\n                  }\n                </div>\n              }\n              @case (FieldType.INSTANT) {\n                <div>\n                  <h4 class=\"a-h4\">{{ '@pry.admin.fields.formatOptions.dateFormat' | i18n }}</h4>\n                  @if (field.format) {\n                    <span>{{ '@pry.admin.fields.formatOptions.dateFormatOptions.' + field.format | i18n }}</span>\n                  } @else {\n                    <span class=\"-italic\">{{ '@pry.admin.fields.formatOptions.noDateFormat' | i18n }}</span>\n                  }\n                </div>\n              }\n            }\n          </div>\n        </div>\n      }\n      @if (field.crs) {\n        <div>\n          <h4 class=\"a-h4\">{{ '@pry.admin.fields.crs' | i18n }}</h4>\n          <span>{{ field.crs }}</span>\n        </div>\n      }\n    </div>\n\n    <ng-template #numberFormatOptions>\n      <div>\n        <h4 class=\"a-h4\">{{ '@pry.admin.fields.formatOptions.unit' | i18n }}</h4>\n        @if (field.unit) {\n          <span>{{ field.unit }}</span>\n        } @else {\n          <span class=\"-italic\">{{ '@pry.admin.fields.formatOptions.noUnit' | i18n }}</span>\n        }\n      </div>\n      <div>\n        <h4 class=\"a-h4\">{{ '@pry.admin.fields.formatOptions.localeFormat' | i18n }}</h4>\n        <span>{{ (field.localeFormat ? '@pry.action.yes' : '@pry.action.no') | i18n }}</span>\n      </div>\n    </ng-template>\n  </ng-template>\n\n  <ng-template #fieldAssociations>\n    <h4 class=\"a-h4\">{{ '@pry.admin.classes.associations' | i18n }}</h4>\n    <pry-association [associations]=\"associations$ | async\"></pry-association>\n  </ng-template>\n</div>\n" }]
         }], ctorParameters: () => [{ type: i1.Store }, { type: i2.Router }, { type: i2.ActivatedRoute }] });
 
 var MetadataRulesActionTypes;
@@ -6373,7 +6373,7 @@ const enTranslations = {
                     title: 'Formatting options',
                     decimalPrecision: 'Decimal precision',
                     noDecimalPrecision: 'No decimal precision provided',
-                    isLocaleFormat: 'Localized format',
+                    localeFormat: 'Localized format',
                     unit: 'Unit',
                     noUnit: 'No unit provided',
                     dateFormat: 'Date format',
@@ -6789,7 +6789,7 @@ const frTranslations = {
                     title: 'Options de formatage',
                     decimalPrecision: 'Nombre de décimales souhaité',
                     noDecimalPrecision: 'Pas de précision spécifiée',
-                    isLocaleFormat: 'Formatage comme nombre',
+                    localeFormat: 'Formatage comme nombre',
                     unit: 'Unité',
                     noUnit: "Pas d'unité spécifiée",
                     dateFormat: 'Format de date',