@provoly/dashboard 1.3.5 → 1.3.7

package/fesm2022/provoly-dashboard-admin.mjs

@@ -13,7 +13,7 @@ import { concatLatestFrom, createEffect, ofType, EffectsModule } from '@ngrx/eff
 import * as i1 from '@ngrx/store';
 import { createAction, props, createReducer, on, createFeatureSelector, createSelector, StoreModule } from '@ngrx/store';
 import * as i4 from '@provoly/dashboard';
-import { ClassSelectors, FieldSelectors, FieldType, ClassActions, FieldActions, SubscriptionnerDirective, ConfigSelectors, ConfigActions, DEFAULT_ICON_URL, IconPosition, compareOperationFunctions, ItemUtils, CategoryActions, CategorySelectors, DataSourceActions, DataSourceSelectors, FIELD_OPTIONS, DEFAULT_CATEGORY_UUID, PryDatasetType, ENV_OPTIONS, GeometricFieldTypes, DashboardSelectors, PryShareMode, PRY_ACCESS_TOKEN, META_OPTIONS, RelationTypesSelectors, RelationTypesActions, BaseMenuComponent, BaseLayoutComponent, PRY_ACCESS_GUARD, PryDialogConfirmComponent, PrySortModule, PryIconModule, PryModalModule, PryI18nModule, PryCoreModule, PrySelectModule, PryToggleModule, PryOverlayModule, PryShareModule } from '@provoly/dashboard';
+import { ClassSelectors, FieldSelectors, FieldType, ClassActions, FieldActions, SubscriptionnerDirective, ConfigSelectors, ConfigActions, DEFAULT_ICON_URL, IconPosition, compareOperationFunctions, ItemUtils, CategoryActions, CategorySelectors, DataSourceActions, DataSourceSelectors, FIELD_OPTIONS, DEFAULT_CATEGORY_UUID, getShareLevel, PryDatasetType, ENV_OPTIONS, GeometricFieldTypes, DashboardSelectors, PryShareMode, PRY_ACCESS_TOKEN, META_OPTIONS, RelationTypesSelectors, RelationTypesActions, BaseMenuComponent, BaseLayoutComponent, PRY_ACCESS_GUARD, PryDialogConfirmComponent, PrySortModule, PryIconModule, PryModalModule, PryI18nModule, PryCoreModule, PrySelectModule, PryToggleModule, PryOverlayModule, PryShareModule } from '@provoly/dashboard';
 import * as i5$1 from '@provoly/dashboard/components/checkbox';
 import { PryCheckboxModule } from '@provoly/dashboard/components/checkbox';
 import * as i6 from '@provoly/dashboard/components/metadata-editor';
@@ -1630,7 +1630,7 @@ class AdminAttributesFormComponent extends SubscriptionnerDirective {
         ref.component.entityType = 'attribute';
         this.subscriptions.add(ref.component.category.subscribe((category) => {
             this.attrForm.patchValue({
-                categories: category.id
+                category: category.id
             });
         }));
         this.subscriptions.add(ref.component.closeModal.subscribe(() => ref.close()));
@@ -1692,12 +1692,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImpor
         }], ctorParameters: () => [{ type: i1.Store }, { type: i2.Router }, { type: i2.ActivatedRoute }] });
 
 class AdminClassesViewComponent {
-    constructor(store, router, route, overlay, viewContainerRef) {
+    constructor(store, router, route, overlay, viewContainerRef, i18n) {
         this.store = store;
         this.router = router;
         this.route = route;
         this.overlay = overlay;
         this.viewContainerRef = viewContainerRef;
+        this.i18n = i18n;
         this.attributes$ = of([]);
         this.fields$ = of([]);
         this.categories$ = of([]);
@@ -1750,8 +1751,10 @@ class AdminClassesViewComponent {
         return combineLatest([this.attributes$, this.fields$, this.categories$]).pipe(filter(([attributes, fields, categories]) => fields.length > 0 && categories.length > 0), map(([attributes, fields, categories]) => {
             return attributes.map((attr) => ({
                 ...attr,
-                fieldName: fields.find((field) => field.id === attr.field)?.name || 'unknown',
-                categoryName: categories.find((category) => category.id === attr.category)?.name || 'unknown'
+                fieldName: fields.find((field) => field.id === attr.field)?.name || this.i18n.instant('@pry.admin.attributes.unknownField'),
+                categoryName: attr.category ?
+                    categories.find((category) => category.id === attr.category)?.name ?? this.i18n.instant('@pry.admin.attributes.unknownCategory')
+                    : this.i18n.instant('@pry.admin.attributes.noCategory')
             }));
         }));
     }
@@ -1850,13 +1853,13 @@ class AdminClassesViewComponent {
         }
         this.dispatchCloseModal();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: AdminClassesViewComponent, deps: [{ token: i1.Store }, { token: i2.Router }, { token: i2.ActivatedRoute }, { token: i5.Overlay }, { token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: AdminClassesViewComponent, deps: [{ token: i1.Store }, { token: i2.Router }, { token: i2.ActivatedRoute }, { token: i5.Overlay }, { token: i0.ViewContainerRef }, { token: i4.PryI18nService }], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.3", type: AdminClassesViewComponent, selector: "pry-admin-classes-view", viewQueries: [{ propertyName: "confirmationModal", first: true, predicate: ["confirmationModal"], descendants: true, read: TemplateRef }], ngImport: i0, template: "<ng-container *ngIf=\"(selectedclass$ | async) || (interClass$ | async) as selectedClass\">\n  <div class=\"o-base-container\">\n    <h1 class=\"a-h1\">\n      {{ '@pry.admin.classes.title' | i18n : { class: selectedClass.name } }}\n    </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.classes.title' | i18n\n        }},\n        {{\n          '@pry.action.sortableColumnHeader' | i18n\n        }}\n      </caption>\n      <thead>\n        <tr>\n          <th></th>\n          <th prySortHeader=\"technicalName\">{{ '@pry.admin.classes.attributes.technicalName' | i18n }}</th>\n          <th prySortHeader=\"name\">{{ '@pry.admin.classes.attributes.name' | i18n }}</th>\n          <th prySortHeader=\"field\">{{ '@pry.admin.classes.attributes.field' | i18n }}</th>\n          <th prySortHeader=\"category\">{{ '@pry.admin.classes.attributes.category' | i18n }}</th>\n        </tr>\n      </thead>\n      <tbody>\n        <tr\n          *ngFor=\"let attr of attributesExtended$ | async | prySortData : sortActive : sortDirection\"\n          (click)=\"selectAttr(attr)\"\n          [class.is-selected]=\"(selectedAttributeId$ | async) === attr.id\"\n        >\n          <td class=\"view-details\">\n            <button\n              [id]=\"'button-attr-' + attr.id\"\n              type=\"button\"\n              class=\"a-btn a-btn--icon-only\"\n              title=\"{{ '@pry.action.viewDetails' | i18n }}\"\n              [attr.aria-expanded]=\"(selectedAttributeId$ | async) === attr.id\"\n              aria-haspopup\n              [attr.aria-controls]=\"'panel-attr-' + attr.id\"\n            >\n              <span class=\"u-visually-hidden\">{{ attr.name }}, {{ '@pry.action.viewDetails' | i18n }}</span>\n              <pry-icon iconSvg=\"eye\" [width]=\"15\" [height]=\"15\"></pry-icon>\n            </button>\n          </td>\n          <td>{{ attr.technicalName }}</td>\n          <td>{{ attr.name }}</td>\n          <td>{{ attr.fieldName }}</td>\n          <td>{{ attr.categoryName }}</td>\n        </tr>\n      </tbody>\n    </table>\n  </div>\n</ng-container>\n\n<ng-template #confirmationModal>\n  <div class=\"o-modal\">\n    <div class=\"o-modal__top\">\n      <div class=\"o-modal__top__title\">\n        <h2 class=\"a-h2\" id=\"dialog_title\">\n          {{ '@pry.admin.classes.createClassConfirmMessage' | i18n }}\n        </h2>\n      </div>\n      <div class=\"o-modal__top__close\">\n        <button class=\"a-btn a-btn--icon-only\" (click)=\"dispatchCloseModal()\">\n          <pry-icon iconSvg=\"close\" [height]=\"35\" [width]=\"35\"></pry-icon>\n          <span class=\"u-visually-hidden\">{{ '@pry.toolbox.close' | i18n }}</span>\n        </button>\n      </div>\n    </div>\n    <div class=\"m-btn-group\">\n      <button type=\"button\" class=\"a-btn a-btn--primary\" (click)=\"saveClass()\">\n        {{ '@pry.toolbox.manifest.validate' | i18n }}\n      </button>\n      <button type=\"button\" class=\"a-btn a-btn--secondary\" (click)=\"dispatchCloseModal()\">\n        {{ '@pry.toolbox.manifest.close' | i18n }}\n      </button>\n    </div>\n  </div>\n</ng-template>\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.PryIconComponent, selector: "pry-icon", inputs: ["color", "iconSvg", "animation", "iconImage", "alt", "width", "height", "classes"] }, { 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: AdminClassesViewComponent, decorators: [{
             type: Component,
             args: [{ selector: 'pry-admin-classes-view', template: "<ng-container *ngIf=\"(selectedclass$ | async) || (interClass$ | async) as selectedClass\">\n  <div class=\"o-base-container\">\n    <h1 class=\"a-h1\">\n      {{ '@pry.admin.classes.title' | i18n : { class: selectedClass.name } }}\n    </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.classes.title' | i18n\n        }},\n        {{\n          '@pry.action.sortableColumnHeader' | i18n\n        }}\n      </caption>\n      <thead>\n        <tr>\n          <th></th>\n          <th prySortHeader=\"technicalName\">{{ '@pry.admin.classes.attributes.technicalName' | i18n }}</th>\n          <th prySortHeader=\"name\">{{ '@pry.admin.classes.attributes.name' | i18n }}</th>\n          <th prySortHeader=\"field\">{{ '@pry.admin.classes.attributes.field' | i18n }}</th>\n          <th prySortHeader=\"category\">{{ '@pry.admin.classes.attributes.category' | i18n }}</th>\n        </tr>\n      </thead>\n      <tbody>\n        <tr\n          *ngFor=\"let attr of attributesExtended$ | async | prySortData : sortActive : sortDirection\"\n          (click)=\"selectAttr(attr)\"\n          [class.is-selected]=\"(selectedAttributeId$ | async) === attr.id\"\n        >\n          <td class=\"view-details\">\n            <button\n              [id]=\"'button-attr-' + attr.id\"\n              type=\"button\"\n              class=\"a-btn a-btn--icon-only\"\n              title=\"{{ '@pry.action.viewDetails' | i18n }}\"\n              [attr.aria-expanded]=\"(selectedAttributeId$ | async) === attr.id\"\n              aria-haspopup\n              [attr.aria-controls]=\"'panel-attr-' + attr.id\"\n            >\n              <span class=\"u-visually-hidden\">{{ attr.name }}, {{ '@pry.action.viewDetails' | i18n }}</span>\n              <pry-icon iconSvg=\"eye\" [width]=\"15\" [height]=\"15\"></pry-icon>\n            </button>\n          </td>\n          <td>{{ attr.technicalName }}</td>\n          <td>{{ attr.name }}</td>\n          <td>{{ attr.fieldName }}</td>\n          <td>{{ attr.categoryName }}</td>\n        </tr>\n      </tbody>\n    </table>\n  </div>\n</ng-container>\n\n<ng-template #confirmationModal>\n  <div class=\"o-modal\">\n    <div class=\"o-modal__top\">\n      <div class=\"o-modal__top__title\">\n        <h2 class=\"a-h2\" id=\"dialog_title\">\n          {{ '@pry.admin.classes.createClassConfirmMessage' | i18n }}\n        </h2>\n      </div>\n      <div class=\"o-modal__top__close\">\n        <button class=\"a-btn a-btn--icon-only\" (click)=\"dispatchCloseModal()\">\n          <pry-icon iconSvg=\"close\" [height]=\"35\" [width]=\"35\"></pry-icon>\n          <span class=\"u-visually-hidden\">{{ '@pry.toolbox.close' | i18n }}</span>\n        </button>\n      </div>\n    </div>\n    <div class=\"m-btn-group\">\n      <button type=\"button\" class=\"a-btn a-btn--primary\" (click)=\"saveClass()\">\n        {{ '@pry.toolbox.manifest.validate' | i18n }}\n      </button>\n      <button type=\"button\" class=\"a-btn a-btn--secondary\" (click)=\"dispatchCloseModal()\">\n        {{ '@pry.toolbox.manifest.close' | i18n }}\n      </button>\n    </div>\n  </div>\n</ng-template>\n" }]
-        }], ctorParameters: () => [{ type: i1.Store }, { type: i2.Router }, { type: i2.ActivatedRoute }, { type: i5.Overlay }, { type: i0.ViewContainerRef }], propDecorators: { confirmationModal: [{
+        }], ctorParameters: () => [{ type: i1.Store }, { type: i2.Router }, { type: i2.ActivatedRoute }, { type: i5.Overlay }, { type: i0.ViewContainerRef }, { type: i4.PryI18nService }], propDecorators: { confirmationModal: [{
                 type: ViewChild,
                 args: ['confirmationModal', { read: TemplateRef }]
             }] } });
@@ -1976,6 +1979,8 @@ class AdminDatasetComponent {
         this.value = '';
         this.labelDatasetSelected = '';
         this.editOpened = false;
+        this.getShareLevel = getShareLevel;
+        this.loading$ = this.store.select(ClassSelectors.loading);
         this.store.dispatch(DataSourceActions.dataset.loadDataset());
         this.store.dispatch(ClassActions.load());
         this.validateAction = () => this.validateName(this.labelDatasetSelected);
@@ -2026,11 +2031,11 @@ class AdminDatasetComponent {
         this.store.dispatch(AdminActions.selectComponentType({ componentType: 'AdminSelectDatasetComponent' }));
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: AdminDatasetComponent, deps: [{ token: i1.Store }, { token: i4.PryI18nService }, { token: i2.Router }, { token: i2.ActivatedRoute }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.3", type: AdminDatasetComponent, selector: "pry-admin-dataset", viewQueries: [{ propertyName: "input", first: true, predicate: ["input"], descendants: true }], ngImport: i0, template: "<div class=\"o-base-container\">\n  <h1 class=\"a-h1\">{{ '@pry.admin.dataset.title' | i18n }}</h1>\n  <ng-container *ngIf=\"datasetList$ | async as datasetList\">\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.dataset.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 dataset of datasetList | prySortData: sortActive : sortDirection\"\n          (click)=\"selectDataset(dataset)\"\n          [class.is-selected]=\"(selectedDataset$ | async) === dataset.id\"\n        >\n          <td class=\"view-details\">\n            <button\n              id=\"button-dataset- + {{ dataset.id }}\"\n              type=\"button\"\n              class=\"a-btn a-btn--icon-only\"\n              title=\"{{ '@pry.action.viewDetails' | i18n }}\"\n              [attr.aria-expanded]=\"(selectedDataset$ | async) === dataset.id\"\n              aria-haspopup\n              [attr.aria-controls]=\"'panel-dataset-' + dataset.id\"\n            >\n              <span class=\"u-visually-hidden\">{{ dataset.name }}, {{ '@pry.action.viewDetails' | i18n }}</span>\n              <pry-icon iconSvg=\"eye\" [width]=\"15\" [height]=\"15\"></pry-icon>\n            </button>\n          </td>\n          <td>{{ dataset.name }}</td>\n          <td>{{ dataset.oClass | translateId: { type: 'class', output: 'name' } | async }}</td>\n          <td>{{ '@pry.admin.dataset.' + dataset.type | i18n }}</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]=\"labelDatasetSelected\"\n      (ngModelChange)=\"changeValue($event)\"\n      #input\n    />\n  </div>\n</pry-modal>\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.PryIconComponent, selector: "pry-icon", inputs: ["color", "iconSvg", "animation", "iconImage", "alt", "width", "height", "classes"] }, { kind: "directive", type: i3$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i3$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { 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: "component", type: i4.PryModalComponent, selector: "pry-modal", inputs: ["titleModal", "opened", "validateLabel", "validateAction", "cancelLabel", "cancelAction"] }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }, { kind: "pipe", type: i4.TranslateIdPipe, name: "translateId" }, { kind: "pipe", type: i4.PrySortDataPipe, name: "prySortData" }, { kind: "pipe", type: i4.I18nPipe, name: "i18n" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.1.3", type: AdminDatasetComponent, selector: "pry-admin-dataset", viewQueries: [{ propertyName: "input", first: true, predicate: ["input"], descendants: true }], ngImport: i0, template: "<div class=\"o-base-container u-display-flex -column\">\n  <h1 class=\"a-h1\">{{ '@pry.admin.dataset.title' | i18n }}</h1>\n  @if (loading$ | async; as loading) {\n    <div class=\"a-page-loader -relative\" [style.display]=\"'flex'\">\n      <pry-icon\n        iconSvg=\"loader\"\n        class=\"no-widget__loading\"\n        [alt]=\"'@pry.widget.target.loading' | i18n\"\n        [width]=\"200\"\n        [height]=\"200\"\n      />\n      <p>{{ '@pry.widget.target.loading' | i18n }}...</p>\n    </div>\n  } @else {\n    @if (datasetList$ | async; as datasetList) {\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.dataset.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            <th></th>\n          </tr>\n        </thead>\n        <tbody>\n          <tr\n            *ngFor=\"let dataset of datasetList | prySortData: sortActive : sortDirection\"\n            (click)=\"selectDataset(dataset)\"\n            [class.is-selected]=\"(selectedDataset$ | async) === dataset.id\"\n          >\n            <td class=\"view-details\">\n              <button\n                id=\"button-dataset- + {{ dataset.id }}\"\n                type=\"button\"\n                class=\"a-btn a-btn--icon-only\"\n                title=\"{{ '@pry.action.viewDetails' | i18n }}\"\n                [attr.aria-expanded]=\"(selectedDataset$ | async) === dataset.id\"\n                aria-haspopup\n                [attr.aria-controls]=\"'panel-dataset-' + dataset.id\"\n              >\n                <span class=\"u-visually-hidden\">{{ dataset.name }}, {{ '@pry.action.viewDetails' | i18n }}</span>\n                <pry-icon iconSvg=\"eye\" [width]=\"15\" [height]=\"15\"></pry-icon>\n              </button>\n            </td>\n            <td>{{ dataset.name }}</td>\n            <td>{{ dataset.oClass | translateId: { type: 'class', output: 'name' } | async }}</td>\n            <td>{{ '@pry.admin.dataset.' + dataset.type | i18n }}</td>\n            <td>\n            <pry-icon\n              [iconSvg]=\"getShareLevel(dataset.groups).toLowerCase()\"\n              class=\"a-tooltip -tooltip-no-wrap\"\n              [attr.data-tooltip]=\"'@pry.share.iconLabel.' + getShareLevel(dataset.groups) | i18n\"\n              data-tooltip-position=\"left\"\n              [height]=\"17\"\n              [width]=\"17\"\n            ></pry-icon>\n          </td>\n          </tr>\n        </tbody>\n      </table>\n    }\n  }\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]=\"labelDatasetSelected\"\n      (ngModelChange)=\"changeValue($event)\"\n      #input\n    />\n  </div>\n</pry-modal>\n", dependencies: [{ kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: i4.PryIconComponent, selector: "pry-icon", inputs: ["color", "iconSvg", "animation", "iconImage", "alt", "width", "height", "classes"] }, { kind: "directive", type: i3$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i3$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { 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: "component", type: i4.PryModalComponent, selector: "pry-modal", inputs: ["titleModal", "opened", "validateLabel", "validateAction", "cancelLabel", "cancelAction"] }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }, { kind: "pipe", type: i4.TranslateIdPipe, name: "translateId" }, { 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: AdminDatasetComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'pry-admin-dataset', template: "<div class=\"o-base-container\">\n  <h1 class=\"a-h1\">{{ '@pry.admin.dataset.title' | i18n }}</h1>\n  <ng-container *ngIf=\"datasetList$ | async as datasetList\">\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.dataset.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 dataset of datasetList | prySortData: sortActive : sortDirection\"\n          (click)=\"selectDataset(dataset)\"\n          [class.is-selected]=\"(selectedDataset$ | async) === dataset.id\"\n        >\n          <td class=\"view-details\">\n            <button\n              id=\"button-dataset- + {{ dataset.id }}\"\n              type=\"button\"\n              class=\"a-btn a-btn--icon-only\"\n              title=\"{{ '@pry.action.viewDetails' | i18n }}\"\n              [attr.aria-expanded]=\"(selectedDataset$ | async) === dataset.id\"\n              aria-haspopup\n              [attr.aria-controls]=\"'panel-dataset-' + dataset.id\"\n            >\n              <span class=\"u-visually-hidden\">{{ dataset.name }}, {{ '@pry.action.viewDetails' | i18n }}</span>\n              <pry-icon iconSvg=\"eye\" [width]=\"15\" [height]=\"15\"></pry-icon>\n            </button>\n          </td>\n          <td>{{ dataset.name }}</td>\n          <td>{{ dataset.oClass | translateId: { type: 'class', output: 'name' } | async }}</td>\n          <td>{{ '@pry.admin.dataset.' + dataset.type | i18n }}</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]=\"labelDatasetSelected\"\n      (ngModelChange)=\"changeValue($event)\"\n      #input\n    />\n  </div>\n</pry-modal>\n" }]
+            args: [{ selector: 'pry-admin-dataset', template: "<div class=\"o-base-container u-display-flex -column\">\n  <h1 class=\"a-h1\">{{ '@pry.admin.dataset.title' | i18n }}</h1>\n  @if (loading$ | async; as loading) {\n    <div class=\"a-page-loader -relative\" [style.display]=\"'flex'\">\n      <pry-icon\n        iconSvg=\"loader\"\n        class=\"no-widget__loading\"\n        [alt]=\"'@pry.widget.target.loading' | i18n\"\n        [width]=\"200\"\n        [height]=\"200\"\n      />\n      <p>{{ '@pry.widget.target.loading' | i18n }}...</p>\n    </div>\n  } @else {\n    @if (datasetList$ | async; as datasetList) {\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.dataset.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            <th></th>\n          </tr>\n        </thead>\n        <tbody>\n          <tr\n            *ngFor=\"let dataset of datasetList | prySortData: sortActive : sortDirection\"\n            (click)=\"selectDataset(dataset)\"\n            [class.is-selected]=\"(selectedDataset$ | async) === dataset.id\"\n          >\n            <td class=\"view-details\">\n              <button\n                id=\"button-dataset- + {{ dataset.id }}\"\n                type=\"button\"\n                class=\"a-btn a-btn--icon-only\"\n                title=\"{{ '@pry.action.viewDetails' | i18n }}\"\n                [attr.aria-expanded]=\"(selectedDataset$ | async) === dataset.id\"\n                aria-haspopup\n                [attr.aria-controls]=\"'panel-dataset-' + dataset.id\"\n              >\n                <span class=\"u-visually-hidden\">{{ dataset.name }}, {{ '@pry.action.viewDetails' | i18n }}</span>\n                <pry-icon iconSvg=\"eye\" [width]=\"15\" [height]=\"15\"></pry-icon>\n              </button>\n            </td>\n            <td>{{ dataset.name }}</td>\n            <td>{{ dataset.oClass | translateId: { type: 'class', output: 'name' } | async }}</td>\n            <td>{{ '@pry.admin.dataset.' + dataset.type | i18n }}</td>\n            <td>\n            <pry-icon\n              [iconSvg]=\"getShareLevel(dataset.groups).toLowerCase()\"\n              class=\"a-tooltip -tooltip-no-wrap\"\n              [attr.data-tooltip]=\"'@pry.share.iconLabel.' + getShareLevel(dataset.groups) | i18n\"\n              data-tooltip-position=\"left\"\n              [height]=\"17\"\n              [width]=\"17\"\n            ></pry-icon>\n          </td>\n          </tr>\n        </tbody>\n      </table>\n    }\n  }\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]=\"labelDatasetSelected\"\n      (ngModelChange)=\"changeValue($event)\"\n      #input\n    />\n  </div>\n</pry-modal>\n" }]
         }], ctorParameters: () => [{ type: i1.Store }, { type: i4.PryI18nService }, { type: i2.Router }, { type: i2.ActivatedRoute }], propDecorators: { input: [{
                 type: ViewChild,
                 args: ['input']
@@ -2876,12 +2881,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImpor
 
 class AdminSelectDatasetComponent extends SubscriptionnerDirective {
     static { this.id = 'AdminSelectDatasetComponent'; }
-    constructor(store, router, route, i18n, access) {
+    constructor(store, router, route, i18n, cdr, access) {
         super();
         this.store = store;
         this.router = router;
         this.route = route;
         this.i18n = i18n;
+        this.cdr = cdr;
         this.access = access;
         this.sub = new Subscription();
         this.currentTypeTranslation = '';
@@ -2983,7 +2989,7 @@ class AdminSelectDatasetComponent extends SubscriptionnerDirective {
     }
     getGroupLabel(groupName) {
         const i18nBase = '@pry.components.chipsSelector.share.groups.';
-        const label = this.i18n.instant(i18nBase + groupName);
+        const label = this.i18n.instant(i18nBase + groupName, undefined, false);
         return label.startsWith(i18nBase) ? groupName : label;
     }
     changeGroup($event) {
@@ -3004,17 +3010,18 @@ class AdminSelectDatasetComponent extends SubscriptionnerDirective {
                 this.disableShareButton$.next(false);
             }
         }
+        this.cdr.detectChanges();
     }
     canModify$(dataset) {
         return this.access ? this.access.canModifyDataset(dataset) : of(false);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: AdminSelectDatasetComponent, deps: [{ token: i1.Store }, { token: i2.Router }, { token: i2.ActivatedRoute }, { token: i4.PryI18nService }, { token: PRY_ACCESS_TOKEN, optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: AdminSelectDatasetComponent, deps: [{ token: i1.Store }, { token: i2.Router }, { token: i2.ActivatedRoute }, { token: i4.PryI18nService }, { token: i0.ChangeDetectorRef }, { token: PRY_ACCESS_TOKEN, optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.1.3", type: AdminSelectDatasetComponent, selector: "pry-admin-select-dataset", usesInheritance: true, ngImport: i0, template: "<div\n  *ngIf=\"selectedDataset$ | async as dataset\"\n  [id]=\"'panel-dataset-' + dataset.id\"\n  [attr.aria-labelledby]=\"'button-dataset-' + dataset.id\"\n  class=\"o-panel o-pry-admin-dataset-select\"\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.dataset.datasetDetails' | i18n }}\n    </h3>\n  </div>\n\n  <pry-tab-group translationStringBase=\"@pry.admin.\">\n    <pry-tab [templateRef]=\"datasetDetails\" name=\"dataset.details\"></pry-tab>\n    <pry-tab [templateRef]=\"datasetMetadata\" name=\"metadata.title\"></pry-tab>\n    <pry-tab [templateRef]=\"datasetAssociations\" name=\"classes.associations\"></pry-tab>\n    <pry-tab *ngIf=\"canModify$(dataset) | async\" [templateRef]=\"shareDataset\" name=\"share\"></pry-tab>\n  </pry-tab-group>\n\n  <ng-template #datasetDetails>\n    <div class=\"u-display-flex -column -gap-20\">\n      <div>\n        <h4 class=\"a-h4\">{{ '@pry.dataset.name' | i18n }}</h4>\n        <span>{{ dataset.name }}</span>\n      </div>\n      <div>\n        <h4 class=\"a-h4\">{{ '@pry.dataset.description' | i18n }}</h4>\n        @if (dataset.description) {\n          <span>{{ dataset.description }}</span>\n        } @else {\n          <span class=\"-italic\">{{ '@pry.dataset.noDescription' | i18n }}</span>\n        }\n      </div>\n      <div>\n        <h4 class=\"a-h4\">{{ '@pry.admin.customize.name' | i18n }}</h4>\n        <span>{{ dataset.oClass | translateId: { type: 'class', output: 'name' } | async }}</span>\n      </div>\n      <div>\n        <h4 class=\"a-h4\">{{ '@pry.admin.dataset.type' | i18n }}</h4>\n        <span>{{ '@pry.admin.dataset.' + dataset.type | i18n }}</span>\n      </div>\n      <div>\n        <h4 class=\"a-h4\">{{ '@pry.dataset.tags' | i18n }}</h4>\n        @if (dataset.categories && dataset.categories.length > 0) {\n          <div class=\"u-display-flex\">\n            @for (category of dataset.categories; track category.id) {\n              <span class=\"a-chip -md\">{{ category.name }}</span>\n            }\n          </div>\n        } @else {\n          <span class=\"-italic\">{{ '@pry.dataset.noTags' | i18n }}</span>\n        }\n      </div>\n    </div>\n  </ng-template>\n\n  <ng-template #datasetMetadata>\n    <pry-metadata-editor\n      [targetId]=\"(selectedDataset$ | async)?.id ?? ''\"\n      [isModification]=\"(editable$ | async) ?? false\"\n      [metadata]=\"(datasetMetadata$ | async) ?? []\"\n      (removeMeta)=\"removeMetadata($event)\"\n      (addMeta)=\"addDatasetMetadata($event)\"\n      [type]=\"'meta'\"\n    ></pry-metadata-editor>\n  </ng-template>\n\n  <ng-template #datasetAssociations>\n    <div *ngIf=\"associations$ | async as associations\" class=\"o-tabs__panels__item__content\">\n      <h4 class=\"a-h4\">{{ '@pry.admin.classes.associations' | i18n }}</h4>\n      <pry-association [associations]=\"associations\"></pry-association>\n    </div>\n  </ng-template>\n\n  <ng-template #shareDataset>\n    <div class=\"o-pry-admin-dataset-select__share\">\n      <pry-group-share\n        [ngModel]=\"dataset.groups\"\n        (ngModelChange)=\"changeGroup($event)\"\n        (radioValueChange)=\"updateGroups($event)\"\n      ></pry-group-share>\n      <button\n        type=\"submit\"\n        class=\"a-btn a-btn--primary u-self-end\"\n        #submit\n        (click)=\"share(dataset)\"\n        [disabled]=\"disableShareButton$ | async\"\n      >\n        {{ '@pry.admin.validate' | i18n }}\n      </button>\n      @if (selectedDatasetMissingGroups$ | async) {\n        <h4 class=\"a-h4\">{{ '@pry.admin.dataset.success' | i18n }}</h4>\n      }\n      @if (missingGroups$ | async; as missingGroups) {\n        <div class=\"u-display-flex -column\">\n          <span>{{ '@pry.admin.dataset.conflict' | i18n }}</span>\n          @for (missing of missingGroups | keyvalue; track missing.key) {\n            <div>\n              {{ '@pry.admin.dataset.entities.dashboard' | i18n }} <strong>{{ missing.value.entityName }}</strong>\n              <div class=\"u-display-flex\">\n                @for (group of missing.value.groups; track group) {\n                  <span class=\"a-chip\">{{ getGroupLabel(group) }}</span>\n                }\n              </div>\n            </div>\n          }\n        </div>\n      }\n    </div>\n  </ng-template>\n</div>\n", dependencies: [{ 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: "directive", type: i3$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i6.PryMetadataEditorComponent, selector: "pry-metadata-editor", inputs: ["isModification", "targetId", "type", "metadata"], outputs: ["addMeta", "removeMeta"] }, { kind: "component", type: i4.PryGroupShareComponent, selector: "pry-group-share", inputs: ["disableRadios", "allowedGroups"], outputs: ["radioValueChange"] }, { kind: "component", type: PryAssociationComponent, selector: "pry-association", inputs: ["associations"] }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }, { kind: "pipe", type: i3.KeyValuePipe, name: "keyvalue" }, { kind: "pipe", type: i4.TranslateIdPipe, name: "translateId" }, { kind: "pipe", type: i4.I18nPipe, name: "i18n" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: AdminSelectDatasetComponent, decorators: [{
             type: Component,
             args: [{ selector: 'pry-admin-select-dataset', template: "<div\n  *ngIf=\"selectedDataset$ | async as dataset\"\n  [id]=\"'panel-dataset-' + dataset.id\"\n  [attr.aria-labelledby]=\"'button-dataset-' + dataset.id\"\n  class=\"o-panel o-pry-admin-dataset-select\"\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.dataset.datasetDetails' | i18n }}\n    </h3>\n  </div>\n\n  <pry-tab-group translationStringBase=\"@pry.admin.\">\n    <pry-tab [templateRef]=\"datasetDetails\" name=\"dataset.details\"></pry-tab>\n    <pry-tab [templateRef]=\"datasetMetadata\" name=\"metadata.title\"></pry-tab>\n    <pry-tab [templateRef]=\"datasetAssociations\" name=\"classes.associations\"></pry-tab>\n    <pry-tab *ngIf=\"canModify$(dataset) | async\" [templateRef]=\"shareDataset\" name=\"share\"></pry-tab>\n  </pry-tab-group>\n\n  <ng-template #datasetDetails>\n    <div class=\"u-display-flex -column -gap-20\">\n      <div>\n        <h4 class=\"a-h4\">{{ '@pry.dataset.name' | i18n }}</h4>\n        <span>{{ dataset.name }}</span>\n      </div>\n      <div>\n        <h4 class=\"a-h4\">{{ '@pry.dataset.description' | i18n }}</h4>\n        @if (dataset.description) {\n          <span>{{ dataset.description }}</span>\n        } @else {\n          <span class=\"-italic\">{{ '@pry.dataset.noDescription' | i18n }}</span>\n        }\n      </div>\n      <div>\n        <h4 class=\"a-h4\">{{ '@pry.admin.customize.name' | i18n }}</h4>\n        <span>{{ dataset.oClass | translateId: { type: 'class', output: 'name' } | async }}</span>\n      </div>\n      <div>\n        <h4 class=\"a-h4\">{{ '@pry.admin.dataset.type' | i18n }}</h4>\n        <span>{{ '@pry.admin.dataset.' + dataset.type | i18n }}</span>\n      </div>\n      <div>\n        <h4 class=\"a-h4\">{{ '@pry.dataset.tags' | i18n }}</h4>\n        @if (dataset.categories && dataset.categories.length > 0) {\n          <div class=\"u-display-flex\">\n            @for (category of dataset.categories; track category.id) {\n              <span class=\"a-chip -md\">{{ category.name }}</span>\n            }\n          </div>\n        } @else {\n          <span class=\"-italic\">{{ '@pry.dataset.noTags' | i18n }}</span>\n        }\n      </div>\n    </div>\n  </ng-template>\n\n  <ng-template #datasetMetadata>\n    <pry-metadata-editor\n      [targetId]=\"(selectedDataset$ | async)?.id ?? ''\"\n      [isModification]=\"(editable$ | async) ?? false\"\n      [metadata]=\"(datasetMetadata$ | async) ?? []\"\n      (removeMeta)=\"removeMetadata($event)\"\n      (addMeta)=\"addDatasetMetadata($event)\"\n      [type]=\"'meta'\"\n    ></pry-metadata-editor>\n  </ng-template>\n\n  <ng-template #datasetAssociations>\n    <div *ngIf=\"associations$ | async as associations\" class=\"o-tabs__panels__item__content\">\n      <h4 class=\"a-h4\">{{ '@pry.admin.classes.associations' | i18n }}</h4>\n      <pry-association [associations]=\"associations\"></pry-association>\n    </div>\n  </ng-template>\n\n  <ng-template #shareDataset>\n    <div class=\"o-pry-admin-dataset-select__share\">\n      <pry-group-share\n        [ngModel]=\"dataset.groups\"\n        (ngModelChange)=\"changeGroup($event)\"\n        (radioValueChange)=\"updateGroups($event)\"\n      ></pry-group-share>\n      <button\n        type=\"submit\"\n        class=\"a-btn a-btn--primary u-self-end\"\n        #submit\n        (click)=\"share(dataset)\"\n        [disabled]=\"disableShareButton$ | async\"\n      >\n        {{ '@pry.admin.validate' | i18n }}\n      </button>\n      @if (selectedDatasetMissingGroups$ | async) {\n        <h4 class=\"a-h4\">{{ '@pry.admin.dataset.success' | i18n }}</h4>\n      }\n      @if (missingGroups$ | async; as missingGroups) {\n        <div class=\"u-display-flex -column\">\n          <span>{{ '@pry.admin.dataset.conflict' | i18n }}</span>\n          @for (missing of missingGroups | keyvalue; track missing.key) {\n            <div>\n              {{ '@pry.admin.dataset.entities.dashboard' | i18n }} <strong>{{ missing.value.entityName }}</strong>\n              <div class=\"u-display-flex\">\n                @for (group of missing.value.groups; track group) {\n                  <span class=\"a-chip\">{{ getGroupLabel(group) }}</span>\n                }\n              </div>\n            </div>\n          }\n        </div>\n      }\n    </div>\n  </ng-template>\n</div>\n" }]
-        }], ctorParameters: () => [{ type: i1.Store }, { type: i2.Router }, { type: i2.ActivatedRoute }, { type: i4.PryI18nService }, { type: i4.PryBaseAccess, decorators: [{
+        }], ctorParameters: () => [{ type: i1.Store }, { type: i2.Router }, { type: i2.ActivatedRoute }, { type: i4.PryI18nService }, { type: i0.ChangeDetectorRef }, { type: i4.PryBaseAccess, decorators: [{
                     type: Optional
                 }, {
                     type: Inject,
@@ -6001,7 +6008,13 @@ const enTranslations = {
             defaultRule: 'Default Rule (applies only if no other rules are verified)',
             displayModeImage: 'Image display mode',
             size: 'Image size',
+            share: 'Share',
             deleteAttributeConfirmMessage: 'This attribute will no longer be visible for the associated data. Are you sure you want to delete this?',
+            attributes: {
+                unknownField: 'Unknown field',
+                unknownCategory: 'Unknown category',
+                noCategory: 'No category'
+            },
             position: {
                 FULL: 'Full icon',
                 TOP_LEFT: 'Top left',
@@ -6014,7 +6027,7 @@ const enTranslations = {
                 template: 'Tooltip (Map & Relations)',
                 update: 'Update tooltip',
                 advanced: 'Advanced mode',
-                name: 'business model',
+                name: 'Business model',
                 technicalId: 'Technical Id',
                 type: 'Choose which kind of tooltip to use',
                 simplified: 'Choose which attributes to display',
@@ -6106,7 +6119,8 @@ const enTranslations = {
             dataset: {
                 delete: 'All versions and associated data will be deleted. Restitutions and presentations using this dataset will no longer display the corresponding data. Do you confirm the deletion?',
                 title: 'Dataset',
-                details: 'Dataset details',
+                datasetDetails: 'Dataset details',
+                details: 'Details',
                 id: 'Id',
                 name: 'Name',
                 oClass: 'Business model',
@@ -6391,6 +6405,11 @@ const frTranslations = {
             displayModeImage: "Mode d'affichage de l'image",
             size: "Taille de l'image",
             deleteAttributeConfirmMessage: 'Cet attribut ne sera plus visible pour les données le possédant. Confirmez-vous la suppression ?',
+            attributes: {
+                unknownField: 'Type métier inconnu',
+                unknownCategory: 'Catégorie inconnue',
+                noCategory: 'Pas de catégorie'
+            },
             position: {
                 FULL: 'Icone pleine',
                 TOP_LEFT: 'En haut à gauche',