@provoly/dashboard 0.14.8 → 0.14.10

package/fesm2022/provoly-dashboard-components-metadata-editor.mjs

@@ -1,7 +1,7 @@
 import * as i3 from '@angular/common';
 import { CommonModule } from '@angular/common';
 import * as i0 from '@angular/core';
-import { EventEmitter, Component, Input, Output, Injectable, NgModule } from '@angular/core';
+import { Component, ViewEncapsulation, EventEmitter, Input, Output, Injectable, NgModule } from '@angular/core';
 import * as i2 from '@angular/forms';
 import { Validators, ReactiveFormsModule } from '@angular/forms';
 import * as i1$2 from '@ngrx/effects';
@@ -37,7 +37,19 @@ const MetadataActions = {
     isEditable: createAction(`[Metadata] Is editable`, props()),
     loadDatasetMetadata: createAction(`[Metadata] Load Metadata of selected Datasets`, props()),
     loadDatasetMetadataSuccess: createAction(`[Metadata] Load Metadata of selected Datasets Success`, props()),
-    loadDatasetMetadataFailure: createAction(`[Metadata] Load Metadata of selected Datasets Failure`, props())
+    loadDatasetMetadataFailure: createAction(`[Metadata] Load Metadata of selected Datasets Failure`, props()),
+    loadMetadataUser: createAction(`[Metadata/User] Load Metadata of selected Users`, props()),
+    loadMetadataUserSuccess: createAction(`[Metadata/User] Load Metadata of selected Users Success`, props()),
+    loadMetadataUserFailure: createAction(`[Metadata/User] Load Metadata of selected Users Failure`, props()),
+    addMetadataUser: createAction(`[Metadata/User] Add Metadata of selected Users`, props()),
+    addMetadataUserSuccess: createAction(`[Metadata/User] Add Metadata of selected Users Success`, props()),
+    addMetadataUserFailure: createAction(`[Metadata/User] Add Metadata of selected Users Failure`, props()),
+    deleteMetadataUser: createAction(`[Metadata/User] Delete Metadata of selected Users`, props()),
+    deleteMetadataUserSuccess: createAction(`[Metadata/User] Delete Metadata of selected Users Success`, props()),
+    deleteMetadataUserFailure: createAction(`[Metadata/User] Delete Metadata of selected Users Failure`, props()),
+    loadUserProfile: createAction(`[Metadata/User] Load Metadata`),
+    loadUserProfileSuccess: createAction(`[Metadata/User] Load Success`, props()),
+    loadUserProfileFailure: createAction(`[Metadata/User] Load Failure`, props())
 };
 
 const metadataFeatureKey = '@pry/metadata';
@@ -46,7 +58,9 @@ const initialMetadataState = {
     selectedMetadata: null,
     loading: false,
     errors: null,
-    editable: false
+    editable: false,
+    selectedUserProfile: [],
+    userProfile: []
 };
 /**
  * @TODO merge this store with admin user store ?
@@ -75,6 +89,20 @@ const metadataReducer = createReducer(initialMetadataState, on(MetadataActions.l
 })), on(MetadataActions.isEditable, (state, action) => ({
     ...state,
     editable: action.editable
+})), on(MetadataActions.loadMetadataUserSuccess, (state, action) => ({
+    ...state,
+    selectedUserProfile: action.metadata
+})), on(MetadataActions.loadUserProfile, (state) => ({
+    ...state,
+    loading: true
+})), on(MetadataActions.loadUserProfileSuccess, (state, action) => ({
+    ...state,
+    userProfile: [...action.userProfile],
+    loading: false
+})), on(MetadataActions.loadUserProfileFailure, (state, action) => ({
+    ...state,
+    loading: false,
+    errors: action.error
 })));
 
 const feature = createFeatureSelector(metadataFeatureKey);
@@ -84,6 +112,8 @@ const selectedMetadata = createSelector(feature, (state) => state?.metadata.find
 const selectedMetadataId = createSelector(selectedMetadata, (metadata) => metadata?.id);
 const selectMetadataById = (id) => createSelector(metadata, (metadata) => metadata?.find((m) => m.id === id));
 const editable = createSelector(feature, (state) => state.editable);
+const selectedUserProfile = createSelector(feature, (state) => state?.selectedUserProfile);
+const userProfile = createSelector(feature, (state) => state?.userProfile ?? []);
 const MetadataSelectors = {
     feature,
     loading,
@@ -91,69 +121,68 @@ const MetadataSelectors = {
     selectedMetadata,
     selectedMetadataId,
     selectMetadataById,
-    editable
+    editable,
+    selectedUserProfile,
+    userProfile
 };
 
+class PryMetadataEditorCssComponent {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: PryMetadataEditorCssComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.6", type: PryMetadataEditorCssComponent, selector: "pry-metadata-editor-css", ngImport: i0, template: '', isInline: true, styles: [".o-metadata-editor ng-select{position:absolute;width:80%}.o-metadata-editor__container{min-height:3.4375rem}\n"], encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: PryMetadataEditorCssComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'pry-metadata-editor-css', template: '', encapsulation: ViewEncapsulation.None, styles: [".o-metadata-editor ng-select{position:absolute;width:80%}.o-metadata-editor__container{min-height:3.4375rem}\n"] }]
+        }] });
+
 const INTEGER_REGEXP_PATTERN = '^[+-]?[0-9]*$';
 const DOUBLE_REGEXP_PATTERN = '[+-]?([0-9]*[.])?[0-9]+';
 class PryMetadataEditorComponent extends SubscriptionnerDirective {
+    set type(type) {
+        this._type$.next(type);
+    }
     set metadata(metadata) {
-        // @ts-ignore
-        const isUserProfile = metadata.length >= 1 && metadata[0].userProfile !== undefined;
-        if (isUserProfile) {
-            this.type = 'user';
-        }
-        else {
-            this.type = 'meta';
-        }
         this._metadata$.next(metadata);
     }
-    set initialMetadataSelection(metadataName) {
-        this._initialMetadataSelection$.next(metadataName);
-    }
     constructor(store, formBuilder) {
         super();
         this.store = store;
         this.formBuilder = formBuilder;
         this._metadata$ = new BehaviorSubject([]);
-        this._initialMetadataSelection$ = new BehaviorSubject('');
         this.isSubmitted = false;
-        this.targetId = '';
-        this.editable = false;
-        this.type = 'meta';
+        this.isModification = false;
+        this._type$ = new BehaviorSubject('meta');
         this.addMeta = new EventEmitter();
         this.removeMeta = new EventEmitter();
+        this.targetId = '';
         this.form = this.formBuilder.group({
             metadata: [{}, [Validators.required]],
             value: ['', [Validators.required, Validators.pattern(INTEGER_REGEXP_PATTERN)]]
         });
         this.metadataDefs$ = this.store.select(MetadataSelectors.metadata);
-        this.availableMetadata$ = combineLatest([this._metadata$, this.metadataDefs$]).pipe(map(([metadata, metaDefs]) => {
-            let datasetMetadataIds = metadata?.map((u) => this.type === 'meta' ? u.metadataDef.id : u.userProfile);
-            return metaDefs.filter((meta) => !datasetMetadataIds?.includes(meta.id));
-        }));
-        this.subscriptions.add(combineLatest([
-            this.metadataDefs$,
-            this.availableMetadata$,
+        this.userProfileDefs$ = this.store.select(MetadataSelectors.userProfile);
+        this.availableMetadata$ = combineLatest([
+            this._type$,
             this._metadata$,
-            this._initialMetadataSelection$
-        ]).subscribe(([allMeta, availableMeta, inputMeta, initiallySelectedMeta]) => {
-            let initiallySelectedMetaAvailable = availableMeta.find((metadata) => metadata.name === initiallySelectedMeta);
-            if (!!initiallySelectedMetaAvailable) {
-                this.form.patchValue({
-                    metadata: initiallySelectedMetaAvailable ?? availableMeta[0]
-                });
-                this.onMetaChange(initiallySelectedMetaAvailable ?? availableMeta[0]);
-                this.form.patchValue({ value: '' });
+            this.metadataDefs$,
+            this.userProfileDefs$
+        ]).pipe(map(([type, metadata, metaDefs, userProfileDefs]) => {
+            if (type === 'meta') {
+                let datasetMetadataIds = metadata?.map((u) => u.metadataDef.id);
+                return metaDefs.filter((meta) => !datasetMetadataIds?.includes(meta.id));
             }
             else {
-                this.store.dispatch(MetadataActions.isEditable({ editable: true }));
-                this.form.patchValue({
-                    metadata: allMeta.find((metadata) => metadata.name === initiallySelectedMeta),
-                    value: inputMeta.find((meta) => this.metaDefinition(meta).name === initiallySelectedMeta)?.value
-                });
+                let userProfileIds = metadata?.map((u) => u.userProfile.id);
+                return (userProfileDefs ?? []).filter((meta) => !userProfileIds?.includes(meta.id));
             }
         }));
+        this.subscriptions.add(this.availableMetadata$.subscribe((meta) => {
+            this.form.patchValue({
+                metadata: meta[0]
+            });
+            this.onMetaChange(meta[0]);
+            this.form.patchValue({ value: '' });
+        }));
     }
     onMetaChange(metadata) {
         if (metadata) {
@@ -166,6 +195,10 @@ class PryMetadataEditorComponent extends SubscriptionnerDirective {
             else {
                 this.form.controls['value'].setValidators([Validators.required]);
             }
+            this.isModification = true;
+        }
+        else {
+            this.isModification = false;
         }
     }
     editMetadata(currentMetadata) {
@@ -179,7 +212,9 @@ class PryMetadataEditorComponent extends SubscriptionnerDirective {
         this.onMetaChange(datasetMetadataDef);
     }
     metaDefinition(metadata) {
-        return this.type === 'user' ? metadata.userProfile : metadata.metadataDef;
+        return this._type$.getValue() === 'user'
+            ? metadata.userProfile
+            : metadata.metadataDef;
     }
     removeMetadata(metadata) {
         this.removeMeta.emit({ id: this.targetId, metadataId: this.metaDefinition(metadata).id });
@@ -196,22 +231,22 @@ class PryMetadataEditorComponent extends SubscriptionnerDirective {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: PryMetadataEditorComponent, deps: [{ token: i1.Store }, { token: i2.FormBuilder }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.6", type: PryMetadataEditorComponent, selector: "pry-metadata-editor", inputs: { targetId: "targetId", editable: "editable", metadata: "metadata", initialMetadataSelection: "initialMetadataSelection" }, outputs: { addMeta: "addMeta", removeMeta: "removeMeta" }, usesInheritance: true, ngImport: i0, template: "<div *ngFor=\"let metadata of (_metadata$ | async) ?? []\">\n  <div class=\"o-tabs__panel__content__actions\">\n    <div class=\"o-tabs__panel__content__actions__text\">\n      <span class=\"o-tabs__panel__content__actions__text__label\">{{ metaDefinition(metadata).name }} :</span>\n      <span class=\"o-tabs__panel__content__actions__text__value\">{{ metadata.value }}</span>\n    </div>\n\n    <div class=\"o-tabs__panel__content__actions__buttons\">\n      <ng-container *pryAccess=\"{ module: 'admin', page: 'dataset', action: 'write' }\">\n        <button type=\"button\" class=\"a-btn a-btn--icon-only\" aria-pressed=\"false\">\n          <span class=\"u-visually-hidden\">{{ '@pry.action.edit' | i18n }} {{ metaDefinition(metadata).name }}</span>\n          <pry-icon\n            class=\"edit-icon\"\n            iconSvg=\"edit\"\n            [width]=\"15\"\n            [height]=\"15\"\n            (click)=\"editMetadata(metadata)\"\n          ></pry-icon>\n        </button>\n        <button type=\"button\" class=\"a-btn a-btn--icon-only\" aria-pressed=\"false\">\n          <span class=\"u-visually-hidden\">{{ '@pry.action.delete' | i18n }} {{ metaDefinition(metadata).name }}</span>\n          <pry-icon\n            class=\"delete-icon\"\n            iconSvg=\"delete\"\n            [width]=\"15\"\n            [height]=\"15\"\n            (click)=\"removeMetadata(metadata)\"\n          ></pry-icon>\n        </button>\n      </ng-container>\n    </div>\n  </div>\n</div>\n\n<ng-container *pryAccess=\"{ module: 'admin', page: 'dataset', action: 'write' }\">\n  <ng-container *ngIf=\"form.value.metadata\">\n    <form class=\"o-form -border-top\" [formGroup]=\"form\" (ngSubmit)=\"addDatasetMetadata()\">\n      <fieldset>\n        <legend class=\"u-visually-hidden\">{{ '@pry.action.editProfil' | i18n }}</legend>\n\n        <div class=\"m-form-label-field\">\n          <label for=\"metadata\" id=\"metadata-label\" class=\"a-label\">Data</label>\n          <pry-select\n            id=\"metadata\"\n            class=\"a-pry-select\"\n            formControlName=\"metadata\"\n            [items]=\"availableMetadata$ | async\"\n            (ngModelChange)=\"onMetaChange($event)\"\n            [isForm]=\"true\"\n            [itemsAsOption]=\"true\"\n            bindLabel=\"name\"\n            [readonly]=\"editable\"\n            [attr.aria-labelledby]=\"\n              isSubmitted && form.get('metadata')?.invalid ? 'metadata-label metadata-error' : 'metadata-label'\n            \"\n            [attr.aria-invalid]=\"isSubmitted && form.get('metadata')?.invalid\"\n          >\n          </pry-select>\n          <label\n            *ngIf=\"isSubmitted && form.get('metadata')?.invalid\"\n            id=\"metadata-error\"\n            for=\"metadata\"\n            class=\"a-label a-label--help -error\"\n          >\n            {{ '@pry.admin.required' | i18n }}\n          </label>\n        </div>\n\n        <ng-container *ngIf=\"form.value['metadata']['type'] === 'DATE'; else inputList\">\n          <div class=\"m-form-label-field\">\n            <label id=\"form_date-label\" for=\"form_date\" class=\"a-label\">\n              {{ '@pry.action.selectDate' | i18n }} *\n              <span class=\"u-visually-hidden\">({{ '@pry.admin.required' | i18n }})</span>\n            </label>\n            <input\n              id=\"form_date\"\n              type=\"date\"\n              class=\"a-form-field\"\n              formControlName=\"value\"\n              [attr.aria-labelledby]=\"\n                isSubmitted && form.get('value')?.invalid ? 'form-date-label form-date-error' : 'form-date-label'\n              \"\n              [attr.aria-invalid]=\"isSubmitted && form.get('value')?.invalid\"\n              required\n            />\n            <label\n              *ngIf=\"isSubmitted && form.get('value')?.invalid\"\n              id=\"form_date-error\"\n              for=\"form_date\"\n              class=\"a-label a-label--help -error\"\n            >\n              {{ '@pry.admin.required' | i18n }}\n            </label>\n          </div>\n        </ng-container>\n\n        <ng-template #inputList>\n          <ng-container *ngIf=\"form.value['metadata']['type'] === 'LIST'; else inputText\">\n            <div class=\"m-form-label-field\">\n              <label id=\"list-label\" class=\"a-label\" for=\"list\">{{ '@pry.action.choiceInList' | i18n }}</label>\n              <pry-select\n                id=\"list\"\n                class=\"a-pry-select\"\n                formControlName=\"value\"\n                [items]=\"form.value['metadata']['allowedValues']\"\n                [isForm]=\"true\"\n                aria-labelledby=\"list-label\"\n              ></pry-select>\n            </div>\n          </ng-container>\n        </ng-template>\n\n        <ng-template #inputText>\n          <div class=\"m-form-label-field\">\n            <label id=\"text-label\" class=\"a-label\" for=\"text\">\n              {{ '@pry.action.text' | i18n }} *\n              <span class=\"u-visually-hidden\">({{ '@pry.admin.required' | i18n }})</span>\n            </label>\n            <input\n              id=\"text\"\n              type=\"text\"\n              class=\"a-form-field\"\n              formControlName=\"value\"\n              [attr.aria-labelledby]=\"\n                isSubmitted && form.get('value')?.invalid ? 'text-label text-error' : 'text-label'\n              \"\n              [attr.aria-invalid]=\"isSubmitted && form.get('value')?.invalid\"\n              required\n            />\n            <label\n              *ngIf=\"isSubmitted && form.get('value')?.invalid\"\n              id=\"test-error\"\n              for=\"text\"\n              class=\"a-label a-label--help -error\"\n            >\n              <span *ngIf=\"form.get('value')?.hasError('required')\">{{ '@pry.admin.required' | i18n }}</span>\n              <ng-container *ngIf=\"form.get('value')?.hasError('pattern')\">\n                <span *ngIf=\"form.value['metadata']['type'] === 'DOUBLE'\">\n                  {{ '@pry.admin.environment.formatDouble' | i18n }}\n                </span>\n                <span *ngIf=\"form.value['metadata']['type'] === 'INTEGER'\">\n                  {{ '@pry.admin.environment.formatInt' | i18n }}\n                </span>\n              </ng-container>\n            </label>\n          </div>\n        </ng-template>\n      </fieldset>\n\n      <div class=\"m-btn-group -end\">\n        <button type=\"submit\" class=\"a-btn a-btn--primary\">\n          {{ (editable ? '@pry.action.editMetadata' : '@pry.action.addMetadata') | i18n }}\n        </button>\n      </div>\n    </form>\n  </ng-container>\n</ng-container>\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: "directive", type: i4.PryAccessDirective, selector: "[pryAccess]", inputs: ["pryAccess"] }, { kind: "directive", type: i2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2.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: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: i4.PrySelectComponent, selector: "pry-select", inputs: ["labelTranslate", "baseTranslate", "translationFn", "translationFnArgs", "clearable", "multiple", "multipleClearRight", "closeOnSelect", "placeholder", "isForm", "required", "name", "readonly", "items", "itemsAsOption", "bindData", "bindValue", "bindLabel", "bindIcon", "iconSize", "templateLabel", "templateOption", "autocomplete"] }, { 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.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.6", type: PryMetadataEditorComponent, selector: "pry-metadata-editor", inputs: { isModification: "isModification", targetId: "targetId", type: "type", metadata: "metadata" }, outputs: { addMeta: "addMeta", removeMeta: "removeMeta" }, usesInheritance: true, ngImport: i0, template: "<pry-metadata-editor-css></pry-metadata-editor-css>\n<div *ngFor=\"let metadata of (_metadata$ | async) ?? []\">\n  <div class=\"o-tabs__panel__content__actions\">\n    <div class=\"o-tabs__panel__content__actions__text\">\n      <span class=\"o-tabs__panel__content__actions__text__label\">{{ metaDefinition(metadata).name }} :</span>\n      <span class=\"o-tabs__panel__content__actions__text__value\">{{ metadata.value }}</span>\n    </div>\n\n    <div class=\"o-tabs__panel__content__actions__buttons\">\n      <ng-container *pryAccess=\"{ module: 'admin', page: 'dataset', action: 'write' }\">\n        <button type=\"button\" class=\"a-btn a-btn--icon-only\" aria-pressed=\"false\">\n          <span class=\"u-visually-hidden\">{{ '@pry.action.edit' | i18n }} {{ metaDefinition(metadata).name }}</span>\n          <pry-icon\n            class=\"edit-icon\"\n            iconSvg=\"edit\"\n            [width]=\"15\"\n            [height]=\"15\"\n            (click)=\"editMetadata(metadata)\"\n          ></pry-icon>\n        </button>\n        <button type=\"button\" class=\"a-btn a-btn--icon-only\" aria-pressed=\"false\">\n          <span class=\"u-visually-hidden\">{{ '@pry.action.delete' | i18n }} {{ metaDefinition(metadata).name }}</span>\n          <pry-icon\n            class=\"delete-icon\"\n            iconSvg=\"delete\"\n            [width]=\"15\"\n            [height]=\"15\"\n            (click)=\"removeMetadata(metadata)\"\n          ></pry-icon>\n        </button>\n      </ng-container>\n    </div>\n  </div>\n</div>\n\n<ng-container *pryAccess=\"{ module: 'admin', page: 'dataset', action: 'write' }\">\n  <form class=\"o-form -border-top\" [formGroup]=\"form\" (ngSubmit)=\"addDatasetMetadata()\">\n    <fieldset>\n      <legend class=\"u-visually-hidden\">{{ '@pry.action.editProfil' | i18n }}</legend>\n\n      <div class=\"m-form-label-field o-metadata-editor__container\">\n        <label for=\"metadata\" id=\"metadata-label\" class=\"a-label\">Data</label>\n        <pry-select\n          id=\"metadata\"\n          class=\"a-pry-select o-metadata-editor\"\n          formControlName=\"metadata\"\n          [items]=\"availableMetadata$ | async\"\n          (ngModelChange)=\"onMetaChange($event)\"\n          [isForm]=\"true\"\n          [itemsAsOption]=\"true\"\n          bindLabel=\"name\"\n          [attr.aria-labelledby]=\"\n            isSubmitted && form.get('metadata')?.invalid ? 'metadata-label metadata-error' : 'metadata-label'\n          \"\n          [attr.aria-invalid]=\"isSubmitted && form.get('metadata')?.invalid\"\n        >\n        </pry-select>\n        <label\n          *ngIf=\"isSubmitted && form.get('metadata')?.invalid\"\n          id=\"metadata-error\"\n          for=\"metadata\"\n          class=\"a-label a-label--help -error\"\n        >\n          {{ '@pry.admin.required' | i18n }}\n        </label>\n      </div>\n\n      <ng-container *ngIf=\"form.value.metadata\">\n        <ng-container *ngIf=\"form.value['metadata']['type'] === 'DATE'; else inputList\">\n          <div class=\"m-form-label-field\">\n            <label id=\"form_date-label\" for=\"form_date\" class=\"a-label\">\n              {{ '@pry.action.selectDate' | i18n }} *\n              <span class=\"u-visually-hidden\">({{ '@pry.admin.required' | i18n }})</span>\n            </label>\n            <input\n              id=\"form_date\"\n              type=\"date\"\n              class=\"a-form-field\"\n              formControlName=\"value\"\n              [attr.aria-labelledby]=\"\n                isSubmitted && form.get('value')?.invalid ? 'form-date-label form-date-error' : 'form-date-label'\n              \"\n              [attr.aria-invalid]=\"isSubmitted && form.get('value')?.invalid\"\n              required\n            />\n            <label\n              *ngIf=\"isSubmitted && form.get('value')?.invalid\"\n              id=\"form_date-error\"\n              for=\"form_date\"\n              class=\"a-label a-label--help -error\"\n            >\n              {{ '@pry.admin.required' | i18n }}\n            </label>\n          </div>\n        </ng-container>\n\n        <ng-template #inputList>\n          <ng-container *ngIf=\"form.value['metadata']['type'] === 'LIST'; else inputText\">\n            <div class=\"m-form-label-field\">\n              <label id=\"list-label\" class=\"a-label\" for=\"list\">{{ '@pry.action.choiceInList' | i18n }}</label>\n              <pry-select\n                id=\"list\"\n                class=\"a-pry-select\"\n                formControlName=\"value\"\n                [items]=\"form.value['metadata']['allowedValues']\"\n                [isForm]=\"true\"\n                aria-labelledby=\"list-label\"\n              ></pry-select>\n            </div>\n          </ng-container>\n        </ng-template>\n\n        <ng-template #inputText>\n          <div class=\"m-form-label-field\">\n            <label id=\"text-label\" class=\"a-label\" for=\"text\">\n              {{ '@pry.action.text' | i18n }} *\n              <span class=\"u-visually-hidden\">({{ '@pry.admin.required' | i18n }})</span>\n            </label>\n            <input\n              id=\"text\"\n              type=\"text\"\n              class=\"a-form-field\"\n              formControlName=\"value\"\n              [attr.aria-labelledby]=\"\n                isSubmitted && form.get('value')?.invalid ? 'text-label text-error' : 'text-label'\n              \"\n              [attr.aria-invalid]=\"isSubmitted && form.get('value')?.invalid\"\n              required\n            />\n            <label\n              *ngIf=\"isSubmitted && form.get('value')?.invalid\"\n              id=\"test-error\"\n              for=\"text\"\n              class=\"a-label a-label--help -error\"\n            >\n              <span *ngIf=\"form.get('value')?.hasError('required')\">{{ '@pry.admin.required' | i18n }}</span>\n              <ng-container *ngIf=\"form.get('value')?.hasError('pattern')\">\n                <span *ngIf=\"form.value['metadata']['type'] === 'DOUBLE'\">\n                  {{ '@pry.admin.environment.formatDouble' | i18n }}\n                </span>\n                <span *ngIf=\"form.value['metadata']['type'] === 'INTEGER'\">\n                  {{ '@pry.admin.environment.formatInt' | i18n }}\n                </span>\n              </ng-container>\n            </label>\n          </div>\n        </ng-template>\n      </ng-container>\n    </fieldset>\n\n    <div class=\"m-btn-group -end\">\n      <button type=\"submit\" class=\"a-btn a-btn--primary\">\n        {{ (isModification ? '@pry.action.editMetadata' : '@pry.action.addMetadata') | i18n }}\n      </button>\n    </div>\n  </form>\n</ng-container>\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: "directive", type: i4.PryAccessDirective, selector: "[pryAccess]", inputs: ["pryAccess"] }, { kind: "directive", type: i2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2.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: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: i4.PrySelectComponent, selector: "pry-select", inputs: ["labelTranslate", "baseTranslate", "translationFn", "translationFnArgs", "clearable", "multiple", "multipleClearRight", "closeOnSelect", "placeholder", "isForm", "required", "name", "readonly", "items", "itemsAsOption", "bindData", "bindValue", "bindLabel", "bindIcon", "iconSize", "templateLabel", "templateOption", "autocomplete"] }, { kind: "component", type: i4.PryIconComponent, selector: "pry-icon", inputs: ["color", "iconSvg", "animation", "iconImage", "alt", "width", "height", "classes"] }, { kind: "component", type: PryMetadataEditorCssComponent, selector: "pry-metadata-editor-css" }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }, { kind: "pipe", type: i4.I18nPipe, name: "i18n" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: PryMetadataEditorComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'pry-metadata-editor', template: "<div *ngFor=\"let metadata of (_metadata$ | async) ?? []\">\n  <div class=\"o-tabs__panel__content__actions\">\n    <div class=\"o-tabs__panel__content__actions__text\">\n      <span class=\"o-tabs__panel__content__actions__text__label\">{{ metaDefinition(metadata).name }} :</span>\n      <span class=\"o-tabs__panel__content__actions__text__value\">{{ metadata.value }}</span>\n    </div>\n\n    <div class=\"o-tabs__panel__content__actions__buttons\">\n      <ng-container *pryAccess=\"{ module: 'admin', page: 'dataset', action: 'write' }\">\n        <button type=\"button\" class=\"a-btn a-btn--icon-only\" aria-pressed=\"false\">\n          <span class=\"u-visually-hidden\">{{ '@pry.action.edit' | i18n }} {{ metaDefinition(metadata).name }}</span>\n          <pry-icon\n            class=\"edit-icon\"\n            iconSvg=\"edit\"\n            [width]=\"15\"\n            [height]=\"15\"\n            (click)=\"editMetadata(metadata)\"\n          ></pry-icon>\n        </button>\n        <button type=\"button\" class=\"a-btn a-btn--icon-only\" aria-pressed=\"false\">\n          <span class=\"u-visually-hidden\">{{ '@pry.action.delete' | i18n }} {{ metaDefinition(metadata).name }}</span>\n          <pry-icon\n            class=\"delete-icon\"\n            iconSvg=\"delete\"\n            [width]=\"15\"\n            [height]=\"15\"\n            (click)=\"removeMetadata(metadata)\"\n          ></pry-icon>\n        </button>\n      </ng-container>\n    </div>\n  </div>\n</div>\n\n<ng-container *pryAccess=\"{ module: 'admin', page: 'dataset', action: 'write' }\">\n  <ng-container *ngIf=\"form.value.metadata\">\n    <form class=\"o-form -border-top\" [formGroup]=\"form\" (ngSubmit)=\"addDatasetMetadata()\">\n      <fieldset>\n        <legend class=\"u-visually-hidden\">{{ '@pry.action.editProfil' | i18n }}</legend>\n\n        <div class=\"m-form-label-field\">\n          <label for=\"metadata\" id=\"metadata-label\" class=\"a-label\">Data</label>\n          <pry-select\n            id=\"metadata\"\n            class=\"a-pry-select\"\n            formControlName=\"metadata\"\n            [items]=\"availableMetadata$ | async\"\n            (ngModelChange)=\"onMetaChange($event)\"\n            [isForm]=\"true\"\n            [itemsAsOption]=\"true\"\n            bindLabel=\"name\"\n            [readonly]=\"editable\"\n            [attr.aria-labelledby]=\"\n              isSubmitted && form.get('metadata')?.invalid ? 'metadata-label metadata-error' : 'metadata-label'\n            \"\n            [attr.aria-invalid]=\"isSubmitted && form.get('metadata')?.invalid\"\n          >\n          </pry-select>\n          <label\n            *ngIf=\"isSubmitted && form.get('metadata')?.invalid\"\n            id=\"metadata-error\"\n            for=\"metadata\"\n            class=\"a-label a-label--help -error\"\n          >\n            {{ '@pry.admin.required' | i18n }}\n          </label>\n        </div>\n\n        <ng-container *ngIf=\"form.value['metadata']['type'] === 'DATE'; else inputList\">\n          <div class=\"m-form-label-field\">\n            <label id=\"form_date-label\" for=\"form_date\" class=\"a-label\">\n              {{ '@pry.action.selectDate' | i18n }} *\n              <span class=\"u-visually-hidden\">({{ '@pry.admin.required' | i18n }})</span>\n            </label>\n            <input\n              id=\"form_date\"\n              type=\"date\"\n              class=\"a-form-field\"\n              formControlName=\"value\"\n              [attr.aria-labelledby]=\"\n                isSubmitted && form.get('value')?.invalid ? 'form-date-label form-date-error' : 'form-date-label'\n              \"\n              [attr.aria-invalid]=\"isSubmitted && form.get('value')?.invalid\"\n              required\n            />\n            <label\n              *ngIf=\"isSubmitted && form.get('value')?.invalid\"\n              id=\"form_date-error\"\n              for=\"form_date\"\n              class=\"a-label a-label--help -error\"\n            >\n              {{ '@pry.admin.required' | i18n }}\n            </label>\n          </div>\n        </ng-container>\n\n        <ng-template #inputList>\n          <ng-container *ngIf=\"form.value['metadata']['type'] === 'LIST'; else inputText\">\n            <div class=\"m-form-label-field\">\n              <label id=\"list-label\" class=\"a-label\" for=\"list\">{{ '@pry.action.choiceInList' | i18n }}</label>\n              <pry-select\n                id=\"list\"\n                class=\"a-pry-select\"\n                formControlName=\"value\"\n                [items]=\"form.value['metadata']['allowedValues']\"\n                [isForm]=\"true\"\n                aria-labelledby=\"list-label\"\n              ></pry-select>\n            </div>\n          </ng-container>\n        </ng-template>\n\n        <ng-template #inputText>\n          <div class=\"m-form-label-field\">\n            <label id=\"text-label\" class=\"a-label\" for=\"text\">\n              {{ '@pry.action.text' | i18n }} *\n              <span class=\"u-visually-hidden\">({{ '@pry.admin.required' | i18n }})</span>\n            </label>\n            <input\n              id=\"text\"\n              type=\"text\"\n              class=\"a-form-field\"\n              formControlName=\"value\"\n              [attr.aria-labelledby]=\"\n                isSubmitted && form.get('value')?.invalid ? 'text-label text-error' : 'text-label'\n              \"\n              [attr.aria-invalid]=\"isSubmitted && form.get('value')?.invalid\"\n              required\n            />\n            <label\n              *ngIf=\"isSubmitted && form.get('value')?.invalid\"\n              id=\"test-error\"\n              for=\"text\"\n              class=\"a-label a-label--help -error\"\n            >\n              <span *ngIf=\"form.get('value')?.hasError('required')\">{{ '@pry.admin.required' | i18n }}</span>\n              <ng-container *ngIf=\"form.get('value')?.hasError('pattern')\">\n                <span *ngIf=\"form.value['metadata']['type'] === 'DOUBLE'\">\n                  {{ '@pry.admin.environment.formatDouble' | i18n }}\n                </span>\n                <span *ngIf=\"form.value['metadata']['type'] === 'INTEGER'\">\n                  {{ '@pry.admin.environment.formatInt' | i18n }}\n                </span>\n              </ng-container>\n            </label>\n          </div>\n        </ng-template>\n      </fieldset>\n\n      <div class=\"m-btn-group -end\">\n        <button type=\"submit\" class=\"a-btn a-btn--primary\">\n          {{ (editable ? '@pry.action.editMetadata' : '@pry.action.addMetadata') | i18n }}\n        </button>\n      </div>\n    </form>\n  </ng-container>\n</ng-container>\n" }]
-        }], ctorParameters: function () { return [{ type: i1.Store }, { type: i2.FormBuilder }]; }, propDecorators: { targetId: [{
-                type: Input
-            }], editable: [{
+            args: [{ selector: 'pry-metadata-editor', template: "<pry-metadata-editor-css></pry-metadata-editor-css>\n<div *ngFor=\"let metadata of (_metadata$ | async) ?? []\">\n  <div class=\"o-tabs__panel__content__actions\">\n    <div class=\"o-tabs__panel__content__actions__text\">\n      <span class=\"o-tabs__panel__content__actions__text__label\">{{ metaDefinition(metadata).name }} :</span>\n      <span class=\"o-tabs__panel__content__actions__text__value\">{{ metadata.value }}</span>\n    </div>\n\n    <div class=\"o-tabs__panel__content__actions__buttons\">\n      <ng-container *pryAccess=\"{ module: 'admin', page: 'dataset', action: 'write' }\">\n        <button type=\"button\" class=\"a-btn a-btn--icon-only\" aria-pressed=\"false\">\n          <span class=\"u-visually-hidden\">{{ '@pry.action.edit' | i18n }} {{ metaDefinition(metadata).name }}</span>\n          <pry-icon\n            class=\"edit-icon\"\n            iconSvg=\"edit\"\n            [width]=\"15\"\n            [height]=\"15\"\n            (click)=\"editMetadata(metadata)\"\n          ></pry-icon>\n        </button>\n        <button type=\"button\" class=\"a-btn a-btn--icon-only\" aria-pressed=\"false\">\n          <span class=\"u-visually-hidden\">{{ '@pry.action.delete' | i18n }} {{ metaDefinition(metadata).name }}</span>\n          <pry-icon\n            class=\"delete-icon\"\n            iconSvg=\"delete\"\n            [width]=\"15\"\n            [height]=\"15\"\n            (click)=\"removeMetadata(metadata)\"\n          ></pry-icon>\n        </button>\n      </ng-container>\n    </div>\n  </div>\n</div>\n\n<ng-container *pryAccess=\"{ module: 'admin', page: 'dataset', action: 'write' }\">\n  <form class=\"o-form -border-top\" [formGroup]=\"form\" (ngSubmit)=\"addDatasetMetadata()\">\n    <fieldset>\n      <legend class=\"u-visually-hidden\">{{ '@pry.action.editProfil' | i18n }}</legend>\n\n      <div class=\"m-form-label-field o-metadata-editor__container\">\n        <label for=\"metadata\" id=\"metadata-label\" class=\"a-label\">Data</label>\n        <pry-select\n          id=\"metadata\"\n          class=\"a-pry-select o-metadata-editor\"\n          formControlName=\"metadata\"\n          [items]=\"availableMetadata$ | async\"\n          (ngModelChange)=\"onMetaChange($event)\"\n          [isForm]=\"true\"\n          [itemsAsOption]=\"true\"\n          bindLabel=\"name\"\n          [attr.aria-labelledby]=\"\n            isSubmitted && form.get('metadata')?.invalid ? 'metadata-label metadata-error' : 'metadata-label'\n          \"\n          [attr.aria-invalid]=\"isSubmitted && form.get('metadata')?.invalid\"\n        >\n        </pry-select>\n        <label\n          *ngIf=\"isSubmitted && form.get('metadata')?.invalid\"\n          id=\"metadata-error\"\n          for=\"metadata\"\n          class=\"a-label a-label--help -error\"\n        >\n          {{ '@pry.admin.required' | i18n }}\n        </label>\n      </div>\n\n      <ng-container *ngIf=\"form.value.metadata\">\n        <ng-container *ngIf=\"form.value['metadata']['type'] === 'DATE'; else inputList\">\n          <div class=\"m-form-label-field\">\n            <label id=\"form_date-label\" for=\"form_date\" class=\"a-label\">\n              {{ '@pry.action.selectDate' | i18n }} *\n              <span class=\"u-visually-hidden\">({{ '@pry.admin.required' | i18n }})</span>\n            </label>\n            <input\n              id=\"form_date\"\n              type=\"date\"\n              class=\"a-form-field\"\n              formControlName=\"value\"\n              [attr.aria-labelledby]=\"\n                isSubmitted && form.get('value')?.invalid ? 'form-date-label form-date-error' : 'form-date-label'\n              \"\n              [attr.aria-invalid]=\"isSubmitted && form.get('value')?.invalid\"\n              required\n            />\n            <label\n              *ngIf=\"isSubmitted && form.get('value')?.invalid\"\n              id=\"form_date-error\"\n              for=\"form_date\"\n              class=\"a-label a-label--help -error\"\n            >\n              {{ '@pry.admin.required' | i18n }}\n            </label>\n          </div>\n        </ng-container>\n\n        <ng-template #inputList>\n          <ng-container *ngIf=\"form.value['metadata']['type'] === 'LIST'; else inputText\">\n            <div class=\"m-form-label-field\">\n              <label id=\"list-label\" class=\"a-label\" for=\"list\">{{ '@pry.action.choiceInList' | i18n }}</label>\n              <pry-select\n                id=\"list\"\n                class=\"a-pry-select\"\n                formControlName=\"value\"\n                [items]=\"form.value['metadata']['allowedValues']\"\n                [isForm]=\"true\"\n                aria-labelledby=\"list-label\"\n              ></pry-select>\n            </div>\n          </ng-container>\n        </ng-template>\n\n        <ng-template #inputText>\n          <div class=\"m-form-label-field\">\n            <label id=\"text-label\" class=\"a-label\" for=\"text\">\n              {{ '@pry.action.text' | i18n }} *\n              <span class=\"u-visually-hidden\">({{ '@pry.admin.required' | i18n }})</span>\n            </label>\n            <input\n              id=\"text\"\n              type=\"text\"\n              class=\"a-form-field\"\n              formControlName=\"value\"\n              [attr.aria-labelledby]=\"\n                isSubmitted && form.get('value')?.invalid ? 'text-label text-error' : 'text-label'\n              \"\n              [attr.aria-invalid]=\"isSubmitted && form.get('value')?.invalid\"\n              required\n            />\n            <label\n              *ngIf=\"isSubmitted && form.get('value')?.invalid\"\n              id=\"test-error\"\n              for=\"text\"\n              class=\"a-label a-label--help -error\"\n            >\n              <span *ngIf=\"form.get('value')?.hasError('required')\">{{ '@pry.admin.required' | i18n }}</span>\n              <ng-container *ngIf=\"form.get('value')?.hasError('pattern')\">\n                <span *ngIf=\"form.value['metadata']['type'] === 'DOUBLE'\">\n                  {{ '@pry.admin.environment.formatDouble' | i18n }}\n                </span>\n                <span *ngIf=\"form.value['metadata']['type'] === 'INTEGER'\">\n                  {{ '@pry.admin.environment.formatInt' | i18n }}\n                </span>\n              </ng-container>\n            </label>\n          </div>\n        </ng-template>\n      </ng-container>\n    </fieldset>\n\n    <div class=\"m-btn-group -end\">\n      <button type=\"submit\" class=\"a-btn a-btn--primary\">\n        {{ (isModification ? '@pry.action.editMetadata' : '@pry.action.addMetadata') | i18n }}\n      </button>\n    </div>\n  </form>\n</ng-container>\n" }]
+        }], ctorParameters: function () { return [{ type: i1.Store }, { type: i2.FormBuilder }]; }, propDecorators: { isModification: [{
                 type: Input
             }], addMeta: [{
                 type: Output
             }], removeMeta: [{
                 type: Output
-            }], metadata: [{
+            }], targetId: [{
                 type: Input
-            }], initialMetadataSelection: [{
+            }], type: [{
+                type: Input
+            }], metadata: [{
                 type: Input
             }] } });
 
@@ -235,6 +270,26 @@ class MetadataService {
             .select(ConfigSelectors.refUrl)
             .pipe(mergeMap((url) => this.httpClient.post(`${url}/metadata`, metadata)));
     }
+    getMetadataUser(userId) {
+        return this.store
+            .select(ConfigSelectors.refUrl)
+            .pipe(mergeMap((url) => this.httpClient.get(`${url}/users/id/${userId}/metadata`)));
+    }
+    addMetadataUser(userId, metaId, value) {
+        return this.store.select(ConfigSelectors.refUrl).pipe(mergeMap((url) => this.httpClient.put(encodeURI(`${url}/users/id/${userId}/metadata/id/${metaId}`), {
+            value: value
+        })));
+    }
+    deleteMetadataUser(userId, metaId) {
+        return this.store
+            .select(ConfigSelectors.refUrl)
+            .pipe(mergeMap((url) => this.httpClient.delete(encodeURI(`${url}/users/id/${userId}/metadata/id/${metaId}`))));
+    }
+    getUserMetadata() {
+        return this.store
+            .select(ConfigSelectors.refUrl)
+            .pipe(mergeMap((url) => this.httpClient.get(`${url}/users/metadata`)));
+    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: MetadataService, deps: [{ token: i1$1.HttpClient }, { token: i1.Store }], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: MetadataService, providedIn: 'root' }); }
 }
@@ -272,6 +327,26 @@ class MetadataEffects {
                 DataSourceActions.dataset.loadDataset()
             ];
         })));
+        this.loadMetadataUser$ = createEffect(() => this.actions$.pipe(ofType(MetadataActions.loadMetadataUser), mergeMap$1((action) => this.service.getMetadataUser(action.userId).pipe(map$1((metadata) => MetadataActions.loadMetadataUserSuccess({ metadata })), catchError((error) => [MetadataActions.loadMetadataUserFailure({ error })])))));
+        this.selectUser$ = createEffect(() => this.actions$.pipe(ofType('[Admin/User] Select User'), map$1((action) => {
+            // @ts-ignore
+            return MetadataActions.loadMetadataUser({ userId: action.userId });
+        })));
+        this.addMetadataUser$ = createEffect(() => this.actions$.pipe(ofType(MetadataActions.addMetadataUser), mergeMap$1((action) => this.service.addMetadataUser(action.userId, action.metaId, action.value).pipe(map$1(() => MetadataActions.addMetadataUserSuccess({ userId: action.userId })), catchError((error) => [MetadataActions.addMetadataUserFailure({ error })])))));
+        this.addMetadataUserSuccess$ = createEffect(() => this.actions$.pipe(ofType(MetadataActions.addMetadataUserSuccess), mergeMap$1((action) => {
+            return [
+                MetadataActions.loadMetadataUser({ userId: action.userId }),
+                MetadataActions.isEditable({ editable: false })
+            ];
+        })));
+        this.deleteMetadataUser$ = createEffect(() => this.actions$.pipe(ofType(MetadataActions.deleteMetadataUser), mergeMap$1((action) => this.service.deleteMetadataUser(action.userId, action.metadataId).pipe(map$1(() => MetadataActions.deleteMetadataUserSuccess({ userId: action.userId })), catchError((error) => [MetadataActions.deleteMetadataUserFailure({ error })])))));
+        this.deleteMetadataUserSuccess$ = createEffect(() => this.actions$.pipe(ofType(MetadataActions.deleteMetadataUserSuccess), mergeMap$1((action) => {
+            return [
+                MetadataActions.loadMetadataUser({ userId: action.userId }),
+                MetadataActions.isEditable({ editable: false })
+            ];
+        })));
+        this.loadUserProfile$ = createEffect(() => this.actions$.pipe(ofType(MetadataActions.loadUserProfile), mergeMap$1((_) => this.service.getUserMetadata().pipe(map$1((metadata) => MetadataActions.loadUserProfileSuccess({ userProfile: metadata })), catchError((error) => [MetadataActions.loadUserProfileFailure({ error: error })])))));
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: MetadataEffects, deps: [{ token: i1$2.Actions }, { token: MetadataService }, { token: i4.DataSourceService }], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: MetadataEffects }); }
@@ -280,14 +355,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImpor
             type: Injectable
         }], ctorParameters: function () { return [{ type: i1$2.Actions }, { type: MetadataService }, { type: i4.DataSourceService }]; } });
 
-const PRY_METADATA_EDITOR_COMPONENTS = [PryMetadataEditorComponent];
+const PRY_METADATA_EDITOR_COMPONENTS = [PryMetadataEditorComponent, PryMetadataEditorCssComponent];
 class PryExpandPanelModule {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: PryExpandPanelModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.1.6", ngImport: i0, type: PryExpandPanelModule, declarations: [PryMetadataEditorComponent], imports: [CommonModule, i1.StoreFeatureModule, i1$2.EffectsFeatureModule, PryCoreModule,
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.1.6", ngImport: i0, type: PryExpandPanelModule, declarations: [PryMetadataEditorComponent, PryMetadataEditorCssComponent], imports: [CommonModule, i1.StoreFeatureModule, i1$2.EffectsFeatureModule, PryCoreModule,
             PryI18nModule,
             ReactiveFormsModule,
             PrySelectModule,
-            PryIconModule], exports: [PryMetadataEditorComponent] }); }
+            PryIconModule], exports: [PryMetadataEditorComponent, PryMetadataEditorCssComponent] }); }
     static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: PryExpandPanelModule, imports: [CommonModule,
             StoreModule.forFeature(metadataFeatureKey, metadataReducer),
             EffectsModule.forFeature([MetadataEffects]),
@@ -319,5 +394,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { DOUBLE_REGEXP_PATTERN, INTEGER_REGEXP_PATTERN, MetadataActions, MetadataEffects, MetadataSelectors, MetadataService, PryExpandPanelModule, PryMetadataEditorComponent, initialMetadataState, metadataFeatureKey, metadataReducer };
+export { DOUBLE_REGEXP_PATTERN, INTEGER_REGEXP_PATTERN, MetadataActions, MetadataEffects, MetadataSelectors, MetadataService, PryExpandPanelModule, PryMetadataEditorComponent, PryMetadataEditorCssComponent, initialMetadataState, metadataFeatureKey, metadataReducer };
 //# sourceMappingURL=provoly-dashboard-components-metadata-editor.mjs.map