@provoly/dashboard 1.3.15 → 1.3.17

package/fesm2022/provoly-dashboard-admin.mjs

@@ -16,7 +16,7 @@ import * as i4 from '@provoly/dashboard';
 import { ClassSelectors, FieldType, ClassActions, FieldActions, SubscriptionnerDirective, ConfigSelectors, FieldSelectors, ConfigActions, DEFAULT_ICON_URL, IconPosition, compareOperationFunctions, ItemUtils, CategoryActions, CategorySelectors, DataSourceActions, DataSourceSelectors, FIELD_I18N, 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';
+import * as i6$1 from '@provoly/dashboard/components/metadata-editor';
 import { MetadataSelectors, MetadataActions, PryExpandPanelModule } from '@provoly/dashboard/components/metadata-editor';
 import * as i2 from '@angular/router';
 import { RouterModule } from '@angular/router';
@@ -25,6 +25,8 @@ import { v4 } from 'uuid';
 import equal from 'fast-deep-equal/es6';
 import { distinctUntilChanged, map as map$1, filter as filter$1, mergeMap as mergeMap$1, catchError as catchError$1 } from 'rxjs/operators';
 import { TemplatePortal } from '@angular/cdk/portal';
+import * as i6 from '@provoly/dashboard/components/page-loader';
+import { PryPageLoaderModule } from '@provoly/dashboard/components/page-loader';
 import { dateFormatOptions } from '@provoly/dashboard/components/data-format';
 import { concatLatestFrom as concatLatestFrom$1 } from '@ngrx/operators';
 import * as i1$1 from '@angular/common/http';
@@ -2032,11 +2034,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: "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" }] }); }
+    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-page-loader></pry-page-loader>\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: "component", type: i6.PryPageLoaderComponent, selector: "pry-page-loader", inputs: ["image", "imageAltText"] }, { 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 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" }]
+            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-page-loader></pry-page-loader>\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']
@@ -3103,7 +3105,7 @@ class AdminSelectDatasetComponent extends SubscriptionnerDirective {
         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: 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" }] }); }
+    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$1.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,
@@ -3783,7 +3785,7 @@ class AdminUserSelectComponent {
         this.tab = number;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: AdminUserSelectComponent, deps: [{ token: i1.Store }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.3", type: AdminUserSelectComponent, selector: "pry-admin-user-select", inputs: { profil: "profil" }, ngImport: i0, template: "<div\n  *ngIf=\"selectedUser$ | async as user\"\n  [id]=\"'panel-user-' + user.id\"\n  [attr.aria-labelledby]=\"'button-user-' + user.id\"\n  class=\"o-panel\"\n>\n  <div class=\"o-panel__header\">\n    <button type=\"button\" class=\"a-btn a-btn--icon-only\" (click)=\"closePanel()\">\n      <span class=\"u-visually-hidden\">{{ '@pry.action.closePanel' | i18n }}</span>\n      <pry-icon iconSvg=\"close\"></pry-icon>\n    </button>\n\n    <h3 [id]=\"'tab-title-' + compId\" class=\"a-h3\">\n      {{ '@pry.admin.userInfo.info' | i18n }}\n    </h3>\n  </div>\n\n  <pry-tab-group translationStringBase=\"@pry.admin.\">\n    <pry-tab [templateRef]=\"userProfile\" name=\"userInfo.profile\"></pry-tab>\n    <pry-tab [templateRef]=\"userDetails\" name=\"details\"></pry-tab>\n  </pry-tab-group>\n\n  <ng-template #userProfile>\n    <pry-metadata-editor\n      [targetId]=\"(selectedUser$ | async)?.id ?? ''\"\n      [isModification]=\"(editable$ | async) ?? false\"\n      [metadata]=\"(userMetadata$ | async) ?? []\"\n      (removeMeta)=\"removeMetadata($event)\"\n      (addMeta)=\"addMetadataUser($event)\"\n      [type]=\"'user'\"\n    ></pry-metadata-editor>\n  </ng-template>\n\n  <ng-template #userDetails>\n    <h4 class=\"a-h4\">{{ '@pry.admin.properties' | i18n }}</h4>\n    <p class=\"a-p\">\n      {{ '@pry.admin.userInfo.name' | i18n }} :\n      <strong>{{ user?.name }}</strong>\n    </p>\n    <p class=\"a-p\">\n      {{ '@pry.admin.userInfo.familyName' | i18n }} :\n      <strong>{{ user.familyName }}</strong>\n    </p>\n    <p class=\"a-p\">\n      {{ '@pry.admin.userInfo.email' | i18n }} :\n      <strong>{{ user.email }}</strong>\n    </p>\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: "component", type: i6.PryMetadataEditorComponent, selector: "pry-metadata-editor", inputs: ["isModification", "targetId", "type", "metadata"], outputs: ["addMeta", "removeMeta"] }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }, { kind: "pipe", type: i4.I18nPipe, name: "i18n" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.3", type: AdminUserSelectComponent, selector: "pry-admin-user-select", inputs: { profil: "profil" }, ngImport: i0, template: "<div\n  *ngIf=\"selectedUser$ | async as user\"\n  [id]=\"'panel-user-' + user.id\"\n  [attr.aria-labelledby]=\"'button-user-' + user.id\"\n  class=\"o-panel\"\n>\n  <div class=\"o-panel__header\">\n    <button type=\"button\" class=\"a-btn a-btn--icon-only\" (click)=\"closePanel()\">\n      <span class=\"u-visually-hidden\">{{ '@pry.action.closePanel' | i18n }}</span>\n      <pry-icon iconSvg=\"close\"></pry-icon>\n    </button>\n\n    <h3 [id]=\"'tab-title-' + compId\" class=\"a-h3\">\n      {{ '@pry.admin.userInfo.info' | i18n }}\n    </h3>\n  </div>\n\n  <pry-tab-group translationStringBase=\"@pry.admin.\">\n    <pry-tab [templateRef]=\"userProfile\" name=\"userInfo.profile\"></pry-tab>\n    <pry-tab [templateRef]=\"userDetails\" name=\"details\"></pry-tab>\n  </pry-tab-group>\n\n  <ng-template #userProfile>\n    <pry-metadata-editor\n      [targetId]=\"(selectedUser$ | async)?.id ?? ''\"\n      [isModification]=\"(editable$ | async) ?? false\"\n      [metadata]=\"(userMetadata$ | async) ?? []\"\n      (removeMeta)=\"removeMetadata($event)\"\n      (addMeta)=\"addMetadataUser($event)\"\n      [type]=\"'user'\"\n    ></pry-metadata-editor>\n  </ng-template>\n\n  <ng-template #userDetails>\n    <h4 class=\"a-h4\">{{ '@pry.admin.properties' | i18n }}</h4>\n    <p class=\"a-p\">\n      {{ '@pry.admin.userInfo.name' | i18n }} :\n      <strong>{{ user?.name }}</strong>\n    </p>\n    <p class=\"a-p\">\n      {{ '@pry.admin.userInfo.familyName' | i18n }} :\n      <strong>{{ user.familyName }}</strong>\n    </p>\n    <p class=\"a-p\">\n      {{ '@pry.admin.userInfo.email' | i18n }} :\n      <strong>{{ user.email }}</strong>\n    </p>\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: "component", type: i6$1.PryMetadataEditorComponent, selector: "pry-metadata-editor", inputs: ["isModification", "targetId", "type", "metadata"], outputs: ["addMeta", "removeMeta"] }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }, { kind: "pipe", type: i4.I18nPipe, name: "i18n" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: AdminUserSelectComponent, decorators: [{
             type: Component,
@@ -7195,7 +7197,8 @@ class PryAdminModule {
             PryI18nModule,
             PryExpandPanelModule,
             PryDatasetModule,
-            PryShareModule] }); }
+            PryShareModule,
+            PryPageLoaderModule] }); }
     static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: PryAdminModule, providers: [DatePipe], imports: [CommonModule,
             PryCoreModule,
             AdminRoutingModule,
@@ -7236,7 +7239,8 @@ class PryAdminModule {
             PryI18nModule,
             PryExpandPanelModule,
             PryDatasetModule,
-            PryShareModule] }); }
+            PryShareModule,
+            PryPageLoaderModule] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: PryAdminModule, decorators: [{
             type: NgModule,
@@ -7359,7 +7363,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImpor
                         PryI18nModule,
                         PryExpandPanelModule,
                         PryDatasetModule,
-                        PryShareModule
+                        PryShareModule,
+                        PryPageLoaderModule
                     ]
                 }]
         }], ctorParameters: () => [{ type: i4.PryI18nService }] });