@provoly/dashboard 0.20.4 → 0.20.5

package/fesm2022/provoly-dashboard.mjs

@@ -190,7 +190,6 @@ const enTranslations$1 = {
             replay: 'Version replay : {{value}}',
             exec: 'Version Execution : {{value}}',
             transfo: 'Version Transformation : {{value}}',
-            monitor: 'Version Supervision : {{value}}',
             noVersion: 'Version not found'
         },
         header: {
@@ -546,7 +545,6 @@ const frTranslations$1 = {
             replay: 'Rejeu',
             exec: 'Exécution',
             transfo: 'Transformation',
-            monitor: 'Supervision',
             noVersion: 'Version non trouvée'
         },
         header: {
@@ -1036,11 +1034,11 @@ class BaseMenuComponent extends SubscriptionnerDirective {
         console.error('Must override init function');
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: BaseMenuComponent, deps: [{ token: i1.Store }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: BaseMenuComponent, selector: "pry-base-menu", usesInheritance: true, ngImport: i0, template: "<nav class=\"m-nav-links\">\n  <ng-container *ngFor=\"let sub of subMenu$ | async\">\n    <ul class=\"m-nav-links__list\">\n      <ng-container *ngFor=\"let menu of sub.subMenus\">\n        <li\n          *pryAccess=\"{ module: menu.module, page: menu.page, subMenu: menu.subMenu }\"\n          class=\"m-nav-links__list__item\"\n        >\n          <a [routerLink]=\"menu.menu\" class=\"a-btn a-btn--secondary -width-full\" [routerLinkActive]=\"'is-active'\">\n            {{ baseMenuTranslation + menu.menu | i18n }}\n          </a>\n        </li>\n      </ng-container>\n    </ul>\n  </ng-container>\n  <ng-container *ngIf=\"menus$ | async as menus\">\n    <ng-container *ngIf=\"menus.length > 0\">\n      <ul class=\"m-nav-links__list\">\n        <ng-container *ngFor=\"let menu of menus\">\n          <ng-container *ngIf=\"menu.module === 'supervision'\">\n            <li *pryAccess=\"{ module: menu.module, page: menu.page }\" class=\"m-nav-links__list__item\">\n              <a [routerLink]=\"menu.menu\" class=\"a-btn a-btn--secondary -width-full\" [routerLinkActive]=\"'is-active'\">\n                {{ baseMenuTranslation + menu.menu | i18n }}\n              </a>\n            </li>\n          </ng-container>\n        </ng-container>\n      </ul>\n    </ng-container>\n  </ng-container>\n</nav>\n", dependencies: [{ kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i3.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }, { kind: "directive", type: PryAccessDirective, selector: "[pryAccess]", inputs: ["pryAccess"] }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }, { kind: "pipe", type: I18nPipe, name: "i18n" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: BaseMenuComponent, selector: "pry-base-menu", usesInheritance: true, ngImport: i0, template: "<nav class=\"m-nav-links\">\n  <ng-container *ngFor=\"let sub of subMenu$ | async\">\n    <ul class=\"m-nav-links__list\">\n      <ng-container *ngFor=\"let menu of sub.subMenus\">\n        <li\n          *pryAccess=\"{ module: menu.module, page: menu.page, subMenu: menu.subMenu }\"\n          class=\"m-nav-links__list__item\"\n        >\n          <a [routerLink]=\"menu.menu\" class=\"a-btn a-btn--secondary -width-full\" [routerLinkActive]=\"'is-active'\">\n            {{ baseMenuTranslation + menu.menu | i18n }}\n          </a>\n        </li>\n      </ng-container>\n    </ul>\n  </ng-container>\n</nav>\n", dependencies: [{ kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i3.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }, { kind: "directive", type: PryAccessDirective, selector: "[pryAccess]", inputs: ["pryAccess"] }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }, { kind: "pipe", type: I18nPipe, name: "i18n" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: BaseMenuComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'pry-base-menu', template: "<nav class=\"m-nav-links\">\n  <ng-container *ngFor=\"let sub of subMenu$ | async\">\n    <ul class=\"m-nav-links__list\">\n      <ng-container *ngFor=\"let menu of sub.subMenus\">\n        <li\n          *pryAccess=\"{ module: menu.module, page: menu.page, subMenu: menu.subMenu }\"\n          class=\"m-nav-links__list__item\"\n        >\n          <a [routerLink]=\"menu.menu\" class=\"a-btn a-btn--secondary -width-full\" [routerLinkActive]=\"'is-active'\">\n            {{ baseMenuTranslation + menu.menu | i18n }}\n          </a>\n        </li>\n      </ng-container>\n    </ul>\n  </ng-container>\n  <ng-container *ngIf=\"menus$ | async as menus\">\n    <ng-container *ngIf=\"menus.length > 0\">\n      <ul class=\"m-nav-links__list\">\n        <ng-container *ngFor=\"let menu of menus\">\n          <ng-container *ngIf=\"menu.module === 'supervision'\">\n            <li *pryAccess=\"{ module: menu.module, page: menu.page }\" class=\"m-nav-links__list__item\">\n              <a [routerLink]=\"menu.menu\" class=\"a-btn a-btn--secondary -width-full\" [routerLinkActive]=\"'is-active'\">\n                {{ baseMenuTranslation + menu.menu | i18n }}\n              </a>\n            </li>\n          </ng-container>\n        </ng-container>\n      </ul>\n    </ng-container>\n  </ng-container>\n</nav>\n" }]
+            args: [{ selector: 'pry-base-menu', template: "<nav class=\"m-nav-links\">\n  <ng-container *ngFor=\"let sub of subMenu$ | async\">\n    <ul class=\"m-nav-links__list\">\n      <ng-container *ngFor=\"let menu of sub.subMenus\">\n        <li\n          *pryAccess=\"{ module: menu.module, page: menu.page, subMenu: menu.subMenu }\"\n          class=\"m-nav-links__list__item\"\n        >\n          <a [routerLink]=\"menu.menu\" class=\"a-btn a-btn--secondary -width-full\" [routerLinkActive]=\"'is-active'\">\n            {{ baseMenuTranslation + menu.menu | i18n }}\n          </a>\n        </li>\n      </ng-container>\n    </ul>\n  </ng-container>\n</nav>\n" }]
         }], ctorParameters: function () { return [{ type: i1.Store }]; } });
 
 const DEFAULT_ICON_URL = '/assets/svgs/default.svg';
@@ -1232,9 +1230,6 @@ const ClassActions = {
     load: createAction('[Class] Load Classes'),
     loadSuccess: createAction('[Class Api] (bus) Load Classes Success', props()),
     loadFailure: createAction('[Class Api] Load Classes Failure', props()),
-    loadBusinessData: createAction('[Class Api] Load BusinessData'),
-    loadBusinessDataSuccess: createAction('[Class Api] Load BusinessData Success', props()),
-    loadBusinessDataFailure: createAction('[Class Api] Load BusinessData Failure', props()),
     loadDatasetCount: createAction('[Class Api] Load DatasetCount'),
     loadDatasetCountSuccess: createAction('[Class Api] Load DatasetCount Success', props()),
     loadDatasetCountFailure: createAction('[Class Api] Load DatasetCount Failure', props())
@@ -1253,17 +1248,7 @@ const initialClassState = adapter$2.getInitialState({
     classDatas: [],
     datasetCounts: []
 });
-const internalReducer$3 = createReducer(initialClassState, on(ClassActions.loadSuccess, (state, action) => adapter$2.setAll(action.classes, state)), on(ClassActions.loadBusinessData, (state, action) => ({
-    ...state,
-    loading: true
-})), on(ClassActions.loadBusinessDataSuccess, (state, action) => ({
-    ...state,
-    loading: false,
-    classDatas: action.datas
-})), on(ClassActions.loadBusinessDataFailure, (state, action) => ({
-    ...state,
-    loading: false
-})), on(ClassActions.loadDatasetCount, (state, action) => ({
+const internalReducer$3 = createReducer(initialClassState, on(ClassActions.loadSuccess, (state, action) => adapter$2.setAll(action.classes, state)), on(ClassActions.loadDatasetCount, (state, action) => ({
     ...state,
     loading: true
 })), on(ClassActions.loadDatasetCountSuccess, (state, action) => ({
@@ -1274,7 +1259,7 @@ const internalReducer$3 = createReducer(initialClassState, on(ClassActions.loadS
     ...state,
     loading: false
 })));
-const { selectIds: selectIds$2, selectEntities: selectEntities$2, selectAll: selectAll$2, selectTotal: selectTotal$2 } = adapter$2.getSelectors();
+const { selectEntities: selectEntities$2, selectAll: selectAll$2 } = adapter$2.getSelectors();
 function classReducer(state, action) {
     return internalReducer$3(state, action);
 }
@@ -1296,7 +1281,6 @@ const classById = (id) => {
 const classByAttributeId = (attribute) => createSelector(classes, (classes) => classes.find((c) => c.attributes.find((a) => a.id === attribute) !== undefined));
 const attributesByFieldId = (field) => createSelector(classes, (classes) => classes.map((c) => c.attributes.filter((a) => a.field === field)).reduce((acc, attrs) => [...acc, ...attrs], []));
 const allAttributes = createSelector(classes, (state) => state?.flatMap((c) => c.attributes));
-const classDatas = createSelector(feature$8, (state) => state?.classDatas);
 const datasetCounts = createSelector(feature$8, (state) => state?.datasetCounts);
 const getAttributeById = (id) => createSelector(allAttributes, (attributes) => attributes.filter((attribute) => attribute.id === id));
 const ClassSelectors = {
@@ -1307,7 +1291,6 @@ const ClassSelectors = {
     classByAttributeId,
     attributesByFieldId,
     allAttributes,
-    classDatas,
     datasetCounts,
     getAttributeById
 };
@@ -1592,7 +1575,6 @@ const geoServerUrl = createSelector(feature$7, (state) => state?.geoServerUrl);
 const dataUrl = createSelector(pryUrl, (url) => `${url}/data`);
 const refUrl = createSelector(pryUrl, (url) => `${url}/ref`);
 const transfoUrl = createSelector(pryUrl, (url) => `${url}/transfo`);
-const monitorUrl = createSelector(pryUrl, (url) => `${url}/monitor`);
 const geocodingUrl = createSelector(pryUrl, (url) => `${url}/geocoding`);
 const replayUrl = createSelector(pryUrl, (url) => `${url}/replay`);
 const mapUrl = createSelector(feature$7, (state) => state?.mapUrl);
@@ -1642,7 +1624,6 @@ const ConfigSelectors = {
     refUrl,
     transfoUrl,
     wsUrl,
-    monitorUrl,
     replayUrl,
     mapUrl,
     geoServerUrl,
@@ -2149,7 +2130,8 @@ const enTranslations = {
                 inactive: 'The data for this version is available but not uploaded by default. It is possible to display them by explicitly requesting this version.',
                 loading: 'The data is currently being integrated into the solution',
                 invalid: 'The data in this version is present in the solution but is not relevant. It is not available are not available for display',
-                inValidateButton: 'Allows you to make the version\'s data unavailable if it is considered irrelevant from a business point of view. If the invalidated version is the active version, then the data retrieved by default will be that of the most recent previous "Available" version, which will thus change to "Active" status.',
+                unknown: 'Unknown error',
+                invalidateButton: 'Allows you to make the version\'s data unavailable if it is considered irrelevant from a business point of view. If the invalidated version is the active version, then the data retrieved by default will be that of the most recent previous "Available" version, which will thus change to "Active" status.',
                 validateButton: "Allows the version's data to be made available if it is considered relevant from a business point of view after having been invalidated. If the validated version is the most recent, it will become the active version and its data will be the default."
             }
         }
@@ -2221,7 +2203,8 @@ const frTranslations = {
                 inactive: 'Les données de cette version sont disponibles mais non remontées par défaut. Il est possible de les afficher en demandant explicitement cette version.',
                 loading: "Les données sont en cours d'intégration dans la solution",
                 invalid: "Les données de cette version sont présentes dans la solution mais sont non pertinentes. Elles ne sont pas disponibles pour l'affichage",
-                inValidateButton: 'Permet de rendre indisponible les données de la version dans le cas où elles sont considérées comme non pertinente d\'un point de vue métier. Si la version invalidée est la version active, alors les données récupérées par défaut seront celle de la version "Disponible" précédente la plus récente qui passera ainsi au statut "Active"',
+                unknown: 'Erreur inconnue',
+                invalidateButton: 'Permet de rendre indisponible les données de la version dans le cas où elles sont considérées comme non pertinente d\'un point de vue métier. Si la version invalidée est la version active, alors les données récupérées par défaut seront celle de la version "Disponible" précédente la plus récente qui passera ainsi au statut "Active"',
                 validateButton: "Permet de rendre disponible les données de la version dans le cas où elles sont considérées comme pertinente d'un point de vue métier après avoir été invalider. Si la version validée est la plus récente, elle deviendra ainsi la version active et ses données seront celles remontées par défaut"
             }
         }
@@ -3354,14 +3337,6 @@ class ClassService {
             .select(ConfigSelectors.refUrl)
             .pipe(mergeMap((url) => this.httpClient.get(encodeURI(`${url}/model/class`))));
     }
-    /**
-     * Returns classes usage
-     */
-    getBusinessDatas() {
-        return this.store
-            .select(ConfigSelectors.monitorUrl)
-            .pipe(mergeMap((url) => this.httpClient.get(encodeURI(`${url}/businessdata`))));
-    }
     getDatasetCounts() {
         return this.store
             .select(ConfigSelectors.refUrl)
@@ -3382,9 +3357,6 @@ class ClassEffects {
         this.actions$ = actions$;
         this.classService = classService;
         this.loadClasses$ = createEffect(() => this.actions$.pipe(ofType(ClassActions.load), debounceTime$1(200), mergeMap$1((action) => this.classService.getClasses().pipe(map$1((classes) => ClassActions.loadSuccess({ classes })), catchError((error) => [ClassActions.loadFailure({ error: error })])))));
-        this.loadBusinessData$ = createEffect(() => this.actions$.pipe(ofType(ClassActions.loadBusinessData), mergeMap$1((action) => this.classService.getBusinessDatas().pipe(map$1((businessData) => {
-            return ClassActions.loadBusinessDataSuccess({ datas: businessData });
-        }), catchError((error) => [ClassActions.loadBusinessDataFailure({ error: error })])))));
         this.loadDatasetCount$ = createEffect(() => this.actions$.pipe(ofType(ClassActions.loadDatasetCount), mergeMap$1((action) => this.classService.getDatasetCounts().pipe(map$1((datasetCounts) => {
             return ClassActions.loadDatasetCountSuccess({ datasetCounts: datasetCounts });
         }), catchError((error) => [ClassActions.loadDatasetCountFailure({ error: error })])))));
@@ -3494,26 +3466,23 @@ class ConfigService {
             this.store.select(ConfigSelectors.dataUrl),
             this.store.select(ConfigSelectors.replayUrl),
             this.store.select(ConfigSelectors.execUrl),
-            this.store.select(ConfigSelectors.transfoUrl),
-            this.store.select(ConfigSelectors.monitorUrl)
-        ]).pipe(mergeMap(([ref, data, replay, exec, transfo, monitor]) => {
+            this.store.select(ConfigSelectors.transfoUrl)
+        ]).pipe(mergeMap(([ref, data, replay, exec, transfo]) => {
             const allVersions = [
                 this.handleBackendVersionError(this.httpClient.get(encodeURI(`${ref}/about/version`))),
                 this.handleBackendVersionError(this.httpClient.get(encodeURI(`${data}/about/version`))),
                 this.handleBackendVersionError(this.httpClient.get(encodeURI(`${replay}/about/version`))),
                 this.handleBackendVersionError(this.httpClient.get(encodeURI(`${exec}/about/version`))),
                 this.handleBackendVersionError(this.httpClient.get(encodeURI(`${transfo}/about/version`))),
-                this.handleBackendVersionError(this.httpClient.get(encodeURI(`${monitor}/about/version`))),
                 this.httpClient.get(encodeURI(`/assets/pry.version`)).pipe(map((version) => (version ? { libVersion: version } : {})), catchError$1(() => of({})))
             ];
-            return combineLatest(allVersions).pipe(map(([refVersion, dataVersion, replayVersion, execVersion, tranfoVersion, monitorVersion, frontend]) => {
+            return combineLatest(allVersions).pipe(map(([refVersion, dataVersion, replayVersion, execVersion, tranfoVersion, frontend]) => {
                 const versions = {
                     ref: refVersion,
                     data: dataVersion,
                     replay: replayVersion,
                     exec: execVersion,
                     transfo: tranfoVersion,
-                    monitor: monitorVersion,
                     front: frontend
                 };
                 return versions;
@@ -3973,7 +3942,7 @@ function getDisplayOptions(mode) {
                     }, {})
                 },
                 edit_toggle: true,
-                widgetContextMenu: false
+                widgetContextMenu: mode === ViewMode.EDITION
             };
         default:
             return BASE_DISPLAY_OPTIONS;
@@ -6565,7 +6534,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
         }] });
 
 let uniqueId$1 = 0;
-class PrySelectComponent {
+class PrySelectComponent extends SubscriptionnerDirective {
     set items(items) {
         this._items$.next(items ?? []);
     }
@@ -6576,6 +6545,7 @@ class PrySelectComponent {
         return 'select-modal-' + this.id;
     }
     constructor(_cd, overlay, viewContainerRef) {
+        super();
         this._cd = _cd;
         this.overlay = overlay;
         this.viewContainerRef = viewContainerRef;
@@ -6601,16 +6571,31 @@ class PrySelectComponent {
         this._disabled = false;
         this.focused = false;
         this.modalWidth = 200;
-        this.matchingItems$ = combineLatest([this._items$, this.search$, this.searchSelected$]).pipe(map$1(([items, term, alreadySelected]) => term && term.length > 0 && !alreadySelected
+        this.matchingItems$ = combineLatest([this._items$, this.search$, this.searchSelected$]).pipe(map$1(([items, term, alreadySelected]) => this.autocomplete && term && term.length > 0 && !alreadySelected
             ? items.filter((i) => {
                 const itemValue = this.bindLabel ? i?.[this.bindLabel] : i;
                 return itemValue.indexOf(term) > -1;
             })
             : items));
-        this.valueItems$ = combineLatest([this.value$, this._items$]).pipe(map$1(([value, items]) => (this.multiple ? value ?? [] : !!value ? [value] : []).map((value) => items.find((item) => {
-            const itemValue = this.bindValue ? item?.[this.bindValue] : item;
-            return itemValue === value;
-        }))));
+        this.valueItems$ = combineLatest([this.value$, this._items$]).pipe(map$1(([value, items]) => (this.multiple ? value ?? [] : !!value ? [value] : []).map((value) => {
+            const keyProp = this.bindValue ?? this.bindLabel ?? 'id';
+            return items.find((item) => {
+                return typeof item === 'object'
+                    ? typeof value === 'object'
+                        ? item[keyProp] === value[keyProp]
+                        : item[keyProp] === value
+                    : item === value;
+            });
+        })));
+        this.subscriptions.add(this.valueItems$.subscribe((item) => {
+            if (!this.multiple) {
+                const itemValue = this.bindLabel ? item[0]?.[this.bindLabel] : item[0];
+                if (itemValue) {
+                    this.search$.next(itemValue);
+                    this.searchSelected$.next(true);
+                }
+            }
+        }));
     }
     registerOnChange(fn) {
         this._onChange = fn;
@@ -6623,7 +6608,7 @@ class PrySelectComponent {
         this._cd.markForCheck();
     }
     writeValue(obj) {
-        if (this.value$.getValue() !== obj) {
+        if (!equal(this.value$.getValue(), obj)) {
             this.value$.next(obj);
             this._onChange(this.value$.getValue());
             this._onTouched();
@@ -6635,7 +6620,10 @@ class PrySelectComponent {
     clear($event, item) {
         $event.stopPropagation();
         const itemValue = this.bindValue ? item?.[this.bindValue] : item;
-        this.writeValue(this.value$.getValue().filter((i) => i !== itemValue));
+        const keyProp = this.bindValue ?? this.bindLabel ?? 'id';
+        this.writeValue(this.value$
+            .getValue()
+            .filter((i) => (typeof itemValue === 'object' ? i[keyProp] !== itemValue[keyProp] : i !== itemValue)));
     }
     clearAll($event) {
         $event.stopPropagation();
@@ -6655,12 +6643,18 @@ class PrySelectComponent {
     }
     select($event, item, index) {
         const itemValue = this.bindValue ? item?.[this.bindValue] : item;
+        const keyProp = this.bindValue ?? this.bindLabel ?? 'id';
         if (this.multiple) {
             if (!this.value$.getValue()) {
                 this.writeValue([itemValue]);
             }
             else {
-                if (this.value$.getValue().includes(itemValue)) {
+                if (typeof itemValue === 'object'
+                    ? this.value$
+                        .getValue()
+                        .map((val) => val[keyProp])
+                        .includes(itemValue[keyProp])
+                    : this.value$.getValue().includes(itemValue)) {
                     this.clear($event, item);
                 }
                 else {
@@ -6688,7 +6682,9 @@ class PrySelectComponent {
                     this.overlayRef = this.overlay.create(this.getOverlayConfig());
                     this.overlayRef.backdropClick().subscribe(() => {
                         this.toggle(false);
-                        this.writeValue(this.search$.getValue());
+                        if (this.autocomplete) {
+                            this.writeValue(this.search$.getValue());
+                        }
                     });
                     this.overlayRef.attach(new TemplatePortal(this.optionsModal, this.viewContainerRef));
                 }
@@ -6737,7 +6733,7 @@ class PrySelectComponent {
                 useExisting: forwardRef(() => PrySelectComponent),
                 multi: true
             }
-        ], viewQueries: [{ propertyName: "optionsModal", first: true, predicate: ["optionsModal"], descendants: true, read: TemplateRef }, { propertyName: "selectElement", first: true, predicate: ["selectElement"], descendants: true }], ngImport: i0, template: "<div\n  class=\"a-pry-select\"\n  [attr.aria-disabled]=\"disabled\"\n  #selectElement\n  [class.-focused]=\"focused\"\n  (click)=\"toggle()\"\n  role=\"combobox\"\n  [attr.aria-expanded]=\"open\"\n  [attr.aria-owns]=\"open ? modalId : null\"\n  aria-haspopup=\"listbox\"\n>\n  <ng-container *ngIf=\"autocomplete; else noAutocomplete\">\n    <input\n      type=\"text\"\n      class=\"a-pry-select__search\"\n      [ngModel]=\"search$.getValue()\"\n      (ngModelChange)=\"search($event)\"\n      (focus)=\"toggle(true)\"\n      aria-autocomplete=\"list\"\n      [attr.aria-controls]=\"open ? modalId : null\"\n    />\n  </ng-container>\n  <ng-template #noAutocomplete>\n    <ng-container *ngIf=\"(valueItems$ | async).length === 0; else selectedValues\">\n      <span class=\"a-pry-select__placeholder\">{{ placeholder }}</span>\n    </ng-container>\n    <ng-template #selectedValues>\n      <ng-container *ngFor=\"let item of valueItems$ | async\">\n        <div class=\"a-pry-select__value\" [class.pry-select-form]=\"isForm\" [class.-multiple]=\"multiple\">\n          <ng-container *ngIf=\"template; else noTemplateLabel\">\n            <ng-template let-item=\"item\" let-clear=\"clear\">\n              <ng-container [ngTemplateOutlet]=\"template\" [ngTemplateOutletContext]=\"{ item, clear }\"></ng-container>\n            </ng-template>\n          </ng-container>\n          <ng-template #noTemplateLabel>\n            <pry-icon\n              *ngIf=\"bindIcon\"\n              [iconSvg]=\"item[bindIcon]\"\n              [width]=\"iconSize[0]\"\n              [height]=\"iconSize[1]\"\n            ></pry-icon>\n            <ng-container *ngIf=\"bindLabel ? item?.[bindLabel] : item as value\">\n              {{ (i18nPrefix ?? '') + value | i18n : { warn: false } }}\n              <span\n                *ngIf=\"multiple && clearable\"\n                class=\"a-pry-select__clear\"\n                (click)=\"clear($event, item)\"\n                aria-hidden=\"true\"\n                >\u00D7</span\n              >\n            </ng-container>\n          </ng-template>\n        </div>\n      </ng-container>\n    </ng-template>\n    <div class=\"a-pry-select__filler\"></div>\n  </ng-template>\n  <span *ngIf=\"clearable\" class=\"a-pry-select__clear\" (click)=\"clearAll($event)\" aria-hidden=\"true\">\u00D7</span>\n  <pry-icon\n    class=\"a-pry-select__toggle\"\n    [iconSvg]=\"open ? 'chevron_top' : 'chevron_bottom'\"\n    [width]=\"iconSize[0]\"\n    [height]=\"iconSize[1]\"\n  ></pry-icon>\n</div>\n<ng-template #optionsModal>\n  <div\n    role=\"listbox\"\n    [attr.aria-label]=\"'@pry.select.label' | i18n\"\n    [id]=\"modalId\"\n    [attr.aria-activedescendant]=\"'select-option-' + activeDescendant\"\n    [attr.aria-multiselectable]=\"multiple\"\n    [attr.required]=\"required\"\n    [attr.aria-readonly]=\"readonly\"\n  >\n    <ng-container *ngFor=\"let item of matchingItems$ | async; let index = index\">\n      <div\n        class=\"a-pry-select__options__option\"\n        [attr.aria-selected]=\"(valueItems$ | async).includes(item)\"\n        [attr.aria-checked]=\"(valueItems$ | async).includes(item)\"\n        [attr.aria-disabled]=\"disabled\"\n        (click)=\"select($event, item, index)\"\n        [style.width.px]=\"modalWidth\"\n        role=\"option\"\n        [id]=\"'select-option-' + index\"\n      >\n        <ng-container *ngIf=\"template; else noTemplate\">\n          <ng-container [ngTemplateOutlet]=\"template\" [ngTemplateOutletContext]=\"{ item, clear }\"></ng-container>\n        </ng-container>\n        <ng-template #noTemplate>\n          <pry-icon *ngIf=\"bindIcon\" [iconSvg]=\"item[bindIcon]\" [width]=\"iconSize[0]\" [height]=\"iconSize[1]\"></pry-icon>\n          <ng-container *ngIf=\"bindLabel ? item?.[bindLabel] : item as value\">\n            {{ (i18nPrefix ? i18nPrefix : '') + value | i18n : { warn: false } }}\n          </ng-container>\n        </ng-template>\n      </div>\n    </ng-container>\n  </div>\n</ng-template>\n", dependencies: [{ kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i3$2.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$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: PryIconComponent, selector: "pry-icon", inputs: ["color", "iconSvg", "animation", "iconImage", "alt", "width", "height", "classes"] }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }, { kind: "pipe", type: I18nPipe, name: "i18n" }] }); }
+        ], viewQueries: [{ propertyName: "optionsModal", first: true, predicate: ["optionsModal"], descendants: true, read: TemplateRef }, { propertyName: "selectElement", first: true, predicate: ["selectElement"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<div\n  class=\"a-pry-select\"\n  [attr.aria-disabled]=\"disabled\"\n  #selectElement\n  [class.-focused]=\"focused\"\n  (click)=\"toggle()\"\n  role=\"combobox\"\n  [attr.aria-expanded]=\"open\"\n  [attr.aria-owns]=\"open ? modalId : null\"\n  aria-haspopup=\"listbox\"\n>\n  <ng-container *ngIf=\"autocomplete; else noAutocomplete\">\n    <input\n      type=\"text\"\n      class=\"a-pry-select__search\"\n      [ngModel]=\"search$.getValue()\"\n      (ngModelChange)=\"search($event)\"\n      (focus)=\"toggle(true)\"\n      aria-autocomplete=\"list\"\n      [attr.aria-controls]=\"open ? modalId : null\"\n      [attr.aria-disabled]=\"disabled\"\n      [disabled]=\"disabled\"\n    />\n  </ng-container>\n  <ng-template #noAutocomplete>\n    <ng-container *ngIf=\"(valueItems$ | async).length === 0; else selectedValues\">\n      <span class=\"a-pry-select__placeholder\">{{ placeholder }}</span>\n    </ng-container>\n    <ng-template #selectedValues>\n      <ng-container *ngFor=\"let item of valueItems$ | async\">\n        <div class=\"a-pry-select__value\" [class.pry-select-form]=\"isForm\" [class.-multiple]=\"multiple\">\n          <ng-container *ngIf=\"template; else noTemplateLabel\">\n            <ng-container [ngTemplateOutlet]=\"template\" [ngTemplateOutletContext]=\"{ item, clear }\"></ng-container>\n          </ng-container>\n          <ng-template #noTemplateLabel>\n            <pry-icon\n              *ngIf=\"bindIcon\"\n              [iconSvg]=\"item[bindIcon]\"\n              [width]=\"iconSize[0]\"\n              [height]=\"iconSize[1]\"\n            ></pry-icon>\n            <ng-container *ngIf=\"bindLabel ? item?.[bindLabel] : item as value\">\n              {{ (i18nPrefix ?? '') + value | i18n : { warn: false } }}\n              <span\n                *ngIf=\"multiple && clearable\"\n                class=\"a-pry-select__clear\"\n                (click)=\"clear($event, item)\"\n                aria-hidden=\"true\"\n                >\u00D7</span\n              >\n            </ng-container>\n          </ng-template>\n        </div>\n      </ng-container>\n    </ng-template>\n    <div class=\"a-pry-select__filler\"></div>\n  </ng-template>\n  <span *ngIf=\"clearable\" class=\"a-pry-select__clear\" (click)=\"clearAll($event)\" aria-hidden=\"true\">\u00D7</span>\n  <pry-icon\n    class=\"a-pry-select__toggle\"\n    [iconSvg]=\"open ? 'chevron_top' : 'chevron_bottom'\"\n    [width]=\"iconSize[0]\"\n    [height]=\"iconSize[1]\"\n  ></pry-icon>\n</div>\n<ng-template #optionsModal>\n  <div\n    role=\"listbox\"\n    [attr.aria-label]=\"'@pry.select.label' | i18n\"\n    [id]=\"modalId\"\n    [attr.aria-activedescendant]=\"'select-option-' + activeDescendant\"\n    [attr.aria-multiselectable]=\"multiple\"\n    [attr.required]=\"required\"\n    [attr.aria-readonly]=\"readonly\"\n  >\n    <ng-container *ngFor=\"let item of matchingItems$ | async; let index = index\">\n      <div\n        class=\"a-pry-select__options__option\"\n        [attr.aria-selected]=\"(valueItems$ | async).includes(item)\"\n        [attr.aria-checked]=\"(valueItems$ | async).includes(item)\"\n        [attr.aria-disabled]=\"disabled\"\n        (click)=\"select($event, item, index)\"\n        [style.width.px]=\"modalWidth\"\n        role=\"option\"\n        [id]=\"'select-option-' + index\"\n      >\n        <ng-container *ngIf=\"template; else noTemplate\">\n          <ng-container [ngTemplateOutlet]=\"template\" [ngTemplateOutletContext]=\"{ item, clear }\"></ng-container>\n        </ng-container>\n        <ng-template #noTemplate>\n          <pry-icon *ngIf=\"bindIcon\" [iconSvg]=\"item[bindIcon]\" [width]=\"iconSize[0]\" [height]=\"iconSize[1]\"></pry-icon>\n          <ng-container *ngIf=\"bindLabel ? item?.[bindLabel] : item as value\">\n            {{ (i18nPrefix ? i18nPrefix : '') + value | i18n : { warn: false } }}\n          </ng-container>\n        </ng-template>\n      </div>\n    </ng-container>\n  </div>\n</ng-template>\n", dependencies: [{ kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i3$2.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$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: PryIconComponent, selector: "pry-icon", inputs: ["color", "iconSvg", "animation", "iconImage", "alt", "width", "height", "classes"] }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }, { kind: "pipe", type: I18nPipe, name: "i18n" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PrySelectComponent, decorators: [{
             type: Component,
@@ -6747,7 +6743,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                             useExisting: forwardRef(() => PrySelectComponent),
                             multi: true
                         }
-                    ], template: "<div\n  class=\"a-pry-select\"\n  [attr.aria-disabled]=\"disabled\"\n  #selectElement\n  [class.-focused]=\"focused\"\n  (click)=\"toggle()\"\n  role=\"combobox\"\n  [attr.aria-expanded]=\"open\"\n  [attr.aria-owns]=\"open ? modalId : null\"\n  aria-haspopup=\"listbox\"\n>\n  <ng-container *ngIf=\"autocomplete; else noAutocomplete\">\n    <input\n      type=\"text\"\n      class=\"a-pry-select__search\"\n      [ngModel]=\"search$.getValue()\"\n      (ngModelChange)=\"search($event)\"\n      (focus)=\"toggle(true)\"\n      aria-autocomplete=\"list\"\n      [attr.aria-controls]=\"open ? modalId : null\"\n    />\n  </ng-container>\n  <ng-template #noAutocomplete>\n    <ng-container *ngIf=\"(valueItems$ | async).length === 0; else selectedValues\">\n      <span class=\"a-pry-select__placeholder\">{{ placeholder }}</span>\n    </ng-container>\n    <ng-template #selectedValues>\n      <ng-container *ngFor=\"let item of valueItems$ | async\">\n        <div class=\"a-pry-select__value\" [class.pry-select-form]=\"isForm\" [class.-multiple]=\"multiple\">\n          <ng-container *ngIf=\"template; else noTemplateLabel\">\n            <ng-template let-item=\"item\" let-clear=\"clear\">\n              <ng-container [ngTemplateOutlet]=\"template\" [ngTemplateOutletContext]=\"{ item, clear }\"></ng-container>\n            </ng-template>\n          </ng-container>\n          <ng-template #noTemplateLabel>\n            <pry-icon\n              *ngIf=\"bindIcon\"\n              [iconSvg]=\"item[bindIcon]\"\n              [width]=\"iconSize[0]\"\n              [height]=\"iconSize[1]\"\n            ></pry-icon>\n            <ng-container *ngIf=\"bindLabel ? item?.[bindLabel] : item as value\">\n              {{ (i18nPrefix ?? '') + value | i18n : { warn: false } }}\n              <span\n                *ngIf=\"multiple && clearable\"\n                class=\"a-pry-select__clear\"\n                (click)=\"clear($event, item)\"\n                aria-hidden=\"true\"\n                >\u00D7</span\n              >\n            </ng-container>\n          </ng-template>\n        </div>\n      </ng-container>\n    </ng-template>\n    <div class=\"a-pry-select__filler\"></div>\n  </ng-template>\n  <span *ngIf=\"clearable\" class=\"a-pry-select__clear\" (click)=\"clearAll($event)\" aria-hidden=\"true\">\u00D7</span>\n  <pry-icon\n    class=\"a-pry-select__toggle\"\n    [iconSvg]=\"open ? 'chevron_top' : 'chevron_bottom'\"\n    [width]=\"iconSize[0]\"\n    [height]=\"iconSize[1]\"\n  ></pry-icon>\n</div>\n<ng-template #optionsModal>\n  <div\n    role=\"listbox\"\n    [attr.aria-label]=\"'@pry.select.label' | i18n\"\n    [id]=\"modalId\"\n    [attr.aria-activedescendant]=\"'select-option-' + activeDescendant\"\n    [attr.aria-multiselectable]=\"multiple\"\n    [attr.required]=\"required\"\n    [attr.aria-readonly]=\"readonly\"\n  >\n    <ng-container *ngFor=\"let item of matchingItems$ | async; let index = index\">\n      <div\n        class=\"a-pry-select__options__option\"\n        [attr.aria-selected]=\"(valueItems$ | async).includes(item)\"\n        [attr.aria-checked]=\"(valueItems$ | async).includes(item)\"\n        [attr.aria-disabled]=\"disabled\"\n        (click)=\"select($event, item, index)\"\n        [style.width.px]=\"modalWidth\"\n        role=\"option\"\n        [id]=\"'select-option-' + index\"\n      >\n        <ng-container *ngIf=\"template; else noTemplate\">\n          <ng-container [ngTemplateOutlet]=\"template\" [ngTemplateOutletContext]=\"{ item, clear }\"></ng-container>\n        </ng-container>\n        <ng-template #noTemplate>\n          <pry-icon *ngIf=\"bindIcon\" [iconSvg]=\"item[bindIcon]\" [width]=\"iconSize[0]\" [height]=\"iconSize[1]\"></pry-icon>\n          <ng-container *ngIf=\"bindLabel ? item?.[bindLabel] : item as value\">\n            {{ (i18nPrefix ? i18nPrefix : '') + value | i18n : { warn: false } }}\n          </ng-container>\n        </ng-template>\n      </div>\n    </ng-container>\n  </div>\n</ng-template>\n" }]
+                    ], template: "<div\n  class=\"a-pry-select\"\n  [attr.aria-disabled]=\"disabled\"\n  #selectElement\n  [class.-focused]=\"focused\"\n  (click)=\"toggle()\"\n  role=\"combobox\"\n  [attr.aria-expanded]=\"open\"\n  [attr.aria-owns]=\"open ? modalId : null\"\n  aria-haspopup=\"listbox\"\n>\n  <ng-container *ngIf=\"autocomplete; else noAutocomplete\">\n    <input\n      type=\"text\"\n      class=\"a-pry-select__search\"\n      [ngModel]=\"search$.getValue()\"\n      (ngModelChange)=\"search($event)\"\n      (focus)=\"toggle(true)\"\n      aria-autocomplete=\"list\"\n      [attr.aria-controls]=\"open ? modalId : null\"\n      [attr.aria-disabled]=\"disabled\"\n      [disabled]=\"disabled\"\n    />\n  </ng-container>\n  <ng-template #noAutocomplete>\n    <ng-container *ngIf=\"(valueItems$ | async).length === 0; else selectedValues\">\n      <span class=\"a-pry-select__placeholder\">{{ placeholder }}</span>\n    </ng-container>\n    <ng-template #selectedValues>\n      <ng-container *ngFor=\"let item of valueItems$ | async\">\n        <div class=\"a-pry-select__value\" [class.pry-select-form]=\"isForm\" [class.-multiple]=\"multiple\">\n          <ng-container *ngIf=\"template; else noTemplateLabel\">\n            <ng-container [ngTemplateOutlet]=\"template\" [ngTemplateOutletContext]=\"{ item, clear }\"></ng-container>\n          </ng-container>\n          <ng-template #noTemplateLabel>\n            <pry-icon\n              *ngIf=\"bindIcon\"\n              [iconSvg]=\"item[bindIcon]\"\n              [width]=\"iconSize[0]\"\n              [height]=\"iconSize[1]\"\n            ></pry-icon>\n            <ng-container *ngIf=\"bindLabel ? item?.[bindLabel] : item as value\">\n              {{ (i18nPrefix ?? '') + value | i18n : { warn: false } }}\n              <span\n                *ngIf=\"multiple && clearable\"\n                class=\"a-pry-select__clear\"\n                (click)=\"clear($event, item)\"\n                aria-hidden=\"true\"\n                >\u00D7</span\n              >\n            </ng-container>\n          </ng-template>\n        </div>\n      </ng-container>\n    </ng-template>\n    <div class=\"a-pry-select__filler\"></div>\n  </ng-template>\n  <span *ngIf=\"clearable\" class=\"a-pry-select__clear\" (click)=\"clearAll($event)\" aria-hidden=\"true\">\u00D7</span>\n  <pry-icon\n    class=\"a-pry-select__toggle\"\n    [iconSvg]=\"open ? 'chevron_top' : 'chevron_bottom'\"\n    [width]=\"iconSize[0]\"\n    [height]=\"iconSize[1]\"\n  ></pry-icon>\n</div>\n<ng-template #optionsModal>\n  <div\n    role=\"listbox\"\n    [attr.aria-label]=\"'@pry.select.label' | i18n\"\n    [id]=\"modalId\"\n    [attr.aria-activedescendant]=\"'select-option-' + activeDescendant\"\n    [attr.aria-multiselectable]=\"multiple\"\n    [attr.required]=\"required\"\n    [attr.aria-readonly]=\"readonly\"\n  >\n    <ng-container *ngFor=\"let item of matchingItems$ | async; let index = index\">\n      <div\n        class=\"a-pry-select__options__option\"\n        [attr.aria-selected]=\"(valueItems$ | async).includes(item)\"\n        [attr.aria-checked]=\"(valueItems$ | async).includes(item)\"\n        [attr.aria-disabled]=\"disabled\"\n        (click)=\"select($event, item, index)\"\n        [style.width.px]=\"modalWidth\"\n        role=\"option\"\n        [id]=\"'select-option-' + index\"\n      >\n        <ng-container *ngIf=\"template; else noTemplate\">\n          <ng-container [ngTemplateOutlet]=\"template\" [ngTemplateOutletContext]=\"{ item, clear }\"></ng-container>\n        </ng-container>\n        <ng-template #noTemplate>\n          <pry-icon *ngIf=\"bindIcon\" [iconSvg]=\"item[bindIcon]\" [width]=\"iconSize[0]\" [height]=\"iconSize[1]\"></pry-icon>\n          <ng-container *ngIf=\"bindLabel ? item?.[bindLabel] : item as value\">\n            {{ (i18nPrefix ? i18nPrefix : '') + value | i18n : { warn: false } }}\n          </ng-container>\n        </ng-template>\n      </div>\n    </ng-container>\n  </div>\n</ng-template>\n" }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i2.Overlay }, { type: i0.ViewContainerRef }]; }, propDecorators: { items: [{
                 type: Input
             }], clearable: [{
@@ -9252,11 +9248,11 @@ class PryAboutComponent {
         return !!value && (!!backVersion.chartVersion || !!frontVersion.libVersion);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PryAboutComponent, deps: [{ token: i1.Store }, { token: PryI18nService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: PryAboutComponent, selector: "pry-about", inputs: { tooltipPosition: "tooltipPosition" }, ngImport: i0, template: "<div class=\"o-about\">\n  <div class=\"info-icon description-container description\">\n    <span class=\"info-text\">i</span>\n  </div>\n  <div class=\"description-tooltip -position-{{ tooltipPosition }}\">\n    <ng-container *ngFor=\"let version of (version$ | async) ?? {} | keyvalue\">\n      <div class=\"o-about__line\">\n        {{ '@pry.about.' + version.key | i18n }}\n        <p class=\"a-chips -md\" [class.-not-found]=\"!hasVersion(version.value)\">\n          {{ displayVersion(version.value) }}\n        </p>\n      </div>\n    </ng-container>\n  </div>\n</div>\n", dependencies: [{ kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }, { kind: "pipe", type: i1$1.KeyValuePipe, name: "keyvalue" }, { kind: "pipe", type: I18nPipe, name: "i18n" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: PryAboutComponent, selector: "pry-about", inputs: { tooltipPosition: "tooltipPosition" }, ngImport: i0, template: "<div class=\"o-about\">\n  <div class=\"m-info-icon\">\n    <span>i</span>\n  </div>\n  <div class=\"o-about__tooltip -position-{{ tooltipPosition }}\">\n    <ng-container *ngFor=\"let version of (version$ | async) ?? {} | keyvalue\">\n      <div class=\"o-about__line\">\n        {{ '@pry.about.' + version.key | i18n }}\n        <p class=\"a-chips -md\" [class.-not-found]=\"!hasVersion(version.value)\">\n          {{ displayVersion(version.value) }}\n        </p>\n      </div>\n    </ng-container>\n  </div>\n</div>\n", dependencies: [{ kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }, { kind: "pipe", type: i1$1.KeyValuePipe, name: "keyvalue" }, { kind: "pipe", type: I18nPipe, name: "i18n" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PryAboutComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'pry-about', template: "<div class=\"o-about\">\n  <div class=\"info-icon description-container description\">\n    <span class=\"info-text\">i</span>\n  </div>\n  <div class=\"description-tooltip -position-{{ tooltipPosition }}\">\n    <ng-container *ngFor=\"let version of (version$ | async) ?? {} | keyvalue\">\n      <div class=\"o-about__line\">\n        {{ '@pry.about.' + version.key | i18n }}\n        <p class=\"a-chips -md\" [class.-not-found]=\"!hasVersion(version.value)\">\n          {{ displayVersion(version.value) }}\n        </p>\n      </div>\n    </ng-container>\n  </div>\n</div>\n" }]
+            args: [{ selector: 'pry-about', template: "<div class=\"o-about\">\n  <div class=\"m-info-icon\">\n    <span>i</span>\n  </div>\n  <div class=\"o-about__tooltip -position-{{ tooltipPosition }}\">\n    <ng-container *ngFor=\"let version of (version$ | async) ?? {} | keyvalue\">\n      <div class=\"o-about__line\">\n        {{ '@pry.about.' + version.key | i18n }}\n        <p class=\"a-chips -md\" [class.-not-found]=\"!hasVersion(version.value)\">\n          {{ displayVersion(version.value) }}\n        </p>\n      </div>\n    </ng-container>\n  </div>\n</div>\n" }]
         }], ctorParameters: function () { return [{ type: i1.Store }, { type: PryI18nService }]; }, propDecorators: { tooltipPosition: [{
                 type: Input
             }] } });
@@ -11957,5 +11953,5 @@ function filterLoader(module, prop) {
  * Generated bundle index. Do not edit.
  */
 
-export { AccordionComponent, AccordionItemComponent, Aggregation, BASE_DISPLAY_OPTIONS, BaseFilterComponent, BaseFilterModule, BaseLayoutComponent, BaseMenuComponent, BaseToolboxComponent, BaseTooltipComponent, BaseTooltipModule, BaseWidgetComponent, BaseWidgetModule, BusService, CategoryActions, CategorySelectors, CategoryService, ChartOptionDefault, ClassActions, ClassSelectors, ClassService, ConfigActions, ConfigSelectors, ConfigService, ContextMenuActions, ContextMenuComponent, ContextMenuSelectors, DEFAULT_CATEGORY_UUID, DEFAULT_COLUMNS_NUMBER, DEFAULT_GAP_PX, DEFAULT_ICON_URL, DEFAULT_MSG_TIMEOUT, DEFAULT_NAMED_QUERY_ID, DEFAULT_PROJECTION, DEFAULT_RESTITUTION_ICON_URL, DEFAULT_ROWS_NUMBER, DEFAULT_ROW_HEIGHT_PX, DELAY_FOR_HIDE, DashboardActions, DashboardComponent, DashboardGridLayout, DashboardSelectors, DataSourceActions, DataSourceSelectors, DataSourceService, DataWidgetComponent, DatasourceSelectorComponent, DatasourceUtils, DateRangeHighlightPipe, DateUtils, DefaultTooltipComponent, ENV_OPTIONS, EXPLORE_NAMED_QUERY_ID, EllipsisDirective, FIELD_OPTIONS, FIELD_UUID, FILTERS_DOMAIN, FILTER_DEFINITION, FieldActions, FieldSelectors, FieldService, FieldType, FilterFactoryService, FilterGroupComponent, FilterInstanciatorComponent, GeoMetadata, GeometricFieldTypes, GetSecuredImagePipe, GraphType, HTTP_ORIGIN_METADATA, I18nPipe, INTERNALLY_STORED_IMAGE_PREFIX, IconPosition, ImageActions, ImageService, ImagesSelectors, ItemUtils, LibraryTypes, LoopScrollColumnComponent, METADATA_TYPE, META_OPTIONS, MIME_TYPE_RESULTSET, MIME_TYPE_WIDGET_MANIFEST, MIME_TYPE_WIDGET_SIZE, MIME_TYPE_WIDGET_TYPE, ManifestService, ManifestUtils, ManifestsComponent, MarkSubType, MarkType, MetadataComponent, NamedQueryTypes, NumericFieldTypes, OPERATOR_OPTIONS, Operation, PRY_ACCESS_GUARD, PRY_ACCESS_TOKEN, PRY_CUSTOMEVENT_TYPE, PRY_DIALOG_DATA, PRY_GEOAUTH_TOKEN, PryAboutComponent, PryAboutModule, PryAccessDirective, PryAccessUtils, PryAggregationService, PryBackendAggregationService, PryBaseAccess, PryBaseAccessGuard, PryCoreModule, PryDashboardModule, PryDatasetType, PryDatePickerComponent, PryDatePickerModule, PryDefaultAccessGuard, PryDefaultAccessService, PryDefaultGeoAuthService, PryDialogConfirmComponent, PryDialogRef, PryDialogService, PryEditInputComponent, PryEditInputModule, PryFilterGroupCssComponent, PryFrontendAggregationService, PryGeoAuthService, PryHiddenWhenOverlay, PryHiddenWhenOverlayDirective, PryHttpErrorInterceptorService, PryI18nModule, PryI18nService, PryIconComponent, PryIconModule, PryModalComponent, PryModalModule, PryModalStatusComponent, PryModalStatusModule, PryNqColorSelectorComponent, PryObjectEditionComponent, PryOverlayDirective, PryOverlayModule, PryRangeComponent, PryRangeModule, PrySelectComponent, PrySelectImageComponent, PrySelectModule, PryShareComponent, PryShareModule, PrySnackbarComponent, PrySnackbarModule, PrySnackbarService, PrySortDataPipe, PrySortHeaderComponent, PrySortHeaderDirective, PrySortModule, PrySortTableDirective, PryTimePickerComponent, PryTitleService, PryToggleComponent, PryToggleModule, PryUploadComponent, PryVisibilityType, PryWidgetHeaderComponent, RawService, RelationTypesActions, RelationTypesSelectors, RelationTypesService, ResultSetSizePipe, ResultsetUtils, SYMBOL_DOMAIN, SearchActions, SearchSelectors, SearchService, SettingsComponent, SubscriptionnerDirective, SymbolService, TABLE_ATTR_DOMAIN, TILE_ATTR_DOMAIN, TOOLTIPS_DOMAIN, TOOLTIP_DEFINITION, TabComponent, TabGroupComponent, ToolboxManifestService, ToolboxMenuService, TooltipFactoryService, TooltipMode, TranslateIdPipe, TranslateItemToSymbolPipe, UNKNOWN_DATASOURCE, USE_CURRENT_RESULTSET, VARIABLE_TYPE, VegaColorType, VegaType, ViewMode, VizualizeRawComponent, WIDGET_DEFINITION, WIDGET_HEADER_HEIGHT, WebsocketService, WidgetFactoryService, WidgetInstanciatorComponent, WidgetPlaceholderComponent, WidgetPlacementUtils, WmsService, adapter$2 as adapter, aggregationDefault, baseItemProperties, classReducer, classesFeatureKey, compareOperationFunctions, contextMenuFeatureKey, contextMenuReducer, createPlacedWidgetCopy, dashboardFeatureKey, dashboardInitialState, dashboardReducer, dataSourceFeatureKey, dataSourceReducer, deepMerge, defaultColors, defaultMenuStructure, enTranslations$1 as enTranslations, filterLoader, frTranslations$1 as frTranslations, getDisplayOptions, httpErrorOptions, imageFeatureKey, imageReducer, initialClassState, initialContextMenuState, initialDataSourceState, initialImageState, initialSearchState, latLonToGeographicFieldTransformation, markTypesDefault, notificationFeatureKey, orderWidgetsAccordingToPlacement, searchFeatureKey, searchReducer, selectAll$2 as selectAll, selectEntities$2 as selectEntities, selectIds$2 as selectIds, selectTotal$2 as selectTotal, solveCollisions, solvingCollisionOptions, sortByName$2 as sortByName, subTypesDefault, tooltipLoader, vegaColorSchemesDefault, widgetLoader, widgetMapConfig };
+export { AccordionComponent, AccordionItemComponent, Aggregation, BASE_DISPLAY_OPTIONS, BaseFilterComponent, BaseFilterModule, BaseLayoutComponent, BaseMenuComponent, BaseToolboxComponent, BaseTooltipComponent, BaseTooltipModule, BaseWidgetComponent, BaseWidgetModule, BusService, CategoryActions, CategorySelectors, CategoryService, ChartOptionDefault, ClassActions, ClassSelectors, ClassService, ConfigActions, ConfigSelectors, ConfigService, ContextMenuActions, ContextMenuComponent, ContextMenuSelectors, DEFAULT_CATEGORY_UUID, DEFAULT_COLUMNS_NUMBER, DEFAULT_GAP_PX, DEFAULT_ICON_URL, DEFAULT_MSG_TIMEOUT, DEFAULT_NAMED_QUERY_ID, DEFAULT_PROJECTION, DEFAULT_RESTITUTION_ICON_URL, DEFAULT_ROWS_NUMBER, DEFAULT_ROW_HEIGHT_PX, DELAY_FOR_HIDE, DashboardActions, DashboardComponent, DashboardGridLayout, DashboardSelectors, DataSourceActions, DataSourceSelectors, DataSourceService, DataWidgetComponent, DatasourceSelectorComponent, DatasourceUtils, DateRangeHighlightPipe, DateUtils, DefaultTooltipComponent, ENV_OPTIONS, EXPLORE_NAMED_QUERY_ID, EllipsisDirective, FIELD_OPTIONS, FIELD_UUID, FILTERS_DOMAIN, FILTER_DEFINITION, FieldActions, FieldSelectors, FieldService, FieldType, FilterFactoryService, FilterGroupComponent, FilterInstanciatorComponent, GeoMetadata, GeometricFieldTypes, GetSecuredImagePipe, GraphType, HTTP_ORIGIN_METADATA, I18nPipe, INTERNALLY_STORED_IMAGE_PREFIX, IconPosition, ImageActions, ImageService, ImagesSelectors, ItemUtils, LibraryTypes, LoopScrollColumnComponent, METADATA_TYPE, META_OPTIONS, MIME_TYPE_RESULTSET, MIME_TYPE_WIDGET_MANIFEST, MIME_TYPE_WIDGET_SIZE, MIME_TYPE_WIDGET_TYPE, ManifestService, ManifestUtils, ManifestsComponent, MarkSubType, MarkType, MetadataComponent, NamedQueryTypes, NumericFieldTypes, OPERATOR_OPTIONS, Operation, PRY_ACCESS_GUARD, PRY_ACCESS_TOKEN, PRY_CUSTOMEVENT_TYPE, PRY_DIALOG_DATA, PRY_GEOAUTH_TOKEN, PryAboutComponent, PryAboutModule, PryAccessDirective, PryAccessUtils, PryAggregationService, PryBackendAggregationService, PryBaseAccess, PryBaseAccessGuard, PryCoreModule, PryDashboardModule, PryDatasetType, PryDatePickerComponent, PryDatePickerModule, PryDefaultAccessGuard, PryDefaultAccessService, PryDefaultGeoAuthService, PryDialogConfirmComponent, PryDialogRef, PryDialogService, PryEditInputComponent, PryEditInputModule, PryFilterGroupCssComponent, PryFrontendAggregationService, PryGeoAuthService, PryHiddenWhenOverlay, PryHiddenWhenOverlayDirective, PryHttpErrorInterceptorService, PryI18nModule, PryI18nService, PryIconComponent, PryIconModule, PryModalComponent, PryModalModule, PryModalStatusComponent, PryModalStatusModule, PryNqColorSelectorComponent, PryObjectEditionComponent, PryOverlayDirective, PryOverlayModule, PryRangeComponent, PryRangeModule, PrySelectComponent, PrySelectImageComponent, PrySelectModule, PryShareComponent, PryShareModule, PrySnackbarComponent, PrySnackbarModule, PrySnackbarService, PrySortDataPipe, PrySortHeaderComponent, PrySortHeaderDirective, PrySortModule, PrySortTableDirective, PryTimePickerComponent, PryTitleService, PryToggleComponent, PryToggleModule, PryUploadComponent, PryVisibilityType, PryWidgetHeaderComponent, RawService, RelationTypesActions, RelationTypesSelectors, RelationTypesService, ResultSetSizePipe, ResultsetUtils, SYMBOL_DOMAIN, SearchActions, SearchSelectors, SearchService, SettingsComponent, SubscriptionnerDirective, SymbolService, TABLE_ATTR_DOMAIN, TILE_ATTR_DOMAIN, TOOLTIPS_DOMAIN, TOOLTIP_DEFINITION, TabComponent, TabGroupComponent, ToolboxManifestService, ToolboxMenuService, TooltipFactoryService, TooltipMode, TranslateIdPipe, TranslateItemToSymbolPipe, UNKNOWN_DATASOURCE, USE_CURRENT_RESULTSET, VARIABLE_TYPE, VegaColorType, VegaType, ViewMode, VizualizeRawComponent, WIDGET_DEFINITION, WIDGET_HEADER_HEIGHT, WebsocketService, WidgetFactoryService, WidgetInstanciatorComponent, WidgetPlaceholderComponent, WidgetPlacementUtils, WmsService, adapter$2 as adapter, aggregationDefault, baseItemProperties, classReducer, classesFeatureKey, compareOperationFunctions, contextMenuFeatureKey, contextMenuReducer, createPlacedWidgetCopy, dashboardFeatureKey, dashboardInitialState, dashboardReducer, dataSourceFeatureKey, dataSourceReducer, deepMerge, defaultColors, defaultMenuStructure, enTranslations$1 as enTranslations, filterLoader, frTranslations$1 as frTranslations, getDisplayOptions, httpErrorOptions, imageFeatureKey, imageReducer, initialClassState, initialContextMenuState, initialDataSourceState, initialImageState, initialSearchState, latLonToGeographicFieldTransformation, markTypesDefault, notificationFeatureKey, orderWidgetsAccordingToPlacement, searchFeatureKey, searchReducer, selectAll$2 as selectAll, selectEntities$2 as selectEntities, solveCollisions, solvingCollisionOptions, sortByName$2 as sortByName, subTypesDefault, tooltipLoader, vegaColorSchemesDefault, widgetLoader, widgetMapConfig };
 //# sourceMappingURL=provoly-dashboard.mjs.map