@provoly/dashboard 1.4.2 → 1.4.4

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

@@ -82,10 +82,10 @@ export class AdminLinksNewComponent {
             this.store.dispatch(LinksActions.saveLink({ link: linkToAdd, route: path.toString() }));
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", 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: "14.0.0", version: "17.1.3", 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      <label\n        *ngIf=\"isSubmitted && linkForm.get('relationType')?.invalid\"\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    </div>\n\n    <div class=\"m-form-label-field -width-sm\" *ngIf=\"isSelectClass\">\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      <label\n        *ngIf=\"isSubmitted && linkForm.get('classSource')?.invalid\"\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    </div>\n\n    <div\n      *ngIf=\"attributesSource$ | async | prySortData : sortActive : sortDirection as attr\"\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      <label\n        *ngIf=\"isSubmitted && linkForm.get('attributeSource')?.invalid\"\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    </div>\n\n    <div *ngIf=\"classes$ | async | prySortData : sortActive : sortDirection as cd\" 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      <label\n        *ngIf=\"isSubmitted && linkForm.get('classDestination')?.invalid\"\n        id=\"class-destination-error\"\n        for=\"link_class-destination\"\n        class=\"text-error\"\n      >\n        {{ '@pry.admin.required' | i18n }}\n      </label>\n    </div>\n\n    <div\n      *ngIf=\"attributesDestination$ | async | prySortData : sortActive : sortDirection as attr\"\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      <label\n        *ngIf=\"isSubmitted && linkForm.get('attributeDestination')?.invalid\"\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    </div>\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: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { 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: 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"] }, { kind: "pipe", type: i4.AsyncPipe, name: "async" }, { kind: "pipe", type: i5.PrySortDataPipe, name: "prySortData" }, { kind: "pipe", type: i5.I18nPipe, name: "i18n" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", 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: "14.0.0", version: "18.2.6", 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      <label\n        *ngIf=\"isSubmitted && linkForm.get('relationType')?.invalid\"\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    </div>\n\n    <div class=\"m-form-label-field -width-sm\" *ngIf=\"isSelectClass\">\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      <label\n        *ngIf=\"isSubmitted && linkForm.get('classSource')?.invalid\"\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    </div>\n\n    <div\n      *ngIf=\"attributesSource$ | async | prySortData : sortActive : sortDirection as attr\"\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      <label\n        *ngIf=\"isSubmitted && linkForm.get('attributeSource')?.invalid\"\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    </div>\n\n    <div *ngIf=\"classes$ | async | prySortData : sortActive : sortDirection as cd\" 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      <label\n        *ngIf=\"isSubmitted && linkForm.get('classDestination')?.invalid\"\n        id=\"class-destination-error\"\n        for=\"link_class-destination\"\n        class=\"text-error\"\n      >\n        {{ '@pry.admin.required' | i18n }}\n      </label>\n    </div>\n\n    <div\n      *ngIf=\"attributesDestination$ | async | prySortData : sortActive : sortDirection as attr\"\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      <label\n        *ngIf=\"isSubmitted && linkForm.get('attributeDestination')?.invalid\"\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    </div>\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: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { 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: 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"] }, { kind: "pipe", type: i4.AsyncPipe, name: "async" }, { kind: "pipe", type: i5.PrySortDataPipe, name: "prySortData" }, { kind: "pipe", type: i5.I18nPipe, name: "i18n" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: AdminLinksNewComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: AdminLinksNewComponent, decorators: [{
             type: Component,
             args: [{ selector: 'pry-admin-links-new', 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      <label\n        *ngIf=\"isSubmitted && linkForm.get('relationType')?.invalid\"\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    </div>\n\n    <div class=\"m-form-label-field -width-sm\" *ngIf=\"isSelectClass\">\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      <label\n        *ngIf=\"isSubmitted && linkForm.get('classSource')?.invalid\"\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    </div>\n\n    <div\n      *ngIf=\"attributesSource$ | async | prySortData : sortActive : sortDirection as attr\"\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      <label\n        *ngIf=\"isSubmitted && linkForm.get('attributeSource')?.invalid\"\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    </div>\n\n    <div *ngIf=\"classes$ | async | prySortData : sortActive : sortDirection as cd\" 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      <label\n        *ngIf=\"isSubmitted && linkForm.get('classDestination')?.invalid\"\n        id=\"class-destination-error\"\n        for=\"link_class-destination\"\n        class=\"text-error\"\n      >\n        {{ '@pry.admin.required' | i18n }}\n      </label>\n    </div>\n\n    <div\n      *ngIf=\"attributesDestination$ | async | prySortData : sortActive : sortDirection as attr\"\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      <label\n        *ngIf=\"isSubmitted && linkForm.get('attributeDestination')?.invalid\"\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    </div>\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" }]
         }], ctorParameters: () => [{ type: i1.Store }, { type: i2.Router }, { type: i2.ActivatedRoute }, { type: i3.UntypedFormBuilder }] });

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

@@ -50,10 +50,10 @@ export class AdminLinksComponent {
             });
         }));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: AdminLinksComponent, deps: [{ token: i1.Store }, { token: i2.Router }, { token: i2.ActivatedRoute }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.3", type: AdminLinksComponent, selector: "pry-admin-links", ngImport: i0, template: "<div class=\"o-base-container\">\n  <h1 class=\"a-h1\">{{ '@pry.admin.links.list' | i18n }}</h1>\n  <table\n    class=\"a-table\"\n    prySortTable\n    prySortActive=\"name\"\n    prySortDirection=\"asc\"\n    (prySortChange)=\"sortActive = $event.active; sortDirection = $event.direction\"\n  >\n    <caption>\n      {{\n        '@pry.admin.links.list' | i18n\n      }},\n      {{\n        '@pry.action.sortableColumnHeader' | i18n\n      }}\n    </caption>\n    <thead>\n      <tr>\n        <th prySortHeader=\"name\">{{ '@pry.admin.links.classSource' | i18n }}</th>\n        <th prySortHeader=\"name\">{{ '@pry.admin.links.attributeSource' | i18n }}</th>\n        <th prySortHeader=\"name\">{{ '@pry.admin.links.classDestination' | i18n }}</th>\n        <th prySortHeader=\"name\">{{ '@pry.admin.links.attributeDestination' | i18n }}</th>\n        <th prySortHeader=\"name\">{{ '@pry.admin.links.relationType' | i18n }}</th>\n      </tr>\n    </thead>\n    <tbody>\n      <tr *ngFor=\"let link of linksExtended$ | async | prySortData: sortActive : sortDirection\">\n        <td>{{ link.classSource }}</td>\n        <td>{{ link.attributeSource }}</td>\n        <td>{{ link.classDestination }}</td>\n        <td>{{ link.attributeDestination }}</td>\n        <td>{{ link.relationType }}</td>\n      </tr>\n    </tbody>\n  </table>\n</div>\n", dependencies: [{ kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: i4.PrySortHeaderComponent, selector: "th[prySortHeader]", inputs: ["prySortHeader"], outputs: ["sortChange"] }, { kind: "directive", type: i4.PrySortHeaderDirective, selector: "[prySortHeader]" }, { kind: "directive", type: i4.PrySortTableDirective, selector: "[prySortTable]", inputs: ["prySortActive", "prySortDirection"], outputs: ["prySortChange"] }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }, { kind: "pipe", type: i4.PrySortDataPipe, name: "prySortData" }, { kind: "pipe", type: i4.I18nPipe, name: "i18n" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: AdminLinksComponent, deps: [{ token: i1.Store }, { token: i2.Router }, { token: i2.ActivatedRoute }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.6", type: AdminLinksComponent, selector: "pry-admin-links", ngImport: i0, template: "<div class=\"o-base-container\">\n  <h1 class=\"a-h1\">{{ '@pry.admin.links.list' | i18n }}</h1>\n  <table\n    class=\"a-table\"\n    prySortTable\n    prySortActive=\"name\"\n    prySortDirection=\"asc\"\n    (prySortChange)=\"sortActive = $event.active; sortDirection = $event.direction\"\n  >\n    <caption>\n      {{\n        '@pry.admin.links.list' | i18n\n      }},\n      {{\n        '@pry.action.sortableColumnHeader' | i18n\n      }}\n    </caption>\n    <thead>\n      <tr>\n        <th prySortHeader=\"name\">{{ '@pry.admin.links.classSource' | i18n }}</th>\n        <th prySortHeader=\"name\">{{ '@pry.admin.links.attributeSource' | i18n }}</th>\n        <th prySortHeader=\"name\">{{ '@pry.admin.links.classDestination' | i18n }}</th>\n        <th prySortHeader=\"name\">{{ '@pry.admin.links.attributeDestination' | i18n }}</th>\n        <th prySortHeader=\"name\">{{ '@pry.admin.links.relationType' | i18n }}</th>\n      </tr>\n    </thead>\n    <tbody>\n      <tr *ngFor=\"let link of linksExtended$ | async | prySortData: sortActive : sortDirection\">\n        <td>{{ link.classSource }}</td>\n        <td>{{ link.attributeSource }}</td>\n        <td>{{ link.classDestination }}</td>\n        <td>{{ link.attributeDestination }}</td>\n        <td>{{ link.relationType }}</td>\n      </tr>\n    </tbody>\n  </table>\n</div>\n", dependencies: [{ kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: i4.PrySortHeaderComponent, selector: "th[prySortHeader]", inputs: ["prySortHeader"], outputs: ["sortChange"] }, { kind: "directive", type: i4.PrySortHeaderDirective, selector: "[prySortHeader]" }, { kind: "directive", type: i4.PrySortTableDirective, selector: "[prySortTable]", inputs: ["prySortActive", "prySortDirection"], outputs: ["prySortChange"] }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }, { kind: "pipe", type: i4.PrySortDataPipe, name: "prySortData" }, { kind: "pipe", type: i4.I18nPipe, name: "i18n" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: AdminLinksComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: AdminLinksComponent, decorators: [{
             type: Component,
             args: [{ selector: 'pry-admin-links', template: "<div class=\"o-base-container\">\n  <h1 class=\"a-h1\">{{ '@pry.admin.links.list' | i18n }}</h1>\n  <table\n    class=\"a-table\"\n    prySortTable\n    prySortActive=\"name\"\n    prySortDirection=\"asc\"\n    (prySortChange)=\"sortActive = $event.active; sortDirection = $event.direction\"\n  >\n    <caption>\n      {{\n        '@pry.admin.links.list' | i18n\n      }},\n      {{\n        '@pry.action.sortableColumnHeader' | i18n\n      }}\n    </caption>\n    <thead>\n      <tr>\n        <th prySortHeader=\"name\">{{ '@pry.admin.links.classSource' | i18n }}</th>\n        <th prySortHeader=\"name\">{{ '@pry.admin.links.attributeSource' | i18n }}</th>\n        <th prySortHeader=\"name\">{{ '@pry.admin.links.classDestination' | i18n }}</th>\n        <th prySortHeader=\"name\">{{ '@pry.admin.links.attributeDestination' | i18n }}</th>\n        <th prySortHeader=\"name\">{{ '@pry.admin.links.relationType' | i18n }}</th>\n      </tr>\n    </thead>\n    <tbody>\n      <tr *ngFor=\"let link of linksExtended$ | async | prySortData: sortActive : sortDirection\">\n        <td>{{ link.classSource }}</td>\n        <td>{{ link.attributeSource }}</td>\n        <td>{{ link.classDestination }}</td>\n        <td>{{ link.attributeDestination }}</td>\n        <td>{{ link.relationType }}</td>\n      </tr>\n    </tbody>\n  </table>\n</div>\n" }]
         }], ctorParameters: () => [{ type: i1.Store }, { type: i2.Router }, { type: i2.ActivatedRoute }] });

package/esm2022/admin/components/admin-links/store/links.effects.mjs

@@ -18,10 +18,10 @@ export class LinksEffects {
             return AdminActions.routeTo({ path: action.route });
         })));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: LinksEffects, deps: [{ token: i1.Actions }, { token: i2.AdminService }, { token: i3.Router }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: LinksEffects }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: LinksEffects, deps: [{ token: i1.Actions }, { token: i2.AdminService }, { token: i3.Router }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: LinksEffects }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: LinksEffects, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: LinksEffects, decorators: [{
             type: Injectable
         }], ctorParameters: () => [{ type: i1.Actions }, { type: i2.AdminService }, { type: i3.Router }] });
 //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGlua3MuZWZmZWN0cy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3Byb3ZvbHkvZGFzaGJvYXJkL2FkbWluL2NvbXBvbmVudHMvYWRtaW4tbGlua3Mvc3RvcmUvbGlua3MuZWZmZWN0cy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBRTNDLE9BQU8sRUFBVyxZQUFZLEVBQUUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQzlELE9BQU8sRUFBRSxVQUFVLEVBQUUsR0FBRyxFQUFFLFFBQVEsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBQzNELE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQztBQUU1RCxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7Ozs7O0FBRy9DLE1BQU0sT0FBTyxZQUFZO0lBa0N2QixZQUNVLFFBQWlCLEVBQ2pCLE9BQXFCLEVBQ3JCLE1BQWM7UUFGZCxhQUFRLEdBQVIsUUFBUSxDQUFTO1FBQ2pCLFlBQU8sR0FBUCxPQUFPLENBQWM7UUFDckIsV0FBTSxHQUFOLE1BQU0sQ0FBUTtRQXBDeEIsZUFBVSxHQUFHLFlBQVksQ0FBQyxHQUFHLEVBQUUsQ0FDN0IsSUFBSSxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQ2hCLE1BQU0sQ0FBQyxZQUFZLENBQUMsU0FBUyxDQUFDLEVBQzlCLFFBQVEsQ0FBQyxDQUFDLE1BQU0sRUFBRSxFQUFFLENBQ2xCLElBQUksQ0FBQyxPQUFPLENBQUMsUUFBUSxFQUFFLENBQUMsSUFBSSxDQUMxQixHQUFHLENBQUMsQ0FBQyxLQUFLLEVBQUUsRUFBRSxDQUFDLFlBQVksQ0FBQyxnQkFBZ0IsQ0FBQyxFQUFFLEtBQUssRUFBRSxDQUFDLENBQUMsRUFDeEQsVUFBVSxDQUFDLENBQUMsS0FBSyxFQUFFLEVBQUUsQ0FBQyxDQUFDLFlBQVksQ0FBQyxnQkFBZ0IsQ0FBQyxFQUFFLEtBQUssRUFBRSxDQUFDLENBQUMsQ0FBQyxDQUNsRSxDQUNGLENBQ0YsQ0FDRixDQUFDO1FBRUYsY0FBUyxHQUFHLFlBQVksQ0FBQyxHQUFHLEVBQUUsQ0FDNUIsSUFBSSxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQ2hCLE1BQU0sQ0FBQyxZQUFZLENBQUMsUUFBUSxDQUFDLEVBQzdCLFFBQVEsQ0FBQyxDQUFDLE1BQU0sRUFBRSxFQUFFLENBQ2xCLElBQUksQ0FBQyxPQUFPLENBQUMsUUFBUSxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsQ0FBQyxJQUFJLENBQ3JDLEdBQUcsQ0FBQyxDQUFDLElBQUksRUFBRSxFQUFFLENBQUMsWUFBWSxDQUFDLGVBQWUsQ0FBQyxFQUFFLEtBQUssRUFBRSxNQUFNLENBQUMsS0FBSyxFQUFFLENBQUMsQ0FBQyxFQUNwRSxVQUFVLENBQUMsQ0FBQyxLQUFLLEVBQUUsRUFBRSxDQUFDLENBQUMsWUFBWSxDQUFDLGVBQWUsQ0FBQyxFQUFFLEtBQUssRUFBRSxDQUFDLENBQUMsQ0FBQyxDQUNqRSxDQUNGLENBQ0YsQ0FDRixDQUFDO1FBRUYscUJBQWdCLEdBQUcsWUFBWSxDQUFDLEdBQUcsRUFBRSxDQUNuQyxJQUFJLENBQUMsUUFBUSxDQUFDLElBQUksQ0FDaEIsTUFBTSxDQUFDLFlBQVksQ0FBQyxlQUFlLENBQUMsRUFDcEMsR0FBRyxDQUFDLENBQUMsTUFBTSxFQUFFLEVBQUU7WUFDYixPQUFPLFlBQVksQ0FBQyxPQUFPLENBQUMsRUFBRSxJQUFJLEVBQUUsTUFBTSxDQUFDLEtBQUssRUFBRSxDQUFDLENBQUM7UUFDdEQsQ0FBQyxDQUFDLENBQ0gsQ0FDRixDQUFDO0lBTUMsQ0FBQzs4R0F0Q08sWUFBWTtrSEFBWixZQUFZOzsyRkFBWixZQUFZO2tCQUR4QixVQUFVIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgSW5qZWN0YWJsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgUm91dGVyIH0gZnJvbSAnQGFuZ3VsYXIvcm91dGVyJztcbmltcG9ydCB7IEFjdGlvbnMsIGNyZWF0ZUVmZmVjdCwgb2ZUeXBlIH0gZnJvbSAnQG5ncngvZWZmZWN0cyc7XG5pbXBvcnQgeyBjYXRjaEVycm9yLCBtYXAsIG1lcmdlTWFwIH0gZnJvbSAncnhqcy9vcGVyYXRvcnMnO1xuaW1wb3J0IHsgQWRtaW5BY3Rpb25zIH0gZnJvbSAnLi4vLi4vLi4vc3RvcmUvYWRtaW4uYWN0aW9ucyc7XG5pbXBvcnQgeyBBZG1pblNlcnZpY2UgfSBmcm9tICcuLi8uLi8uLi9zdG9yZS9hZG1pbi5zZXJ2aWNlJztcbmltcG9ydCB7IExpbmtzQWN0aW9ucyB9IGZyb20gJy4vbGlua3MuYWN0aW9ucyc7XG5cbkBJbmplY3RhYmxlKClcbmV4cG9ydCBjbGFzcyBMaW5rc0VmZmVjdHMge1xuICBsb2FkTGlua3MkID0gY3JlYXRlRWZmZWN0KCgpID0+XG4gICAgdGhpcy5hY3Rpb25zJC5waXBlKFxuICAgICAgb2ZUeXBlKExpbmtzQWN0aW9ucy5sb2FkTGlua3MpLFxuICAgICAgbWVyZ2VNYXAoKGFjdGlvbikgPT5cbiAgICAgICAgdGhpcy5zZXJ2aWNlLmdldExpbmtzKCkucGlwZShcbiAgICAgICAgICBtYXAoKGRhdGFzKSA9PiBMaW5rc0FjdGlvbnMubG9hZExpbmtzU3VjY2Vzcyh7IGRhdGFzIH0pKSxcbiAgICAgICAgICBjYXRjaEVycm9yKChlcnJvcikgPT4gW0xpbmtzQWN0aW9ucy5sb2FkTGlua3NGYWlsdXJlKHsgZXJyb3IgfSldKVxuICAgICAgICApXG4gICAgICApXG4gICAgKVxuICApO1xuXG4gIHNhdmVMaW5rJCA9IGNyZWF0ZUVmZmVjdCgoKSA9PlxuICAgIHRoaXMuYWN0aW9ucyQucGlwZShcbiAgICAgIG9mVHlwZShMaW5rc0FjdGlvbnMuc2F2ZUxpbmspLFxuICAgICAgbWVyZ2VNYXAoKGFjdGlvbikgPT5cbiAgICAgICAgdGhpcy5zZXJ2aWNlLnNhdmVMaW5rKGFjdGlvbi5saW5rKS5waXBlKFxuICAgICAgICAgIG1hcCgoZGF0YSkgPT4gTGlua3NBY3Rpb25zLnNhdmVMaW5rU3VjY2Vzcyh7IHJvdXRlOiBhY3Rpb24ucm91dGUgfSkpLFxuICAgICAgICAgIGNhdGNoRXJyb3IoKGVycm9yKSA9PiBbTGlua3NBY3Rpb25zLnNhdmVMaW5rRmFpbHVyZSh7IGVycm9yIH0pXSlcbiAgICAgICAgKVxuICAgICAgKVxuICAgIClcbiAgKTtcblxuICBzYXZlTGlua1N1Y2Nlc3MkID0gY3JlYXRlRWZmZWN0KCgpID0+XG4gICAgdGhpcy5hY3Rpb25zJC5waXBlKFxuICAgICAgb2ZUeXBlKExpbmtzQWN0aW9ucy5zYXZlTGlua1N1Y2Nlc3MpLFxuICAgICAgbWFwKChhY3Rpb24pID0+IHtcbiAgICAgICAgcmV0dXJuIEFkbWluQWN0aW9ucy5yb3V0ZVRvKHsgcGF0aDogYWN0aW9uLnJvdXRlIH0pO1xuICAgICAgfSlcbiAgICApXG4gICk7XG5cbiAgY29uc3RydWN0b3IoXG4gICAgcHJpdmF0ZSBhY3Rpb25zJDogQWN0aW9ucyxcbiAgICBwcml2YXRlIHNlcnZpY2U6IEFkbWluU2VydmljZSxcbiAgICBwcml2YXRlIHJvdXRlcjogUm91dGVyXG4gICkge31cbn1cbiJdfQ==

package/esm2022/admin/components/admin-menu/admin-menu.component.mjs

@@ -28,10 +28,10 @@ export class AdminMenuComponent extends BaseMenuComponent {
         this.store.dispatch(AdminActions.routeTo({ path: path.toString(), params: undefined }));
         this.store.dispatch(AdminActions.highlightMenu({ menu }));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: AdminMenuComponent, deps: [{ token: i1.Store }, { token: i2.Router }, { token: i2.ActivatedRoute }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.3", type: AdminMenuComponent, selector: "pry-admin-menu", usesInheritance: true, ngImport: i0, template: "<nav class=\"m-nav-links\">\n  <ng-container *ngFor=\"let sub of subMenu$ | async\">\n    <ul class=\"m-nav-links__list\">\n      <ng-container *ngFor=\"let menu of sub.subMenus\">\n        <li\n          *pryAccess=\"{ module: menu.module, page: menu.page, subMenu: menu.subMenu }\"\n          class=\"m-nav-links__list__item\"\n        >\n          <a [routerLink]=\"menu.menu\" class=\"a-btn -width-full\" [routerLinkActive]=\"'is-active'\">\n            {{ baseMenuTranslation + menu.menu | i18n }}\n          </a>\n        </li>\n      </ng-container>\n    </ul>\n  </ng-container>\n</nav>\n", dependencies: [{ kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i4.PryAccessDirective, selector: "[pryAccess]", inputs: ["pryAccess"] }, { kind: "directive", type: i2.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i2.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }, { kind: "pipe", type: i4.I18nPipe, name: "i18n" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: AdminMenuComponent, deps: [{ token: i1.Store }, { token: i2.Router }, { token: i2.ActivatedRoute }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.6", type: AdminMenuComponent, selector: "pry-admin-menu", usesInheritance: true, ngImport: i0, template: "<nav class=\"m-nav-links\">\n  <ng-container *ngFor=\"let sub of subMenu$ | async\">\n    <ul class=\"m-nav-links__list\">\n      <ng-container *ngFor=\"let menu of sub.subMenus\">\n        <li\n          *pryAccess=\"{ module: menu.module, page: menu.page, subMenu: menu.subMenu }\"\n          class=\"m-nav-links__list__item\"\n        >\n          <a [routerLink]=\"menu.menu\" class=\"a-btn -width-full\" [routerLinkActive]=\"'is-active'\">\n            {{ baseMenuTranslation + menu.menu | i18n }}\n          </a>\n        </li>\n      </ng-container>\n    </ul>\n  </ng-container>\n</nav>\n", dependencies: [{ kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i4.PryAccessDirective, selector: "[pryAccess]", inputs: ["pryAccess"] }, { kind: "directive", type: i2.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i2.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }, { kind: "pipe", type: i4.I18nPipe, name: "i18n" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: AdminMenuComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: AdminMenuComponent, decorators: [{
             type: Component,
             args: [{ selector: 'pry-admin-menu', template: "<nav class=\"m-nav-links\">\n  <ng-container *ngFor=\"let sub of subMenu$ | async\">\n    <ul class=\"m-nav-links__list\">\n      <ng-container *ngFor=\"let menu of sub.subMenus\">\n        <li\n          *pryAccess=\"{ module: menu.module, page: menu.page, subMenu: menu.subMenu }\"\n          class=\"m-nav-links__list__item\"\n        >\n          <a [routerLink]=\"menu.menu\" class=\"a-btn -width-full\" [routerLinkActive]=\"'is-active'\">\n            {{ baseMenuTranslation + menu.menu | i18n }}\n          </a>\n        </li>\n      </ng-container>\n    </ul>\n  </ng-container>\n</nav>\n" }]
         }], ctorParameters: () => [{ type: i1.Store }, { type: i2.Router }, { type: i2.ActivatedRoute }] });

package/esm2022/admin/components/admin-metadata/admin-edit-metadata/admin-edit-metadata.component.mjs

@@ -21,10 +21,10 @@ export class AdminEditMetadataComponent {
     submit(metadata) {
         this.store.dispatch(MetadataActions.createMetadata({ metadata: metadata }));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: AdminEditMetadataComponent, deps: [{ token: i1.Store }, { token: i2.ActivatedRoute }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.3", type: AdminEditMetadataComponent, selector: "pry-admin-edit-metadata", ngImport: i0, template: "<pry-form-metadata\n  *ngIf=\"metadata$ | async as metadata\"\n  [metadata]=\"metadata\"\n  (submitMetadata$)=\"submit($event)\"\n  [titleForm]=\"'@pry.admin.metadata.edit' | i18n\"\n  [isMetaSimpleEdit]=\"true\"\n>\n</pry-form-metadata>\n", dependencies: [{ kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i4.FormMetadataComponent, selector: "pry-form-metadata", inputs: ["titleForm", "isMetaSimpleEdit", "isMetaUser", "metadata"], outputs: ["submitMetadata$"] }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }, { kind: "pipe", type: i5.I18nPipe, name: "i18n" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: AdminEditMetadataComponent, deps: [{ token: i1.Store }, { token: i2.ActivatedRoute }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.6", type: AdminEditMetadataComponent, selector: "pry-admin-edit-metadata", ngImport: i0, template: "<pry-form-metadata\n  *ngIf=\"metadata$ | async as metadata\"\n  [metadata]=\"metadata\"\n  (submitMetadata$)=\"submit($event)\"\n  [titleForm]=\"'@pry.admin.metadata.edit' | i18n\"\n  [isMetaSimpleEdit]=\"true\"\n>\n</pry-form-metadata>\n", dependencies: [{ kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i4.FormMetadataComponent, selector: "pry-form-metadata", inputs: ["titleForm", "isMetaSimpleEdit", "isMetaUser", "metadata"], outputs: ["submitMetadata$"] }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }, { kind: "pipe", type: i5.I18nPipe, name: "i18n" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: AdminEditMetadataComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: AdminEditMetadataComponent, decorators: [{
             type: Component,
             args: [{ selector: 'pry-admin-edit-metadata', template: "<pry-form-metadata\n  *ngIf=\"metadata$ | async as metadata\"\n  [metadata]=\"metadata\"\n  (submitMetadata$)=\"submit($event)\"\n  [titleForm]=\"'@pry.admin.metadata.edit' | i18n\"\n  [isMetaSimpleEdit]=\"true\"\n>\n</pry-form-metadata>\n" }]
         }], ctorParameters: () => [{ type: i1.Store }, { type: i2.ActivatedRoute }] });

package/esm2022/admin/components/admin-metadata/admin-metadata.component.mjs

@@ -54,10 +54,10 @@ export class AdminMetadataComponent {
         this.store.dispatch(MetadataActions.goToDetailsView({ id }));
         this.store.dispatch(AdminActions.selectComponentType({ componentType: 'AdminSelectMetadataComponent' }));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: AdminMetadataComponent, deps: [{ token: i1.Store }, { token: i2.PryI18nService }, { token: i3.Router }, { token: i3.ActivatedRoute }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.3", type: AdminMetadataComponent, selector: "pry-admin-metadata", ngImport: i0, template: "<div class=\"o-base-container\">\n  <h1 class=\"a-h1\">{{ '@pry.admin.metadata.title' | i18n }}</h1>\n  <pry-list-metadata\n    [metadata]=\"metadata$ | async\"\n    [selectedMetadata]=\"selectedMetadataId$ | async\"\n    [configHeader]=\"configHeader\"\n    [sortActive]=\"sortActive\"\n    [labelMetadataSelected]=\"value\"\n    [sortDirection]=\"sortDirection\"\n    (cancelAction$)=\"cancelEdition()\"\n    (rowClicked$)=\"rowClicked($event)\"\n    [editable]=\"false\"\n  >\n  </pry-list-metadata>\n</div>\n", dependencies: [{ kind: "component", type: i4.PryListMetadataComponent, selector: "pry-list-metadata", inputs: ["sortActive", "sortDirection", "configHeader", "metadata", "selectedMetadata", "labelMetadataSelected", "editable"], outputs: ["editClicked$", "submitModal$", "cancelAction$", "rowClicked$"] }, { kind: "pipe", type: i5.AsyncPipe, name: "async" }, { kind: "pipe", type: i2.I18nPipe, name: "i18n" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: AdminMetadataComponent, deps: [{ token: i1.Store }, { token: i2.PryI18nService }, { token: i3.Router }, { token: i3.ActivatedRoute }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.6", type: AdminMetadataComponent, selector: "pry-admin-metadata", ngImport: i0, template: "<div class=\"o-base-container\">\n  <h1 class=\"a-h1\">{{ '@pry.admin.metadata.title' | i18n }}</h1>\n  <pry-list-metadata\n    [metadata]=\"metadata$ | async\"\n    [selectedMetadata]=\"selectedMetadataId$ | async\"\n    [configHeader]=\"configHeader\"\n    [sortActive]=\"sortActive\"\n    [labelMetadataSelected]=\"value\"\n    [sortDirection]=\"sortDirection\"\n    (cancelAction$)=\"cancelEdition()\"\n    (rowClicked$)=\"rowClicked($event)\"\n    [editable]=\"false\"\n  >\n  </pry-list-metadata>\n</div>\n", dependencies: [{ kind: "component", type: i4.PryListMetadataComponent, selector: "pry-list-metadata", inputs: ["sortActive", "sortDirection", "configHeader", "metadata", "selectedMetadata", "labelMetadataSelected", "editable"], outputs: ["editClicked$", "submitModal$", "cancelAction$", "rowClicked$"] }, { kind: "pipe", type: i5.AsyncPipe, name: "async" }, { kind: "pipe", type: i2.I18nPipe, name: "i18n" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: AdminMetadataComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: AdminMetadataComponent, decorators: [{
             type: Component,
             args: [{ selector: 'pry-admin-metadata', template: "<div class=\"o-base-container\">\n  <h1 class=\"a-h1\">{{ '@pry.admin.metadata.title' | i18n }}</h1>\n  <pry-list-metadata\n    [metadata]=\"metadata$ | async\"\n    [selectedMetadata]=\"selectedMetadataId$ | async\"\n    [configHeader]=\"configHeader\"\n    [sortActive]=\"sortActive\"\n    [labelMetadataSelected]=\"value\"\n    [sortDirection]=\"sortDirection\"\n    (cancelAction$)=\"cancelEdition()\"\n    (rowClicked$)=\"rowClicked($event)\"\n    [editable]=\"false\"\n  >\n  </pry-list-metadata>\n</div>\n" }]
         }], ctorParameters: () => [{ type: i1.Store }, { type: i2.PryI18nService }, { type: i3.Router }, { type: i3.ActivatedRoute }] });

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

@@ -11,10 +11,10 @@ export class AdminNewMetadataComponent {
     submit(metadata) {
         this.store.dispatch(MetadataActions.createMetadata({ metadata: metadata }));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: AdminNewMetadataComponent, deps: [{ token: i1.Store }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.3", type: AdminNewMetadataComponent, selector: "pry-admin-new-metadata", ngImport: i0, template: "<pry-form-metadata (submitMetadata$)=\"submit($event)\" [titleForm]=\"'@pry.admin.metadata.add' | i18n\">\n</pry-form-metadata>\n", dependencies: [{ kind: "component", type: i2.FormMetadataComponent, selector: "pry-form-metadata", inputs: ["titleForm", "isMetaSimpleEdit", "isMetaUser", "metadata"], outputs: ["submitMetadata$"] }, { kind: "pipe", type: i3.I18nPipe, name: "i18n" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: AdminNewMetadataComponent, deps: [{ token: i1.Store }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.6", type: AdminNewMetadataComponent, selector: "pry-admin-new-metadata", ngImport: i0, template: "<pry-form-metadata (submitMetadata$)=\"submit($event)\" [titleForm]=\"'@pry.admin.metadata.add' | i18n\">\n</pry-form-metadata>\n", dependencies: [{ kind: "component", type: i2.FormMetadataComponent, selector: "pry-form-metadata", inputs: ["titleForm", "isMetaSimpleEdit", "isMetaUser", "metadata"], outputs: ["submitMetadata$"] }, { kind: "pipe", type: i3.I18nPipe, name: "i18n" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: AdminNewMetadataComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: AdminNewMetadataComponent, decorators: [{
             type: Component,
             args: [{ selector: 'pry-admin-new-metadata', template: "<pry-form-metadata (submitMetadata$)=\"submit($event)\" [titleForm]=\"'@pry.admin.metadata.add' | i18n\">\n</pry-form-metadata>\n" }]
         }], ctorParameters: () => [{ type: i1.Store }] });

package/esm2022/admin/components/admin-metadata/admin-select-metadata/admin-select-metadata.component.mjs

@@ -65,10 +65,10 @@ export class AdminSelectMetadataComponent {
             ]
         }));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: AdminSelectMetadataComponent, deps: [{ token: i1.Store }, { token: i2.Router }, { token: i2.ActivatedRoute }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.3", type: AdminSelectMetadataComponent, selector: "pry-select-metadata", ngImport: i0, template: "<div\n  *ngIf=\"metadata$ | async as metadata\"\n  [id]=\"'panel-meta-' + metadata.id\"\n  [attr.aria-labelledby]=\"'button-meta-' + metadata.id\"\n  class=\"o-panel\"\n>\n  <div class=\"o-panel__header\">\n    <button type=\"button\" class=\"a-btn a-btn--icon-only\" (click)=\"closePanel()\">\n      <span class=\"u-visually-hidden\">{{ '@pry.action.closePanel' | i18n }}</span>\n      <pry-icon iconSvg=\"close\"></pry-icon>\n    </button>\n\n    <h3 class=\"a-h3\">\n      {{ '@pry.admin.metadata.details' | i18n }}\n    </h3>\n  </div>\n  <pry-tab-group translationStringBase=\"@pry.admin.\">\n    <pry-tab [templateRef]=\"metadataDetails\" name=\"details\"></pry-tab>\n  </pry-tab-group>\n\n  <ng-template #metadataDetails>\n    <h4 class=\"a-h4\">{{ '@pry.admin.properties' | i18n }}</h4>\n    <p class=\"a-p\">\n      {{ '@pry.admin.metadata.label' | i18n }} :\n      <strong>{{ metadata.name }}</strong>\n    </p>\n    <p class=\"a-p\">\n      {{ '@pry.admin.metadata.description' | i18n }} :\n      <strong>{{ metadata.description ? metadata.description : '' }}</strong>\n    </p>\n    <p class=\"a-p\">\n      {{ '@pry.admin.metadata.type' | i18n }} :\n      <strong>{{ currentTypeTranslation | i18n }}</strong>\n    </p>\n    <p class=\"a-p\" *ngIf=\"metadata.system !== undefined\">\n      {{ '@pry.admin.metadata.system' | i18n }} :\n      <strong>{{ metadata.system ? '\u2714' : '\u2718' }}</strong>\n    </p>\n\n    <ng-container *ngIf=\"metadata.allowedValues\">\n      <ng-container *ngFor=\"let item of metadata.allowedValues\">\n        <p>{{ item }}</p>\n      </ng-container>\n    </ng-container>\n  </ng-template>\n</div>\n", dependencies: [{ kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i4.TabGroupComponent, selector: "pry-tab-group", inputs: ["translationStringBase"], outputs: ["clickedTabIdx"] }, { kind: "component", type: i4.TabComponent, selector: "pry-tab", inputs: ["name", "templateRef", "index"] }, { kind: "component", type: i4.PryIconComponent, selector: "pry-icon", inputs: ["color", "iconSvg", "animation", "iconImage", "alt", "width", "height", "classes"] }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }, { kind: "pipe", type: i4.I18nPipe, name: "i18n" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: AdminSelectMetadataComponent, deps: [{ token: i1.Store }, { token: i2.Router }, { token: i2.ActivatedRoute }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.6", type: AdminSelectMetadataComponent, selector: "pry-select-metadata", ngImport: i0, template: "<div\n  *ngIf=\"metadata$ | async as metadata\"\n  [id]=\"'panel-meta-' + metadata.id\"\n  [attr.aria-labelledby]=\"'button-meta-' + metadata.id\"\n  class=\"o-panel\"\n>\n  <div class=\"o-panel__header\">\n    <button type=\"button\" class=\"a-btn a-btn--icon-only\" (click)=\"closePanel()\">\n      <span class=\"u-visually-hidden\">{{ '@pry.action.closePanel' | i18n }}</span>\n      <pry-icon iconSvg=\"close\"></pry-icon>\n    </button>\n\n    <h3 class=\"a-h3\">\n      {{ '@pry.admin.metadata.details' | i18n }}\n    </h3>\n  </div>\n  <pry-tab-group translationStringBase=\"@pry.admin.\">\n    <pry-tab [templateRef]=\"metadataDetails\" name=\"details\"></pry-tab>\n  </pry-tab-group>\n\n  <ng-template #metadataDetails>\n    <h4 class=\"a-h4\">{{ '@pry.admin.properties' | i18n }}</h4>\n    <p class=\"a-p\">\n      {{ '@pry.admin.metadata.label' | i18n }} :\n      <strong>{{ metadata.name }}</strong>\n    </p>\n    <p class=\"a-p\">\n      {{ '@pry.admin.metadata.description' | i18n }} :\n      <strong>{{ metadata.description ? metadata.description : '' }}</strong>\n    </p>\n    <p class=\"a-p\">\n      {{ '@pry.admin.metadata.type' | i18n }} :\n      <strong>{{ currentTypeTranslation | i18n }}</strong>\n    </p>\n    <p class=\"a-p\" *ngIf=\"metadata.system !== undefined\">\n      {{ '@pry.admin.metadata.system' | i18n }} :\n      <strong>{{ metadata.system ? '\u2714' : '\u2718' }}</strong>\n    </p>\n\n    <ng-container *ngIf=\"metadata.allowedValues\">\n      <ng-container *ngFor=\"let item of metadata.allowedValues\">\n        <p>{{ item }}</p>\n      </ng-container>\n    </ng-container>\n  </ng-template>\n</div>\n", dependencies: [{ kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i4.TabGroupComponent, selector: "pry-tab-group", inputs: ["translationStringBase"], outputs: ["clickedTabIdx"] }, { kind: "component", type: i4.TabComponent, selector: "pry-tab", inputs: ["name", "templateRef", "index"] }, { kind: "component", type: i4.PryIconComponent, selector: "pry-icon", inputs: ["color", "iconSvg", "animation", "iconImage", "alt", "width", "height", "classes"] }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }, { kind: "pipe", type: i4.I18nPipe, name: "i18n" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: AdminSelectMetadataComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: AdminSelectMetadataComponent, decorators: [{
             type: Component,
             args: [{ selector: 'pry-select-metadata', template: "<div\n  *ngIf=\"metadata$ | async as metadata\"\n  [id]=\"'panel-meta-' + metadata.id\"\n  [attr.aria-labelledby]=\"'button-meta-' + metadata.id\"\n  class=\"o-panel\"\n>\n  <div class=\"o-panel__header\">\n    <button type=\"button\" class=\"a-btn a-btn--icon-only\" (click)=\"closePanel()\">\n      <span class=\"u-visually-hidden\">{{ '@pry.action.closePanel' | i18n }}</span>\n      <pry-icon iconSvg=\"close\"></pry-icon>\n    </button>\n\n    <h3 class=\"a-h3\">\n      {{ '@pry.admin.metadata.details' | i18n }}\n    </h3>\n  </div>\n  <pry-tab-group translationStringBase=\"@pry.admin.\">\n    <pry-tab [templateRef]=\"metadataDetails\" name=\"details\"></pry-tab>\n  </pry-tab-group>\n\n  <ng-template #metadataDetails>\n    <h4 class=\"a-h4\">{{ '@pry.admin.properties' | i18n }}</h4>\n    <p class=\"a-p\">\n      {{ '@pry.admin.metadata.label' | i18n }} :\n      <strong>{{ metadata.name }}</strong>\n    </p>\n    <p class=\"a-p\">\n      {{ '@pry.admin.metadata.description' | i18n }} :\n      <strong>{{ metadata.description ? metadata.description : '' }}</strong>\n    </p>\n    <p class=\"a-p\">\n      {{ '@pry.admin.metadata.type' | i18n }} :\n      <strong>{{ currentTypeTranslation | i18n }}</strong>\n    </p>\n    <p class=\"a-p\" *ngIf=\"metadata.system !== undefined\">\n      {{ '@pry.admin.metadata.system' | i18n }} :\n      <strong>{{ metadata.system ? '\u2714' : '\u2718' }}</strong>\n    </p>\n\n    <ng-container *ngIf=\"metadata.allowedValues\">\n      <ng-container *ngFor=\"let item of metadata.allowedValues\">\n        <p>{{ item }}</p>\n      </ng-container>\n    </ng-container>\n  </ng-template>\n</div>\n" }]
         }], ctorParameters: () => [{ type: i1.Store }, { type: i2.Router }, { type: i2.ActivatedRoute }] });

package/esm2022/admin/components/admin-metadata/shared/form-metadata/form-metadata.component.mjs

@@ -110,10 +110,10 @@ export class FormMetadataComponent {
         }
         return path.toString();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: FormMetadataComponent, deps: [{ token: i1.Store }, { token: i2.Router }, { token: i2.ActivatedRoute }, { token: i3.UntypedFormBuilder }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.3", type: FormMetadataComponent, selector: "pry-form-metadata", inputs: { titleForm: "titleForm", isMetaSimpleEdit: "isMetaSimpleEdit", isMetaUser: "isMetaUser", metadata: "metadata" }, outputs: { submitMetadata$: "submitMetadata$" }, ngImport: i0, template: "<div class=\"o-base-container\">\n  <h1 class=\"a-h1\">{{ titleForm }}</h1>\n\n  <form class=\"o-form\" [formGroup]=\"metaForm\" (ngSubmit)=\"addMetadata()\">\n    <div class=\"m-form-label-field -width-sm\">\n      <label class=\"a-label\" id=\"name-label\" for=\"metadata-name\">\n        {{ '@pry.admin.metadata.label' | i18n }} *\n        <span class=\"u-visually-hidden\">({{ '@pry.admin.required' | i18n }})</span>\n      </label>\n      <input\n        class=\"a-form-field\"\n        id=\"metadata-name\"\n        type=\"text\"\n        formControlName=\"name\"\n        [required]=\"!metadata\"\n        [attr.aria-labelledby]=\"isSubmitted && metaForm.get('name')?.invalid ? 'name-label name-error' : 'name-label'\"\n        [attr.aria-invalid]=\"isSubmitted && metaForm.get('name')?.invalid\"\n      />\n      <label\n        *ngIf=\"isSubmitted && metaForm.get('name')?.invalid\"\n        id=\"name-error\"\n        for=\"metadata-name\"\n        class=\"a-label a-label--help -error\"\n      >\n        <span *ngIf=\"metaForm.get('name')?.hasError('same-name')\">{{ '@pry.admin.exists' | i18n }}</span>\n        <span *ngIf=\"metaForm.get('name')?.hasError('required')\">{{ '@pry.admin.required' | i18n }}</span>\n        <span *ngIf=\"metaForm.get('name')?.hasError('pattern')\">{{ '@pry.admin.classes.formatName' | i18n }}</span>\n      </label>\n    </div>\n\n    <div class=\"m-form-label-field -width-md\">\n      <label class=\"a-label\" for=\"metadata_description\">{{ '@pry.admin.metadata.description' | i18n }}</label>\n      <textarea\n        rows=\"5\"\n        type=\"text\"\n        id=\"metadata_description\"\n        class=\"a-form-field\"\n        formControlName=\"description\"\n      ></textarea>\n    </div>\n\n    <div class=\"m-form-label-field -width-sm\">\n      <label for=\"metadata-type\" id=\"metadata-type-label\" class=\"a-label\">\n        {{ '@pry.admin.metadata.type' | i18n }} *\n        <span class=\"u-visually-hidden\">({{ '@pry.admin.required' | i18n }})</span>\n      </label>\n      <pry-select\n        id=\"metadata-type\"\n        formControlName=\"type\"\n        [items]=\"metaOptions\"\n        bindValue=\"varType\"\n        bindLabel=\"translation\"\n        [isForm]=\"true\"\n        (ngModelChange)=\"addItemList($event)\"\n        aria-labelledby=\"metadata-type-label\"\n      ></pry-select>\n    </div>\n\n    <ng-container *ngIf=\"metaForm.value.type === 'LIST'\">\n      <div class=\"o-datas-list-wrapper\" formArrayName=\"allowedValues\" *ngIf=\"metadataList.controls.length > 0\">\n        <fieldset>\n          <legend class=\"u-visually-hidden\">{{ '@pry.admin.varType.list' | i18n }}</legend>\n\n          <div class=\"o-datas-list metadata-list\" *ngFor=\"let control of metadataList.controls; let i = index\">\n            <div class=\"o-datas-list__fields metadata-input\">\n              <div class=\"m-form-label-field -width-sm\">\n                <label id=\"metadata-list-label\" for=\"metadata-list\" class=\"a-label\">\n                  {{ '@pry.admin.metadata.listLabel' | i18n }} *\n                  <span class=\"u-visually-hidden\">({{ '@pry.admin.required' | i18n }})</span>\n                </label>\n                <input\n                  class=\"a-form-field\"\n                  id=\"metadata-list\"\n                  formControlName=\"{{ i }}\"\n                  [required]=\"!control.value\"\n                  [attr.aria-invalid]=\"isSubmitted && control?.invalid\"\n                  [attr.aria-labelledby]=\"\n                    isSubmitted && control?.invalid ? 'metadata-list-label metadata-list-error' : 'metadata-list-label'\n                  \"\n                />\n                <label\n                  *ngIf=\"isSubmitted && control.invalid\"\n                  id=\"metadata-list-error\"\n                  for=\"metadata-list\"\n                  class=\"a-label a-label--help -error\"\n                >\n                  {{ '@pry.admin.required' | i18n }}\n                </label>\n              </div>\n\n              <div class=\"m-btn-group m-btn-group--input-actions\">\n                <button\n                  type=\"button\"\n                  class=\"a-btn a-btn--input-action\"\n                  *ngIf=\"i === metadataList.controls.length - 1\"\n                  (click)=\"control.value.trim() !== '' ? addItemList() : undefined\"\n                >\n                  <span class=\"u-visually-hidden\">{{ '@pry.admin.metadata.addValue' | i18n }}</span>\n                  <pry-icon iconSvg=\"add\" [width]=\"20\" [height]=\"20\"></pry-icon>\n                </button>\n                <button\n                  type=\"button\"\n                  class=\"a-btn a-btn--input-action\"\n                  *ngIf=\"i !== 0 && !metadataList.controls[i].disabled\"\n                  (click)=\"removeItemList(i)\"\n                >\n                  <span class=\"u-visually-hidden\">{{ '@pry.admin.metadata.removeValue' | i18n }}</span>\n                  <pry-icon iconSvg=\"delete\" [width]=\"20\" [height]=\"20\"></pry-icon>\n                </button>\n              </div>\n            </div>\n          </div>\n        </fieldset>\n      </div>\n    </ng-container>\n\n    <div class=\"m-btn-group -width-sm\">\n      <button\n        type=\"button\"\n        class=\"a-btn a-btn--secondary\"\n        (click)=\"goBack()\"\n        [innerHTML]=\"'@pry.admin.cancel' | i18n\"\n      ></button>\n      <button\n        class=\"a-btn a-btn--primary\"\n        type=\"submit\"\n        [innerHTML]=\"(metadata ? '@pry.admin.edit' : '@pry.admin.create') | i18n\"\n      ></button>\n    </div>\n  </form>\n</div>\n", dependencies: [{ kind: "directive", type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i5.PryIconComponent, selector: "pry-icon", inputs: ["color", "iconSvg", "animation", "iconImage", "alt", "width", "height", "classes"] }, { 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: "directive", type: i3.FormArrayName, selector: "[formArrayName]", inputs: ["formArrayName"] }, { 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"] }, { kind: "pipe", type: i5.I18nPipe, name: "i18n" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: FormMetadataComponent, deps: [{ token: i1.Store }, { token: i2.Router }, { token: i2.ActivatedRoute }, { token: i3.UntypedFormBuilder }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.6", type: FormMetadataComponent, selector: "pry-form-metadata", inputs: { titleForm: "titleForm", isMetaSimpleEdit: "isMetaSimpleEdit", isMetaUser: "isMetaUser", metadata: "metadata" }, outputs: { submitMetadata$: "submitMetadata$" }, ngImport: i0, template: "<div class=\"o-base-container\">\n  <h1 class=\"a-h1\">{{ titleForm }}</h1>\n\n  <form class=\"o-form\" [formGroup]=\"metaForm\" (ngSubmit)=\"addMetadata()\">\n    <div class=\"m-form-label-field -width-sm\">\n      <label class=\"a-label\" id=\"name-label\" for=\"metadata-name\">\n        {{ '@pry.admin.metadata.label' | i18n }} *\n        <span class=\"u-visually-hidden\">({{ '@pry.admin.required' | i18n }})</span>\n      </label>\n      <input\n        class=\"a-form-field\"\n        id=\"metadata-name\"\n        type=\"text\"\n        formControlName=\"name\"\n        [required]=\"!metadata\"\n        [attr.aria-labelledby]=\"isSubmitted && metaForm.get('name')?.invalid ? 'name-label name-error' : 'name-label'\"\n        [attr.aria-invalid]=\"isSubmitted && metaForm.get('name')?.invalid\"\n      />\n      <label\n        *ngIf=\"isSubmitted && metaForm.get('name')?.invalid\"\n        id=\"name-error\"\n        for=\"metadata-name\"\n        class=\"a-label a-label--help -error\"\n      >\n        <span *ngIf=\"metaForm.get('name')?.hasError('same-name')\">{{ '@pry.admin.exists' | i18n }}</span>\n        <span *ngIf=\"metaForm.get('name')?.hasError('required')\">{{ '@pry.admin.required' | i18n }}</span>\n        <span *ngIf=\"metaForm.get('name')?.hasError('pattern')\">{{ '@pry.admin.classes.formatName' | i18n }}</span>\n      </label>\n    </div>\n\n    <div class=\"m-form-label-field -width-md\">\n      <label class=\"a-label\" for=\"metadata_description\">{{ '@pry.admin.metadata.description' | i18n }}</label>\n      <textarea\n        rows=\"5\"\n        type=\"text\"\n        id=\"metadata_description\"\n        class=\"a-form-field\"\n        formControlName=\"description\"\n      ></textarea>\n    </div>\n\n    <div class=\"m-form-label-field -width-sm\">\n      <label for=\"metadata-type\" id=\"metadata-type-label\" class=\"a-label\">\n        {{ '@pry.admin.metadata.type' | i18n }} *\n        <span class=\"u-visually-hidden\">({{ '@pry.admin.required' | i18n }})</span>\n      </label>\n      <pry-select\n        id=\"metadata-type\"\n        formControlName=\"type\"\n        [items]=\"metaOptions\"\n        bindValue=\"varType\"\n        bindLabel=\"translation\"\n        [isForm]=\"true\"\n        (ngModelChange)=\"addItemList($event)\"\n        aria-labelledby=\"metadata-type-label\"\n      ></pry-select>\n    </div>\n\n    <ng-container *ngIf=\"metaForm.value.type === 'LIST'\">\n      <div class=\"o-datas-list-wrapper\" formArrayName=\"allowedValues\" *ngIf=\"metadataList.controls.length > 0\">\n        <fieldset>\n          <legend class=\"u-visually-hidden\">{{ '@pry.admin.varType.list' | i18n }}</legend>\n\n          <div class=\"o-datas-list metadata-list\" *ngFor=\"let control of metadataList.controls; let i = index\">\n            <div class=\"o-datas-list__fields metadata-input\">\n              <div class=\"m-form-label-field -width-sm\">\n                <label id=\"metadata-list-label\" for=\"metadata-list\" class=\"a-label\">\n                  {{ '@pry.admin.metadata.listLabel' | i18n }} *\n                  <span class=\"u-visually-hidden\">({{ '@pry.admin.required' | i18n }})</span>\n                </label>\n                <input\n                  class=\"a-form-field\"\n                  id=\"metadata-list\"\n                  formControlName=\"{{ i }}\"\n                  [required]=\"!control.value\"\n                  [attr.aria-invalid]=\"isSubmitted && control?.invalid\"\n                  [attr.aria-labelledby]=\"\n                    isSubmitted && control?.invalid ? 'metadata-list-label metadata-list-error' : 'metadata-list-label'\n                  \"\n                />\n                <label\n                  *ngIf=\"isSubmitted && control.invalid\"\n                  id=\"metadata-list-error\"\n                  for=\"metadata-list\"\n                  class=\"a-label a-label--help -error\"\n                >\n                  {{ '@pry.admin.required' | i18n }}\n                </label>\n              </div>\n\n              <div class=\"m-btn-group m-btn-group--input-actions\">\n                <button\n                  type=\"button\"\n                  class=\"a-btn a-btn--input-action\"\n                  *ngIf=\"i === metadataList.controls.length - 1\"\n                  (click)=\"control.value.trim() !== '' ? addItemList() : undefined\"\n                >\n                  <span class=\"u-visually-hidden\">{{ '@pry.admin.metadata.addValue' | i18n }}</span>\n                  <pry-icon iconSvg=\"add\" [width]=\"20\" [height]=\"20\"></pry-icon>\n                </button>\n                <button\n                  type=\"button\"\n                  class=\"a-btn a-btn--input-action\"\n                  *ngIf=\"i !== 0 && !metadataList.controls[i].disabled\"\n                  (click)=\"removeItemList(i)\"\n                >\n                  <span class=\"u-visually-hidden\">{{ '@pry.admin.metadata.removeValue' | i18n }}</span>\n                  <pry-icon iconSvg=\"delete\" [width]=\"20\" [height]=\"20\"></pry-icon>\n                </button>\n              </div>\n            </div>\n          </div>\n        </fieldset>\n      </div>\n    </ng-container>\n\n    <div class=\"m-btn-group -width-sm\">\n      <button\n        type=\"button\"\n        class=\"a-btn a-btn--secondary\"\n        (click)=\"goBack()\"\n        [innerHTML]=\"'@pry.admin.cancel' | i18n\"\n      ></button>\n      <button\n        class=\"a-btn a-btn--primary\"\n        type=\"submit\"\n        [innerHTML]=\"(metadata ? '@pry.admin.edit' : '@pry.admin.create') | i18n\"\n      ></button>\n    </div>\n  </form>\n</div>\n", dependencies: [{ kind: "directive", type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i5.PryIconComponent, selector: "pry-icon", inputs: ["color", "iconSvg", "animation", "iconImage", "alt", "width", "height", "classes"] }, { 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: "directive", type: i3.FormArrayName, selector: "[formArrayName]", inputs: ["formArrayName"] }, { 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"] }, { kind: "pipe", type: i5.I18nPipe, name: "i18n" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: FormMetadataComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: FormMetadataComponent, decorators: [{
             type: Component,
             args: [{ selector: 'pry-form-metadata', template: "<div class=\"o-base-container\">\n  <h1 class=\"a-h1\">{{ titleForm }}</h1>\n\n  <form class=\"o-form\" [formGroup]=\"metaForm\" (ngSubmit)=\"addMetadata()\">\n    <div class=\"m-form-label-field -width-sm\">\n      <label class=\"a-label\" id=\"name-label\" for=\"metadata-name\">\n        {{ '@pry.admin.metadata.label' | i18n }} *\n        <span class=\"u-visually-hidden\">({{ '@pry.admin.required' | i18n }})</span>\n      </label>\n      <input\n        class=\"a-form-field\"\n        id=\"metadata-name\"\n        type=\"text\"\n        formControlName=\"name\"\n        [required]=\"!metadata\"\n        [attr.aria-labelledby]=\"isSubmitted && metaForm.get('name')?.invalid ? 'name-label name-error' : 'name-label'\"\n        [attr.aria-invalid]=\"isSubmitted && metaForm.get('name')?.invalid\"\n      />\n      <label\n        *ngIf=\"isSubmitted && metaForm.get('name')?.invalid\"\n        id=\"name-error\"\n        for=\"metadata-name\"\n        class=\"a-label a-label--help -error\"\n      >\n        <span *ngIf=\"metaForm.get('name')?.hasError('same-name')\">{{ '@pry.admin.exists' | i18n }}</span>\n        <span *ngIf=\"metaForm.get('name')?.hasError('required')\">{{ '@pry.admin.required' | i18n }}</span>\n        <span *ngIf=\"metaForm.get('name')?.hasError('pattern')\">{{ '@pry.admin.classes.formatName' | i18n }}</span>\n      </label>\n    </div>\n\n    <div class=\"m-form-label-field -width-md\">\n      <label class=\"a-label\" for=\"metadata_description\">{{ '@pry.admin.metadata.description' | i18n }}</label>\n      <textarea\n        rows=\"5\"\n        type=\"text\"\n        id=\"metadata_description\"\n        class=\"a-form-field\"\n        formControlName=\"description\"\n      ></textarea>\n    </div>\n\n    <div class=\"m-form-label-field -width-sm\">\n      <label for=\"metadata-type\" id=\"metadata-type-label\" class=\"a-label\">\n        {{ '@pry.admin.metadata.type' | i18n }} *\n        <span class=\"u-visually-hidden\">({{ '@pry.admin.required' | i18n }})</span>\n      </label>\n      <pry-select\n        id=\"metadata-type\"\n        formControlName=\"type\"\n        [items]=\"metaOptions\"\n        bindValue=\"varType\"\n        bindLabel=\"translation\"\n        [isForm]=\"true\"\n        (ngModelChange)=\"addItemList($event)\"\n        aria-labelledby=\"metadata-type-label\"\n      ></pry-select>\n    </div>\n\n    <ng-container *ngIf=\"metaForm.value.type === 'LIST'\">\n      <div class=\"o-datas-list-wrapper\" formArrayName=\"allowedValues\" *ngIf=\"metadataList.controls.length > 0\">\n        <fieldset>\n          <legend class=\"u-visually-hidden\">{{ '@pry.admin.varType.list' | i18n }}</legend>\n\n          <div class=\"o-datas-list metadata-list\" *ngFor=\"let control of metadataList.controls; let i = index\">\n            <div class=\"o-datas-list__fields metadata-input\">\n              <div class=\"m-form-label-field -width-sm\">\n                <label id=\"metadata-list-label\" for=\"metadata-list\" class=\"a-label\">\n                  {{ '@pry.admin.metadata.listLabel' | i18n }} *\n                  <span class=\"u-visually-hidden\">({{ '@pry.admin.required' | i18n }})</span>\n                </label>\n                <input\n                  class=\"a-form-field\"\n                  id=\"metadata-list\"\n                  formControlName=\"{{ i }}\"\n                  [required]=\"!control.value\"\n                  [attr.aria-invalid]=\"isSubmitted && control?.invalid\"\n                  [attr.aria-labelledby]=\"\n                    isSubmitted && control?.invalid ? 'metadata-list-label metadata-list-error' : 'metadata-list-label'\n                  \"\n                />\n                <label\n                  *ngIf=\"isSubmitted && control.invalid\"\n                  id=\"metadata-list-error\"\n                  for=\"metadata-list\"\n                  class=\"a-label a-label--help -error\"\n                >\n                  {{ '@pry.admin.required' | i18n }}\n                </label>\n              </div>\n\n              <div class=\"m-btn-group m-btn-group--input-actions\">\n                <button\n                  type=\"button\"\n                  class=\"a-btn a-btn--input-action\"\n                  *ngIf=\"i === metadataList.controls.length - 1\"\n                  (click)=\"control.value.trim() !== '' ? addItemList() : undefined\"\n                >\n                  <span class=\"u-visually-hidden\">{{ '@pry.admin.metadata.addValue' | i18n }}</span>\n                  <pry-icon iconSvg=\"add\" [width]=\"20\" [height]=\"20\"></pry-icon>\n                </button>\n                <button\n                  type=\"button\"\n                  class=\"a-btn a-btn--input-action\"\n                  *ngIf=\"i !== 0 && !metadataList.controls[i].disabled\"\n                  (click)=\"removeItemList(i)\"\n                >\n                  <span class=\"u-visually-hidden\">{{ '@pry.admin.metadata.removeValue' | i18n }}</span>\n                  <pry-icon iconSvg=\"delete\" [width]=\"20\" [height]=\"20\"></pry-icon>\n                </button>\n              </div>\n            </div>\n          </div>\n        </fieldset>\n      </div>\n    </ng-container>\n\n    <div class=\"m-btn-group -width-sm\">\n      <button\n        type=\"button\"\n        class=\"a-btn a-btn--secondary\"\n        (click)=\"goBack()\"\n        [innerHTML]=\"'@pry.admin.cancel' | i18n\"\n      ></button>\n      <button\n        class=\"a-btn a-btn--primary\"\n        type=\"submit\"\n        [innerHTML]=\"(metadata ? '@pry.admin.edit' : '@pry.admin.create') | i18n\"\n      ></button>\n    </div>\n  </form>\n</div>\n" }]
         }], ctorParameters: () => [{ type: i1.Store }, { type: i2.Router }, { type: i2.ActivatedRoute }, { type: i3.UntypedFormBuilder }], propDecorators: { titleForm: [{

package/esm2022/admin/components/admin-metadata/shared/list-metadata/list-metadata.module.mjs

@@ -6,11 +6,11 @@ import { PryCheckboxModule } from '@provoly/dashboard/components/checkbox';
 import { PryListMetadataComponent } from './pry-list-metadata.component';
 import * as i0 from "@angular/core";
 export class PryListMetadataModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: PryListMetadataModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.1.3", ngImport: i0, type: PryListMetadataModule, declarations: [PryListMetadataComponent], imports: [CommonModule, PrySortModule, PryIconModule, PryModalModule, FormsModule, PryCheckboxModule, PryI18nModule], exports: [PryListMetadataComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: PryListMetadataModule, imports: [CommonModule, PrySortModule, PryIconModule, PryModalModule, FormsModule, PryCheckboxModule, PryI18nModule] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: PryListMetadataModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.6", ngImport: i0, type: PryListMetadataModule, declarations: [PryListMetadataComponent], imports: [CommonModule, PrySortModule, PryIconModule, PryModalModule, FormsModule, PryCheckboxModule, PryI18nModule], exports: [PryListMetadataComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: PryListMetadataModule, imports: [CommonModule, PrySortModule, PryIconModule, PryModalModule, FormsModule, PryCheckboxModule, PryI18nModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: PryListMetadataModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: PryListMetadataModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [PryListMetadataComponent],

package/esm2022/admin/components/admin-metadata/shared/list-metadata/pry-list-metadata.component.mjs

@@ -55,10 +55,10 @@ export class PryListMetadataComponent {
     getTranslationType(type) {
         return META_OPTIONS.find((el) => el.varType === type)?.translation || 'undefined';
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: PryListMetadataComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.3", type: PryListMetadataComponent, selector: "pry-list-metadata", inputs: { sortActive: "sortActive", sortDirection: "sortDirection", configHeader: "configHeader", metadata: "metadata", selectedMetadata: "selectedMetadata", labelMetadataSelected: "labelMetadataSelected", editable: "editable" }, outputs: { editClicked$: "editClicked$", submitModal$: "submitModal$", cancelAction$: "cancelAction$", rowClicked$: "rowClicked$" }, viewQueries: [{ propertyName: "input", first: true, predicate: ["input"], descendants: true }], ngImport: i0, template: "<table\n  class=\"a-table\"\n  prySortTable\n  prySortActive=\"name\"\n  prySortDirection=\"asc\"\n  (prySortChange)=\"sortActive = $event.active; sortDirection = $event.direction\"\n>\n  <caption>\n    {{\n      '@pry.action.sortableColumnHeader' | i18n\n    }}\n  </caption>\n\n  <thead>\n    <tr>\n      <th style=\"width: 30px\"></th>\n      <th *ngFor=\"let conf of configHeader\" [prySortHeader]=\"conf.label\">{{ conf.label }}</th>\n    </tr>\n  </thead>\n  <tbody>\n    <tr\n      *ngFor=\"let metadata of metadata | prySortData: sortActive : sortDirection\"\n      (click)=\"goToDetails(metadata.id)\"\n      [class.is-selected]=\"selectedMetadata === metadata.id\"\n    >\n      <td class=\"view-details\">\n        <button\n          [id]=\"'button-meta' + metadata.name\"\n          type=\"button\"\n          class=\"a-btn a-btn--icon-only\"\n          title=\"{{ '@pry.action.viewDetails' | i18n }}\"\n          [attr.aria-expanded]=\"selectedMetadata === metadata.id\"\n          aria-haspopup\n          [attr.aria-controls]=\"'panel-meta-' + metadata.id\"\n        >\n          <span class=\"u-visually-hidden\">{{ metadata.name }}, {{ '@pry.action.viewDetails' | i18n }}</span>\n          <pry-icon iconSvg=\"eye\" [width]=\"15\" [height]=\"15\"></pry-icon>\n        </button>\n      </td>\n      <td>{{ metadata.name }}</td>\n      <td>{{ getTranslationType(metadata.type) | i18n }}</td>\n    </tr>\n  </tbody>\n</table>\n\n<pry-modal\n  [titleModal]=\"'@pry.toolbox.rename' | i18n\"\n  [validateLabel]=\"'@pry.toolbox.manifest.check' | i18n\"\n  [validateAction]=\"validateAction\"\n  [cancelLabel]=\"'@pry.toolbox.manifest.close' | i18n\"\n  [cancelAction]=\"cancelAction\"\n  [opened]=\"this.editOpened\"\n>\n  <div class=\"field__input\">\n    <span>{{ '@pry.toolbox.manifest.name' | i18n }}</span>\n    <input\n      type=\"text\"\n      (keyup.enter)=\"validateName(input.value)\"\n      [ngModel]=\"labelMetadataSelected\"\n      (ngModelChange)=\"changeValue($event)\"\n      #input\n    />\n  </div>\n</pry-modal>\n", dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: i2.PrySortHeaderComponent, selector: "th[prySortHeader]", inputs: ["prySortHeader"], outputs: ["sortChange"] }, { kind: "directive", type: i2.PrySortHeaderDirective, selector: "[prySortHeader]" }, { kind: "directive", type: i2.PrySortTableDirective, selector: "[prySortTable]", inputs: ["prySortActive", "prySortDirection"], outputs: ["prySortChange"] }, { kind: "component", type: i2.PryIconComponent, selector: "pry-icon", inputs: ["color", "iconSvg", "animation", "iconImage", "alt", "width", "height", "classes"] }, { kind: "component", type: i2.PryModalComponent, selector: "pry-modal", inputs: ["titleModal", "opened", "validateLabel", "validateAction", "cancelLabel", "cancelAction"] }, { 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: "pipe", type: i2.PrySortDataPipe, name: "prySortData" }, { kind: "pipe", type: i2.I18nPipe, name: "i18n" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: PryListMetadataComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.6", type: PryListMetadataComponent, selector: "pry-list-metadata", inputs: { sortActive: "sortActive", sortDirection: "sortDirection", configHeader: "configHeader", metadata: "metadata", selectedMetadata: "selectedMetadata", labelMetadataSelected: "labelMetadataSelected", editable: "editable" }, outputs: { editClicked$: "editClicked$", submitModal$: "submitModal$", cancelAction$: "cancelAction$", rowClicked$: "rowClicked$" }, viewQueries: [{ propertyName: "input", first: true, predicate: ["input"], descendants: true }], ngImport: i0, template: "<table\n  class=\"a-table\"\n  prySortTable\n  prySortActive=\"name\"\n  prySortDirection=\"asc\"\n  (prySortChange)=\"sortActive = $event.active; sortDirection = $event.direction\"\n>\n  <caption>\n    {{\n      '@pry.action.sortableColumnHeader' | i18n\n    }}\n  </caption>\n\n  <thead>\n    <tr>\n      <th style=\"width: 30px\"></th>\n      <th *ngFor=\"let conf of configHeader\" [prySortHeader]=\"conf.label\">{{ conf.label }}</th>\n    </tr>\n  </thead>\n  <tbody>\n    <tr\n      *ngFor=\"let metadata of metadata | prySortData: sortActive : sortDirection\"\n      (click)=\"goToDetails(metadata.id)\"\n      [class.is-selected]=\"selectedMetadata === metadata.id\"\n    >\n      <td class=\"view-details\">\n        <button\n          [id]=\"'button-meta' + metadata.name\"\n          type=\"button\"\n          class=\"a-btn a-btn--icon-only\"\n          title=\"{{ '@pry.action.viewDetails' | i18n }}\"\n          [attr.aria-expanded]=\"selectedMetadata === metadata.id\"\n          aria-haspopup\n          [attr.aria-controls]=\"'panel-meta-' + metadata.id\"\n        >\n          <span class=\"u-visually-hidden\">{{ metadata.name }}, {{ '@pry.action.viewDetails' | i18n }}</span>\n          <pry-icon iconSvg=\"eye\" [width]=\"15\" [height]=\"15\"></pry-icon>\n        </button>\n      </td>\n      <td>{{ metadata.name }}</td>\n      <td>{{ getTranslationType(metadata.type) | i18n }}</td>\n    </tr>\n  </tbody>\n</table>\n\n<pry-modal\n  [titleModal]=\"'@pry.toolbox.rename' | i18n\"\n  [validateLabel]=\"'@pry.toolbox.manifest.check' | i18n\"\n  [validateAction]=\"validateAction\"\n  [cancelLabel]=\"'@pry.toolbox.manifest.close' | i18n\"\n  [cancelAction]=\"cancelAction\"\n  [opened]=\"this.editOpened\"\n>\n  <div class=\"field__input\">\n    <span>{{ '@pry.toolbox.manifest.name' | i18n }}</span>\n    <input\n      type=\"text\"\n      (keyup.enter)=\"validateName(input.value)\"\n      [ngModel]=\"labelMetadataSelected\"\n      (ngModelChange)=\"changeValue($event)\"\n      #input\n    />\n  </div>\n</pry-modal>\n", dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: i2.PrySortHeaderComponent, selector: "th[prySortHeader]", inputs: ["prySortHeader"], outputs: ["sortChange"] }, { kind: "directive", type: i2.PrySortHeaderDirective, selector: "[prySortHeader]" }, { kind: "directive", type: i2.PrySortTableDirective, selector: "[prySortTable]", inputs: ["prySortActive", "prySortDirection"], outputs: ["prySortChange"] }, { kind: "component", type: i2.PryIconComponent, selector: "pry-icon", inputs: ["color", "iconSvg", "animation", "iconImage", "alt", "width", "height", "classes"] }, { kind: "component", type: i2.PryModalComponent, selector: "pry-modal", inputs: ["titleModal", "opened", "validateLabel", "validateAction", "cancelLabel", "cancelAction"] }, { 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: "pipe", type: i2.PrySortDataPipe, name: "prySortData" }, { kind: "pipe", type: i2.I18nPipe, name: "i18n" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: PryListMetadataComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: PryListMetadataComponent, decorators: [{
             type: Component,
             args: [{ selector: 'pry-list-metadata', template: "<table\n  class=\"a-table\"\n  prySortTable\n  prySortActive=\"name\"\n  prySortDirection=\"asc\"\n  (prySortChange)=\"sortActive = $event.active; sortDirection = $event.direction\"\n>\n  <caption>\n    {{\n      '@pry.action.sortableColumnHeader' | i18n\n    }}\n  </caption>\n\n  <thead>\n    <tr>\n      <th style=\"width: 30px\"></th>\n      <th *ngFor=\"let conf of configHeader\" [prySortHeader]=\"conf.label\">{{ conf.label }}</th>\n    </tr>\n  </thead>\n  <tbody>\n    <tr\n      *ngFor=\"let metadata of metadata | prySortData: sortActive : sortDirection\"\n      (click)=\"goToDetails(metadata.id)\"\n      [class.is-selected]=\"selectedMetadata === metadata.id\"\n    >\n      <td class=\"view-details\">\n        <button\n          [id]=\"'button-meta' + metadata.name\"\n          type=\"button\"\n          class=\"a-btn a-btn--icon-only\"\n          title=\"{{ '@pry.action.viewDetails' | i18n }}\"\n          [attr.aria-expanded]=\"selectedMetadata === metadata.id\"\n          aria-haspopup\n          [attr.aria-controls]=\"'panel-meta-' + metadata.id\"\n        >\n          <span class=\"u-visually-hidden\">{{ metadata.name }}, {{ '@pry.action.viewDetails' | i18n }}</span>\n          <pry-icon iconSvg=\"eye\" [width]=\"15\" [height]=\"15\"></pry-icon>\n        </button>\n      </td>\n      <td>{{ metadata.name }}</td>\n      <td>{{ getTranslationType(metadata.type) | i18n }}</td>\n    </tr>\n  </tbody>\n</table>\n\n<pry-modal\n  [titleModal]=\"'@pry.toolbox.rename' | i18n\"\n  [validateLabel]=\"'@pry.toolbox.manifest.check' | i18n\"\n  [validateAction]=\"validateAction\"\n  [cancelLabel]=\"'@pry.toolbox.manifest.close' | i18n\"\n  [cancelAction]=\"cancelAction\"\n  [opened]=\"this.editOpened\"\n>\n  <div class=\"field__input\">\n    <span>{{ '@pry.toolbox.manifest.name' | i18n }}</span>\n    <input\n      type=\"text\"\n      (keyup.enter)=\"validateName(input.value)\"\n      [ngModel]=\"labelMetadataSelected\"\n      (ngModelChange)=\"changeValue($event)\"\n      #input\n    />\n  </div>\n</pry-modal>\n" }]
         }], ctorParameters: () => [], propDecorators: { input: [{

package/esm2022/admin/components/admin-metadata-rules/admin-edit-metadata-rules/admin-edit-metadata-rules.component.mjs

@@ -12,10 +12,10 @@ export class AdminEditMetadataRulesComponent {
         this.store.dispatch(AdminMetadataRulesActions.load());
         this.metadataRulesSelected$ = this.store.select(MetadataRulesSelectors.metadataRulesSelected);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: AdminEditMetadataRulesComponent, deps: [{ token: i1.Store }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.3", type: AdminEditMetadataRulesComponent, selector: "pry-admin-edit-metadata-rules", ngImport: i0, template: "<div class=\"o-base-container\">\n  <h1 class=\"a-h1\">{{ '@pry.admin.metadata-rules.edit.title' | i18n }}</h1>\n  <pry-admin-form-metadata-rules [metadataRules]=\"metadataRulesSelected$ | async\"></pry-admin-form-metadata-rules>\n</div>\n", dependencies: [{ kind: "component", type: i2.AdminFormMetadataRulesComponent, selector: "pry-admin-form-metadata-rules", inputs: ["metadataRules"] }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }, { kind: "pipe", type: i4.I18nPipe, name: "i18n" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: AdminEditMetadataRulesComponent, deps: [{ token: i1.Store }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.6", type: AdminEditMetadataRulesComponent, selector: "pry-admin-edit-metadata-rules", ngImport: i0, template: "<div class=\"o-base-container\">\n  <h1 class=\"a-h1\">{{ '@pry.admin.metadata-rules.edit.title' | i18n }}</h1>\n  <pry-admin-form-metadata-rules [metadataRules]=\"metadataRulesSelected$ | async\"></pry-admin-form-metadata-rules>\n</div>\n", dependencies: [{ kind: "component", type: i2.AdminFormMetadataRulesComponent, selector: "pry-admin-form-metadata-rules", inputs: ["metadataRules"] }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }, { kind: "pipe", type: i4.I18nPipe, name: "i18n" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: AdminEditMetadataRulesComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: AdminEditMetadataRulesComponent, decorators: [{
             type: Component,
             args: [{ selector: 'pry-admin-edit-metadata-rules', template: "<div class=\"o-base-container\">\n  <h1 class=\"a-h1\">{{ '@pry.admin.metadata-rules.edit.title' | i18n }}</h1>\n  <pry-admin-form-metadata-rules [metadataRules]=\"metadataRulesSelected$ | async\"></pry-admin-form-metadata-rules>\n</div>\n" }]
         }], ctorParameters: () => [{ type: i1.Store }] });

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

@@ -73,10 +73,10 @@ export class AdminMetadataRulesComponent {
     getTranslationType(type) {
         return META_OPTIONS.find((el) => el.varType === type)?.translation || 'undefined';
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: AdminMetadataRulesComponent, deps: [{ token: i1.Store }, { token: i2.PryI18nService }, { token: i3.Router }, { token: i3.ActivatedRoute }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.3", type: AdminMetadataRulesComponent, selector: "pry-admin-metadata-rules", viewQueries: [{ propertyName: "input", first: true, predicate: ["input"], descendants: true }], ngImport: i0, template: "<div class=\"o-base-container\">\n  <h1 class=\"a-h1\">{{ '@pry.admin.metadata-rules.title' | i18n }}</h1>\n  <ng-container *ngIf=\"metadataRulesList$ | async as metadataRulesList\">\n    <table\n      class=\"a-table\"\n      prySortTable\n      prySortActive=\"name\"\n      prySortDirection=\"asc\"\n      (prySortChange)=\"sortActive = $event.active; sortDirection = $event.direction\"\n    >\n      <caption>\n        {{\n          '@pry.admin.metadata-rules.title' | i18n\n        }},\n        {{\n          '@pry.action.sortableColumnHeader' | i18n\n        }}\n      </caption>\n      <thead>\n        <tr>\n          <th></th>\n          <th *ngFor=\"let conf of configHeader\" [prySortHeader]=\"conf.label\">{{ conf.label }}</th>\n        </tr>\n      </thead>\n      <tbody>\n        <tr\n          *ngFor=\"let metadataRules of metadataRulesList | prySortData: sortActive : sortDirection\"\n          (click)=\"selectMetadata(metadataRules)\"\n          [class.is-selected]=\"(selectedMetadataRules$ | async) === metadataRules.id\"\n        >\n          <td class=\"view-details\">\n            <button\n              [id]=\"'button-meta-rule-' + metadataRules.id\"\n              type=\"button\"\n              class=\"a-btn a-btn--icon-only\"\n              title=\"{{ '@pry.action.viewDetails' | i18n }}\"\n              [attr.aria-expanded]=\"(selectedMetadataRules$ | async) === metadataRules.id\"\n              aria-haspopup\n              [attr.aria-controls]=\"'panel-meta-rule-' + metadataRules.id\"\n            >\n              <span class=\"u-visually-hidden\">{{ metadataRules.name }}, {{ '@pry.action.viewDetails' | i18n }}</span>\n              <pry-icon iconSvg=\"eye\" [width]=\"15\" [height]=\"15\"></pry-icon>\n            </button>\n          </td>\n          <td>{{ metadataRules.name }}</td>\n          <td>{{ metadataRules.metadataItem?.name }}</td>\n          <td>{{ metadataRules.metadataUser?.name }}</td>\n        </tr>\n      </tbody>\n    </table>\n  </ng-container>\n</div>\n\n<pry-modal\n  [titleModal]=\"'@pry.toolbox.rename' | i18n\"\n  [validateLabel]=\"'@pry.toolbox.manifest.check' | i18n\"\n  [validateAction]=\"validateAction\"\n  [cancelLabel]=\"'@pry.toolbox.manifest.close' | i18n\"\n  [cancelAction]=\"cancelAction\"\n  [opened]=\"this.editOpened\"\n>\n  <div class=\"field__input\">\n    <span>{{ '@pry.toolbox.manifest.name' | i18n }}</span>\n    <input\n      type=\"text\"\n      (keyup.enter)=\"validateName(input.value)\"\n      [ngModel]=\"labelMetadataSelected\"\n      (ngModelChange)=\"changeValue($event)\"\n      #input\n    />\n  </div>\n</pry-modal>\n", dependencies: [{ kind: "directive", type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.PryIconComponent, selector: "pry-icon", inputs: ["color", "iconSvg", "animation", "iconImage", "alt", "width", "height", "classes"] }, { 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.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i5.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i2.PrySortHeaderComponent, selector: "th[prySortHeader]", inputs: ["prySortHeader"], outputs: ["sortChange"] }, { kind: "directive", type: i2.PrySortHeaderDirective, selector: "[prySortHeader]" }, { kind: "directive", type: i2.PrySortTableDirective, selector: "[prySortTable]", inputs: ["prySortActive", "prySortDirection"], outputs: ["prySortChange"] }, { kind: "component", type: i2.PryModalComponent, selector: "pry-modal", inputs: ["titleModal", "opened", "validateLabel", "validateAction", "cancelLabel", "cancelAction"] }, { kind: "pipe", type: i4.AsyncPipe, name: "async" }, { kind: "pipe", type: i2.PrySortDataPipe, name: "prySortData" }, { kind: "pipe", type: i2.I18nPipe, name: "i18n" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: AdminMetadataRulesComponent, deps: [{ token: i1.Store }, { token: i2.PryI18nService }, { token: i3.Router }, { token: i3.ActivatedRoute }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.6", type: AdminMetadataRulesComponent, selector: "pry-admin-metadata-rules", viewQueries: [{ propertyName: "input", first: true, predicate: ["input"], descendants: true }], ngImport: i0, template: "<div class=\"o-base-container\">\n  <h1 class=\"a-h1\">{{ '@pry.admin.metadata-rules.title' | i18n }}</h1>\n  <ng-container *ngIf=\"metadataRulesList$ | async as metadataRulesList\">\n    <table\n      class=\"a-table\"\n      prySortTable\n      prySortActive=\"name\"\n      prySortDirection=\"asc\"\n      (prySortChange)=\"sortActive = $event.active; sortDirection = $event.direction\"\n    >\n      <caption>\n        {{\n          '@pry.admin.metadata-rules.title' | i18n\n        }},\n        {{\n          '@pry.action.sortableColumnHeader' | i18n\n        }}\n      </caption>\n      <thead>\n        <tr>\n          <th></th>\n          <th *ngFor=\"let conf of configHeader\" [prySortHeader]=\"conf.label\">{{ conf.label }}</th>\n        </tr>\n      </thead>\n      <tbody>\n        <tr\n          *ngFor=\"let metadataRules of metadataRulesList | prySortData: sortActive : sortDirection\"\n          (click)=\"selectMetadata(metadataRules)\"\n          [class.is-selected]=\"(selectedMetadataRules$ | async) === metadataRules.id\"\n        >\n          <td class=\"view-details\">\n            <button\n              [id]=\"'button-meta-rule-' + metadataRules.id\"\n              type=\"button\"\n              class=\"a-btn a-btn--icon-only\"\n              title=\"{{ '@pry.action.viewDetails' | i18n }}\"\n              [attr.aria-expanded]=\"(selectedMetadataRules$ | async) === metadataRules.id\"\n              aria-haspopup\n              [attr.aria-controls]=\"'panel-meta-rule-' + metadataRules.id\"\n            >\n              <span class=\"u-visually-hidden\">{{ metadataRules.name }}, {{ '@pry.action.viewDetails' | i18n }}</span>\n              <pry-icon iconSvg=\"eye\" [width]=\"15\" [height]=\"15\"></pry-icon>\n            </button>\n          </td>\n          <td>{{ metadataRules.name }}</td>\n          <td>{{ metadataRules.metadataItem?.name }}</td>\n          <td>{{ metadataRules.metadataUser?.name }}</td>\n        </tr>\n      </tbody>\n    </table>\n  </ng-container>\n</div>\n\n<pry-modal\n  [titleModal]=\"'@pry.toolbox.rename' | i18n\"\n  [validateLabel]=\"'@pry.toolbox.manifest.check' | i18n\"\n  [validateAction]=\"validateAction\"\n  [cancelLabel]=\"'@pry.toolbox.manifest.close' | i18n\"\n  [cancelAction]=\"cancelAction\"\n  [opened]=\"this.editOpened\"\n>\n  <div class=\"field__input\">\n    <span>{{ '@pry.toolbox.manifest.name' | i18n }}</span>\n    <input\n      type=\"text\"\n      (keyup.enter)=\"validateName(input.value)\"\n      [ngModel]=\"labelMetadataSelected\"\n      (ngModelChange)=\"changeValue($event)\"\n      #input\n    />\n  </div>\n</pry-modal>\n", dependencies: [{ kind: "directive", type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.PryIconComponent, selector: "pry-icon", inputs: ["color", "iconSvg", "animation", "iconImage", "alt", "width", "height", "classes"] }, { 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.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i5.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i2.PrySortHeaderComponent, selector: "th[prySortHeader]", inputs: ["prySortHeader"], outputs: ["sortChange"] }, { kind: "directive", type: i2.PrySortHeaderDirective, selector: "[prySortHeader]" }, { kind: "directive", type: i2.PrySortTableDirective, selector: "[prySortTable]", inputs: ["prySortActive", "prySortDirection"], outputs: ["prySortChange"] }, { kind: "component", type: i2.PryModalComponent, selector: "pry-modal", inputs: ["titleModal", "opened", "validateLabel", "validateAction", "cancelLabel", "cancelAction"] }, { kind: "pipe", type: i4.AsyncPipe, name: "async" }, { kind: "pipe", type: i2.PrySortDataPipe, name: "prySortData" }, { kind: "pipe", type: i2.I18nPipe, name: "i18n" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: AdminMetadataRulesComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: AdminMetadataRulesComponent, decorators: [{
             type: Component,
             args: [{ selector: 'pry-admin-metadata-rules', template: "<div class=\"o-base-container\">\n  <h1 class=\"a-h1\">{{ '@pry.admin.metadata-rules.title' | i18n }}</h1>\n  <ng-container *ngIf=\"metadataRulesList$ | async as metadataRulesList\">\n    <table\n      class=\"a-table\"\n      prySortTable\n      prySortActive=\"name\"\n      prySortDirection=\"asc\"\n      (prySortChange)=\"sortActive = $event.active; sortDirection = $event.direction\"\n    >\n      <caption>\n        {{\n          '@pry.admin.metadata-rules.title' | i18n\n        }},\n        {{\n          '@pry.action.sortableColumnHeader' | i18n\n        }}\n      </caption>\n      <thead>\n        <tr>\n          <th></th>\n          <th *ngFor=\"let conf of configHeader\" [prySortHeader]=\"conf.label\">{{ conf.label }}</th>\n        </tr>\n      </thead>\n      <tbody>\n        <tr\n          *ngFor=\"let metadataRules of metadataRulesList | prySortData: sortActive : sortDirection\"\n          (click)=\"selectMetadata(metadataRules)\"\n          [class.is-selected]=\"(selectedMetadataRules$ | async) === metadataRules.id\"\n        >\n          <td class=\"view-details\">\n            <button\n              [id]=\"'button-meta-rule-' + metadataRules.id\"\n              type=\"button\"\n              class=\"a-btn a-btn--icon-only\"\n              title=\"{{ '@pry.action.viewDetails' | i18n }}\"\n              [attr.aria-expanded]=\"(selectedMetadataRules$ | async) === metadataRules.id\"\n              aria-haspopup\n              [attr.aria-controls]=\"'panel-meta-rule-' + metadataRules.id\"\n            >\n              <span class=\"u-visually-hidden\">{{ metadataRules.name }}, {{ '@pry.action.viewDetails' | i18n }}</span>\n              <pry-icon iconSvg=\"eye\" [width]=\"15\" [height]=\"15\"></pry-icon>\n            </button>\n          </td>\n          <td>{{ metadataRules.name }}</td>\n          <td>{{ metadataRules.metadataItem?.name }}</td>\n          <td>{{ metadataRules.metadataUser?.name }}</td>\n        </tr>\n      </tbody>\n    </table>\n  </ng-container>\n</div>\n\n<pry-modal\n  [titleModal]=\"'@pry.toolbox.rename' | i18n\"\n  [validateLabel]=\"'@pry.toolbox.manifest.check' | i18n\"\n  [validateAction]=\"validateAction\"\n  [cancelLabel]=\"'@pry.toolbox.manifest.close' | i18n\"\n  [cancelAction]=\"cancelAction\"\n  [opened]=\"this.editOpened\"\n>\n  <div class=\"field__input\">\n    <span>{{ '@pry.toolbox.manifest.name' | i18n }}</span>\n    <input\n      type=\"text\"\n      (keyup.enter)=\"validateName(input.value)\"\n      [ngModel]=\"labelMetadataSelected\"\n      (ngModelChange)=\"changeValue($event)\"\n      #input\n    />\n  </div>\n</pry-modal>\n" }]
         }], ctorParameters: () => [{ type: i1.Store }, { type: i2.PryI18nService }, { type: i3.Router }, { type: i3.ActivatedRoute }], propDecorators: { input: [{

package/esm2022/admin/components/admin-metadata-rules/admin-new-metadata-rules/admin-new-metadata-rules.component.mjs

@@ -3,10 +3,10 @@ import * as i0 from "@angular/core";
 import * as i1 from "../shared/admin-form-metadata-rules/admin-form-metadata-rules.component";
 import * as i2 from "@provoly/dashboard";
 export class AdminNewMetadataRulesComponent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: AdminNewMetadataRulesComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.3", type: AdminNewMetadataRulesComponent, selector: "pry-admin-new-metadata-rules", ngImport: i0, template: "<div class=\"o-base-container\">\n  <h4 class=\"admin__title\">{{ '@pry.admin.metadata-rules.add.title' | i18n }}</h4>\n  <pry-admin-form-metadata-rules></pry-admin-form-metadata-rules>\n</div>\n", dependencies: [{ kind: "component", type: i1.AdminFormMetadataRulesComponent, selector: "pry-admin-form-metadata-rules", inputs: ["metadataRules"] }, { kind: "pipe", type: i2.I18nPipe, name: "i18n" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: AdminNewMetadataRulesComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.6", type: AdminNewMetadataRulesComponent, selector: "pry-admin-new-metadata-rules", ngImport: i0, template: "<div class=\"o-base-container\">\n  <h4 class=\"admin__title\">{{ '@pry.admin.metadata-rules.add.title' | i18n }}</h4>\n  <pry-admin-form-metadata-rules></pry-admin-form-metadata-rules>\n</div>\n", dependencies: [{ kind: "component", type: i1.AdminFormMetadataRulesComponent, selector: "pry-admin-form-metadata-rules", inputs: ["metadataRules"] }, { kind: "pipe", type: i2.I18nPipe, name: "i18n" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: AdminNewMetadataRulesComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: AdminNewMetadataRulesComponent, decorators: [{
             type: Component,
             args: [{ selector: 'pry-admin-new-metadata-rules', template: "<div class=\"o-base-container\">\n  <h4 class=\"admin__title\">{{ '@pry.admin.metadata-rules.add.title' | i18n }}</h4>\n  <pry-admin-form-metadata-rules></pry-admin-form-metadata-rules>\n</div>\n" }]
         }] });

package/esm2022/admin/components/admin-metadata-rules/admin-select-metadata-rules/admin-select-metadata-rules.component.mjs

@@ -73,10 +73,10 @@ export class AdminSelectMetadataRulesComponent {
             ]
         }));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: AdminSelectMetadataRulesComponent, deps: [{ token: i1.Store }, { token: i2.Router }, { token: i2.ActivatedRoute }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.3", type: AdminSelectMetadataRulesComponent, selector: "pry-admin-select-metadata-rules", ngImport: i0, template: "<div\n  *ngIf=\"metadataRulesSelected$ | async as metadataRules\"\n  [id]=\"'panel-meta-rule-' + metadataRules.id\"\n  [attr.aria-labelledby]=\"'button-meta-rule-' + metadataRules.id\"\n  class=\"o-panel\"\n>\n  <div class=\"o-panel__header\">\n    <button type=\"button\" class=\"a-btn a-btn--icon-only\" (click)=\"closePanel()\">\n      <span class=\"u-visually-hidden\">{{ '@pry.action.closePanel' | i18n }}</span>\n      <pry-icon iconSvg=\"close\"></pry-icon>\n    </button>\n\n    <h3 class=\"a-h3\">\n      {{ '@pry.admin.metadata.details' | i18n }}\n    </h3>\n  </div>\n\n  <pry-tab-group translationStringBase=\"@pry.admin.\">\n    <pry-tab [templateRef]=\"metadataRuleDetails\" name=\"details\"></pry-tab>\n  </pry-tab-group>\n\n  <ng-template #metadataRuleDetails>\n    <h4 class=\"a-h4\">{{ '@pry.admin.properties' | i18n }}</h4>\n    <p class=\"a-p\">\n      {{ '@pry.admin.metadata-rules.label' | i18n }} :\n      <strong>{{ metadataRules.name }}</strong>\n    </p>\n    <p class=\"a-p\">\n      {{ '@pry.admin.metadata-rules.metadata-item.name' | i18n }} :\n      <strong>{{ metadataRules.metadata.name }}</strong>\n    </p>\n    <p class=\"a-p\" *ngIf=\"metadataRules.metadata.description\">\n      {{ '@pry.admin.metadata-rules.metadata-item.description' | i18n }} :\n      <strong>{{ metadataRules.metadata.description }}</strong>\n    </p>\n    <p class=\"a-p\">\n      {{ '@pry.admin.metadata-rules.metadata-item.type' | i18n }} :\n      <strong>{{ metadataRules.metadata.type }}</strong>\n    </p>\n    <ng-container *ngIf=\"metadataRules.metadata.allowedValues\">\n      <p class=\"a-p\" *ngFor=\"let item of metadataRules.metadata.allowedValues\">{{ item }}</p>\n    </ng-container>\n    <p class=\"a-p\">\n      {{ '@pry.admin.metadata-rules.metadata-user.name' | i18n }} :\n      <strong>{{ metadataRules.userProfile.name }}</strong>\n    </p>\n    <p class=\"a-p\" *ngIf=\"metadataRules.userProfile.description\">\n      {{ '@pry.admin.metadata-rules.metadata-user.description' | i18n }} :\n      <strong>{{ metadataRules.userProfile.description }}</strong>\n    </p>\n    <p class=\"a-p\">\n      {{ '@pry.admin.metadata-rules.metadata-user.type' | i18n }} :\n      <strong>{{ metadataRules.userProfile.type }}</strong>\n    </p>\n    <ng-container *ngIf=\"metadataRules.userProfile.allowedValues\">\n      <p class=\"a-p\" *ngFor=\"let item of metadataRules.userProfile.allowedValues\">{{ item }}</p>\n    </ng-container>\n  </ng-template>\n</div>\n", dependencies: [{ kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i4.TabGroupComponent, selector: "pry-tab-group", inputs: ["translationStringBase"], outputs: ["clickedTabIdx"] }, { kind: "component", type: i4.TabComponent, selector: "pry-tab", inputs: ["name", "templateRef", "index"] }, { kind: "component", type: i4.PryIconComponent, selector: "pry-icon", inputs: ["color", "iconSvg", "animation", "iconImage", "alt", "width", "height", "classes"] }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }, { kind: "pipe", type: i4.I18nPipe, name: "i18n" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: AdminSelectMetadataRulesComponent, deps: [{ token: i1.Store }, { token: i2.Router }, { token: i2.ActivatedRoute }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.6", type: AdminSelectMetadataRulesComponent, selector: "pry-admin-select-metadata-rules", ngImport: i0, template: "<div\n  *ngIf=\"metadataRulesSelected$ | async as metadataRules\"\n  [id]=\"'panel-meta-rule-' + metadataRules.id\"\n  [attr.aria-labelledby]=\"'button-meta-rule-' + metadataRules.id\"\n  class=\"o-panel\"\n>\n  <div class=\"o-panel__header\">\n    <button type=\"button\" class=\"a-btn a-btn--icon-only\" (click)=\"closePanel()\">\n      <span class=\"u-visually-hidden\">{{ '@pry.action.closePanel' | i18n }}</span>\n      <pry-icon iconSvg=\"close\"></pry-icon>\n    </button>\n\n    <h3 class=\"a-h3\">\n      {{ '@pry.admin.metadata.details' | i18n }}\n    </h3>\n  </div>\n\n  <pry-tab-group translationStringBase=\"@pry.admin.\">\n    <pry-tab [templateRef]=\"metadataRuleDetails\" name=\"details\"></pry-tab>\n  </pry-tab-group>\n\n  <ng-template #metadataRuleDetails>\n    <h4 class=\"a-h4\">{{ '@pry.admin.properties' | i18n }}</h4>\n    <p class=\"a-p\">\n      {{ '@pry.admin.metadata-rules.label' | i18n }} :\n      <strong>{{ metadataRules.name }}</strong>\n    </p>\n    <p class=\"a-p\">\n      {{ '@pry.admin.metadata-rules.metadata-item.name' | i18n }} :\n      <strong>{{ metadataRules.metadata.name }}</strong>\n    </p>\n    <p class=\"a-p\" *ngIf=\"metadataRules.metadata.description\">\n      {{ '@pry.admin.metadata-rules.metadata-item.description' | i18n }} :\n      <strong>{{ metadataRules.metadata.description }}</strong>\n    </p>\n    <p class=\"a-p\">\n      {{ '@pry.admin.metadata-rules.metadata-item.type' | i18n }} :\n      <strong>{{ metadataRules.metadata.type }}</strong>\n    </p>\n    <ng-container *ngIf=\"metadataRules.metadata.allowedValues\">\n      <p class=\"a-p\" *ngFor=\"let item of metadataRules.metadata.allowedValues\">{{ item }}</p>\n    </ng-container>\n    <p class=\"a-p\">\n      {{ '@pry.admin.metadata-rules.metadata-user.name' | i18n }} :\n      <strong>{{ metadataRules.userProfile.name }}</strong>\n    </p>\n    <p class=\"a-p\" *ngIf=\"metadataRules.userProfile.description\">\n      {{ '@pry.admin.metadata-rules.metadata-user.description' | i18n }} :\n      <strong>{{ metadataRules.userProfile.description }}</strong>\n    </p>\n    <p class=\"a-p\">\n      {{ '@pry.admin.metadata-rules.metadata-user.type' | i18n }} :\n      <strong>{{ metadataRules.userProfile.type }}</strong>\n    </p>\n    <ng-container *ngIf=\"metadataRules.userProfile.allowedValues\">\n      <p class=\"a-p\" *ngFor=\"let item of metadataRules.userProfile.allowedValues\">{{ item }}</p>\n    </ng-container>\n  </ng-template>\n</div>\n", dependencies: [{ kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i4.TabGroupComponent, selector: "pry-tab-group", inputs: ["translationStringBase"], outputs: ["clickedTabIdx"] }, { kind: "component", type: i4.TabComponent, selector: "pry-tab", inputs: ["name", "templateRef", "index"] }, { kind: "component", type: i4.PryIconComponent, selector: "pry-icon", inputs: ["color", "iconSvg", "animation", "iconImage", "alt", "width", "height", "classes"] }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }, { kind: "pipe", type: i4.I18nPipe, name: "i18n" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: AdminSelectMetadataRulesComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: AdminSelectMetadataRulesComponent, decorators: [{
             type: Component,
             args: [{ selector: 'pry-admin-select-metadata-rules', template: "<div\n  *ngIf=\"metadataRulesSelected$ | async as metadataRules\"\n  [id]=\"'panel-meta-rule-' + metadataRules.id\"\n  [attr.aria-labelledby]=\"'button-meta-rule-' + metadataRules.id\"\n  class=\"o-panel\"\n>\n  <div class=\"o-panel__header\">\n    <button type=\"button\" class=\"a-btn a-btn--icon-only\" (click)=\"closePanel()\">\n      <span class=\"u-visually-hidden\">{{ '@pry.action.closePanel' | i18n }}</span>\n      <pry-icon iconSvg=\"close\"></pry-icon>\n    </button>\n\n    <h3 class=\"a-h3\">\n      {{ '@pry.admin.metadata.details' | i18n }}\n    </h3>\n  </div>\n\n  <pry-tab-group translationStringBase=\"@pry.admin.\">\n    <pry-tab [templateRef]=\"metadataRuleDetails\" name=\"details\"></pry-tab>\n  </pry-tab-group>\n\n  <ng-template #metadataRuleDetails>\n    <h4 class=\"a-h4\">{{ '@pry.admin.properties' | i18n }}</h4>\n    <p class=\"a-p\">\n      {{ '@pry.admin.metadata-rules.label' | i18n }} :\n      <strong>{{ metadataRules.name }}</strong>\n    </p>\n    <p class=\"a-p\">\n      {{ '@pry.admin.metadata-rules.metadata-item.name' | i18n }} :\n      <strong>{{ metadataRules.metadata.name }}</strong>\n    </p>\n    <p class=\"a-p\" *ngIf=\"metadataRules.metadata.description\">\n      {{ '@pry.admin.metadata-rules.metadata-item.description' | i18n }} :\n      <strong>{{ metadataRules.metadata.description }}</strong>\n    </p>\n    <p class=\"a-p\">\n      {{ '@pry.admin.metadata-rules.metadata-item.type' | i18n }} :\n      <strong>{{ metadataRules.metadata.type }}</strong>\n    </p>\n    <ng-container *ngIf=\"metadataRules.metadata.allowedValues\">\n      <p class=\"a-p\" *ngFor=\"let item of metadataRules.metadata.allowedValues\">{{ item }}</p>\n    </ng-container>\n    <p class=\"a-p\">\n      {{ '@pry.admin.metadata-rules.metadata-user.name' | i18n }} :\n      <strong>{{ metadataRules.userProfile.name }}</strong>\n    </p>\n    <p class=\"a-p\" *ngIf=\"metadataRules.userProfile.description\">\n      {{ '@pry.admin.metadata-rules.metadata-user.description' | i18n }} :\n      <strong>{{ metadataRules.userProfile.description }}</strong>\n    </p>\n    <p class=\"a-p\">\n      {{ '@pry.admin.metadata-rules.metadata-user.type' | i18n }} :\n      <strong>{{ metadataRules.userProfile.type }}</strong>\n    </p>\n    <ng-container *ngIf=\"metadataRules.userProfile.allowedValues\">\n      <p class=\"a-p\" *ngFor=\"let item of metadataRules.userProfile.allowedValues\">{{ item }}</p>\n    </ng-container>\n  </ng-template>\n</div>\n" }]
         }], ctorParameters: () => [{ type: i1.Store }, { type: i2.Router }, { type: i2.ActivatedRoute }] });