@provoly/dashboard 1.4.57 → 1.4.59

package/esm2022/admin/components/admin-abac-rules/admin-abac-rules-form/admin-abac-rules-form.component.mjs

@@ -44,7 +44,7 @@ export class AdminAbacRulesFormComponent {
         this.store.dispatch(AbacRulesActions.cancelAbacRuleEdition({ redirect: backPath.toString() }));
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: AdminAbacRulesFormComponent, deps: [{ token: i1.Store }, { token: i2.Router }, { token: i2.ActivatedRoute }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.7", type: AdminAbacRulesFormComponent, selector: "pry-admin-abac-rules-form", inputs: { readonly: "readonly", edit: "edit" }, ngImport: i0, template: "@if (editAbacRule$ | async; as rule) {\n  <form class=\"o-form\" #abacRuleForm=\"ngForm\">\n    <div class=\"row\">\n      <div class=\"col\">\n        <div class=\"m-form-label-field\">\n          <label class=\"a-label\" id=\"name-label\" for=\"inputName\">\n            {{ '@pry.admin.abac-rules.form.name' | i18n }} *\n            <span class=\"u-visually-hidden\">({{ '@pry.admin.required' | i18n }})</span>\n          </label>\n          <input\n            id=\"inputName\"\n            type=\"text\"\n            [ngModel]=\"rule.name\"\n            (ngModelChange)=\"onChangeAbacRuleProperty('name', $event)\"\n            class=\"a-form-field\"\n            name=\"name\"\n            #name=\"ngModel\"\n            maxlength=\"50\"\n            required\n            [readonly]=\"readonly\"\n            [attr.aria-labelledby]=\"isSubmitted && name?.invalid ? 'name-label name-error' : 'name-label'\"\n            [attr.aria-invalid]=\"isSubmitted && name?.invalid\"\n            />\n          @if (isSubmitted && name.invalid) {\n            <label\n              class=\"a-label a-label--help -error\"\n              id=\"name-error\"\n              for=\"inputName\"\n              >{{ '@pry.admin.required' | i18n }}</label\n              >\n            }\n          </div>\n          <fieldset class=\"m-form-radio-group-wrapper\" [disabled]=\"readonly\">\n            <legend class=\"a-label\">\n              {{ '@pry.admin.abac-rules.form.status' | i18n }} *\n              <span class=\"u-visually-hidden\">({{ '@pry.admin.required' | i18n }})</span>\n            </legend>\n            <div class=\"m-form-radio-group\">\n              <div class=\"m-form-radio-group__item\">\n                <input\n                  class=\"a-form-field\"\n                  type=\"radio\"\n                  id=\"newRuleTrue\"\n                  name=\"active\"\n                  [ngModel]=\"rule.active\"\n                  (ngModelChange)=\"!readonly && onChangeAbacRuleProperty('active', $event)\"\n                  [value]=\"true\"\n                  />\n                <label for=\"newRuleTrue\" class=\"a-label\">\n                  {{ '@pry.admin.abac-rules.form.statusActive' | i18n }}\n                </label>\n              </div>\n              <div class=\"m-form-radio-group__item\">\n                <input\n                  class=\"a-form-field\"\n                  type=\"radio\"\n                  id=\"newRuleFalse\"\n                  name=\"active\"\n                  [ngModel]=\"rule.active\"\n                  (ngModelChange)=\"!readonly && onChangeAbacRuleProperty('active', $event)\"\n                  [value]=\"false\"\n                  />\n                <label for=\"newRuleFalse\" class=\"a-label\">\n                  {{ '@pry.admin.abac-rules.form.statusInactive' | i18n }}\n                </label>\n              </div>\n            </div>\n          </fieldset>\n        </div>\n        <div class=\"col\">\n          <div class=\"m-form-label-field\">\n            <label class=\"a-label\" for=\"abac-rules-description\">{{\n              '@pry.admin.abac-rules.form.description' | i18n\n            }}</label>\n            <textarea\n              name=\"description\"\n              id=\"abac-rules-description\"\n              [ngModel]=\"rule.description\"\n              (ngModelChange)=\"onChangeAbacRuleProperty('description', $event)\"\n              class=\"a-form-field\"\n              maxlength=\"90\"\n              [readonly]=\"readonly\"\n            ></textarea>\n          </div>\n          <div class=\"m-form-label-field\">\n            <label id=\"predicate-label\" for=\"predicate\" class=\"a-label\">\n              {{ '@pry.admin.abac-rules.form.predicate' | i18n }} *\n              <span class=\"u-visually-hidden\">({{ '@pry.admin.required' | i18n }})</span>\n            </label>\n            <pry-select\n              id=\"predicate\"\n            [attr.aria-labelledby]=\"\n              isSubmitted && abacRuleForm.form.get('predicate')?.invalid\n                ? 'predicate-label predicate-error'\n                : 'predicate-label'\n            \"\n              [disabled]=\"readonly\"\n              [items]=\"predicates$ | async\"\n              bindLabel=\"name\"\n              bindValue=\"id\"\n              [template]=\"templateOption\"\n              name=\"predicate\"\n              [ngModel]=\"rule.predicate\"\n              (ngModelChange)=\"onChangeAbacRuleProperty('predicate', $event)\"\n              [isForm]=\"!readonly\"\n              [attr.aria-invalid]=\"isSubmitted && abacRuleForm.form.get('predicate')?.invalid\"\n              required\n            ></pry-select>\n            <ng-template #templateOption let-item=\"item\">\n              @if (toPredicate(item); as item) {\n                <div class=\"u-display-flex -column\">\n                  <span>#{{ item.id }}</span>\n                  <span>{{ item.name }}</span>\n                  <span>{{ item.value }}</span>\n                </div>\n              }\n            </ng-template>\n            @if (isSubmitted && abacRuleForm.form.get('predicate')?.invalid) {\n              <label\n                class=\"a-label a-label--help -error\"\n                id=\"predicate-error\"\n                for=\"predicate\"\n                >{{ '@pry.admin.required' | i18n }}</label\n                >\n              }\n            </div>\n            <fieldset class=\"m-form-radio-group-wrapper\" [disabled]=\"readonly\">\n              <legend class=\"a-label\">\n                <label>{{ '@pry.admin.abac-rules.form.type' | i18n }}</label> *\n                <span class=\"u-visually-hidden\">({{ '@pry.admin.required' | i18n }})</span>\n              </legend>\n              <div class=\"m-form-radio-group\">\n                @if (typeSelected$ | async) {\n                  <div class=\"m-form-radio-group__item\">\n                    <input\n                      class=\"a-form-field\"\n                      type=\"radio\"\n                      disabled\n                      id=\"metadataId\"\n                      name=\"type\"\n                      [ngModel]=\"rule.type\"\n                      value=\"METADATA\"\n                      />\n                    <label class=\"a-label\" for=\"metadataId\">\n                      {{ '@pry.admin.abac-rules.form.typeMetadata' | i18n }}\n                    </label>\n                  </div>\n                  <div class=\"m-form-radio-group__item\">\n                    <input\n                      class=\"a-form-field\"\n                      type=\"radio\"\n                      disabled\n                      id=\"attributeId\"\n                      name=\"type\"\n                      [ngModel]=\"rule.type\"\n                      value=\"ATTRIBUTE\"\n                      />\n                    <label class=\"a-label\" for=\"attributeId\">\n                      {{ '@pry.admin.abac-rules.form.typeAttribute' | i18n }}\n                    </label>\n                  </div>\n                  @if (!readonly) {\n                    <span style=\"font-size: 12px; font-style: italic\">{{\n                      '@pry.admin.abac-rules.form.typeSelected' | i18n\n                    }}</span>\n                  }\n                } @else {\n                  <div class=\"m-form-radio-group__item\">\n                    <input\n                      class=\"a-form-field\"\n                      type=\"radio\"\n                      id=\"metadataId\"\n                      name=\"type\"\n                      [ngModel]=\"rule.type\"\n                      (ngModelChange)=\"onChangeAbacRuleProperty('type', METADATA)\"\n                      value=\"METADATA\"\n                      [disabled]=\"readonly\"\n                      />\n                    <label class=\"a-label\" for=\"metadataId\">\n                      {{ '@pry.admin.abac-rules.form.typeMetadata' | i18n }}\n                    </label>\n                  </div>\n                  <div class=\"m-form-radio-group__item\">\n                    <input\n                      class=\"a-form-field\"\n                      type=\"radio\"\n                      id=\"attributeId\"\n                      name=\"type\"\n                      [ngModel]=\"rule.type\"\n                      (ngModelChange)=\"onChangeAbacRuleProperty('type', ATTRIBUTE)\"\n                      value=\"ATTRIBUTE\"\n                      [disabled]=\"readonly\"\n                      />\n                    <label class=\"a-label\" for=\"attributeId\">\n                      {{ '@pry.admin.abac-rules.form.typeAttribute' | i18n }}\n                    </label>\n                  </div>\n                }\n              </div>\n            </fieldset>\n          </div>\n        </div>\n        @if (editAbacRuleConditionsMasterId$ | async; as masterId) {\n          <div class=\"row\">\n            <div class=\"col\">\n              <pry-composed-condition\n                class=\"o-component-pry-composed-condition\"\n                style=\"margin: 1rem\"\n                [rootElement]=\"true\"\n                [id]=\"masterId\"\n                [readonly]=\"readonly\"\n              ></pry-composed-condition>\n            </div>\n          </div>\n        }\n        @if (!readonly) {\n          <div class=\"m-btn-group -align-center -width-sm\">\n            <button type=\"button\" class=\"a-btn a-btn--secondary\" (click)=\"goBack()\">\n              {{ '@pry.admin.cancel' | i18n }}\n            </button>\n            <button type=\"button\" class=\"a-btn a-btn--primary\" (click)=\"onCreateAbacRule(abacRuleForm)\">\n              {{ '@pry.admin.' + (edit ? 'edit' : 'create') | i18n }}\n            </button>\n          </div>\n        }\n      </form>\n    }\n", dependencies: [{ kind: "directive", type: i3.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i3.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.RadioControlValueAccessor, selector: "input[type=radio][formControlName],input[type=radio][formControl],input[type=radio][ngModel]", inputs: ["name", "formControlName", "value"] }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i3.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i3.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i3.NgForm, selector: "form:not([ngNoForm]):not([formGroup]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: i4.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.ComposedConditionComponent, selector: "pry-composed-condition", inputs: ["id", "readonly", "rootElement"] }, { kind: "pipe", type: i6.AsyncPipe, name: "async" }, { kind: "pipe", type: i4.I18nPipe, name: "i18n" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.7", type: AdminAbacRulesFormComponent, selector: "pry-admin-abac-rules-form", inputs: { readonly: "readonly", edit: "edit" }, ngImport: i0, template: "@if (editAbacRule$ | async; as rule) {\n  <form class=\"o-form\" #abacRuleForm=\"ngForm\">\n    <div class=\"row\">\n      <div class=\"col\">\n        <div class=\"m-form-label-field\">\n          <label class=\"a-label\" id=\"name-label\" for=\"inputName\">\n            {{ '@pry.admin.abac-rules.form.name' | i18n }} *\n            <span class=\"u-visually-hidden\">({{ '@pry.admin.required' | i18n }})</span>\n          </label>\n          <input\n            id=\"inputName\"\n            type=\"text\"\n            [ngModel]=\"rule.name\"\n            (ngModelChange)=\"onChangeAbacRuleProperty('name', $event)\"\n            class=\"a-form-field\"\n            name=\"name\"\n            #name=\"ngModel\"\n            maxlength=\"50\"\n            required\n            [readonly]=\"readonly\"\n            [attr.aria-labelledby]=\"isSubmitted && name?.invalid ? 'name-label name-error' : 'name-label'\"\n            [attr.aria-invalid]=\"isSubmitted && name?.invalid\"\n            />\n          @if (isSubmitted && name.invalid) {\n            <label\n              class=\"a-label a-label--help -error\"\n              id=\"name-error\"\n              for=\"inputName\"\n              >{{ '@pry.admin.required' | i18n }}</label\n              >\n            }\n          </div>\n          <fieldset class=\"m-form-radio-group-wrapper\" [disabled]=\"readonly\">\n            <legend class=\"a-label\">\n              {{ '@pry.admin.abac-rules.form.status' | i18n }} *\n              <span class=\"u-visually-hidden\">({{ '@pry.admin.required' | i18n }})</span>\n            </legend>\n            <div class=\"m-form-radio-group\">\n              <div class=\"m-form-radio-group__item\">\n                <input\n                  class=\"a-form-field\"\n                  type=\"radio\"\n                  id=\"newRuleTrue\"\n                  name=\"active\"\n                  [ngModel]=\"rule.active\"\n                  (ngModelChange)=\"!readonly && onChangeAbacRuleProperty('active', $event)\"\n                  [value]=\"true\"\n                  />\n                <label for=\"newRuleTrue\" class=\"a-label\">\n                  {{ '@pry.admin.abac-rules.form.statusActive' | i18n }}\n                </label>\n              </div>\n              <div class=\"m-form-radio-group__item\">\n                <input\n                  class=\"a-form-field\"\n                  type=\"radio\"\n                  id=\"newRuleFalse\"\n                  name=\"active\"\n                  [ngModel]=\"rule.active\"\n                  (ngModelChange)=\"!readonly && onChangeAbacRuleProperty('active', $event)\"\n                  [value]=\"false\"\n                  />\n                <label for=\"newRuleFalse\" class=\"a-label\">\n                  {{ '@pry.admin.abac-rules.form.statusInactive' | i18n }}\n                </label>\n              </div>\n            </div>\n          </fieldset>\n        </div>\n        <div class=\"col\">\n          <div class=\"m-form-label-field\">\n            <label class=\"a-label\" for=\"abac-rules-description\">{{\n              '@pry.admin.abac-rules.form.description' | i18n\n            }}</label>\n            <textarea\n              name=\"description\"\n              id=\"abac-rules-description\"\n              [ngModel]=\"rule.description\"\n              (ngModelChange)=\"onChangeAbacRuleProperty('description', $event)\"\n              class=\"a-form-field\"\n              maxlength=\"90\"\n              [readonly]=\"readonly\"\n            ></textarea>\n          </div>\n          <div class=\"m-form-label-field\">\n            <label id=\"predicate-label\" for=\"predicate\" class=\"a-label\">\n              {{ '@pry.admin.abac-rules.form.predicate' | i18n }} *\n              <span class=\"u-visually-hidden\">({{ '@pry.admin.required' | i18n }})</span>\n            </label>\n            <pry-select\n              id=\"predicate\"\n            [attr.aria-labelledby]=\"\n              isSubmitted && abacRuleForm.form.get('predicate')?.invalid\n                ? 'predicate-label predicate-error'\n                : 'predicate-label'\n            \"\n              [disabled]=\"readonly\"\n              [items]=\"predicates$ | async\"\n              bindLabel=\"name\"\n              bindValue=\"id\"\n              [template]=\"templateOption\"\n              name=\"predicate\"\n              [ngModel]=\"rule.predicate\"\n              (ngModelChange)=\"onChangeAbacRuleProperty('predicate', $event)\"\n              [isForm]=\"!readonly\"\n              [attr.aria-invalid]=\"isSubmitted && abacRuleForm.form.get('predicate')?.invalid\"\n              required\n            ></pry-select>\n            <ng-template #templateOption let-item=\"item\">\n              @if (toPredicate(item); as item) {\n                <div class=\"u-display-flex -column\">\n                  <span>#{{ item.id }}</span>\n                  <span>{{ item.name }}</span>\n                  <span>{{ item.value }}</span>\n                </div>\n              }\n            </ng-template>\n            @if (isSubmitted && abacRuleForm.form.get('predicate')?.invalid) {\n              <label\n                class=\"a-label a-label--help -error\"\n                id=\"predicate-error\"\n                for=\"predicate\"\n                >{{ '@pry.admin.required' | i18n }}</label\n                >\n              }\n            </div>\n            <fieldset class=\"m-form-radio-group-wrapper\" [disabled]=\"readonly\">\n              <legend class=\"a-label\">\n                <label>{{ '@pry.admin.abac-rules.form.type' | i18n }}</label> *\n                <span class=\"u-visually-hidden\">({{ '@pry.admin.required' | i18n }})</span>\n              </legend>\n              <div class=\"m-form-radio-group\">\n                @if (typeSelected$ | async) {\n                  <div class=\"m-form-radio-group__item\">\n                    <input\n                      class=\"a-form-field\"\n                      type=\"radio\"\n                      disabled\n                      id=\"metadataId\"\n                      name=\"type\"\n                      [ngModel]=\"rule.type\"\n                      value=\"METADATA\"\n                      />\n                    <label class=\"a-label\" for=\"metadataId\">\n                      {{ '@pry.admin.abac-rules.form.typeMetadata' | i18n }}\n                    </label>\n                  </div>\n                  <div class=\"m-form-radio-group__item\">\n                    <input\n                      class=\"a-form-field\"\n                      type=\"radio\"\n                      disabled\n                      id=\"attributeId\"\n                      name=\"type\"\n                      [ngModel]=\"rule.type\"\n                      value=\"ATTRIBUTE\"\n                      />\n                    <label class=\"a-label\" for=\"attributeId\">\n                      {{ '@pry.admin.abac-rules.form.typeAttribute' | i18n }}\n                    </label>\n                  </div>\n                  @if (!readonly) {\n                    <span style=\"font-size: 12px; font-style: italic\">{{\n                      '@pry.admin.abac-rules.form.typeSelected' | i18n\n                    }}</span>\n                  }\n                } @else {\n                  <div class=\"m-form-radio-group__item\">\n                    <input\n                      class=\"a-form-field\"\n                      type=\"radio\"\n                      id=\"metadataId\"\n                      name=\"type\"\n                      [ngModel]=\"rule.type\"\n                      (ngModelChange)=\"onChangeAbacRuleProperty('type', METADATA)\"\n                      value=\"METADATA\"\n                      [disabled]=\"readonly\"\n                      />\n                    <label class=\"a-label\" for=\"metadataId\">\n                      {{ '@pry.admin.abac-rules.form.typeMetadata' | i18n }}\n                    </label>\n                  </div>\n                  <div class=\"m-form-radio-group__item\">\n                    <input\n                      class=\"a-form-field\"\n                      type=\"radio\"\n                      id=\"attributeId\"\n                      name=\"type\"\n                      [ngModel]=\"rule.type\"\n                      (ngModelChange)=\"onChangeAbacRuleProperty('type', ATTRIBUTE)\"\n                      value=\"ATTRIBUTE\"\n                      [disabled]=\"readonly\"\n                      />\n                    <label class=\"a-label\" for=\"attributeId\">\n                      {{ '@pry.admin.abac-rules.form.typeAttribute' | i18n }}\n                    </label>\n                  </div>\n                }\n              </div>\n            </fieldset>\n          </div>\n        </div>\n        @if (editAbacRuleConditionsMasterId$ | async; as masterId) {\n          <div class=\"row\">\n            <div class=\"col\">\n              <pry-composed-condition\n                class=\"o-component-pry-composed-condition\"\n                style=\"margin: 1rem\"\n                [rootElement]=\"true\"\n                [id]=\"masterId\"\n                [readonly]=\"readonly\"\n              ></pry-composed-condition>\n            </div>\n          </div>\n        }\n        @if (!readonly) {\n          <div class=\"m-btn-group -align-center -width-sm\">\n            <button type=\"button\" class=\"a-btn a-btn--secondary\" (click)=\"goBack()\">\n              {{ '@pry.admin.cancel' | i18n }}\n            </button>\n            <button type=\"button\" class=\"a-btn a-btn--primary\" (click)=\"onCreateAbacRule(abacRuleForm)\">\n              {{ '@pry.admin.' + (edit ? 'edit' : 'create') | i18n }}\n            </button>\n          </div>\n        }\n      </form>\n    }\n", dependencies: [{ kind: "directive", type: i3.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i3.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.RadioControlValueAccessor, selector: "input[type=radio][formControlName],input[type=radio][formControl],input[type=radio][ngModel]", inputs: ["name", "formControlName", "value"] }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i3.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i3.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i3.NgForm, selector: "form:not([ngNoForm]):not([formGroup]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: i4.PrySelectComponent, selector: "pry-select", inputs: ["items", "clearable", "multiple", "closeOnSelect", "placeholder", "forcePlaceHolder", "isForm", "required", "name", "autocomplete", "alwaysShowAutosuggestedValues", "externalAutocompleteService", "bindValue", "bindLabel", "iconSize", "bindIcon", "template", "i18nPrefix", "bindClasses", "loading", "elementRef"], outputs: ["searched", "cleared", "clicked", "pressedEnter"] }, { kind: "component", type: i5.ComposedConditionComponent, selector: "pry-composed-condition", inputs: ["id", "readonly", "rootElement"] }, { kind: "pipe", type: i6.AsyncPipe, name: "async" }, { kind: "pipe", type: i4.I18nPipe, name: "i18n" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: AdminAbacRulesFormComponent, decorators: [{
             type: Component,

package/esm2022/admin/components/admin-abac-rules/components/attribute-condition/attribute-condition.component.mjs

@@ -66,7 +66,7 @@ export class AttributeConditionComponent {
         this.store.dispatch(AbacRulesActions.removeEditAbacRuleConditionFromComposed({ conditionId: parentId, childrenId: conditionId }));
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: AttributeConditionComponent, deps: [{ token: i1.Store }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.7", type: AttributeConditionComponent, selector: "pry-attribute-condition", inputs: { readonly: "readonly", id: "id" }, ngImport: i0, template: "@if (condition$ | async; as condition) {\n  @if (attribute$ | async; as attr) {\n    @if (field$ | async; as field) {\n      <div class=\"o-pry-attribute-condition\">\n        @if (!readonly) {\n          <button\n            type=\"button\"\n            class=\"a-btn a-btn--icon-only\"\n            aria-pressed=\"false\"\n            (click)=\"onOpenPanel()\"\n            cdkOverlayOrigin\n            #origin=\"cdkOverlayOrigin\"\n            >\n            <pry-icon iconSvg=\"drag_indicator\"></pry-icon>\n            <span class=\"u-visually-hidden\">{{ '@pry.admin.abac-rules.delete' | i18n }}</span>\n            <ng-template\n              cdkConnectedOverlay\n              cdkConnectedOverlayHasBackdrop\n              cdkConnectedOverlayLockPosition\n              cdkConnectedOverlayBackdropClass=\"cdk-overlay-transparent-backdrop\"\n              [cdkConnectedOverlayOrigin]=\"origin\"\n              [cdkConnectedOverlayOpen]=\"panelOpen\"\n              (backdropClick)=\"onClosePanel()\"\n              >\n              <div class=\"m-pry-overlay-panel-wrapper\">\n                <div class=\"m-pry-overlay-panel\">\n                  <button\n                    class=\"pry-condition-delete\"\n                    (click)=\"onDeleteAttributeCondition(condition.id, condition.parentId)\"\n                    >\n                    {{ '@pry.admin.abac-rules.delete' | i18n }}\n                  </button>\n                </div>\n              </div>\n            </ng-template>\n          </button>\n        }\n        <div class=\"m-form-label-field\">\n          <label class=\"a-label u-visually-hidden\" for=\"attr_name\">Name</label>\n          <input id=\"attr_name\" class=\"a-form-field\" type=\"text\" [value]=\"attr.name\" readonly />\n        </div>\n        <div class=\"m-form-label-field\">\n          <label class=\"a-label u-visually-hidden\" for=\"condition_operator\">???</label>\n          <pry-select\n            id=\"condition_operator\"\n            [style.width.px]=\"160\"\n            [items]=\"operatorOptions$ | async\"\n            bindValue=\"operator\"\n            bindLabel=\"translation\"\n            [ngModel]=\"condition.operator\"\n            (ngModelChange)=\"onChangeOperator($event, condition.id)\"\n            [disabled]=\"readonly\"\n          ></pry-select>\n        </div>\n        <div class=\"m-form-label-field\">\n          <label class=\"a-label u-visually-hidden\" for=\"condition_value\">Name</label>\n          <input\n            id=\"condition_value\"\n            [readonly]=\"readonly\"\n            type=\"text\"\n            class=\"a-form-field\"\n            [value]=\"condition.value\"\n            (focusout)=\"onChangeValue($event, condition.id)\"\n            />\n        </div>\n      </div>\n    } @else {\n      Loading field ...\n    }\n  } @else {\n    Loading attribute ...\n  }\n}\n", dependencies: [{ kind: "component", type: i2.PryIconComponent, selector: "pry-icon", inputs: ["color", "iconSvg", "animation", "iconImage", "alt", "width", "height", "classes"] }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i2.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: "directive", type: i4.CdkConnectedOverlay, selector: "[cdk-connected-overlay], [connected-overlay], [cdkConnectedOverlay]", inputs: ["cdkConnectedOverlayOrigin", "cdkConnectedOverlayPositions", "cdkConnectedOverlayPositionStrategy", "cdkConnectedOverlayOffsetX", "cdkConnectedOverlayOffsetY", "cdkConnectedOverlayWidth", "cdkConnectedOverlayHeight", "cdkConnectedOverlayMinWidth", "cdkConnectedOverlayMinHeight", "cdkConnectedOverlayBackdropClass", "cdkConnectedOverlayPanelClass", "cdkConnectedOverlayViewportMargin", "cdkConnectedOverlayScrollStrategy", "cdkConnectedOverlayOpen", "cdkConnectedOverlayDisableClose", "cdkConnectedOverlayTransformOriginOn", "cdkConnectedOverlayHasBackdrop", "cdkConnectedOverlayLockPosition", "cdkConnectedOverlayFlexibleDimensions", "cdkConnectedOverlayGrowAfterOpen", "cdkConnectedOverlayPush", "cdkConnectedOverlayDisposeOnNavigation"], outputs: ["backdropClick", "positionChange", "attach", "detach", "overlayKeydown", "overlayOutsideClick"], exportAs: ["cdkConnectedOverlay"] }, { kind: "directive", type: i4.CdkOverlayOrigin, selector: "[cdk-overlay-origin], [overlay-origin], [cdkOverlayOrigin]", exportAs: ["cdkOverlayOrigin"] }, { kind: "pipe", type: i5.AsyncPipe, name: "async" }, { kind: "pipe", type: i2.I18nPipe, name: "i18n" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.7", type: AttributeConditionComponent, selector: "pry-attribute-condition", inputs: { readonly: "readonly", id: "id" }, ngImport: i0, template: "@if (condition$ | async; as condition) {\n  @if (attribute$ | async; as attr) {\n    @if (field$ | async; as field) {\n      <div class=\"o-pry-attribute-condition\">\n        @if (!readonly) {\n          <button\n            type=\"button\"\n            class=\"a-btn a-btn--icon-only\"\n            aria-pressed=\"false\"\n            (click)=\"onOpenPanel()\"\n            cdkOverlayOrigin\n            #origin=\"cdkOverlayOrigin\"\n            >\n            <pry-icon iconSvg=\"drag_indicator\"></pry-icon>\n            <span class=\"u-visually-hidden\">{{ '@pry.admin.abac-rules.delete' | i18n }}</span>\n            <ng-template\n              cdkConnectedOverlay\n              cdkConnectedOverlayHasBackdrop\n              cdkConnectedOverlayLockPosition\n              cdkConnectedOverlayBackdropClass=\"cdk-overlay-transparent-backdrop\"\n              [cdkConnectedOverlayOrigin]=\"origin\"\n              [cdkConnectedOverlayOpen]=\"panelOpen\"\n              (backdropClick)=\"onClosePanel()\"\n              >\n              <div class=\"m-pry-overlay-panel-wrapper\">\n                <div class=\"m-pry-overlay-panel\">\n                  <button\n                    class=\"pry-condition-delete\"\n                    (click)=\"onDeleteAttributeCondition(condition.id, condition.parentId)\"\n                    >\n                    {{ '@pry.admin.abac-rules.delete' | i18n }}\n                  </button>\n                </div>\n              </div>\n            </ng-template>\n          </button>\n        }\n        <div class=\"m-form-label-field\">\n          <label class=\"a-label u-visually-hidden\" for=\"attr_name\">Name</label>\n          <input id=\"attr_name\" class=\"a-form-field\" type=\"text\" [value]=\"attr.name\" readonly />\n        </div>\n        <div class=\"m-form-label-field\">\n          <label class=\"a-label u-visually-hidden\" for=\"condition_operator\">???</label>\n          <pry-select\n            id=\"condition_operator\"\n            [style.width.px]=\"160\"\n            [items]=\"operatorOptions$ | async\"\n            bindValue=\"operator\"\n            bindLabel=\"translation\"\n            [ngModel]=\"condition.operator\"\n            (ngModelChange)=\"onChangeOperator($event, condition.id)\"\n            [disabled]=\"readonly\"\n          ></pry-select>\n        </div>\n        <div class=\"m-form-label-field\">\n          <label class=\"a-label u-visually-hidden\" for=\"condition_value\">Name</label>\n          <input\n            id=\"condition_value\"\n            [readonly]=\"readonly\"\n            type=\"text\"\n            class=\"a-form-field\"\n            [value]=\"condition.value\"\n            (focusout)=\"onChangeValue($event, condition.id)\"\n            />\n        </div>\n      </div>\n    } @else {\n      Loading field ...\n    }\n  } @else {\n    Loading attribute ...\n  }\n}\n", dependencies: [{ kind: "component", type: i2.PryIconComponent, selector: "pry-icon", inputs: ["color", "iconSvg", "animation", "iconImage", "alt", "width", "height", "classes"] }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i2.PrySelectComponent, selector: "pry-select", inputs: ["items", "clearable", "multiple", "closeOnSelect", "placeholder", "forcePlaceHolder", "isForm", "required", "name", "autocomplete", "alwaysShowAutosuggestedValues", "externalAutocompleteService", "bindValue", "bindLabel", "iconSize", "bindIcon", "template", "i18nPrefix", "bindClasses", "loading", "elementRef"], outputs: ["searched", "cleared", "clicked", "pressedEnter"] }, { kind: "directive", type: i4.CdkConnectedOverlay, selector: "[cdk-connected-overlay], [connected-overlay], [cdkConnectedOverlay]", inputs: ["cdkConnectedOverlayOrigin", "cdkConnectedOverlayPositions", "cdkConnectedOverlayPositionStrategy", "cdkConnectedOverlayOffsetX", "cdkConnectedOverlayOffsetY", "cdkConnectedOverlayWidth", "cdkConnectedOverlayHeight", "cdkConnectedOverlayMinWidth", "cdkConnectedOverlayMinHeight", "cdkConnectedOverlayBackdropClass", "cdkConnectedOverlayPanelClass", "cdkConnectedOverlayViewportMargin", "cdkConnectedOverlayScrollStrategy", "cdkConnectedOverlayOpen", "cdkConnectedOverlayDisableClose", "cdkConnectedOverlayTransformOriginOn", "cdkConnectedOverlayHasBackdrop", "cdkConnectedOverlayLockPosition", "cdkConnectedOverlayFlexibleDimensions", "cdkConnectedOverlayGrowAfterOpen", "cdkConnectedOverlayPush", "cdkConnectedOverlayDisposeOnNavigation"], outputs: ["backdropClick", "positionChange", "attach", "detach", "overlayKeydown", "overlayOutsideClick"], exportAs: ["cdkConnectedOverlay"] }, { kind: "directive", type: i4.CdkOverlayOrigin, selector: "[cdk-overlay-origin], [overlay-origin], [cdkOverlayOrigin]", exportAs: ["cdkOverlayOrigin"] }, { kind: "pipe", type: i5.AsyncPipe, name: "async" }, { kind: "pipe", type: i2.I18nPipe, name: "i18n" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: AttributeConditionComponent, decorators: [{
             type: Component,

package/esm2022/admin/components/admin-abac-rules/components/metadata-condition/metadata-condition.component.mjs

@@ -59,7 +59,7 @@ export class MetadataConditionComponent {
         this.store.dispatch(AbacRulesActions.removeEditAbacRuleConditionFromComposed({ conditionId: parentId, childrenId: conditionId }));
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: MetadataConditionComponent, deps: [{ token: i1.Store }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.7", type: MetadataConditionComponent, selector: "pry-metadata-condition", inputs: { readonly: "readonly", id: "id" }, ngImport: i0, template: "@if (condition$ | async; as condition) {\n  @if (metadata$ | async; as metadata) {\n    <div class=\"o-pry-metadata-condition\">\n      <button\n        type=\"button\"\n        class=\"a-btn a-btn--icon-only\"\n        aria-pressed=\"false\"\n        (click)=\"deleteConditionOpen = true\"\n        [pryOverlay]=\"deleteConditionTpl\"\n        [(overlayOpen)]=\"deleteConditionOpen\"\n        >\n        @if (!readonly) {\n          <pry-icon iconSvg=\"drag_indicator\"></pry-icon>\n        }\n        <span class=\"u-visually-hidden\">???</span>\n      </button>\n      <ng-template #deleteConditionTpl>\n        <button class=\"m-pry-overlay-item\" (click)=\"onDeleteMetadataCondition(condition.id, condition.parentId)\">\n          {{ '@pry.admin.abac-rules.delete' | i18n }}\n        </button>\n      </ng-template>\n      <div class=\"m-form-label-field\">\n        <label class=\"a-label u-visually-hidden\" for=\"metadata_name\">Name</label>\n        <input id=\"metadata_name\" class=\"a-form-field\" type=\"text\" [value]=\"metadata.name\" readonly />\n      </div>\n      <div class=\"m-form-label-field\">\n        <label class=\"a-label u-visually-hidden\" for=\"metadata_operator\">???</label>\n        <pry-select\n          id=\"metadata_operator\"\n          [disabled]=\"readonly\"\n          [style.width.px]=\"160\"\n          [items]=\"operators$ | async\"\n          bindValue=\"operator\"\n          bindLabel=\"translation\"\n          [ngModel]=\"condition.operator\"\n          (ngModelChange)=\"onChangeOperator($event, condition.id)\"\n        ></pry-select>\n      </div>\n      <div class=\"m-form-label-field\">\n        <label class=\"a-label u-visually-hidden\" for=\"condition_value\">???</label>\n        <input\n          id=\"condition_value\"\n          class=\"a-form-field\"\n          [readonly]=\"readonly\"\n          type=\"text\"\n          [style.width.px]=\"200\"\n          [value]=\"condition.value\"\n          (focusout)=\"onChangeValue($event, condition.id)\"\n          />\n      </div>\n      @if (!readonly) {\n        <button\n          type=\"button\"\n          aria-pressed=\"false\"\n          class=\"a-btn a-btn--select -size-sm\"\n          [pryOverlay]=\"metadataUserTpl\"\n          [(overlayOpen)]=\"metadataUserOpen\"\n          (click)=\"metadataUserOpen = true\"\n          >\n          {{ '@pry.admin.abac-rules.metadataUser' | i18n }}\n        </button>\n      }\n      <ng-template #metadataUserTpl>\n        <div class=\"m-pry-overlay-wrapper\">\n          @for (metadataUser of metadataUsers$ | async; track metadataUser) {\n            <button class=\"m-pry-overlay-item\" (click)=\"onSelectMetadataUser(condition.id, condition.operator, metadataUser)\">\n              {{ metadataUser.name }}\n            </button>\n          }\n        </div>\n      </ng-template>\n    </div>\n  } @else {\n    Loading ...\n  }\n}\n", dependencies: [{ kind: "component", type: i2.PryIconComponent, selector: "pry-icon", inputs: ["color", "iconSvg", "animation", "iconImage", "alt", "width", "height", "classes"] }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i2.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: "directive", type: i2.PryOverlayDirective, selector: "[pryOverlay]", inputs: ["pryOverlay", "styleReversed", "pryOverlaySticky", "pryOverlayNoPadding", "pryOverlayPosition", "overlayOpen", "hasBackdrop"], outputs: ["overlayOpenChange"] }, { kind: "pipe", type: i4.AsyncPipe, name: "async" }, { kind: "pipe", type: i2.I18nPipe, name: "i18n" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.7", type: MetadataConditionComponent, selector: "pry-metadata-condition", inputs: { readonly: "readonly", id: "id" }, ngImport: i0, template: "@if (condition$ | async; as condition) {\n  @if (metadata$ | async; as metadata) {\n    <div class=\"o-pry-metadata-condition\">\n      <button\n        type=\"button\"\n        class=\"a-btn a-btn--icon-only\"\n        aria-pressed=\"false\"\n        (click)=\"deleteConditionOpen = true\"\n        [pryOverlay]=\"deleteConditionTpl\"\n        [(overlayOpen)]=\"deleteConditionOpen\"\n        >\n        @if (!readonly) {\n          <pry-icon iconSvg=\"drag_indicator\"></pry-icon>\n        }\n        <span class=\"u-visually-hidden\">???</span>\n      </button>\n      <ng-template #deleteConditionTpl>\n        <button class=\"m-pry-overlay-item\" (click)=\"onDeleteMetadataCondition(condition.id, condition.parentId)\">\n          {{ '@pry.admin.abac-rules.delete' | i18n }}\n        </button>\n      </ng-template>\n      <div class=\"m-form-label-field\">\n        <label class=\"a-label u-visually-hidden\" for=\"metadata_name\">Name</label>\n        <input id=\"metadata_name\" class=\"a-form-field\" type=\"text\" [value]=\"metadata.name\" readonly />\n      </div>\n      <div class=\"m-form-label-field\">\n        <label class=\"a-label u-visually-hidden\" for=\"metadata_operator\">???</label>\n        <pry-select\n          id=\"metadata_operator\"\n          [disabled]=\"readonly\"\n          [style.width.px]=\"160\"\n          [items]=\"operators$ | async\"\n          bindValue=\"operator\"\n          bindLabel=\"translation\"\n          [ngModel]=\"condition.operator\"\n          (ngModelChange)=\"onChangeOperator($event, condition.id)\"\n        ></pry-select>\n      </div>\n      <div class=\"m-form-label-field\">\n        <label class=\"a-label u-visually-hidden\" for=\"condition_value\">???</label>\n        <input\n          id=\"condition_value\"\n          class=\"a-form-field\"\n          [readonly]=\"readonly\"\n          type=\"text\"\n          [style.width.px]=\"200\"\n          [value]=\"condition.value\"\n          (focusout)=\"onChangeValue($event, condition.id)\"\n          />\n      </div>\n      @if (!readonly) {\n        <button\n          type=\"button\"\n          aria-pressed=\"false\"\n          class=\"a-btn a-btn--select -size-sm\"\n          [pryOverlay]=\"metadataUserTpl\"\n          [(overlayOpen)]=\"metadataUserOpen\"\n          (click)=\"metadataUserOpen = true\"\n          >\n          {{ '@pry.admin.abac-rules.metadataUser' | i18n }}\n        </button>\n      }\n      <ng-template #metadataUserTpl>\n        <div class=\"m-pry-overlay-wrapper\">\n          @for (metadataUser of metadataUsers$ | async; track metadataUser) {\n            <button class=\"m-pry-overlay-item\" (click)=\"onSelectMetadataUser(condition.id, condition.operator, metadataUser)\">\n              {{ metadataUser.name }}\n            </button>\n          }\n        </div>\n      </ng-template>\n    </div>\n  } @else {\n    Loading ...\n  }\n}\n", dependencies: [{ kind: "component", type: i2.PryIconComponent, selector: "pry-icon", inputs: ["color", "iconSvg", "animation", "iconImage", "alt", "width", "height", "classes"] }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i2.PrySelectComponent, selector: "pry-select", inputs: ["items", "clearable", "multiple", "closeOnSelect", "placeholder", "forcePlaceHolder", "isForm", "required", "name", "autocomplete", "alwaysShowAutosuggestedValues", "externalAutocompleteService", "bindValue", "bindLabel", "iconSize", "bindIcon", "template", "i18nPrefix", "bindClasses", "loading", "elementRef"], outputs: ["searched", "cleared", "clicked", "pressedEnter"] }, { kind: "directive", type: i2.PryOverlayDirective, selector: "[pryOverlay]", inputs: ["pryOverlay", "styleReversed", "pryOverlaySticky", "pryOverlayNoPadding", "pryOverlayPosition", "overlayOpen", "hasBackdrop"], outputs: ["overlayOpenChange"] }, { kind: "pipe", type: i4.AsyncPipe, name: "async" }, { kind: "pipe", type: i2.I18nPipe, name: "i18n" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: MetadataConditionComponent, decorators: [{
             type: Component,

package/esm2022/admin/components/admin-classes/admin-classes-customize/symbol/admin-classes-customize-symbol.component.mjs

@@ -128,7 +128,7 @@ export class AdminClassesCustomizeSymbolComponent extends SubscriptionnerDirecti
         this.store.dispatch(ConfigActions.updateIcons({ definitions: { [this.currentClass?.id ?? '']: this.definitions } }));
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: AdminClassesCustomizeSymbolComponent, deps: [{ token: i1.PryI18nService }, { token: i2.Store }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.7", type: AdminClassesCustomizeSymbolComponent, selector: "pry-admin-classes-customize-symbol", inputs: { currentClass: "currentClass" }, outputs: { backPressed: "backPressed" }, usesInheritance: true, ngImport: i0, template: "<ul class=\"m-rule-wrapper\">\n  @for (definition of definitions; track definition; let i = $index) {\n    <li\n      [class.m-rule--default]=\"definition.isDefault\"\n      class=\"m-rule\"\n      >\n      <div class=\"m-rule__header\">\n        <h3 class=\"a-h3\">\n          {{ '@pry.admin.rule' | i18n : { id: i + 1 } }}\n          <span>{{ definition.isDefault ? ('@pry.admin.defaultRule' | i18n) : '' }}</span>\n        </h3>\n        @if (!definition.isDefault) {\n          <div class=\"m-rule__actions\">\n            <button\n              type=\"button\"\n              class=\"a-btn a-btn--icon-only\"\n              [class.-disabled]=\"i <= 1\"\n              [disabled]=\"i <= 1\"\n              (click)=\"move(i, i - 1)\"\n              >\n              <pry-icon [height]=\"25\" [width]=\"25\" iconSvg=\"fleche_haut\"></pry-icon>\n              <span class=\"u-visually-hidden\">{{ '@pry.action.moveUp' | i18n }}</span>\n            </button>\n            <button\n              type=\"button\"\n              class=\"a-btn a-btn--icon-only\"\n              [class.-disabled]=\"i >= definitions.length - 1\"\n              [disabled]=\"i >= definitions.length - 1\"\n              (click)=\"move(i, i + 1)\"\n              >\n              <pry-icon [height]=\"25\" [width]=\"25\" iconSvg=\"fleche_bas\"></pry-icon>\n              <span class=\"u-visually-hidden\">{{ '@pry.action.moveDown' | i18n }}</span>\n            </button>\n            <button type=\"button\" class=\"a-btn a-btn--icon-only\" (click)=\"removeRule(i)\">\n              <pry-icon [height]=\"20\" [width]=\"20\" iconSvg=\"delete\"></pry-icon>\n              <span class=\"u-visually-hidden\">{{ '@pry.action.delete' | i18n }}</span>\n            </button>\n          </div>\n        }\n      </div>\n      <div>\n        <pry-select-image [iconUrl]=\"definition.iconUrl\" (changed)=\"changeForImage($event, i)\"></pry-select-image>\n        @if (definition.isDefault) {\n          <div class=\"m-form-label-field m-rule__display-mode\">\n            <label class=\"a-label\" for=\"size\">{{ '@pry.admin.size' | i18n }}</label>\n            <pry-select\n              (ngModelChange)=\"changeSize($event)\"\n              [items]=\"sizes\"\n              [ngModel]=\"definition.iconSize[0]\"\n              bindLabel=\"label\"\n              bindValue=\"value\"\n              id=\"size\"\n            ></pry-select>\n          </div>\n        }\n        @if (!definition.isDefault) {\n          <div class=\"m-form-label-field m-rule__display-mode\">\n            <label class=\"a-label\" for=\"display_mode\">{{ '@pry.admin.displayModeImage' | i18n }}</label>\n            <pry-select\n              (ngModelChange)=\"changePosition($event, i)\"\n              [items]=\"positions\"\n              [ngModel]=\"definition.position\"\n              bindLabel=\"label\"\n              bindValue=\"value\"\n              id=\"display_mode\"\n            ></pry-select>\n          </div>\n          <div class=\"m-form-label-field\">\n            <pry-checkbox [ngModel]=\"!!definition.rule\" (click)=\"toggleRule(i)\">{{\n              '@pry.admin.classes.condition' | i18n\n            }}</pry-checkbox>\n          </div>\n        }\n        @if (!!definition.rule && !definition.isDefault) {\n          <div>\n            <div class=\"m-form-label-field\">\n              <label class=\"a-label\" for=\"classes_attrname\">{{ '@pry.admin.classes.attrName' | i18n }}</label>\n              <pry-select\n                (ngModelChange)=\"changeAttrName($event, i)\"\n                [items]=\"fieldsForClass\"\n                [ngModel]=\"definition.rule.attributeName\"\n                bindLabel=\"name\"\n                bindValue=\"name\"\n                id=\"classes_attrname\"\n              ></pry-select>\n            </div>\n            <div class=\"m-form-label-field\">\n              <label class=\"a-label\" for=\"classes_operation\">{{ '@pry.admin.classes.operation' | i18n }}</label>\n              <pry-select\n                (ngModelChange)=\"changeOperation($event, i)\"\n                [items]=\"operations\"\n                [ngModel]=\"definition.rule.operation\"\n                bindLabel=\"label\"\n                bindValue=\"name\"\n                id=\"classes_operation\"\n              ></pry-select>\n            </div>\n            <div class=\"m-form-label-field\">\n              <label class=\"a-label\" for=\"classes_value\">{{ '@pry.admin.classes.value' | i18n }}</label>\n              <input\n                id=\"classes_value\"\n                type=\"text\"\n                class=\"a-form-field\"\n                (ngModelChange)=\"changeValue($event, i)\"\n                [ngModel]=\"definition.rule.value\"\n                />\n            </div>\n          </div>\n        }\n      </div>\n    </li>\n  }\n</ul>\n\n<button type=\"button\" class=\"a-btn a-btn--secondary\" (click)=\"addRule()\">\n  <pry-icon iconSvg=\"add\"></pry-icon>\n  Ajouter une r\u00E8gle\n</button>\n\n<div class=\"m-btn-group -width-lg\">\n  <button\n    type=\"button\"\n    class=\"a-btn a-btn--secondary\"\n    (click)=\"restoreSymbols(); goBack()\"\n    [innerHTML]=\"'@pry.admin.cancel' | i18n\"\n  ></button>\n  <button\n    class=\"a-btn a-btn--primary\"\n    [innerHTML]=\"'@pry.admin.customize.updateIcons' | i18n\"\n    (click)=\"valid()\"\n  ></button>\n</div>\n", dependencies: [{ kind: "component", type: i1.PrySelectImageComponent, selector: "pry-select-image", inputs: ["iconUrl", "size", "mode"], outputs: ["toggled", "changed"] }, { kind: "component", type: i1.PryIconComponent, selector: "pry-icon", inputs: ["color", "iconSvg", "animation", "iconImage", "alt", "width", "height", "classes"] }, { kind: "directive", type: i3.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.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i4.PryCheckboxComponent, selector: "pry-checkbox", inputs: ["circle", "name", "inputId", "inhibit"] }, { kind: "component", type: i1.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: "pipe", type: i1.I18nPipe, name: "i18n" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.7", type: AdminClassesCustomizeSymbolComponent, selector: "pry-admin-classes-customize-symbol", inputs: { currentClass: "currentClass" }, outputs: { backPressed: "backPressed" }, usesInheritance: true, ngImport: i0, template: "<ul class=\"m-rule-wrapper\">\n  @for (definition of definitions; track definition; let i = $index) {\n    <li\n      [class.m-rule--default]=\"definition.isDefault\"\n      class=\"m-rule\"\n      >\n      <div class=\"m-rule__header\">\n        <h3 class=\"a-h3\">\n          {{ '@pry.admin.rule' | i18n : { id: i + 1 } }}\n          <span>{{ definition.isDefault ? ('@pry.admin.defaultRule' | i18n) : '' }}</span>\n        </h3>\n        @if (!definition.isDefault) {\n          <div class=\"m-rule__actions\">\n            <button\n              type=\"button\"\n              class=\"a-btn a-btn--icon-only\"\n              [class.-disabled]=\"i <= 1\"\n              [disabled]=\"i <= 1\"\n              (click)=\"move(i, i - 1)\"\n              >\n              <pry-icon [height]=\"25\" [width]=\"25\" iconSvg=\"fleche_haut\"></pry-icon>\n              <span class=\"u-visually-hidden\">{{ '@pry.action.moveUp' | i18n }}</span>\n            </button>\n            <button\n              type=\"button\"\n              class=\"a-btn a-btn--icon-only\"\n              [class.-disabled]=\"i >= definitions.length - 1\"\n              [disabled]=\"i >= definitions.length - 1\"\n              (click)=\"move(i, i + 1)\"\n              >\n              <pry-icon [height]=\"25\" [width]=\"25\" iconSvg=\"fleche_bas\"></pry-icon>\n              <span class=\"u-visually-hidden\">{{ '@pry.action.moveDown' | i18n }}</span>\n            </button>\n            <button type=\"button\" class=\"a-btn a-btn--icon-only\" (click)=\"removeRule(i)\">\n              <pry-icon [height]=\"20\" [width]=\"20\" iconSvg=\"delete\"></pry-icon>\n              <span class=\"u-visually-hidden\">{{ '@pry.action.delete' | i18n }}</span>\n            </button>\n          </div>\n        }\n      </div>\n      <div>\n        <pry-select-image [iconUrl]=\"definition.iconUrl\" (changed)=\"changeForImage($event, i)\"></pry-select-image>\n        @if (definition.isDefault) {\n          <div class=\"m-form-label-field m-rule__display-mode\">\n            <label class=\"a-label\" for=\"size\">{{ '@pry.admin.size' | i18n }}</label>\n            <pry-select\n              (ngModelChange)=\"changeSize($event)\"\n              [items]=\"sizes\"\n              [ngModel]=\"definition.iconSize[0]\"\n              bindLabel=\"label\"\n              bindValue=\"value\"\n              id=\"size\"\n            ></pry-select>\n          </div>\n        }\n        @if (!definition.isDefault) {\n          <div class=\"m-form-label-field m-rule__display-mode\">\n            <label class=\"a-label\" for=\"display_mode\">{{ '@pry.admin.displayModeImage' | i18n }}</label>\n            <pry-select\n              (ngModelChange)=\"changePosition($event, i)\"\n              [items]=\"positions\"\n              [ngModel]=\"definition.position\"\n              bindLabel=\"label\"\n              bindValue=\"value\"\n              id=\"display_mode\"\n            ></pry-select>\n          </div>\n          <div class=\"m-form-label-field\">\n            <pry-checkbox [ngModel]=\"!!definition.rule\" (click)=\"toggleRule(i)\">{{\n              '@pry.admin.classes.condition' | i18n\n            }}</pry-checkbox>\n          </div>\n        }\n        @if (!!definition.rule && !definition.isDefault) {\n          <div>\n            <div class=\"m-form-label-field\">\n              <label class=\"a-label\" for=\"classes_attrname\">{{ '@pry.admin.classes.attrName' | i18n }}</label>\n              <pry-select\n                (ngModelChange)=\"changeAttrName($event, i)\"\n                [items]=\"fieldsForClass\"\n                [ngModel]=\"definition.rule.attributeName\"\n                bindLabel=\"name\"\n                bindValue=\"name\"\n                id=\"classes_attrname\"\n              ></pry-select>\n            </div>\n            <div class=\"m-form-label-field\">\n              <label class=\"a-label\" for=\"classes_operation\">{{ '@pry.admin.classes.operation' | i18n }}</label>\n              <pry-select\n                (ngModelChange)=\"changeOperation($event, i)\"\n                [items]=\"operations\"\n                [ngModel]=\"definition.rule.operation\"\n                bindLabel=\"label\"\n                bindValue=\"name\"\n                id=\"classes_operation\"\n              ></pry-select>\n            </div>\n            <div class=\"m-form-label-field\">\n              <label class=\"a-label\" for=\"classes_value\">{{ '@pry.admin.classes.value' | i18n }}</label>\n              <input\n                id=\"classes_value\"\n                type=\"text\"\n                class=\"a-form-field\"\n                (ngModelChange)=\"changeValue($event, i)\"\n                [ngModel]=\"definition.rule.value\"\n                />\n            </div>\n          </div>\n        }\n      </div>\n    </li>\n  }\n</ul>\n\n<button type=\"button\" class=\"a-btn a-btn--secondary\" (click)=\"addRule()\">\n  <pry-icon iconSvg=\"add\"></pry-icon>\n  Ajouter une r\u00E8gle\n</button>\n\n<div class=\"m-btn-group -width-lg\">\n  <button\n    type=\"button\"\n    class=\"a-btn a-btn--secondary\"\n    (click)=\"restoreSymbols(); goBack()\"\n    [innerHTML]=\"'@pry.admin.cancel' | i18n\"\n  ></button>\n  <button\n    class=\"a-btn a-btn--primary\"\n    [innerHTML]=\"'@pry.admin.customize.updateIcons' | i18n\"\n    (click)=\"valid()\"\n  ></button>\n</div>\n", dependencies: [{ kind: "component", type: i1.PrySelectImageComponent, selector: "pry-select-image", inputs: ["iconUrl", "size", "mode"], outputs: ["toggled", "changed"] }, { kind: "component", type: i1.PryIconComponent, selector: "pry-icon", inputs: ["color", "iconSvg", "animation", "iconImage", "alt", "width", "height", "classes"] }, { kind: "directive", type: i3.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.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i4.PryCheckboxComponent, selector: "pry-checkbox", inputs: ["circle", "name", "inputId", "inhibit"] }, { kind: "component", type: i1.PrySelectComponent, selector: "pry-select", inputs: ["items", "clearable", "multiple", "closeOnSelect", "placeholder", "forcePlaceHolder", "isForm", "required", "name", "autocomplete", "alwaysShowAutosuggestedValues", "externalAutocompleteService", "bindValue", "bindLabel", "iconSize", "bindIcon", "template", "i18nPrefix", "bindClasses", "loading", "elementRef"], outputs: ["searched", "cleared", "clicked", "pressedEnter"] }, { kind: "pipe", type: i1.I18nPipe, name: "i18n" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: AdminClassesCustomizeSymbolComponent, decorators: [{
             type: Component,

package/esm2022/admin/components/admin-classes/admin-classes-customize/tooltip/admin-classes-customize-tooltip.component.mjs

@@ -125,7 +125,7 @@ export class AdminClassesCustomizeTooltipComponent extends SubscriptionnerDirect
         return config;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: AdminClassesCustomizeTooltipComponent, deps: [{ token: i1.TooltipFactoryService }, { token: i0.Injector }, { token: i1.PryI18nService }, { token: i2.Store }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.7", type: AdminClassesCustomizeTooltipComponent, selector: "pry-admin-classes-customize-tooltip", inputs: { currentClass: "currentClass" }, outputs: { backPressed: "backPressed" }, viewQueries: [{ propertyName: "example", first: true, predicate: ["example"], descendants: true, read: ViewContainerRef }], usesInheritance: true, ngImport: i0, template: "<div>\n  <div class=\"m-form-label-field -width-xl\">\n    <label class=\"a-label\" for=\"tooltip_type\">{{ '@pry.admin.customize.type' | i18n }}</label>\n    <pry-select\n      id=\"tooltip_type\"\n      (ngModelChange)=\"tooltipTypeChanged($event)\"\n      [ngModel]=\"currentClassConfig.type\"\n      [items]=\"possibleTooltipTypes$ | async\"\n      bindValue=\"value\"\n      bindLabel=\"label\"\n    ></pry-select>\n  </div>\n\n  <div>\n    <pry-checkbox [(ngModel)]=\"advancedTooltip\">{{ '@pry.admin.customize.advanced' | i18n }}</pry-checkbox>\n  </div>\n\n  @if (!advancedTooltip && currentClassConfig.type === 'attribute') {\n    <div class=\"m-form-label-field -width-xl\">\n      <label class=\"a-label\" for=\"customize_simplified\">{{ '@pry.admin.customize.simplified' | i18n }}</label>\n      <pry-select\n        id=\"customize_simplified\"\n        (ngModelChange)=\"changeAttributes($event)\"\n        [ngModel]=\"currentClassConfig.options.attributes\"\n        [items]=\"attributesOfClass$ | async\"\n        [multiple]=\"true\"\n        [closeOnSelect]=\"false\"\n        bindLabel=\"name\"\n        bindValue=\"id\"\n      ></pry-select>\n    </div>\n  }\n\n  @if (advancedTooltip) {\n    <textarea\n      cols=\"100\"\n      rows=\"15\"\n      class=\"a-form-field\"\n      [(ngModel)]=\"strOptions\"\n      (focusout)=\"optionsChanged()\"\n    ></textarea>\n  }\n</div>\n\n<div class=\"m-tooltip m-tooltip--example\" [class.-hidden]=\"noTooltip\">\n  <div #example></div>\n</div>\n\n<div class=\"m-btn-group -width-md\">\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 class=\"a-btn a-btn--primary\" type=\"submit\" (click)=\"updateTemplate()\">\n    {{ '@pry.admin.customize.update' | i18n }}\n  </button>\n</div>\n", dependencies: [{ kind: "directive", type: i3.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.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i4.PryCheckboxComponent, selector: "pry-checkbox", inputs: ["circle", "name", "inputId", "inhibit"] }, { kind: "component", type: i1.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: "pipe", type: i5.AsyncPipe, name: "async" }, { kind: "pipe", type: i1.I18nPipe, name: "i18n" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.7", type: AdminClassesCustomizeTooltipComponent, selector: "pry-admin-classes-customize-tooltip", inputs: { currentClass: "currentClass" }, outputs: { backPressed: "backPressed" }, viewQueries: [{ propertyName: "example", first: true, predicate: ["example"], descendants: true, read: ViewContainerRef }], usesInheritance: true, ngImport: i0, template: "<div>\n  <div class=\"m-form-label-field -width-xl\">\n    <label class=\"a-label\" for=\"tooltip_type\">{{ '@pry.admin.customize.type' | i18n }}</label>\n    <pry-select\n      id=\"tooltip_type\"\n      (ngModelChange)=\"tooltipTypeChanged($event)\"\n      [ngModel]=\"currentClassConfig.type\"\n      [items]=\"possibleTooltipTypes$ | async\"\n      bindValue=\"value\"\n      bindLabel=\"label\"\n    ></pry-select>\n  </div>\n\n  <div>\n    <pry-checkbox [(ngModel)]=\"advancedTooltip\">{{ '@pry.admin.customize.advanced' | i18n }}</pry-checkbox>\n  </div>\n\n  @if (!advancedTooltip && currentClassConfig.type === 'attribute') {\n    <div class=\"m-form-label-field -width-xl\">\n      <label class=\"a-label\" for=\"customize_simplified\">{{ '@pry.admin.customize.simplified' | i18n }}</label>\n      <pry-select\n        id=\"customize_simplified\"\n        (ngModelChange)=\"changeAttributes($event)\"\n        [ngModel]=\"currentClassConfig.options.attributes\"\n        [items]=\"attributesOfClass$ | async\"\n        [multiple]=\"true\"\n        [closeOnSelect]=\"false\"\n        bindLabel=\"name\"\n        bindValue=\"id\"\n      ></pry-select>\n    </div>\n  }\n\n  @if (advancedTooltip) {\n    <textarea\n      cols=\"100\"\n      rows=\"15\"\n      class=\"a-form-field\"\n      [(ngModel)]=\"strOptions\"\n      (focusout)=\"optionsChanged()\"\n    ></textarea>\n  }\n</div>\n\n<div class=\"m-tooltip m-tooltip--example\" [class.-hidden]=\"noTooltip\">\n  <div #example></div>\n</div>\n\n<div class=\"m-btn-group -width-md\">\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 class=\"a-btn a-btn--primary\" type=\"submit\" (click)=\"updateTemplate()\">\n    {{ '@pry.admin.customize.update' | i18n }}\n  </button>\n</div>\n", dependencies: [{ kind: "directive", type: i3.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.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i4.PryCheckboxComponent, selector: "pry-checkbox", inputs: ["circle", "name", "inputId", "inhibit"] }, { kind: "component", type: i1.PrySelectComponent, selector: "pry-select", inputs: ["items", "clearable", "multiple", "closeOnSelect", "placeholder", "forcePlaceHolder", "isForm", "required", "name", "autocomplete", "alwaysShowAutosuggestedValues", "externalAutocompleteService", "bindValue", "bindLabel", "iconSize", "bindIcon", "template", "i18nPrefix", "bindClasses", "loading", "elementRef"], outputs: ["searched", "cleared", "clicked", "pressedEnter"] }, { kind: "pipe", type: i5.AsyncPipe, name: "async" }, { kind: "pipe", type: i1.I18nPipe, name: "i18n" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: AdminClassesCustomizeTooltipComponent, decorators: [{
             type: Component,

package/esm2022/admin/components/admin-classes/admin-classes-form/admin-classes-form.component.mjs

@@ -91,7 +91,7 @@ export class AdminClassesFormComponent extends SubscriptionnerDirective {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: AdminClassesFormComponent, deps: [{ token: i1.Store }, { token: i2.Router }, { token: i2.ActivatedRoute }, { token: i3.UntypedFormBuilder }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.7", type: AdminClassesFormComponent, selector: "pry-admin-classes-form", inputs: { currentClass: "currentClass" }, usesInheritance: true, ngImport: i0, template: "<form class=\"o-form\" [formGroup]=\"classForm\" (ngSubmit)=\"addClass()\">\n  <div class=\"m-form-label-field -width-sm\">\n    <label class=\"a-label\" id=\"name-label\" for=\"name\">\n      {{ '@pry.admin.classes.name' | i18n }} *\n      <span class=\"u-visually-hidden\">({{ '@pry.admin.required' | i18n }})</span>\n    </label>\n    <input\n      [attr.aria-labelledby]=\"isSubmitted && classForm.get('name')?.invalid ? 'name-label name-error' : 'name-label'\"\n      class=\"a-form-field\"\n      formControlName=\"name\"\n      id=\"name\"\n      required\n      type=\"text\"\n      [attr.aria-invalid]=\"isSubmitted && classForm.get('name')?.invalid\"\n      />\n    @if (isSubmitted && classForm.get('name')?.invalid) {\n      <label\n        id=\"name-error\"\n        for=\"name\"\n        class=\"a-label a-label--help -error\"\n        >\n        @if (classForm.get('name')?.hasError('same-name')) {\n          <span>{{ '@pry.admin.exists' | i18n }}</span>\n        }\n        @if (classForm.get('name')?.hasError('required')) {\n          <span>{{ '@pry.admin.required' | i18n }}</span>\n        }\n        @if (classForm.get('name')?.hasError('minlength')) {\n          <span>{{ '@pry.admin.minLength' | i18n: { len: 3 } }}</span>\n        }\n        @if (classForm.get('name')?.hasError('maxlength')) {\n          <span>{{\n            '@pry.admin.maxLength' | i18n: { len: 100 }\n          }}</span>\n        }\n        @if (classForm.get('name')?.hasError('whitespace')) {\n          <span>{{ '@pry.admin.noWhitespace' | i18n }}</span>\n        }\n      </label>\n    }\n  </div>\n  <div class=\"u-display-flex -row -align-center\">\n    <div class=\"m-form-label-field -width-sm\">\n      <label class=\"a-label\" for=\"storage_options\">\n        {{ '@pry.admin.storage.label' | i18n }}\n        <span class=\"u-visually-hidden\">({{ '@pry.admin.required' | i18n }})</span>\n      </label>\n      <pry-select\n        [items]=\"storageOptions$ | async\"\n        i18nPrefix=\"@pry.admin.storage.options.\"\n        formControlName=\"storage\"\n        id=\"storage_options\"\n      ></pry-select>\n    </div>\n    <div\n      class=\"m-info-icon a-tooltip -tooltip-width-md\"\n      [attr.data-tooltip]=\"'@pry.admin.storage.description.' + classForm.get('storage')?.value | i18n\"\n      data-tooltip-position=\"right\"\n      >\n      <span>i</span>\n    </div>\n  </div>\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]=\"(_currentClass ? '@pry.admin.edit' : '@pry.admin.next') | i18n\"\n    ></button>\n  </div>\n</form>\n", dependencies: [{ kind: "directive", type: i3.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i3.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.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i3.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i3.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: i4.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: "pipe", type: i5.AsyncPipe, name: "async" }, { kind: "pipe", type: i4.I18nPipe, name: "i18n" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.7", type: AdminClassesFormComponent, selector: "pry-admin-classes-form", inputs: { currentClass: "currentClass" }, usesInheritance: true, ngImport: i0, template: "<form class=\"o-form\" [formGroup]=\"classForm\" (ngSubmit)=\"addClass()\">\n  <div class=\"m-form-label-field -width-sm\">\n    <label class=\"a-label\" id=\"name-label\" for=\"name\">\n      {{ '@pry.admin.classes.name' | i18n }} *\n      <span class=\"u-visually-hidden\">({{ '@pry.admin.required' | i18n }})</span>\n    </label>\n    <input\n      [attr.aria-labelledby]=\"isSubmitted && classForm.get('name')?.invalid ? 'name-label name-error' : 'name-label'\"\n      class=\"a-form-field\"\n      formControlName=\"name\"\n      id=\"name\"\n      required\n      type=\"text\"\n      [attr.aria-invalid]=\"isSubmitted && classForm.get('name')?.invalid\"\n      />\n    @if (isSubmitted && classForm.get('name')?.invalid) {\n      <label\n        id=\"name-error\"\n        for=\"name\"\n        class=\"a-label a-label--help -error\"\n        >\n        @if (classForm.get('name')?.hasError('same-name')) {\n          <span>{{ '@pry.admin.exists' | i18n }}</span>\n        }\n        @if (classForm.get('name')?.hasError('required')) {\n          <span>{{ '@pry.admin.required' | i18n }}</span>\n        }\n        @if (classForm.get('name')?.hasError('minlength')) {\n          <span>{{ '@pry.admin.minLength' | i18n: { len: 3 } }}</span>\n        }\n        @if (classForm.get('name')?.hasError('maxlength')) {\n          <span>{{\n            '@pry.admin.maxLength' | i18n: { len: 100 }\n          }}</span>\n        }\n        @if (classForm.get('name')?.hasError('whitespace')) {\n          <span>{{ '@pry.admin.noWhitespace' | i18n }}</span>\n        }\n      </label>\n    }\n  </div>\n  <div class=\"u-display-flex -row -align-center\">\n    <div class=\"m-form-label-field -width-sm\">\n      <label class=\"a-label\" for=\"storage_options\">\n        {{ '@pry.admin.storage.label' | i18n }}\n        <span class=\"u-visually-hidden\">({{ '@pry.admin.required' | i18n }})</span>\n      </label>\n      <pry-select\n        [items]=\"storageOptions$ | async\"\n        i18nPrefix=\"@pry.admin.storage.options.\"\n        formControlName=\"storage\"\n        id=\"storage_options\"\n      ></pry-select>\n    </div>\n    <div\n      class=\"m-info-icon a-tooltip -tooltip-width-md\"\n      [attr.data-tooltip]=\"'@pry.admin.storage.description.' + classForm.get('storage')?.value | i18n\"\n      data-tooltip-position=\"right\"\n      >\n      <span>i</span>\n    </div>\n  </div>\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]=\"(_currentClass ? '@pry.admin.edit' : '@pry.admin.next') | i18n\"\n    ></button>\n  </div>\n</form>\n", dependencies: [{ kind: "directive", type: i3.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i3.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.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i3.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i3.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: i4.PrySelectComponent, selector: "pry-select", inputs: ["items", "clearable", "multiple", "closeOnSelect", "placeholder", "forcePlaceHolder", "isForm", "required", "name", "autocomplete", "alwaysShowAutosuggestedValues", "externalAutocompleteService", "bindValue", "bindLabel", "iconSize", "bindIcon", "template", "i18nPrefix", "bindClasses", "loading", "elementRef"], outputs: ["searched", "cleared", "clicked", "pressedEnter"] }, { kind: "pipe", type: i5.AsyncPipe, name: "async" }, { kind: "pipe", type: i4.I18nPipe, name: "i18n" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: AdminClassesFormComponent, decorators: [{
             type: Component,

package/esm2022/admin/components/admin-classes/admin-classes-view/admin-attributes-form/admin-attributes-form.component.mjs

@@ -136,7 +136,7 @@ export class AdminAttributesFormComponent extends SubscriptionnerDirective {
         this.subscriptions.add(ref.component.closeModal.subscribe(() => ref.close()));
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: AdminAttributesFormComponent, deps: [{ token: i1.Store }, { token: i2.Router }, { token: i2.ActivatedRoute }, { token: i3.UntypedFormBuilder }, { token: i4.PryI18nService }, { token: i4.PryDialogService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.7", type: AdminAttributesFormComponent, selector: "pry-admin-attributes-form", inputs: { selectedClass: "selectedClass", interClass: "interClass", selectedAttribute: "selectedAttribute" }, usesInheritance: true, ngImport: i0, template: "<form class=\"o-form\" [formGroup]=\"attrForm\" (ngSubmit)=\"addAttribute()\">\n  <div class=\"m-form-label-field -width-sm\">\n    <label class=\"a-label\" for=\"attr_technicalName\">{{ '@pry.admin.classes.attributes.technicalName' | i18n }}</label>\n    <input id=\"attr_technicalName\" type=\"text\" class=\"a-form-field\" formControlName=\"technicalName\" required />\n    @if (technicalNameAlreadyExists$ | async) {\n      <label class=\"a-label a-label--help -error\" for=\"attr_technicalName\">{{\n        '@pry.admin.exists' | i18n\n      }}</label>\n    }\n    @if (attrForm.get('technicalName')?.invalid) {\n      <div>\n        @if (attrForm.get('technicalName')?.dirty && attrForm.get('technicalName')?.hasError('required')) {\n          <div>\n            <label class=\"a-label a-label--help -error\" for=\"attr_technicalName\">{{ '@pry.admin.required' | i18n }}</label>\n          </div>\n        }\n        @if (attrForm.get('technicalName')?.hasError('minlength')) {\n          <div>\n            <label class=\"a-label a-label--help -error\" for=\"attr_technicalName\">{{\n              '@pry.admin.minLength' | i18n: { len: 2 }\n            }}</label>\n          </div>\n        }\n        @if (attrForm.get('technicalName')?.hasError('maxlength')) {\n          <div>\n            <label class=\"a-label a-label--help -error\" for=\"attr_technicalName\">{{\n              '@pry.admin.maxLength' | i18n: { len: 100 }\n            }}</label>\n          </div>\n        }\n        @if (\n          attrForm.get('technicalName')?.hasError('whitespace') && !attrForm.get('technicalName')?.hasError('minlength')\n          ) {\n          <div\n            >\n            <label class=\"a-label a-label--help -error\" for=\"attr_technicalName\">{{\n              '@pry.admin.noWhitespace' | i18n\n            }}</label>\n          </div>\n        }\n      </div>\n    }\n  </div>\n\n  <div class=\"m-form-label-field -width-sm\">\n    <label class=\"a-label\" for=\"attr_name\">{{ '@pry.admin.classes.attributes.name' | i18n }}</label>\n    <input id=\"attr_name\" type=\"text\" class=\"a-form-field\" formControlName=\"name\" />\n    @if (nameAlreadyExists$ | async) {\n      <label class=\"a-label a-label--help -error\" for=\"attr_name\">{{\n        '@pry.admin.exists' | i18n\n      }}</label>\n    }\n    @if (attrForm.get('name')?.invalid) {\n      <div>\n        @if (attrForm.get('name')?.hasError('maxlength')) {\n          <div>\n            <label class=\"a-label a-label--help -error\" for=\"attr_name\">{{\n              '@pry.admin.maxLength' | i18n: { len: 50 }\n            }}</label>\n          </div>\n        }\n        @if (attrForm.get('name')?.hasError('whitespace')) {\n          <div>\n            <label class=\"a-label a-label--help -error\" for=\"attr_name\">{{ '@pry.admin.noWhitespace' | i18n }}</label>\n          </div>\n        }\n      </div>\n    }\n  </div>\n\n  <div class=\"m-form-label-field -width-sm\">\n    <label class=\"a-label\" for=\"type\">{{ '@pry.admin.classes.attributes.field' | i18n }}</label>\n    <div class=\"u-display-flex\">\n      <pry-select\n        id=\"type\"\n        formControlName=\"field\"\n        [items]=\"fields$ | async\"\n        [autocomplete]=\"true\"\n        bindLabel=\"name\"\n        [isForm]=\"true\"\n        required=\"true\"\n        [template]=\"templateOption\"\n      ></pry-select>\n      <ng-template #templateOption let-item=\"item\">\n        <div class=\"aligned-option\">\n          <p>{{ item.name }}</p>\n          @if (item.crs) {\n            <div class=\"a-chip\">{{ item.crs }}</div>\n          }\n        </div>\n      </ng-template>\n      <div\n        class=\"m-info-icon a-tooltip -tooltip-width-lg u-self-center u-flex-shrink-0\"\n        [attr.data-tooltip]=\"(selectedFieldTypeDescription$ | async) ?? '' | i18n\"\n        data-tooltip-position=\"right\"\n        >\n        <span>i</span>\n      </div>\n    </div>\n    @if (attrForm.get('field')?.invalid) {\n      <div>\n        @if (attrForm.get('field')?.dirty && attrForm.get('field')?.hasError('required')) {\n          <div>\n            <label class=\"a-label a-label--help -error\" for=\"type\">{{ '@pry.admin.required' | i18n }}</label>\n          </div>\n        }\n      </div>\n    }\n  </div>\n\n  <div class=\"m-form-label-field -width-sm\">\n    <label class=\"a-label\" for=\"category\">{{ '@pry.admin.classes.attributes.category' | i18n }}</label>\n    <pry-select\n      id=\"category\"\n      class=\"form-control\"\n      formControlName=\"category\"\n      [items]=\"categories$ | async\"\n      (click)=\"openModal()\"\n      bindValue=\"id\"\n      bindLabel=\"name\"\n      [isForm]=\"true\"\n    ></pry-select>\n  </div>\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      *pryAccess=\"{ module: 'admin', page: 'classes', action: 'add_attribute' }\"\n      class=\"a-btn a-btn--primary\"\n      type=\"submit\"\n      [disabled]=\"attrForm.invalid || nameAlreadyExists || technicalNameAlreadyExists\"\n      [innerHTML]=\"(selectedAttribute ? '@pry.admin.edit' : '@pry.admin.create') | i18n\"\n    ></button>\n  </div>\n</form>\n", dependencies: [{ kind: "directive", type: i4.PryAccessDirective, selector: "[pryAccess]", inputs: ["pryAccess"] }, { kind: "directive", type: i3.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i3.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.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i3.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i3.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: i4.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: "pipe", type: i5.AsyncPipe, name: "async" }, { kind: "pipe", type: i4.I18nPipe, name: "i18n" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.7", type: AdminAttributesFormComponent, selector: "pry-admin-attributes-form", inputs: { selectedClass: "selectedClass", interClass: "interClass", selectedAttribute: "selectedAttribute" }, usesInheritance: true, ngImport: i0, template: "<form class=\"o-form\" [formGroup]=\"attrForm\" (ngSubmit)=\"addAttribute()\">\n  <div class=\"m-form-label-field -width-sm\">\n    <label class=\"a-label\" for=\"attr_technicalName\">{{ '@pry.admin.classes.attributes.technicalName' | i18n }}</label>\n    <input id=\"attr_technicalName\" type=\"text\" class=\"a-form-field\" formControlName=\"technicalName\" required />\n    @if (technicalNameAlreadyExists$ | async) {\n      <label class=\"a-label a-label--help -error\" for=\"attr_technicalName\">{{\n        '@pry.admin.exists' | i18n\n      }}</label>\n    }\n    @if (attrForm.get('technicalName')?.invalid) {\n      <div>\n        @if (attrForm.get('technicalName')?.dirty && attrForm.get('technicalName')?.hasError('required')) {\n          <div>\n            <label class=\"a-label a-label--help -error\" for=\"attr_technicalName\">{{ '@pry.admin.required' | i18n }}</label>\n          </div>\n        }\n        @if (attrForm.get('technicalName')?.hasError('minlength')) {\n          <div>\n            <label class=\"a-label a-label--help -error\" for=\"attr_technicalName\">{{\n              '@pry.admin.minLength' | i18n: { len: 2 }\n            }}</label>\n          </div>\n        }\n        @if (attrForm.get('technicalName')?.hasError('maxlength')) {\n          <div>\n            <label class=\"a-label a-label--help -error\" for=\"attr_technicalName\">{{\n              '@pry.admin.maxLength' | i18n: { len: 100 }\n            }}</label>\n          </div>\n        }\n        @if (\n          attrForm.get('technicalName')?.hasError('whitespace') && !attrForm.get('technicalName')?.hasError('minlength')\n          ) {\n          <div\n            >\n            <label class=\"a-label a-label--help -error\" for=\"attr_technicalName\">{{\n              '@pry.admin.noWhitespace' | i18n\n            }}</label>\n          </div>\n        }\n      </div>\n    }\n  </div>\n\n  <div class=\"m-form-label-field -width-sm\">\n    <label class=\"a-label\" for=\"attr_name\">{{ '@pry.admin.classes.attributes.name' | i18n }}</label>\n    <input id=\"attr_name\" type=\"text\" class=\"a-form-field\" formControlName=\"name\" />\n    @if (nameAlreadyExists$ | async) {\n      <label class=\"a-label a-label--help -error\" for=\"attr_name\">{{\n        '@pry.admin.exists' | i18n\n      }}</label>\n    }\n    @if (attrForm.get('name')?.invalid) {\n      <div>\n        @if (attrForm.get('name')?.hasError('maxlength')) {\n          <div>\n            <label class=\"a-label a-label--help -error\" for=\"attr_name\">{{\n              '@pry.admin.maxLength' | i18n: { len: 50 }\n            }}</label>\n          </div>\n        }\n        @if (attrForm.get('name')?.hasError('whitespace')) {\n          <div>\n            <label class=\"a-label a-label--help -error\" for=\"attr_name\">{{ '@pry.admin.noWhitespace' | i18n }}</label>\n          </div>\n        }\n      </div>\n    }\n  </div>\n\n  <div class=\"m-form-label-field -width-sm\">\n    <label class=\"a-label\" for=\"type\">{{ '@pry.admin.classes.attributes.field' | i18n }}</label>\n    <div class=\"u-display-flex\">\n      <pry-select\n        id=\"type\"\n        formControlName=\"field\"\n        [items]=\"fields$ | async\"\n        [autocomplete]=\"true\"\n        bindLabel=\"name\"\n        [isForm]=\"true\"\n        required=\"true\"\n        [template]=\"templateOption\"\n      ></pry-select>\n      <ng-template #templateOption let-item=\"item\">\n        <div class=\"aligned-option\">\n          <p>{{ item.name }}</p>\n          @if (item.crs) {\n            <div class=\"a-chip\">{{ item.crs }}</div>\n          }\n        </div>\n      </ng-template>\n      <div\n        class=\"m-info-icon a-tooltip -tooltip-width-lg u-self-center u-flex-shrink-0\"\n        [attr.data-tooltip]=\"(selectedFieldTypeDescription$ | async) ?? '' | i18n\"\n        data-tooltip-position=\"right\"\n        >\n        <span>i</span>\n      </div>\n    </div>\n    @if (attrForm.get('field')?.invalid) {\n      <div>\n        @if (attrForm.get('field')?.dirty && attrForm.get('field')?.hasError('required')) {\n          <div>\n            <label class=\"a-label a-label--help -error\" for=\"type\">{{ '@pry.admin.required' | i18n }}</label>\n          </div>\n        }\n      </div>\n    }\n  </div>\n\n  <div class=\"m-form-label-field -width-sm\">\n    <label class=\"a-label\" for=\"category\">{{ '@pry.admin.classes.attributes.category' | i18n }}</label>\n    <pry-select\n      id=\"category\"\n      class=\"form-control\"\n      formControlName=\"category\"\n      [items]=\"categories$ | async\"\n      (click)=\"openModal()\"\n      bindValue=\"id\"\n      bindLabel=\"name\"\n      [isForm]=\"true\"\n    ></pry-select>\n  </div>\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      *pryAccess=\"{ module: 'admin', page: 'classes', action: 'add_attribute' }\"\n      class=\"a-btn a-btn--primary\"\n      type=\"submit\"\n      [disabled]=\"attrForm.invalid || nameAlreadyExists || technicalNameAlreadyExists\"\n      [innerHTML]=\"(selectedAttribute ? '@pry.admin.edit' : '@pry.admin.create') | i18n\"\n    ></button>\n  </div>\n</form>\n", dependencies: [{ kind: "directive", type: i4.PryAccessDirective, selector: "[pryAccess]", inputs: ["pryAccess"] }, { kind: "directive", type: i3.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i3.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.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i3.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i3.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: i4.PrySelectComponent, selector: "pry-select", inputs: ["items", "clearable", "multiple", "closeOnSelect", "placeholder", "forcePlaceHolder", "isForm", "required", "name", "autocomplete", "alwaysShowAutosuggestedValues", "externalAutocompleteService", "bindValue", "bindLabel", "iconSize", "bindIcon", "template", "i18nPrefix", "bindClasses", "loading", "elementRef"], outputs: ["searched", "cleared", "clicked", "pressedEnter"] }, { kind: "pipe", type: i5.AsyncPipe, name: "async" }, { kind: "pipe", type: i4.I18nPipe, name: "i18n" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: AdminAttributesFormComponent, decorators: [{
             type: Component,

package/esm2022/admin/components/admin-dataset/admin-form-dataset/admin-form-dataset.component.mjs

@@ -104,7 +104,7 @@ export class AdminFormDatasetComponent extends SubscriptionnerDirective {
         this.subscriptions.add(ref.component.closeModal.subscribe(() => ref.close()));
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: AdminFormDatasetComponent, deps: [{ token: i1.Store }, { token: i2.Router }, { token: i2.ActivatedRoute }, { token: i3.UntypedFormBuilder }, { token: i4.PryDialogService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.7", type: AdminFormDatasetComponent, selector: "pry-admin-form-dataset", inputs: { dataset$: "dataset$" }, usesInheritance: true, ngImport: i0, template: "<form class=\"o-form\" [formGroup]=\"form\" (ngSubmit)=\"submit()\">\n  <div class=\"m-form-label-field -width-sm\">\n    <label class=\"a-label\" id=\"name-label\" for=\"name\">\n      {{ '@pry.admin.dataset.name' | i18n }} <span class=\"-error\">*</span>\n      <span class=\"u-visually-hidden\">({{ '@pry.admin.required' | i18n }})</span>\n    </label>\n    <input\n      id=\"name\"\n      type=\"text\"\n      class=\"a-form-field\"\n      formControlName=\"name\"\n      (ngModelChange)=\"changeValueName($event)\"\n      [attr.aria-labelledby]=\"isSubmitted && form.get('name')?.invalid ? 'name-label name-error' : 'name-label'\"\n      [attr.aria-invalid]=\"isSubmitted && form.get('name')?.invalid\"\n      required\n    />\n    @if (\n      (isSubmitted && form.get('name')?.invalid) ||\n      (form.get('name')?.touched && form.get('name')?.hasError('required'))\n    ) {\n      <label class=\"a-label a-label--help -error\" id=\"name-error\" for=\"name\">{{ '@pry.admin.required' | i18n }}</label>\n    }\n  </div>\n\n  <div class=\"m-form-label-field -width-sm\">\n    <label class=\"a-label\" id=\"description-label\" for=\"description\"\n      >{{ '@pry.admin.fields.description' | i18n }}\n    </label>\n    <textarea\n      class=\"-resizable-both\"\n      formControlName=\"description\"\n      name=\"description\"\n      id=\"description\"\n      maxlength=\"500\"\n    ></textarea>\n    @if (form.get('description')?.hasError('maxlength')) {\n      <label for=\"description\" class=\"a-label a-label--help -error\">\n        {{ '@pry.presentation.maxLength' | i18n: { len: '500' } }}\n      </label>\n    }\n  </div>\n\n  <div class=\"m-form-label-field -width-sm\">\n    <label class=\"a-label\" id=\"item-label\" for=\"class\"\n      >{{ '@pry.admin.dataset.oClass' | i18n }}\n      @if (!dataset$) {\n        <span>*</span>\n      }\n    </label>\n    <pry-select\n      id=\"class\"\n      formControlName=\"oClass\"\n      [items]=\"classes$ | async\"\n      bindValue=\"id\"\n      bindLabel=\"name\"\n      [isForm]=\"true\"\n      aria-labelledby=\"item-label\"\n    ></pry-select>\n    @if (form.get('oClass')?.touched && form.get('oClass')?.hasError('required')) {\n      <label for=\"description\" class=\"a-label a-label--help -error\">\n        {{ '@pry.presentation.maxLength' | i18n: { len: '500' } }}\n      </label>\n    }\n  </div>\n\n  <div class=\"m-form-label-field -width-sm\">\n    <label class=\"a-label\" id=\"user-label\" for=\"type\"\n      >{{ '@pry.admin.dataset.type' | i18n }}\n      @if (!dataset$) {\n        <span>*</span>\n      }\n    </label>\n    <pry-select\n      id=\"type\"\n      formControlName=\"type\"\n      [items]=\"datasetTypes\"\n      bindValue=\"value\"\n      bindLabel=\"label\"\n      [isForm]=\"true\"\n      aria-labelledby=\"user-label\"\n    ></pry-select>\n  </div>\n\n  <div class=\"u-display-flex -gap-20\">\n    <div class=\"m-form-label-field -width-sm\">\n      <label class=\"a-label\" id=\"tags-label\" for=\"tags\">{{ '@pry.dataset.tags' | i18n }}</label>\n      <pry-select\n        id=\"tags\"\n        formControlName=\"categories\"\n        [items]=\"categories$ | async\"\n        bindLabel=\"name\"\n        [isForm]=\"true\"\n        aria-labelledby=\"tags-label\"\n        [multiple]=\"true\"\n        [closeOnSelect]=\"false\"\n      ></pry-select>\n    </div>\n    <button class=\"a-btn a-btn--primary u-self-center\" type=\"button\" (click)=\"openModal()\">\n      {{ '@pry.admin.dataset.addTag' | i18n }}\n    </button>\n  </div>\n\n  <div class=\"m-btn-group -width-sm\">\n    <button type=\"button\" class=\"a-btn a-btn--secondary\" (click)=\"goBack()\">\n      {{ '@pry.admin.cancel' | i18n }}\n    </button>\n    <button class=\"a-btn a-btn--primary\" type=\"submit\" [disabled]=\"form.invalid\">\n      {{ (dataset$ ? '@pry.admin.edit' : '@pry.admin.create') | i18n }}\n    </button>\n  </div>\n</form>\n", dependencies: [{ kind: "directive", type: i3.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i3.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.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i3.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i3.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i3.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: i4.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: "pipe", type: i5.AsyncPipe, name: "async" }, { kind: "pipe", type: i4.I18nPipe, name: "i18n" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.7", type: AdminFormDatasetComponent, selector: "pry-admin-form-dataset", inputs: { dataset$: "dataset$" }, usesInheritance: true, ngImport: i0, template: "<form class=\"o-form\" [formGroup]=\"form\" (ngSubmit)=\"submit()\">\n  <div class=\"m-form-label-field -width-sm\">\n    <label class=\"a-label\" id=\"name-label\" for=\"name\">\n      {{ '@pry.admin.dataset.name' | i18n }} <span class=\"-error\">*</span>\n      <span class=\"u-visually-hidden\">({{ '@pry.admin.required' | i18n }})</span>\n    </label>\n    <input\n      id=\"name\"\n      type=\"text\"\n      class=\"a-form-field\"\n      formControlName=\"name\"\n      (ngModelChange)=\"changeValueName($event)\"\n      [attr.aria-labelledby]=\"isSubmitted && form.get('name')?.invalid ? 'name-label name-error' : 'name-label'\"\n      [attr.aria-invalid]=\"isSubmitted && form.get('name')?.invalid\"\n      required\n    />\n    @if (\n      (isSubmitted && form.get('name')?.invalid) ||\n      (form.get('name')?.touched && form.get('name')?.hasError('required'))\n    ) {\n      <label class=\"a-label a-label--help -error\" id=\"name-error\" for=\"name\">{{ '@pry.admin.required' | i18n }}</label>\n    }\n  </div>\n\n  <div class=\"m-form-label-field -width-sm\">\n    <label class=\"a-label\" id=\"description-label\" for=\"description\"\n      >{{ '@pry.admin.fields.description' | i18n }}\n    </label>\n    <textarea\n      class=\"-resizable-both\"\n      formControlName=\"description\"\n      name=\"description\"\n      id=\"description\"\n      maxlength=\"500\"\n    ></textarea>\n    @if (form.get('description')?.hasError('maxlength')) {\n      <label for=\"description\" class=\"a-label a-label--help -error\">\n        {{ '@pry.presentation.maxLength' | i18n: { len: '500' } }}\n      </label>\n    }\n  </div>\n\n  <div class=\"m-form-label-field -width-sm\">\n    <label class=\"a-label\" id=\"item-label\" for=\"class\"\n      >{{ '@pry.admin.dataset.oClass' | i18n }}\n      @if (!dataset$) {\n        <span>*</span>\n      }\n    </label>\n    <pry-select\n      id=\"class\"\n      formControlName=\"oClass\"\n      [items]=\"classes$ | async\"\n      bindValue=\"id\"\n      bindLabel=\"name\"\n      [isForm]=\"true\"\n      aria-labelledby=\"item-label\"\n    ></pry-select>\n    @if (form.get('oClass')?.touched && form.get('oClass')?.hasError('required')) {\n      <label for=\"description\" class=\"a-label a-label--help -error\">\n        {{ '@pry.presentation.maxLength' | i18n: { len: '500' } }}\n      </label>\n    }\n  </div>\n\n  <div class=\"m-form-label-field -width-sm\">\n    <label class=\"a-label\" id=\"user-label\" for=\"type\"\n      >{{ '@pry.admin.dataset.type' | i18n }}\n      @if (!dataset$) {\n        <span>*</span>\n      }\n    </label>\n    <pry-select\n      id=\"type\"\n      formControlName=\"type\"\n      [items]=\"datasetTypes\"\n      bindValue=\"value\"\n      bindLabel=\"label\"\n      [isForm]=\"true\"\n      aria-labelledby=\"user-label\"\n    ></pry-select>\n  </div>\n\n  <div class=\"u-display-flex -gap-20\">\n    <div class=\"m-form-label-field -width-sm\">\n      <label class=\"a-label\" id=\"tags-label\" for=\"tags\">{{ '@pry.dataset.tags' | i18n }}</label>\n      <pry-select\n        id=\"tags\"\n        formControlName=\"categories\"\n        [items]=\"categories$ | async\"\n        bindLabel=\"name\"\n        [isForm]=\"true\"\n        aria-labelledby=\"tags-label\"\n        [multiple]=\"true\"\n        [closeOnSelect]=\"false\"\n      ></pry-select>\n    </div>\n    <button class=\"a-btn a-btn--primary u-self-center\" type=\"button\" (click)=\"openModal()\">\n      {{ '@pry.admin.dataset.addTag' | i18n }}\n    </button>\n  </div>\n\n  <div class=\"m-btn-group -width-sm\">\n    <button type=\"button\" class=\"a-btn a-btn--secondary\" (click)=\"goBack()\">\n      {{ '@pry.admin.cancel' | i18n }}\n    </button>\n    <button class=\"a-btn a-btn--primary\" type=\"submit\" [disabled]=\"form.invalid\">\n      {{ (dataset$ ? '@pry.admin.edit' : '@pry.admin.create') | i18n }}\n    </button>\n  </div>\n</form>\n", dependencies: [{ kind: "directive", type: i3.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i3.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.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i3.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i3.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i3.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: i4.PrySelectComponent, selector: "pry-select", inputs: ["items", "clearable", "multiple", "closeOnSelect", "placeholder", "forcePlaceHolder", "isForm", "required", "name", "autocomplete", "alwaysShowAutosuggestedValues", "externalAutocompleteService", "bindValue", "bindLabel", "iconSize", "bindIcon", "template", "i18nPrefix", "bindClasses", "loading", "elementRef"], outputs: ["searched", "cleared", "clicked", "pressedEnter"] }, { kind: "pipe", type: i5.AsyncPipe, name: "async" }, { kind: "pipe", type: i4.I18nPipe, name: "i18n" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: AdminFormDatasetComponent, decorators: [{
             type: Component,

package/esm2022/admin/components/admin-environment/admin-environment-form/admin-environment-form.component.mjs

@@ -120,7 +120,7 @@ export class AdminEnvironmentFormComponent {
         return path.toString();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: AdminEnvironmentFormComponent, deps: [{ token: i1.Store }, { token: i2.Router }, { token: i2.ActivatedRoute }, { token: i3.UntypedFormBuilder }, { token: i4.DatePipe }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.7", type: AdminEnvironmentFormComponent, selector: "pry-admin-environment-form", inputs: { currentEnv: "currentEnv" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"o-base-container\">\n  <form class=\"o-form\" [formGroup]=\"envForm\" (ngSubmit)=\"addEnvironment()\">\n    <div class=\"m-form-label-field -width-sm\">\n      <label for=\"environment_name\" id=\"name-label\" class=\"a-label\">\n        {{ '@pry.admin.environment.name' | i18n }} *\n        <span class=\"u-visually-hidden\">({{ '@pry.admin.required' | i18n }})</span>\n      </label>\n      <input\n        id=\"environment_name\"\n        type=\"text\"\n        class=\"a-form-field\"\n        formControlName=\"name\"\n        [required]=\"!_currentEnv\"\n        [attr.aria-labelledby]=\"isSubmitted && envForm.get('name')?.invalid ? 'name-label name-error' : 'name-label'\"\n        [attr.aria-invalid]=\"isSubmitted && envForm.get('name')?.invalid\"\n        />\n      @if (isSubmitted && envForm.get('name')?.invalid) {\n        <label\n          id=\"name-error\"\n          for=\"environment_name\"\n          class=\"a-label a-label--help -error\"\n          >\n          @if (envForm.get('name')?.hasError('same-name')) {\n            <span>{{ '@pry.admin.exists' | i18n }}</span>\n          }\n          @if (envForm.get('name')?.hasError('required')) {\n            <span>{{ '@pry.admin.required' | i18n }}</span>\n          }\n          @if (envForm.get('name')?.hasError('pattern')) {\n            <span>{{ '@pry.admin.environment.formatName' | i18n }}</span>\n          }\n        </label>\n      }\n    </div>\n\n    <div class=\"m-form-label-field -width-sm\">\n      <label class=\"a-label\" for=\"environment-type\">{{ '@pry.admin.environment.type' | i18n }}</label>\n      <pry-select\n        id=\"environment-type\"\n        formControlName=\"type\"\n        [items]=\"envOptions\"\n        bindValue=\"varType\"\n        bindLabel=\"translation\"\n        (ngModelChange)=\"onTypeChange($event)\"\n        [isForm]=\"true\"\n      ></pry-select>\n    </div>\n\n    <div class=\"m-form-label-field -width-sm\">\n      @if (envForm.value.type === 'DATE') {\n        <label class=\"a-label\" for=\"value_date\">\n          {{ '@pry.admin.environment.value' | i18n }} *\n          <span class=\"u-visually-hidden\">({{ '@pry.admin.required' | i18n }})</span>\n        </label>\n        <input type=\"date\" id=\"value_date\" class=\"a-form-field\" formControlName=\"value\" required />\n        @if (isSubmitted && envForm.get('value')?.invalid && envForm.get('value')?.hasError('required')) {\n          <label\n            id=\"value_date_error\"\n            for=\"value_date\"\n            class=\"a-label a-label--help -error\"\n            >\n            {{ '@pry.admin.required' | i18n }}\n          </label>\n        }\n      } @else {\n        <label id=\"value-label\" class=\"a-label\">{{ '@pry.admin.environment.value' | i18n }}</label>\n        <input\n          id=\"environment_value\"\n          type=\"text\"\n          class=\"a-form-field\"\n          formControlName=\"value\"\n          [attr.aria-labelledby]=\"\n            isSubmitted && envForm.get('value')?.invalid ? 'value-label value-error' : 'value-label'\n          \"\n          [attr.aria-invalid]=\"isSubmitted && envForm.get('value')?.invalid\"\n          required\n          />\n        @if (isSubmitted && envForm.get('value')?.invalid) {\n          <label\n            id=\"value-error\"\n            for=\"environment_value\"\n            class=\"a-label a-label--help -error\"\n            >\n            @if (envForm.get('value')?.hasError('required')) {\n              <span>{{ '@pry.admin.required' | i18n }}</span>\n            }\n            @if (envForm.get('value')?.hasError('pattern')) {\n              @if (envForm.value.type === 'DOUBLE') {\n                <span>{{ '@pry.admin.environment.formatDouble' | i18n }}</span>\n              }\n              @if (envForm.value.type === 'INTEGER') {\n                <span>{{ '@pry.admin.environment.formatInt' | i18n }}</span>\n              }\n            }\n          </label>\n        }\n      }\n\n    </div>\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=\"predicate-create a-btn a-btn--primary\"\n        type=\"submit\"\n        [innerHTML]=\"(_currentEnv ? '@pry.admin.edit' : '@pry.admin.create') | i18n\"\n      ></button>\n    </div>\n  </form>\n</div>\n", dependencies: [{ kind: "directive", type: i3.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i3.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.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i3.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i3.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: i5.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: "pipe", type: i5.I18nPipe, name: "i18n" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.7", type: AdminEnvironmentFormComponent, selector: "pry-admin-environment-form", inputs: { currentEnv: "currentEnv" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"o-base-container\">\n  <form class=\"o-form\" [formGroup]=\"envForm\" (ngSubmit)=\"addEnvironment()\">\n    <div class=\"m-form-label-field -width-sm\">\n      <label for=\"environment_name\" id=\"name-label\" class=\"a-label\">\n        {{ '@pry.admin.environment.name' | i18n }} *\n        <span class=\"u-visually-hidden\">({{ '@pry.admin.required' | i18n }})</span>\n      </label>\n      <input\n        id=\"environment_name\"\n        type=\"text\"\n        class=\"a-form-field\"\n        formControlName=\"name\"\n        [required]=\"!_currentEnv\"\n        [attr.aria-labelledby]=\"isSubmitted && envForm.get('name')?.invalid ? 'name-label name-error' : 'name-label'\"\n        [attr.aria-invalid]=\"isSubmitted && envForm.get('name')?.invalid\"\n        />\n      @if (isSubmitted && envForm.get('name')?.invalid) {\n        <label\n          id=\"name-error\"\n          for=\"environment_name\"\n          class=\"a-label a-label--help -error\"\n          >\n          @if (envForm.get('name')?.hasError('same-name')) {\n            <span>{{ '@pry.admin.exists' | i18n }}</span>\n          }\n          @if (envForm.get('name')?.hasError('required')) {\n            <span>{{ '@pry.admin.required' | i18n }}</span>\n          }\n          @if (envForm.get('name')?.hasError('pattern')) {\n            <span>{{ '@pry.admin.environment.formatName' | i18n }}</span>\n          }\n        </label>\n      }\n    </div>\n\n    <div class=\"m-form-label-field -width-sm\">\n      <label class=\"a-label\" for=\"environment-type\">{{ '@pry.admin.environment.type' | i18n }}</label>\n      <pry-select\n        id=\"environment-type\"\n        formControlName=\"type\"\n        [items]=\"envOptions\"\n        bindValue=\"varType\"\n        bindLabel=\"translation\"\n        (ngModelChange)=\"onTypeChange($event)\"\n        [isForm]=\"true\"\n      ></pry-select>\n    </div>\n\n    <div class=\"m-form-label-field -width-sm\">\n      @if (envForm.value.type === 'DATE') {\n        <label class=\"a-label\" for=\"value_date\">\n          {{ '@pry.admin.environment.value' | i18n }} *\n          <span class=\"u-visually-hidden\">({{ '@pry.admin.required' | i18n }})</span>\n        </label>\n        <input type=\"date\" id=\"value_date\" class=\"a-form-field\" formControlName=\"value\" required />\n        @if (isSubmitted && envForm.get('value')?.invalid && envForm.get('value')?.hasError('required')) {\n          <label\n            id=\"value_date_error\"\n            for=\"value_date\"\n            class=\"a-label a-label--help -error\"\n            >\n            {{ '@pry.admin.required' | i18n }}\n          </label>\n        }\n      } @else {\n        <label id=\"value-label\" class=\"a-label\">{{ '@pry.admin.environment.value' | i18n }}</label>\n        <input\n          id=\"environment_value\"\n          type=\"text\"\n          class=\"a-form-field\"\n          formControlName=\"value\"\n          [attr.aria-labelledby]=\"\n            isSubmitted && envForm.get('value')?.invalid ? 'value-label value-error' : 'value-label'\n          \"\n          [attr.aria-invalid]=\"isSubmitted && envForm.get('value')?.invalid\"\n          required\n          />\n        @if (isSubmitted && envForm.get('value')?.invalid) {\n          <label\n            id=\"value-error\"\n            for=\"environment_value\"\n            class=\"a-label a-label--help -error\"\n            >\n            @if (envForm.get('value')?.hasError('required')) {\n              <span>{{ '@pry.admin.required' | i18n }}</span>\n            }\n            @if (envForm.get('value')?.hasError('pattern')) {\n              @if (envForm.value.type === 'DOUBLE') {\n                <span>{{ '@pry.admin.environment.formatDouble' | i18n }}</span>\n              }\n              @if (envForm.value.type === 'INTEGER') {\n                <span>{{ '@pry.admin.environment.formatInt' | i18n }}</span>\n              }\n            }\n          </label>\n        }\n      }\n\n    </div>\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=\"predicate-create a-btn a-btn--primary\"\n        type=\"submit\"\n        [innerHTML]=\"(_currentEnv ? '@pry.admin.edit' : '@pry.admin.create') | i18n\"\n      ></button>\n    </div>\n  </form>\n</div>\n", dependencies: [{ kind: "directive", type: i3.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i3.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.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i3.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i3.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: i5.PrySelectComponent, selector: "pry-select", inputs: ["items", "clearable", "multiple", "closeOnSelect", "placeholder", "forcePlaceHolder", "isForm", "required", "name", "autocomplete", "alwaysShowAutosuggestedValues", "externalAutocompleteService", "bindValue", "bindLabel", "iconSize", "bindIcon", "template", "i18nPrefix", "bindClasses", "loading", "elementRef"], outputs: ["searched", "cleared", "clicked", "pressedEnter"] }, { kind: "pipe", type: i5.I18nPipe, name: "i18n" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: AdminEnvironmentFormComponent, decorators: [{
             type: Component,

package/esm2022/admin/components/admin-fields/admin-fields-form/admin-fields-form.component.mjs

@@ -186,7 +186,7 @@ export class AdminFieldsFormComponent extends SubscriptionnerDirective {
         return this.currentField ? this.goBackPathEdit : this.goBackPath;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: AdminFieldsFormComponent, deps: [{ token: i1.Store }, { token: i2.Router }, { token: i2.ActivatedRoute }, { token: i3.PryI18nService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.7", 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: i4.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i5.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i5.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: i5.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { kind: "directive", type: i5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i5.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i5.MinValidator, selector: "input[type=number][min][formControlName],input[type=number][min][formControl],input[type=number][min][ngModel]", inputs: ["min"] }, { kind: "directive", type: i5.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i5.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i5.FormGroupName, selector: "[formGroupName]", inputs: ["formGroupName"] }, { kind: "component", type: i6.PryCheckboxComponent, selector: "pry-checkbox", inputs: ["circle", "name", "inputId", "inhibit"] }, { 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: "pipe", type: i3.I18nPipe, name: "i18n" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.7", 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: i4.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i5.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i5.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: i5.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { kind: "directive", type: i5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i5.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i5.MinValidator, selector: "input[type=number][min][formControlName],input[type=number][min][formControl],input[type=number][min][ngModel]", inputs: ["min"] }, { kind: "directive", type: i5.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i5.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i5.FormGroupName, selector: "[formGroupName]", inputs: ["formGroupName"] }, { kind: "component", type: i6.PryCheckboxComponent, selector: "pry-checkbox", inputs: ["circle", "name", "inputId", "inhibit"] }, { kind: "component", type: i3.PrySelectComponent, selector: "pry-select", inputs: ["items", "clearable", "multiple", "closeOnSelect", "placeholder", "forcePlaceHolder", "isForm", "required", "name", "autocomplete", "alwaysShowAutosuggestedValues", "externalAutocompleteService", "bindValue", "bindLabel", "iconSize", "bindIcon", "template", "i18nPrefix", "bindClasses", "loading", "elementRef"], outputs: ["searched", "cleared", "clicked", "pressedEnter"] }, { kind: "pipe", type: i3.I18nPipe, name: "i18n" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: AdminFieldsFormComponent, decorators: [{
             type: Component,

package/esm2022/admin/components/admin-links/admin-links-new/admin-links-new.component.mjs

@@ -83,7 +83,7 @@ export class AdminLinksNewComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: AdminLinksNewComponent, deps: [{ token: i1.Store }, { token: i2.Router }, { token: i2.ActivatedRoute }, { token: i3.UntypedFormBuilder }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.7", type: AdminLinksNewComponent, selector: "pry-admin-links-new", ngImport: i0, template: "<div class=\"o-base-container\">\n  <h1 class=\"a-h1\">{{ '@pry.admin.links.add' | i18n }}</h1>\n  <form class=\"o-form\" [formGroup]=\"linkForm\" (ngSubmit)=\"addLink()\">\n    <div class=\"m-form-label-field -width-sm\">\n      <label id=\"name-label\" for=\"link_name\" class=\"a-label\">\n        {{ '@pry.admin.links.relationType' | i18n }} *\n        <span class=\"u-visually-hidden\">({{ '@pry.admin.required' | i18n }})</span>\n      </label>\n      <pry-select\n        id=\"link_name\"\n        formControlName=\"relationType\"\n        [items]=\"relationTypes$ | async | prySortData : sortActive : sortDirection\"\n        (ngModelChange)=\"onTypeSourceChange()\"\n        [isForm]=\"true\"\n        bindValue=\"id\"\n        bindLabel=\"name\"\n        [placeholder]=\"'@pry.admin.links.selectRelationType' | i18n\"\n        [attr.aria-labelledby]=\"\n          isSubmitted && linkForm.get('relationType')?.invalid ? 'name-label name-error' : 'name-label'\n        \"\n        [attr.aria-invalid]=\"isSubmitted && linkForm.get('relationType')?.invalid\"\n        required\n        >\n      </pry-select>\n      @if (isSubmitted && linkForm.get('relationType')?.invalid) {\n        <label\n          id=\"name-error\"\n          for=\"link_name\"\n          class=\"a-label a-label--help -error\"\n          >\n          {{ '@pry.admin.required' | i18n }}\n        </label>\n      }\n    </div>\n\n    @if (isSelectClass) {\n      <div class=\"m-form-label-field -width-sm\">\n        <label id=\"class-source-label\" form=\"link_class-source\" class=\"a-label\">\n          {{ '@pry.admin.links.classSource' | i18n }} *\n          <span class=\"u-visually-hidden\">({{ '@pry.admin.required' | i18n }})</span>\n        </label>\n        <pry-select\n          id=\"link_class-source\"\n          formControlName=\"classSource\"\n          [items]=\"classes$ | async | prySortData : sortActive : sortDirection\"\n          (ngModelChange)=\"onClassSourceChange($event)\"\n          bindLabel=\"name\"\n        [attr.aria-labelledby]=\"\n          isSubmitted && linkForm.get('classSource')?.invalid\n            ? 'class-source-label class-source-error'\n            : 'class-source-label'\n        \"\n          [attr.aria-invalid]=\"isSubmitted && linkForm.get('classSource')?.invalid\"\n          required\n          >\n        </pry-select>\n        @if (isSubmitted && linkForm.get('classSource')?.invalid) {\n          <label\n            id=\"class-source-error\"\n            for=\"link_class-source\"\n            class=\"a-label a-label--help -error\"\n            >\n            {{ '@pry.admin.required' | i18n }}\n          </label>\n        }\n      </div>\n    }\n\n    @if (attributesSource$ | async | prySortData : sortActive : sortDirection; as attr) {\n      <div\n        class=\"m-form-label-field -width-sm\"\n        >\n        <label id=\"attribute-source-label\" for=\"link_attribute-source\" class=\"a-label\">\n          {{ '@pry.admin.links.attributeSource' | i18n }} *\n          <span class=\"u-visually-hidden\">({{ '@pry.admin.required' | i18n }})</span>\n        </label>\n        <pry-select\n          id=\"link_attribute-source\"\n          formControlName=\"attributeSource\"\n          [items]=\"attr\"\n          [isForm]=\"true\"\n          bindLabel=\"name\"\n        [attr.aria-labelledby]=\"\n          isSubmitted && linkForm.get('attributeSource')?.invalid\n            ? 'attribute-source-label attribute-source-error'\n            : 'attribute-source-label'\n        \"\n          [attr.aria-invalid]=\"isSubmitted && linkForm.get('attributeSource')?.invalid\"\n          required\n          >\n        </pry-select>\n        @if (isSubmitted && linkForm.get('attributeSource')?.invalid) {\n          <label\n            id=\"attribute-source-error\"\n            for=\"link_attribute-source\"\n            class=\"a-label a-label--help -error\"\n            >\n            {{ '@pry.admin.required' | i18n }}\n          </label>\n        }\n      </div>\n    }\n\n    @if (classes$ | async | prySortData : sortActive : sortDirection; as cd) {\n      <div class=\"m-form-label-field -width-sm\">\n        <label id=\"class-destination-label\" for=\"link_class-destination\" class=\"a-label\">\n          {{ '@pry.admin.links.classDestination' | i18n }} *\n          <span class=\"u-visually-hidden\">({{ '@pry.admin.required' | i18n }})</span>\n        </label>\n        <pry-select\n          id=\"link_class-destination\"\n          formControlName=\"classDestination\"\n          [items]=\"cd\"\n          (ngModelChange)=\"onClassDestinationChange($event)\"\n          bindLabel=\"name\"\n        [attr.aria-labelledby]=\"\n          isSubmitted && linkForm.get('classDestination')?.invalid\n            ? 'class-destination-label class-destination-error'\n            : 'class-destination-label'\n        \"\n          [attr.aria-invalid]=\"isSubmitted && linkForm.get('classDestination')?.invalid\"\n          required\n          >\n        </pry-select>\n        @if (isSubmitted && linkForm.get('classDestination')?.invalid) {\n          <label\n            id=\"class-destination-error\"\n            for=\"link_class-destination\"\n            class=\"text-error\"\n            >\n            {{ '@pry.admin.required' | i18n }}\n          </label>\n        }\n      </div>\n    }\n\n    @if (attributesDestination$ | async | prySortData : sortActive : sortDirection; as attr) {\n      <div\n        class=\"m-form-label-field -width-sm\"\n        >\n        <label id=\"attribute-destination-label\" for=\"link_attribute-destination\" class=\"a-label\">\n          {{ '@pry.admin.links.attributeDestination' | i18n }} *\n          <span class=\"u-visually-hidden\">({{ '@pry.admin.required' | i18n }})</span>\n        </label>\n        <pry-select\n          id=\"link_attribute-destination\"\n          formControlName=\"attributeDestination\"\n          [items]=\"attr\"\n          [isForm]=\"true\"\n          bindLabel=\"name\"\n        [attr.aria-labelledby]=\"\n          isSubmitted && linkForm.get('attributeDestination')?.invalid\n            ? 'attribute-destination-label attribute-destination-error'\n            : 'attribute-destination-label'\n        \"\n          [attr.aria-invalid]=\"isSubmitted && linkForm.get('attributeDestination')?.invalid\"\n          required\n          >\n        </pry-select>\n        @if (isSubmitted && linkForm.get('attributeDestination')?.invalid) {\n          <label\n            id=\"attribute-destination-error\"\n            for=\"link_attribute-destination\"\n            class=\"a-label a-label--help -error\"\n            >\n            {{ '@pry.admin.required' | i18n }}\n          </label>\n        }\n      </div>\n    }\n\n    <div class=\"m-btn-group -width-sm\">\n      <button\n        class=\"a-btn a-btn--secondary\"\n        type=\"button\"\n        (click)=\"goBack()\"\n        [innerHTML]=\"'@pry.admin.cancel' | i18n\"\n      ></button>\n      <button class=\"a-btn a-btn--primary\" type=\"submit\" [innerHTML]=\"'@pry.admin.create' | i18n\"></button>\n    </div>\n  </form>\n</div>\n", dependencies: [{ kind: "directive", type: i3.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i3.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i3.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: i4.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: "pipe", type: i5.AsyncPipe, name: "async" }, { kind: "pipe", type: i4.PrySortDataPipe, name: "prySortData" }, { kind: "pipe", type: i4.I18nPipe, name: "i18n" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.7", type: AdminLinksNewComponent, selector: "pry-admin-links-new", ngImport: i0, template: "<div class=\"o-base-container\">\n  <h1 class=\"a-h1\">{{ '@pry.admin.links.add' | i18n }}</h1>\n  <form class=\"o-form\" [formGroup]=\"linkForm\" (ngSubmit)=\"addLink()\">\n    <div class=\"m-form-label-field -width-sm\">\n      <label id=\"name-label\" for=\"link_name\" class=\"a-label\">\n        {{ '@pry.admin.links.relationType' | i18n }} *\n        <span class=\"u-visually-hidden\">({{ '@pry.admin.required' | i18n }})</span>\n      </label>\n      <pry-select\n        id=\"link_name\"\n        formControlName=\"relationType\"\n        [items]=\"relationTypes$ | async | prySortData : sortActive : sortDirection\"\n        (ngModelChange)=\"onTypeSourceChange()\"\n        [isForm]=\"true\"\n        bindValue=\"id\"\n        bindLabel=\"name\"\n        [placeholder]=\"'@pry.admin.links.selectRelationType' | i18n\"\n        [attr.aria-labelledby]=\"\n          isSubmitted && linkForm.get('relationType')?.invalid ? 'name-label name-error' : 'name-label'\n        \"\n        [attr.aria-invalid]=\"isSubmitted && linkForm.get('relationType')?.invalid\"\n        required\n        >\n      </pry-select>\n      @if (isSubmitted && linkForm.get('relationType')?.invalid) {\n        <label\n          id=\"name-error\"\n          for=\"link_name\"\n          class=\"a-label a-label--help -error\"\n          >\n          {{ '@pry.admin.required' | i18n }}\n        </label>\n      }\n    </div>\n\n    @if (isSelectClass) {\n      <div class=\"m-form-label-field -width-sm\">\n        <label id=\"class-source-label\" form=\"link_class-source\" class=\"a-label\">\n          {{ '@pry.admin.links.classSource' | i18n }} *\n          <span class=\"u-visually-hidden\">({{ '@pry.admin.required' | i18n }})</span>\n        </label>\n        <pry-select\n          id=\"link_class-source\"\n          formControlName=\"classSource\"\n          [items]=\"classes$ | async | prySortData : sortActive : sortDirection\"\n          (ngModelChange)=\"onClassSourceChange($event)\"\n          bindLabel=\"name\"\n        [attr.aria-labelledby]=\"\n          isSubmitted && linkForm.get('classSource')?.invalid\n            ? 'class-source-label class-source-error'\n            : 'class-source-label'\n        \"\n          [attr.aria-invalid]=\"isSubmitted && linkForm.get('classSource')?.invalid\"\n          required\n          >\n        </pry-select>\n        @if (isSubmitted && linkForm.get('classSource')?.invalid) {\n          <label\n            id=\"class-source-error\"\n            for=\"link_class-source\"\n            class=\"a-label a-label--help -error\"\n            >\n            {{ '@pry.admin.required' | i18n }}\n          </label>\n        }\n      </div>\n    }\n\n    @if (attributesSource$ | async | prySortData : sortActive : sortDirection; as attr) {\n      <div\n        class=\"m-form-label-field -width-sm\"\n        >\n        <label id=\"attribute-source-label\" for=\"link_attribute-source\" class=\"a-label\">\n          {{ '@pry.admin.links.attributeSource' | i18n }} *\n          <span class=\"u-visually-hidden\">({{ '@pry.admin.required' | i18n }})</span>\n        </label>\n        <pry-select\n          id=\"link_attribute-source\"\n          formControlName=\"attributeSource\"\n          [items]=\"attr\"\n          [isForm]=\"true\"\n          bindLabel=\"name\"\n        [attr.aria-labelledby]=\"\n          isSubmitted && linkForm.get('attributeSource')?.invalid\n            ? 'attribute-source-label attribute-source-error'\n            : 'attribute-source-label'\n        \"\n          [attr.aria-invalid]=\"isSubmitted && linkForm.get('attributeSource')?.invalid\"\n          required\n          >\n        </pry-select>\n        @if (isSubmitted && linkForm.get('attributeSource')?.invalid) {\n          <label\n            id=\"attribute-source-error\"\n            for=\"link_attribute-source\"\n            class=\"a-label a-label--help -error\"\n            >\n            {{ '@pry.admin.required' | i18n }}\n          </label>\n        }\n      </div>\n    }\n\n    @if (classes$ | async | prySortData : sortActive : sortDirection; as cd) {\n      <div class=\"m-form-label-field -width-sm\">\n        <label id=\"class-destination-label\" for=\"link_class-destination\" class=\"a-label\">\n          {{ '@pry.admin.links.classDestination' | i18n }} *\n          <span class=\"u-visually-hidden\">({{ '@pry.admin.required' | i18n }})</span>\n        </label>\n        <pry-select\n          id=\"link_class-destination\"\n          formControlName=\"classDestination\"\n          [items]=\"cd\"\n          (ngModelChange)=\"onClassDestinationChange($event)\"\n          bindLabel=\"name\"\n        [attr.aria-labelledby]=\"\n          isSubmitted && linkForm.get('classDestination')?.invalid\n            ? 'class-destination-label class-destination-error'\n            : 'class-destination-label'\n        \"\n          [attr.aria-invalid]=\"isSubmitted && linkForm.get('classDestination')?.invalid\"\n          required\n          >\n        </pry-select>\n        @if (isSubmitted && linkForm.get('classDestination')?.invalid) {\n          <label\n            id=\"class-destination-error\"\n            for=\"link_class-destination\"\n            class=\"text-error\"\n            >\n            {{ '@pry.admin.required' | i18n }}\n          </label>\n        }\n      </div>\n    }\n\n    @if (attributesDestination$ | async | prySortData : sortActive : sortDirection; as attr) {\n      <div\n        class=\"m-form-label-field -width-sm\"\n        >\n        <label id=\"attribute-destination-label\" for=\"link_attribute-destination\" class=\"a-label\">\n          {{ '@pry.admin.links.attributeDestination' | i18n }} *\n          <span class=\"u-visually-hidden\">({{ '@pry.admin.required' | i18n }})</span>\n        </label>\n        <pry-select\n          id=\"link_attribute-destination\"\n          formControlName=\"attributeDestination\"\n          [items]=\"attr\"\n          [isForm]=\"true\"\n          bindLabel=\"name\"\n        [attr.aria-labelledby]=\"\n          isSubmitted && linkForm.get('attributeDestination')?.invalid\n            ? 'attribute-destination-label attribute-destination-error'\n            : 'attribute-destination-label'\n        \"\n          [attr.aria-invalid]=\"isSubmitted && linkForm.get('attributeDestination')?.invalid\"\n          required\n          >\n        </pry-select>\n        @if (isSubmitted && linkForm.get('attributeDestination')?.invalid) {\n          <label\n            id=\"attribute-destination-error\"\n            for=\"link_attribute-destination\"\n            class=\"a-label a-label--help -error\"\n            >\n            {{ '@pry.admin.required' | i18n }}\n          </label>\n        }\n      </div>\n    }\n\n    <div class=\"m-btn-group -width-sm\">\n      <button\n        class=\"a-btn a-btn--secondary\"\n        type=\"button\"\n        (click)=\"goBack()\"\n        [innerHTML]=\"'@pry.admin.cancel' | i18n\"\n      ></button>\n      <button class=\"a-btn a-btn--primary\" type=\"submit\" [innerHTML]=\"'@pry.admin.create' | i18n\"></button>\n    </div>\n  </form>\n</div>\n", dependencies: [{ kind: "directive", type: i3.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i3.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i3.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: i4.PrySelectComponent, selector: "pry-select", inputs: ["items", "clearable", "multiple", "closeOnSelect", "placeholder", "forcePlaceHolder", "isForm", "required", "name", "autocomplete", "alwaysShowAutosuggestedValues", "externalAutocompleteService", "bindValue", "bindLabel", "iconSize", "bindIcon", "template", "i18nPrefix", "bindClasses", "loading", "elementRef"], outputs: ["searched", "cleared", "clicked", "pressedEnter"] }, { kind: "pipe", type: i5.AsyncPipe, name: "async" }, { kind: "pipe", type: i4.PrySortDataPipe, name: "prySortData" }, { kind: "pipe", type: i4.I18nPipe, name: "i18n" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: AdminLinksNewComponent, decorators: [{
             type: Component,