@provoly/dashboard 0.15.3 → 0.15.5

package/fesm2022/provoly-dashboard.mjs

@@ -5,14 +5,14 @@ import { CommonModule, AsyncPipe } from '@angular/common';
 import * as i1$2 from '@angular/common/http';
 import { HttpHeaders, HttpParams, HttpClientModule } from '@angular/common/http';
 import * as i0 from '@angular/core';
-import { InjectionToken, Injectable, Directive, Optional, Inject, Input, Component, Pipe, ChangeDetectionStrategy, HostBinding, SecurityContext, NgModule, EventEmitter, Output, TemplateRef, ViewChild, Injector, HostListener, ContentChildren, forwardRef, ViewContainerRef, ViewChildren, createNgModule } from '@angular/core';
+import { InjectionToken, Injectable, Directive, Optional, Inject, Input, Component, Pipe, ChangeDetectionStrategy, HostBinding, SecurityContext, NgModule, EventEmitter, Output, TemplateRef, ViewChild, Injector, ContentChildren, forwardRef, HostListener, ViewContainerRef, ViewChildren, createNgModule } from '@angular/core';
 import * as i2 from '@angular/router';
 import { NavigationEnd, RouterModule } from '@angular/router';
 import * as i1$3 from '@ngrx/effects';
 import { createEffect, ofType, EffectsModule } from '@ngrx/effects';
 import * as i1 from '@ngrx/store';
 import { createAction, props, createReducer, on, createFeatureSelector, createSelector, StoreModule } from '@ngrx/store';
-import { of, Subscription, filter, combineLatest, debounceTime, BehaviorSubject, map, Subject, mergeMap, from as from$1, forkJoin, catchError as catchError$1, throwError, switchMap, tap as tap$1, withLatestFrom as withLatestFrom$1, merge, ReplaySubject, combineLatestWith, distinctUntilChanged as distinctUntilChanged$1, startWith, delay, fromEvent, auditTime, interval } from 'rxjs';
+import { of, Subscription, filter, combineLatest, debounceTime, BehaviorSubject, map, Subject, mergeMap, from as from$1, forkJoin, catchError as catchError$1, throwError, switchMap, tap as tap$1, withLatestFrom as withLatestFrom$1, share, merge, ReplaySubject, combineLatestWith, distinctUntilChanged as distinctUntilChanged$1, startWith, delay, fromEvent, auditTime, interval } from 'rxjs';
 import * as i3 from '@angular/platform-browser';
 import { Style, Icon } from 'ol/style';
 import { createEntityAdapter } from '@ngrx/entity';
@@ -2800,7 +2800,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImpor
                 args: ['buttonAction']
             }] } });
 
-const POSITIONS$1 = {
+const POSITIONS = {
     before: { originX: 'start', originY: 'center', overlayX: 'end', overlayY: 'center' },
     after: { originX: 'end', originY: 'center', overlayX: 'start', overlayY: 'center' },
     top: { originX: 'center', originY: 'top', overlayX: 'center', overlayY: 'bottom' },
@@ -2833,7 +2833,7 @@ class PryOverlayDirective {
         this.pryOverlaySticky = false;
         this.pryOverlayNoPadding = false;
         this._position = 'bottom';
-        this._connectedPositions = [POSITIONS$1['bottom'], POSITIONS$1['top'], POSITIONS$1['after'], POSITIONS$1['before']];
+        this._connectedPositions = [POSITIONS['bottom'], POSITIONS['top'], POSITIONS['after'], POSITIONS['before']];
         this.overlayOpenChange = new EventEmitter();
         this._overlayOpen = false;
         this.hasBackdrop = true;
@@ -2875,33 +2875,33 @@ class PryOverlayDirective {
     assignConnectedPositions() {
         switch (this._position) {
             case 'before':
-                this._connectedPositions = [POSITIONS$1['before'], POSITIONS$1['after'], POSITIONS$1['top'], POSITIONS$1['bottom']];
+                this._connectedPositions = [POSITIONS['before'], POSITIONS['after'], POSITIONS['top'], POSITIONS['bottom']];
                 break;
             case 'after':
-                this._connectedPositions = [POSITIONS$1['after'], POSITIONS$1['before'], POSITIONS$1['top'], POSITIONS$1['bottom']];
+                this._connectedPositions = [POSITIONS['after'], POSITIONS['before'], POSITIONS['top'], POSITIONS['bottom']];
                 break;
             case 'bottom':
-                this._connectedPositions = [POSITIONS$1['bottom'], POSITIONS$1['top'], POSITIONS$1['after'], POSITIONS$1['before']];
+                this._connectedPositions = [POSITIONS['bottom'], POSITIONS['top'], POSITIONS['after'], POSITIONS['before']];
                 break;
             case 'start-bottom':
                 this._connectedPositions = [
-                    POSITIONS$1['start-bottom'],
-                    POSITIONS$1['start-top'],
-                    POSITIONS$1['after'],
-                    POSITIONS$1['before']
+                    POSITIONS['start-bottom'],
+                    POSITIONS['start-top'],
+                    POSITIONS['after'],
+                    POSITIONS['before']
                 ];
                 break;
             case 'start-top':
                 this._connectedPositions = [
-                    POSITIONS$1['start-top'],
-                    POSITIONS$1['start-bottom'],
-                    POSITIONS$1['after'],
-                    POSITIONS$1['before']
+                    POSITIONS['start-top'],
+                    POSITIONS['start-bottom'],
+                    POSITIONS['after'],
+                    POSITIONS['before']
                 ];
                 break;
             case 'top':
             default:
-                this._connectedPositions = [POSITIONS$1['top'], POSITIONS$1['bottom'], POSITIONS$1['after'], POSITIONS$1['before']];
+                this._connectedPositions = [POSITIONS['top'], POSITIONS['bottom'], POSITIONS['after'], POSITIONS['before']];
                 break;
         }
     }
@@ -2929,133 +2929,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImpor
                 type: Input
             }] } });
 
-const POSITIONS = {
-    before: {
-        originX: 'start',
-        originY: 'center',
-        overlayX: 'end',
-        overlayY: 'center'
-    },
-    after: {
-        originX: 'end',
-        originY: 'center',
-        overlayX: 'start',
-        overlayY: 'center'
-    },
-    top: {
-        originX: 'center',
-        originY: 'top',
-        overlayX: 'center',
-        overlayY: 'bottom'
-    },
-    bottom: {
-        originX: 'center',
-        originY: 'bottom',
-        overlayX: 'center',
-        overlayY: 'top'
-    }
-};
-class PryTooltipDirective {
-    set pryTooltipContext(context) {
-        Object.keys(context).forEach((key) => {
-            this._context[key] = context[key];
-        });
-    }
-    set pryTooltipPosition(val) {
-        this._position = val;
-        this.assignConnectedPositions();
-    }
-    constructor(overlay, viewContainerRef, elementRef) {
-        this.overlay = overlay;
-        this.viewContainerRef = viewContainerRef;
-        this.elementRef = elementRef;
-        this.styleReversed = false;
-        this._context = {};
-        this._position = 'top';
-        this._connectedPositions = [POSITIONS['top'], POSITIONS['bottom'], POSITIONS['after'], POSITIONS['before']];
-        this.pryTooltipShowDelay = 300;
-    }
-    ngOnInit() {
-        const positionStrategy = this.overlay
-            .position()
-            .flexibleConnectedTo(this.elementRef)
-            .withViewportMargin(5)
-            .withPositions(this._connectedPositions);
-        const panelClass = this.styleReversed
-            ? ['pry-tooltip-container', 'pry-tooltip-reversed']
-            : ['pry-tooltip-container'];
-        this.overlayRef = this.overlay.create({
-            positionStrategy,
-            panelClass
-        });
-    }
-    show() {
-        this._timeout = setTimeout(() => {
-            this.portalRef = new TemplatePortal(this.pryTooltip, this.viewContainerRef, this._context);
-            this.overlayRef?.attach(this.portalRef);
-        }, this.pryTooltipShowDelay);
-    }
-    hide() {
-        clearTimeout(this._timeout);
-        this.overlayRef?.detach();
-    }
-    hideOnClick() {
-        this.hide();
-    }
-    assignConnectedPositions() {
-        switch (this._position) {
-            case 'before':
-                this._connectedPositions = [POSITIONS['before'], POSITIONS['after'], POSITIONS['top'], POSITIONS['bottom']];
-                break;
-            case 'after':
-                this._connectedPositions = [POSITIONS['after'], POSITIONS['before'], POSITIONS['top'], POSITIONS['bottom']];
-                break;
-            case 'bottom':
-                this._connectedPositions = [POSITIONS['bottom'], POSITIONS['top'], POSITIONS['after'], POSITIONS['before']];
-                break;
-            case 'top':
-            default:
-                this._connectedPositions = [POSITIONS['top'], POSITIONS['bottom'], POSITIONS['after'], POSITIONS['before']];
-                break;
-        }
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: PryTooltipDirective, deps: [{ token: i2$1.Overlay }, { token: i0.ViewContainerRef }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.1.6", type: PryTooltipDirective, selector: "[pryTooltip]", inputs: { pryTooltip: "pryTooltip", styleReversed: "styleReversed", pryTooltipContext: "pryTooltipContext", pryTooltipPosition: "pryTooltipPosition", pryTooltipShowDelay: "pryTooltipShowDelay" }, host: { listeners: { "mouseenter": "show()", "mouseout": "hide()", "click": "hideOnClick()" } }, ngImport: i0 }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: PryTooltipDirective, decorators: [{
-            type: Directive,
-            args: [{ selector: '[pryTooltip]' }]
-        }], ctorParameters: function () { return [{ type: i2$1.Overlay }, { type: i0.ViewContainerRef }, { type: i0.ElementRef }]; }, propDecorators: { pryTooltip: [{
-                type: Input
-            }], styleReversed: [{
-                type: Input
-            }], pryTooltipContext: [{
-                type: Input
-            }], pryTooltipPosition: [{
-                type: Input
-            }], pryTooltipShowDelay: [{
-                type: Input
-            }], show: [{
-                type: HostListener,
-                args: ['mouseenter']
-            }], hide: [{
-                type: HostListener,
-                args: ['mouseout']
-            }], hideOnClick: [{
-                type: HostListener,
-                args: ['click']
-            }] } });
-
 class PryOverlayModule {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: PryOverlayModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.1.6", ngImport: i0, type: PryOverlayModule, declarations: [PryTooltipDirective, PryOverlayDirective, PryDialogConfirmComponent], imports: [CommonModule, OverlayModule, PryIconModule, PryI18nModule, A11yModule], exports: [PryTooltipDirective, PryOverlayDirective, PryDialogConfirmComponent] }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.1.6", ngImport: i0, type: PryOverlayModule, declarations: [PryOverlayDirective, PryDialogConfirmComponent], imports: [CommonModule, OverlayModule, PryIconModule, PryI18nModule, A11yModule], exports: [PryOverlayDirective, PryDialogConfirmComponent] }); }
     static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: PryOverlayModule, imports: [CommonModule, OverlayModule, PryIconModule, PryI18nModule, A11yModule] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: PryOverlayModule, decorators: [{
             type: NgModule,
             args: [{
-                    declarations: [PryTooltipDirective, PryOverlayDirective, PryDialogConfirmComponent],
-                    exports: [PryTooltipDirective, PryOverlayDirective, PryDialogConfirmComponent],
+                    declarations: [PryOverlayDirective, PryDialogConfirmComponent],
+                    exports: [PryOverlayDirective, PryDialogConfirmComponent],
                     imports: [CommonModule, OverlayModule, PryIconModule, PryI18nModule, A11yModule]
                 }]
         }] });
@@ -5278,10 +5161,13 @@ class PryBackendAggregationService extends PryAggregationService {
         this.classes = [];
         this.fields = [];
         this.filters = {};
+        this.dataUrl = '';
+        this.cache = {};
         this.store.select(DashboardSelectors.resultSets).subscribe((rs) => (this.rs = rs));
         this.store.select(ClassSelectors.classes).subscribe((classes) => (this.classes = classes));
         this.store.select(FieldSelectors.fields).subscribe((fields) => (this.fields = fields));
         this.store.select(DashboardSelectors.datasourceFilters).subscribe((filters) => (this.filters = filters));
+        this.store.select(ConfigSelectors.dataUrl).subscribe((dataUrl) => (this.dataUrl = dataUrl));
     }
     aggregate(datasources, options) {
         const targetDatasource = datasources.find((ds) => ![DEFAULT_NAMED_QUERY_ID, EXPLORE_NAMED_QUERY_ID].includes(ds));
@@ -5332,14 +5218,21 @@ class PryBackendAggregationService extends PryAggregationService {
             params = params.set('groupBy', options.groupBy.attribute);
         }
         params = this.searchService.getItemsFilter(targetDatasource, params);
-        return this.store.select(ConfigSelectors.dataUrl).pipe(switchMap((url) => this.httpClient
-            .get(`${url}/data-sources/id/${targetDatasource}/items/aggregate`, {
-            params
-        })
-            .pipe(map((result) => ({
-            ...result,
-            operation: options.ordinate.operation === Operation.NONE ? Operation.NONE : result.operation
-        })))));
+        const key = `${this.dataUrl}_${params.toString()}`;
+        if (!this.cache[key] || this.cache[key].time + 1000 < new Date().getTime()) {
+            this.cache[key] = {
+                response: this.httpClient
+                    .get(`${this.dataUrl}/data-sources/id/${targetDatasource}/items/aggregate`, {
+                    params
+                })
+                    .pipe(debounceTime$1(100), map((result) => ({
+                    ...result,
+                    operation: options.ordinate.operation === Operation.NONE ? Operation.NONE : result.operation
+                })), share()),
+                time: new Date().getTime()
+            };
+        }
+        return this.cache[key].response;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: PryBackendAggregationService, deps: [{ token: i1.Store }, { token: PrySnackbarService }, { token: PryI18nService }, { token: i1$2.HttpClient }, { token: SearchService }], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: PryBackendAggregationService, providedIn: 'root' }); }
@@ -6220,7 +6113,7 @@ class PryToggleComponent {
                 useExisting: forwardRef(() => PryToggleComponent),
                 multi: true
             }
-        ], viewQueries: [{ propertyName: "_inputElement", first: true, predicate: ["input"], descendants: true }], ngImport: i0, template: "<ng-container *ngIf=\"mode !== 'action'\">\n  <label\n    class=\"a-toggle\"\n    [for]=\"'toggle-' + _id\"\n    [dir]=\"dir\"\n    [ngClass]=\"{\n      '-disabled': disabled,\n      '-always-active': alwaysActive,\n      '-size-sm': size === 'sm',\n      '-txt-inside': hasTextInside\n    }\"\n    [pryTooltip]=\"infoTooltip\"\n    pryTooltipPosition=\"bottom\"\n    aria-describedby=\"infoTooltip_toggle\"\n  >\n    <input\n      #input\n      type=\"checkbox\"\n      name=\"toggle\"\n      [id]=\"'toggle-' + _id\"\n      class=\"a-toggle__input\"\n      [checked]=\"checked\"\n      [disabled]=\"disabled\"\n      (change)=\"onChangeValue($event)\"\n      (click)=\"onInputClick($event)\"\n    />\n    <ng-container *ngTemplateOutlet=\"contentTpl\"></ng-container>\n  </label>\n  <ng-template #infoTooltip>\n    <div class=\"m-tooltip\" role=\"tooltip\" id=\"infoTooltip_toggle\">\n      <span class=\"m-tooltip__text\">{{ '@pry.toolbox.edit' | i18n }}</span>\n    </div>\n  </ng-template>\n</ng-container>\n<ng-container *ngIf=\"mode === 'action'\">\n  <button\n    type=\"button\"\n    class=\"a-toggle\"\n    [dir]=\"dir\"\n    [ngClass]=\"{\n      '-disabled': disabled,\n      '-always-active': alwaysActive,\n      '-size-sm': size === 'sm',\n      '-txt-inside': hasTextInside\n    }\"\n    [attr.aria-pressed]=\"checked\"\n    [disabled]=\"disabled\"\n    (change)=\"onChangeValue($event)\"\n    (click)=\"onInputClick($event)\"\n    #button\n  >\n    <ng-container *ngTemplateOutlet=\"contentTpl\"></ng-container>\n  </button>\n</ng-container>\n\n<ng-template #contentTpl>\n  <span class=\"a-toggle__display\" aria-hidden=\"true\">\n    <span class=\"a-toggle__display__txtleft\">{{ leftword }}</span>\n    <span class=\"a-toggle__display__txtright\">{{ rightword }}</span>\n  </span>\n  <span class=\"a-toggle__wording\">\n    <ng-content></ng-content>\n  </span>\n</ng-template>\n", dependencies: [{ kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { 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: PryTooltipDirective, selector: "[pryTooltip]", inputs: ["pryTooltip", "styleReversed", "pryTooltipContext", "pryTooltipPosition", "pryTooltipShowDelay"] }, { kind: "pipe", type: I18nPipe, name: "i18n" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+        ], viewQueries: [{ propertyName: "_inputElement", first: true, predicate: ["input"], descendants: true }], ngImport: i0, template: "<ng-container *ngIf=\"mode !== 'action'\">\n  <label\n    class=\"a-toggle a-tooltip\"\n    [for]=\"'toggle-' + _id\"\n    [dir]=\"dir\"\n    [ngClass]=\"{\n      '-disabled': disabled,\n      '-always-active': alwaysActive,\n      '-size-sm': size === 'sm',\n      '-txt-inside': hasTextInside\n    }\"\n    [attr.data-tooltip]=\"'@pry.toolbox.edit' | i18n\"\n    data-tooltip-position=\"bottom\"\n  >\n    <input\n      #input\n      type=\"checkbox\"\n      name=\"toggle\"\n      [id]=\"'toggle-' + _id\"\n      class=\"a-toggle__input\"\n      [checked]=\"checked\"\n      [disabled]=\"disabled\"\n      (change)=\"onChangeValue($event)\"\n      (click)=\"onInputClick($event)\"\n    />\n    <ng-container *ngTemplateOutlet=\"contentTpl\"></ng-container>\n  </label>\n</ng-container>\n<ng-container *ngIf=\"mode === 'action'\">\n  <button\n    type=\"button\"\n    class=\"a-toggle\"\n    [dir]=\"dir\"\n    [ngClass]=\"{\n      '-disabled': disabled,\n      '-always-active': alwaysActive,\n      '-size-sm': size === 'sm',\n      '-txt-inside': hasTextInside\n    }\"\n    [attr.aria-pressed]=\"checked\"\n    [disabled]=\"disabled\"\n    (change)=\"onChangeValue($event)\"\n    (click)=\"onInputClick($event)\"\n    #button\n  >\n    <ng-container *ngTemplateOutlet=\"contentTpl\"></ng-container>\n  </button>\n</ng-container>\n\n<ng-template #contentTpl>\n  <span class=\"a-toggle__display\" aria-hidden=\"true\">\n    <span class=\"a-toggle__display__txtleft\">{{ leftword }}</span>\n    <span class=\"a-toggle__display__txtright\">{{ rightword }}</span>\n  </span>\n  <span class=\"a-toggle__wording\">\n    <ng-content></ng-content>\n  </span>\n</ng-template>\n", dependencies: [{ kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { 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: "pipe", type: I18nPipe, name: "i18n" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: PryToggleComponent, decorators: [{
             type: Component,
@@ -6230,7 +6123,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImpor
                             useExisting: forwardRef(() => PryToggleComponent),
                             multi: true
                         }
-                    ], template: "<ng-container *ngIf=\"mode !== 'action'\">\n  <label\n    class=\"a-toggle\"\n    [for]=\"'toggle-' + _id\"\n    [dir]=\"dir\"\n    [ngClass]=\"{\n      '-disabled': disabled,\n      '-always-active': alwaysActive,\n      '-size-sm': size === 'sm',\n      '-txt-inside': hasTextInside\n    }\"\n    [pryTooltip]=\"infoTooltip\"\n    pryTooltipPosition=\"bottom\"\n    aria-describedby=\"infoTooltip_toggle\"\n  >\n    <input\n      #input\n      type=\"checkbox\"\n      name=\"toggle\"\n      [id]=\"'toggle-' + _id\"\n      class=\"a-toggle__input\"\n      [checked]=\"checked\"\n      [disabled]=\"disabled\"\n      (change)=\"onChangeValue($event)\"\n      (click)=\"onInputClick($event)\"\n    />\n    <ng-container *ngTemplateOutlet=\"contentTpl\"></ng-container>\n  </label>\n  <ng-template #infoTooltip>\n    <div class=\"m-tooltip\" role=\"tooltip\" id=\"infoTooltip_toggle\">\n      <span class=\"m-tooltip__text\">{{ '@pry.toolbox.edit' | i18n }}</span>\n    </div>\n  </ng-template>\n</ng-container>\n<ng-container *ngIf=\"mode === 'action'\">\n  <button\n    type=\"button\"\n    class=\"a-toggle\"\n    [dir]=\"dir\"\n    [ngClass]=\"{\n      '-disabled': disabled,\n      '-always-active': alwaysActive,\n      '-size-sm': size === 'sm',\n      '-txt-inside': hasTextInside\n    }\"\n    [attr.aria-pressed]=\"checked\"\n    [disabled]=\"disabled\"\n    (change)=\"onChangeValue($event)\"\n    (click)=\"onInputClick($event)\"\n    #button\n  >\n    <ng-container *ngTemplateOutlet=\"contentTpl\"></ng-container>\n  </button>\n</ng-container>\n\n<ng-template #contentTpl>\n  <span class=\"a-toggle__display\" aria-hidden=\"true\">\n    <span class=\"a-toggle__display__txtleft\">{{ leftword }}</span>\n    <span class=\"a-toggle__display__txtright\">{{ rightword }}</span>\n  </span>\n  <span class=\"a-toggle__wording\">\n    <ng-content></ng-content>\n  </span>\n</ng-template>\n" }]
+                    ], template: "<ng-container *ngIf=\"mode !== 'action'\">\n  <label\n    class=\"a-toggle a-tooltip\"\n    [for]=\"'toggle-' + _id\"\n    [dir]=\"dir\"\n    [ngClass]=\"{\n      '-disabled': disabled,\n      '-always-active': alwaysActive,\n      '-size-sm': size === 'sm',\n      '-txt-inside': hasTextInside\n    }\"\n    [attr.data-tooltip]=\"'@pry.toolbox.edit' | i18n\"\n    data-tooltip-position=\"bottom\"\n  >\n    <input\n      #input\n      type=\"checkbox\"\n      name=\"toggle\"\n      [id]=\"'toggle-' + _id\"\n      class=\"a-toggle__input\"\n      [checked]=\"checked\"\n      [disabled]=\"disabled\"\n      (change)=\"onChangeValue($event)\"\n      (click)=\"onInputClick($event)\"\n    />\n    <ng-container *ngTemplateOutlet=\"contentTpl\"></ng-container>\n  </label>\n</ng-container>\n<ng-container *ngIf=\"mode === 'action'\">\n  <button\n    type=\"button\"\n    class=\"a-toggle\"\n    [dir]=\"dir\"\n    [ngClass]=\"{\n      '-disabled': disabled,\n      '-always-active': alwaysActive,\n      '-size-sm': size === 'sm',\n      '-txt-inside': hasTextInside\n    }\"\n    [attr.aria-pressed]=\"checked\"\n    [disabled]=\"disabled\"\n    (change)=\"onChangeValue($event)\"\n    (click)=\"onInputClick($event)\"\n    #button\n  >\n    <ng-container *ngTemplateOutlet=\"contentTpl\"></ng-container>\n  </button>\n</ng-container>\n\n<ng-template #contentTpl>\n  <span class=\"a-toggle__display\" aria-hidden=\"true\">\n    <span class=\"a-toggle__display__txtleft\">{{ leftword }}</span>\n    <span class=\"a-toggle__display__txtright\">{{ rightword }}</span>\n  </span>\n  <span class=\"a-toggle__wording\">\n    <ng-content></ng-content>\n  </span>\n</ng-template>\n" }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { class: [{
                 type: HostBinding,
                 args: ['class']
@@ -8595,94 +8488,6 @@ class ToolboxManifestService extends SubscriptionnerDirective {
                 options: { graph: { type: GraphType.CIRCULAR } },
                 datasource: USE_CURRENT_RESULTSET
             },
-            barchartLegacy: {
-                type: 'chart-legacy',
-                layout: {
-                    x: 1,
-                    y: 1,
-                    height: 2,
-                    width: 3
-                },
-                options: { type: MarkType.BAR, subType: MarkSubType.DEFAULT },
-                datasource: USE_CURRENT_RESULTSET
-            },
-            histogramLegacy: {
-                type: 'chart-legacy',
-                layout: {
-                    x: 1,
-                    y: 1,
-                    height: 2,
-                    width: 3
-                },
-                options: { type: MarkType.BAR, subType: MarkSubType.HISTOGRAM },
-                datasource: USE_CURRENT_RESULTSET
-            },
-            linechartLegacy: {
-                type: 'chart-legacy',
-                layout: {
-                    x: 1,
-                    y: 1,
-                    height: 2,
-                    width: 3
-                },
-                options: { type: MarkType.LINE, subType: MarkSubType.DEFAULT },
-                datasource: USE_CURRENT_RESULTSET
-            },
-            pointchartLegacy: {
-                type: 'chart-legacy',
-                layout: {
-                    x: 1,
-                    y: 1,
-                    height: 2,
-                    width: 3
-                },
-                options: { type: MarkType.POINT, subType: MarkSubType.DEFAULT },
-                datasource: USE_CURRENT_RESULTSET
-            },
-            areachartLegacy: {
-                type: 'chart-legacy',
-                layout: {
-                    x: 1,
-                    y: 1,
-                    height: 2,
-                    width: 3
-                },
-                options: { type: MarkType.AREA, subType: MarkSubType.DEFAULT },
-                datasource: USE_CURRENT_RESULTSET
-            },
-            arcchartLegacy: {
-                type: 'chart-legacy',
-                layout: {
-                    x: 1,
-                    y: 1,
-                    height: 2,
-                    width: 3
-                },
-                options: { type: MarkType.ARC, subType: MarkSubType.DEFAULT },
-                datasource: USE_CURRENT_RESULTSET
-            },
-            radarchartLegacy: {
-                type: 'chart-legacy',
-                layout: {
-                    x: 1,
-                    y: 1,
-                    height: 2,
-                    width: 3
-                },
-                options: { type: MarkType.RADAR, subType: MarkSubType.DEFAULT },
-                datasource: USE_CURRENT_RESULTSET
-            },
-            circlechartLegacy: {
-                type: 'chart-legacy',
-                layout: {
-                    x: 1,
-                    y: 1,
-                    height: 2,
-                    width: 3
-                },
-                options: { type: MarkType.CIRCLE_PACK, subType: MarkSubType.DEFAULT },
-                datasource: USE_CURRENT_RESULTSET
-            },
             detail: {
                 type: 'detail',
                 layout: {
@@ -8815,7 +8620,8 @@ const defaultMenuStructure = [
             { icon: 'show_chart', label: '@pry.toolbox.linechart', type: 'linechart' },
             { icon: 'auto_graph', label: '@pry.toolbox.pointchart', type: 'pointchart' },
             { icon: 'area_chart', label: '@pry.toolbox.areachart', type: 'areachart' },
-            { icon: 'donut_large', label: '@pry.toolbox.arcchart', type: 'arcchart' }
+            { icon: 'donut_large', label: '@pry.toolbox.arcchart', type: 'arcchart' },
+            { icon: 'bar_chart', label: '@pry.toolbox.vega', type: 'vega' }
         ]
     },
     {
@@ -8827,8 +8633,7 @@ const defaultMenuStructure = [
             { icon: 'toc', label: '@pry.toolbox.detail', type: 'detail' },
             { icon: 'graph', label: '@pry.toolbox.graph', type: 'graph' },
             { icon: 'settings_applications', label: '@pry.toolbox.iframe', type: 'iframe' },
-            { icon: 'tile', label: '@pry.toolbox.tile', type: 'tile' },
-            { icon: 'bar_chart', label: '@pry.toolbox.vega', type: 'vega' }
+            { icon: 'tile', label: '@pry.toolbox.tile', type: 'tile' }
         ]
     }
 ];
@@ -8875,8 +8680,16 @@ class ToolboxMenuService {
             category: menu.label
         })))
             .reduce((p, c) => [...p, ...c], [])));
-        this.types$ = combineLatest([this.toolboxManifestService.initialManifests$, this.menuStructure$]).pipe(map(([manifests, menuStructure]) => {
-            const types = [...new Set(Object.values(manifests).map((manifest) => manifest.type))];
+        this.types$ = combineLatest([
+            this.toolboxManifestService.initialManifests$,
+            this.menuStructure$,
+            this.widgetFactoryService.reference$
+        ]).pipe(map(([manifests, menuStructure, reference]) => {
+            const types = [
+                ...new Set(Object.values(manifests)
+                    .filter((manifest) => reference[manifest.type])
+                    .map((manifest) => manifest.type))
+            ];
             return types.map((type) => {
                 const matchingMenu = menuStructure.find((menu) => menu.label.replace('@pry.toolbox.sub.', '').indexOf(type) >= 0);
                 if (!!matchingMenu) {
@@ -9071,10 +8884,7 @@ class PryHttpErrorInterceptorService {
     intercept(req, next) {
         return next.handle(req).pipe(catchError((error) => {
             if (httpErrorOptions.isDevMode) {
-                let message = error.error.message;
-                if (!message) {
-                    message = error.message;
-                }
+                const message = error.error.message ?? error.message ?? error.error.error;
                 if (error.status >= 400) {
                     this.snackbar.open({
                         message: 'Statut: ' + error.status + '. Erreur: ' + message,
@@ -9367,6 +9177,7 @@ class DataWidgetComponent extends BaseWidgetComponent {
     constructor(store, el) {
         super(store, el);
         this.staticResultSet$ = new BehaviorSubject(null);
+        this.openData$ = new Subject();
         this.datasourceIds$ = this.manifest$.pipe(map((manifest) => (Array.isArray(manifest.datasource) ? manifest.datasource : [manifest.datasource]).filter((id) => !!id)));
         this.usedDatasources$ = combineLatest([
             this.datasourceIds$,
@@ -9399,12 +9210,14 @@ class DataWidgetComponent extends BaseWidgetComponent {
         }), distinctUntilChanged$1((p, v) => equal(p, v)));
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: DataWidgetComponent, deps: [{ token: i1.Store }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.6", type: DataWidgetComponent, selector: "pry-data-widget", inputs: { staticResultSet: "staticResultSet" }, usesInheritance: true, ngImport: i0, template: '', isInline: true }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.6", type: DataWidgetComponent, selector: "pry-data-widget", inputs: { openData$: "openData$", staticResultSet: "staticResultSet" }, usesInheritance: true, ngImport: i0, template: '', isInline: true }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: DataWidgetComponent, decorators: [{
             type: Component,
             args: [{ selector: 'pry-data-widget', template: '' }]
-        }], ctorParameters: function () { return [{ type: i1.Store }, { type: i0.ElementRef }]; }, propDecorators: { staticResultSet: [{
+        }], ctorParameters: function () { return [{ type: i1.Store }, { type: i0.ElementRef }]; }, propDecorators: { openData$: [{
+                type: Input
+            }], staticResultSet: [{
                 type: Input
             }] } });
 
@@ -9536,6 +9349,12 @@ class PryWidgetHeaderComponent extends SubscriptionnerDirective {
     set manifest(manifest) {
         this.manifest$.next(manifest);
     }
+    set openData$(open$) {
+        this.openSub?.unsubscribe();
+        this.openSub = open$.subscribe(() => {
+            this.toggleDatasourceSelection();
+        });
+    }
     set datasourceIds(datasourceIds) {
         this.selectedDataSourceIds$.next(datasourceIds);
     }
@@ -9667,7 +9486,7 @@ class PryWidgetHeaderComponent extends SubscriptionnerDirective {
             this.togglePanel?.nativeElement?.focus();
         }
     }
-    toggleCombo() {
+    toggleDatasourceSelection() {
         if (!this.comboRef) {
             this.comboRef = this.overlay.create(new OverlayConfig({
                 hasBackdrop: true,
@@ -9675,7 +9494,7 @@ class PryWidgetHeaderComponent extends SubscriptionnerDirective {
                 backdropClass: 'backdrop'
             }));
             this.store.dispatch(ConfigActions.addingOverlay({ id: this.constructor.name + '-combo' }));
-            this.comboRef.backdropClick().subscribe((_) => this.toggleCombo());
+            this.comboRef.backdropClick().subscribe((_) => this.toggleDatasourceSelection());
             this.comboRef.attach(new TemplatePortal(this.template, this.viewContainerRef));
             setTimeout(() => {
                 this.inputCatalog?.nativeElement?.focus();
@@ -9685,7 +9504,7 @@ class PryWidgetHeaderComponent extends SubscriptionnerDirective {
             this.comboRef.dispose();
             this.comboRef = undefined;
             this.store.dispatch(ConfigActions.closeOverlay({ id: this.constructor.name + '-combo' }));
-            this.menuOpen();
+            this.menuOpen(undefined, false);
         }
     }
     moveInNewWindow(widgetIndex, targetIndex) {
@@ -9705,7 +9524,7 @@ class PryWidgetHeaderComponent extends SubscriptionnerDirective {
                 datasource: this.selectedDataSourceIds$.getValue()
             }
         });
-        this.toggleCombo();
+        this.toggleDatasourceSelection();
     }
     toggleRemoveConfirm($event) {
         if (!this.confirmRemoveRef) {
@@ -9883,12 +9702,17 @@ class PryWidgetHeaderComponent extends SubscriptionnerDirective {
     isGeo(ds) {
         return ds.metadata?.find((m) => m.metadataDef.name === GeoMetadata.NAMESPACE) !== undefined;
     }
+    ngOnDestroy() {
+        super.ngOnDestroy();
+        this.subscription?.unsubscribe();
+        this.openSub?.unsubscribe();
+    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: PryWidgetHeaderComponent, deps: [{ token: i1.Store }, { token: i2$1.Overlay }, { token: i0.ViewContainerRef }, { token: ToolboxMenuService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.6", type: PryWidgetHeaderComponent, selector: "pry-widget-header", inputs: { manifest: "manifest", additionalOptions: "additionalOptions", headerOptions: "headerOptions", displayCount: "displayCount", datasourceIds: "datasourceIds", widgetIndex: "widgetIndex" }, outputs: { manifestModified: "manifestModified" }, viewQueries: [{ propertyName: "template", first: true, predicate: ["template"], descendants: true, read: TemplateRef }, { propertyName: "templateModal", first: true, predicate: ["templateModal"], descendants: true, read: TemplateRef }, { propertyName: "toggle", first: true, predicate: ["toggle"], descendants: true, read: TemplateRef }, { propertyName: "overlayMenu", first: true, predicate: ["overlayMenu"], descendants: true, read: TemplateRef }, { propertyName: "overlayCatalog", first: true, predicate: ["overlayCatalog"], descendants: true, read: TemplateRef }, { propertyName: "overlaySpot", first: true, predicate: ["overlaySpot"], descendants: true, read: TemplateRef }, { propertyName: "togglePanel", first: true, predicate: ["togglePanel"], descendants: true }, { propertyName: "cross", first: true, predicate: ["cross"], descendants: true }, { propertyName: "validate", first: true, predicate: ["validate"], descendants: true }, { propertyName: "validateCatalog", first: true, predicate: ["validateCatalog"], descendants: true }, { propertyName: "cancel", first: true, predicate: ["cancel"], descendants: true }, { propertyName: "crossCatalog", first: true, predicate: ["crossCatalog"], descendants: true }, { propertyName: "inputCatalog", first: true, predicate: ["inputCatalog"], descendants: true }, { propertyName: "menuList", first: true, predicate: ["menuList"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"o-widget__header\">\n  <div class=\"o-widget__header__content\">\n    <h2 class=\"o-widget__header__content__title\" *ngIf=\"(manifest$ | async)?.title; else querySelector\">\n      {{ (manifest$ | async)?.title }}\n    </h2>\n    <ng-template #querySelector>\n      <div *ngFor=\"let ds of usedDatasources$ | async\" class=\"o-widget__header__content__query\">\n        <pry-nq-color-selector [disabled]=\"true\" [datasource]=\"ds\"></pry-nq-color-selector>\n        <ng-container\n          *ngIf=\"ds.id | translateId : { type: 'datasource', output: 'icon', noDefault: true } | async as url\"\n        >\n          <img [height]=\"20\" [src]=\"url\" [width]=\"20\" alt=\"\" class=\"o-widget__header__content__query__icon\" />\n        </ng-container>\n        <h3 class=\"o-widget__header__content__query__name\">{{ ds.name }}</h3>\n        <h3 class=\"o-widget__header__content__query__name\" *ngIf=\"displayCount && !isGeo(ds)\">\n          ({{ [ds.id] | resultSetSize | async }})\n        </h3>\n      </div>\n      <div *ngIf=\"((usedDatasources$ | async) ?? []).length === 0\" class=\"o-widget__header__content__no-data\">\n        <h2 class=\"o-widget__header__content__title\">{{ '@pry.widget.noData' | i18n }}</h2>\n      </div>\n    </ng-template>\n  </div>\n  <div class=\"m-btn-group\" *ngIf=\"!(lockedView$ | async) && displaySettings(headerOptions)\">\n    <button\n      type=\"button\"\n      id=\"dialog_Menu\"\n      aria-controls=\"menu\"\n      [attr.aria-expanded]=\"this.menu\"\n      #togglePanel\n      class=\"a-btn a-btn--more\"\n      (click)=\"menuOpen($event)\"\n    >\n      <pry-icon [height]=\"25\" [width]=\"25\" iconSvg=\"more_horiz\"></pry-icon>\n      <span class=\"u-visually-hidden\">{{ '@pry.action.openMenuWidget' | i18n }}</span>\n    </button>\n  </div>\n</div>\n\n<ng-template #overlayMenu>\n  <div class=\"m-context-menu\">\n    <ul\n      class=\"m-context-menu__list\"\n      #menuList\n      id=\"menu\"\n      role=\"menu\"\n      aria-modal=\"true\"\n      aria-labelledby=\"dialog_Menu\"\n      (keydown.arrowDown)=\"onArrowDown()\"\n      (keydown.arrowUp)=\"onArrowUp()\"\n      (keydown.escape)=\"menuOpen()\"\n    >\n      <li\n        class=\"m-context-menu__list__item\"\n        role=\"none\"\n        *ngIf=\"(manifest$ | async)?.datasource && displayOption(headerOptions, 'datasourceSelection')\"\n      >\n        <button\n          type=\"button\"\n          role=\"menuitem\"\n          tabindex=\"-1\"\n          id=\"toggleActions\"\n          (click)=\"toggleCombo()\"\n          *pryAccess=\"{ module: 'dashboard', page: 'widget', action: 'select_named_query' }\"\n          class=\"a-btn\"\n          [pryTooltip]=\"infoTooltip\"\n          aria-describedby=\"infoTooltip_widgetHeader\"\n        >\n          <pry-icon [height]=\"17\" [width]=\"17\" iconSvg=\"stack-fill\"></pry-icon>\n          <span>{{ '@pry.widget.tooltip.readSearch' | i18n }}</span>\n        </button>\n      </li>\n      <li class=\"m-context-menu__list__item\" role=\"none\" *ngIf=\"displayOption(headerOptions, 'parameters')\">\n        <ng-content></ng-content>\n      </li>\n      <ng-container *ngIf=\"displayOption(headerOptions, 'window')\">\n        <li class=\"m-context-menu__list__item\" role=\"none\" *ngFor=\"let targetIndex of targetIndexes$ | async\">\n          <button\n            type=\"button\"\n            (click)=\"moveInNewWindow(_widgetIndex, targetIndex)\"\n            class=\"a-btn\"\n            role=\"menuitem\"\n            tabindex=\"-1\"\n          >\n            <pry-icon [height]=\"17\" [width]=\"17\" iconSvg=\"launch\"></pry-icon>\n            {{\n              (targetIndex !== -1 ? '@pry.widget.target.existing' : '@pry.widget.target.new')\n                | i18n : { targetIndex: this.targetIndex + 1 }\n            }}\n          </button>\n        </li>\n      </ng-container>\n      <li class=\"m-context-menu__list__item\" role=\"none\" *ngIf=\"hasGrid && displayOption(headerOptions, 'changeSpot')\">\n        <button\n          type=\"button\"\n          role=\"menuitem\"\n          (click)=\"toggleChangeSpot()\"\n          class=\"a-btn\"\n          tabindex=\"-1\"\n          [pryTooltip]=\"infoChangeSpot\"\n          aria-describedby=\"infoTooltip_changeSpot\"\n        >\n          <pry-icon [height]=\"17\" [width]=\"17\" iconSvg=\"move\"></pry-icon>\n          <span>{{ '@pry.widget.tooltip.changeSpot' | i18n }}</span>\n        </button>\n      </li>\n      <li class=\"m-context-menu__list__item\" role=\"none\" *ngIf=\"displayOption(headerOptions, 'maximize')\">\n        <button\n          type=\"button\"\n          role=\"menuitem\"\n          tabindex=\"-1\"\n          (click)=\"maximize(_widgetIndex)\"\n          class=\"a-btn\"\n          (keydown.escape)=\"menuOpen()\"\n        >\n          <pry-icon [height]=\"17\" [width]=\"17\" iconSvg=\"fullscreen\"></pry-icon>\n          {{ '@pry.widget.target.maximize' | i18n }}\n        </button>\n      </li>\n      <li class=\"m-context-menu__list__item\" role=\"none\" *ngIf=\"displayOption(headerOptions, 'addToCatalog')\">\n        <button\n          type=\"button\"\n          role=\"menuitem\"\n          tabindex=\"-1\"\n          (click)=\"toggleCatalog()\"\n          class=\"a-btn\"\n          [pryTooltip]=\"infoAdd\"\n          aria-describedby=\"infoAdd_widgetHeader\"\n        >\n          <pry-icon [height]=\"17\" [width]=\"17\" iconSvg=\"library_add\"></pry-icon>\n          <span>{{ '@pry.widget.tooltip.catalogWidget' | i18n }}</span>\n        </button>\n      </li>\n      <li class=\"m-context-menu__list__item\" role=\"none\" *ngIf=\"displayOption(headerOptions, 'delete')\">\n        <button\n          type=\"button\"\n          role=\"menuitem\"\n          tabindex=\"-1\"\n          (click)=\"toggleRemoveConfirm($event)\"\n          class=\"a-btn\"\n          [pryTooltip]=\"infoRemove\"\n          aria-describedby=\"infoRemove_widgetHeader\"\n          (keydown.tab)=\"menuOpen()\"\n        >\n          <pry-icon [height]=\"17\" [width]=\"17\" iconSvg=\"delete\"></pry-icon>\n          <span>{{ '@pry.widget.tooltip.deleteWidget' | i18n }}</span>\n        </button>\n      </li>\n      <li class=\"m-context-menu__list__item\" role=\"none\" *ngFor=\"let option of additionalOptions\">\n        <button\n          type=\"button\"\n          class=\"a-btn\"\n          role=\"menuitem\"\n          tabindex=\"-1\"\n          (click)=\"executeAction(option)\"\n          [disabled]=\"isActionDisabled(option)\"\n        >\n          <pry-icon [height]=\"17\" [width]=\"17\" [iconSvg]=\"option.icon\"></pry-icon>\n          {{ option.label | i18n }}\n        </button>\n      </li>\n    </ul>\n  </div>\n</ng-template>\n\n<ng-template #templateModal>\n  <div\n    class=\"o-modal\"\n    (keydown.escape)=\"cancelRemoveConfirm()\"\n    role=\"dialog\"\n    aria-modal=\"true\"\n    aria-labelledby=\"dialog confirm delete presentation\"\n  >\n    <div class=\"o-modal__top\">\n      <div class=\"o-modal__top__title\">\n        <h2 class=\"a-h2\" id=\"dialog_title\">\n          {{ '@pry.widget.modalTitle' | i18n }}\n        </h2>\n      </div>\n      <div class=\"o-modal__top__close\">\n        <button class=\"a-btn a-btn--icon-only\" #cross (click)=\"cancelRemoveConfirm()\">\n          <pry-icon iconSvg=\"close\" [height]=\"35\" [width]=\"35\"></pry-icon>\n          <span class=\"u-visually-hidden\">{{ '@pry.toolbox.close' | i18n }}</span>\n        </button>\n      </div>\n    </div>\n    <div class=\"m-btn-group\">\n      <button type=\"button\" (click)=\"cancelRemoveConfirm()\" class=\"a-btn a-btn--secondary\">\n        {{ '@pry.toolbox.manifest.close' | i18n }}\n      </button>\n      <button type=\"submit\" (click)=\"confirmRemove()\" class=\"a-btn a-btn--primary\" (keydown.tab)=\"focusCrossElement()\">\n        {{ '@pry.toolbox.manifest.validate' | i18n }}\n      </button>\n    </div>\n  </div>\n</ng-template>\n\n<ng-template #infoTooltip>\n  <div class=\"m-tooltip\" role=\"tooltip\" id=\"infoTooltip_widgetHeader\" aria-hidden=\"true\">\n    <span class=\"m-tooltip__text\">{{ '@pry.widget.tooltip.readSearch' | i18n }}</span>\n  </div>\n</ng-template>\n<ng-template #infoRemove>\n  <div class=\"m-tooltip\" role=\"tooltip\" id=\"infoRemove_widgetHeader\" aria-hidden=\"true\">\n    <span class=\"m-tooltip__text\">{{ '@pry.widget.tooltip.deleteWidget' | i18n }}</span>\n  </div>\n</ng-template>\n<ng-template #infoAdd>\n  <div class=\"m-tooltip\" role=\"tooltip\" id=\"infoAdd_widgetHeader\" aria-hidden=\"true\">\n    <span class=\"m-tooltip__text\">{{ '@pry.widget.tooltip.catalogWidget' | i18n }}</span>\n  </div>\n</ng-template>\n<ng-template #infoChangeSpot>\n  <div class=\"m-tooltip\" role=\"tooltip\" id=\"infoAdd_changeSpot\" aria-hidden=\"true\">\n    <span class=\"m-tooltip__text\">{{ '@pry.widget.tooltip.changeSpot' | i18n }}</span>\n  </div>\n</ng-template>\n\n<ng-template #template>\n  <pry-datasource-selector\n    (cancel)=\"toggleCombo()\"\n    (validated)=\"emitManifest()\"\n    (nextTab)=\"focusInputCatalog()\"\n    (previousTab)=\"focusValidation()\"\n    (datasourcesChanged)=\"datasourcesChanged($event)\"\n    [datasourceIds]=\"(selectedDataSourceIds$ | async) ?? []\"\n  ></pry-datasource-selector>\n</ng-template>\n\n<ng-template #overlayCatalog>\n  <div\n    class=\"o-modal\"\n    role=\"dialog\"\n    aria-modal=\"true\"\n    aria-labelledby=\"dialog_Catalog\"\n    (keydown.escape)=\"toggleCatalog()\"\n  >\n    <div class=\"o-modal__top\">\n      <div class=\"o-modal__top__title\">\n        <h2 class=\"a-h2\">\n          {{ '@pry.widget.defineCatalog' | i18n }}\n        </h2>\n      </div>\n      <div class=\"o-modal__top__close\">\n        <button\n          class=\"a-btn a-btn--icon-only\"\n          (keydown.shift.tab)=\"focusValidation()\"\n          #crossCatalog\n          (click)=\"toggleCatalog()\"\n        >\n          <pry-icon iconSvg=\"close\" [height]=\"35\" [width]=\"35\"></pry-icon>\n          <span class=\"u-visually-hidden\">{{ '@pry.toolbox.close' | i18n }}</span>\n        </button>\n      </div>\n    </div>\n    <div class=\"m-form-label-field\">\n      <label class=\"a-label\" for=\"name\">{{ '@pry.toolbox.catalog.label' | i18n }}</label>\n      <input [(ngModel)]=\"catalogInfo.name\" id=\"name\" type=\"text\" class=\"a-form-field\" required />\n    </div>\n    <div class=\"m-form-label-field\">\n      <label class=\"a-label\" for=\"description\">{{ '@pry.toolbox.catalog.description' | i18n }}</label>\n      <input [(ngModel)]=\"catalogInfo.description\" id=\"description\" type=\"text\" class=\"a-form-field\" required />\n    </div>\n    <div class=\"m-form-label-field\">\n      <pry-select-image\n        [iconUrl]=\"catalogInfo.image\"\n        (changed)=\"catalogInfo.image = $event\"\n        [mode]=\"type\"\n      ></pry-select-image>\n    </div>\n    <div class=\"m-btn-group\">\n      <button\n        type=\"button\"\n        (click)=\"toggleCatalog()\"\n        #cancel\n        (keydown.tab)=\"disableValidation()\"\n        class=\"a-btn a-btn--secondary\"\n      >\n        {{ '@pry.toolbox.manifest.close' | i18n }}\n      </button>\n      <button\n        type=\"submit\"\n        #validateCatalog\n        (click)=\"confirmCatalog()\"\n        [disabled]=\"!toolboxMenuService.isValidForCatalog(catalogInfo.name)\"\n        class=\"a-btn a-btn--primary\"\n        (keydown.tab)=\"focusCrossElement()\"\n      >\n        {{ '@pry.toolbox.manifest.validate' | i18n }}\n      </button>\n    </div>\n  </div>\n</ng-template>\n\n<ng-template #overlaySpot>\n  <div class=\"o-modal\">\n    <div class=\"o-modal__top\">\n      <div class=\"o-modal__top__title\">\n        <h2 class=\"a-h2\">\n          {{ '@pry.widget.tooltip.changeSpot' | i18n }}\n        </h2>\n      </div>\n      <div class=\"o-modal__top__close\">\n        <button class=\"a-btn a-btn--icon-only\" (click)=\"toggleChangeSpot()\">\n          <pry-icon iconSvg=\"close\" [height]=\"35\" [width]=\"35\"></pry-icon>\n          <span class=\"u-visually-hidden\">{{ '@pry.toolbox.close' | i18n }}</span>\n        </button>\n      </div>\n    </div>\n    <ng-container *ngFor=\"let place of places; let i = index\">\n      <ng-container *ngIf=\"currentPlacementIndex !== i\">\n        <button type=\"button\" class=\"a-btn\" (click)=\"moveToPlace(place)\">\n          <span>{{ '@pry.widget.tooltip.spotName' | i18n : { place: i + 1 } }}</span>\n        </button>\n      </ng-container>\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: 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.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i3$1.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: "component", type: PryNqColorSelectorComponent, selector: "pry-nq-color-selector", inputs: ["disabled", "datasource"], outputs: ["colorChanged"] }, { kind: "directive", type: PryAccessDirective, selector: "[pryAccess]", inputs: ["pryAccess"] }, { kind: "component", type: PrySelectImageComponent, selector: "pry-select-image", inputs: ["iconUrl", "size", "mode"], outputs: ["toggled", "changed"] }, { kind: "directive", type: PryTooltipDirective, selector: "[pryTooltip]", inputs: ["pryTooltip", "styleReversed", "pryTooltipContext", "pryTooltipPosition", "pryTooltipShowDelay"] }, { kind: "component", type: DatasourceSelectorComponent, selector: "pry-datasource-selector", inputs: ["manifest", "datasourceIds"], outputs: ["cancel", "validated", "previousTab", "nextTab", "datasourcesChanged"] }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }, { kind: "pipe", type: TranslateIdPipe, name: "translateId" }, { kind: "pipe", type: I18nPipe, name: "i18n" }, { kind: "pipe", type: ResultSetSizePipe, name: "resultSetSize" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.6", type: PryWidgetHeaderComponent, selector: "pry-widget-header", inputs: { manifest: "manifest", openData$: "openData$", additionalOptions: "additionalOptions", headerOptions: "headerOptions", displayCount: "displayCount", datasourceIds: "datasourceIds", widgetIndex: "widgetIndex" }, outputs: { manifestModified: "manifestModified" }, viewQueries: [{ propertyName: "template", first: true, predicate: ["template"], descendants: true, read: TemplateRef }, { propertyName: "templateModal", first: true, predicate: ["templateModal"], descendants: true, read: TemplateRef }, { propertyName: "toggle", first: true, predicate: ["toggle"], descendants: true, read: TemplateRef }, { propertyName: "overlayMenu", first: true, predicate: ["overlayMenu"], descendants: true, read: TemplateRef }, { propertyName: "overlayCatalog", first: true, predicate: ["overlayCatalog"], descendants: true, read: TemplateRef }, { propertyName: "overlaySpot", first: true, predicate: ["overlaySpot"], descendants: true, read: TemplateRef }, { propertyName: "togglePanel", first: true, predicate: ["togglePanel"], descendants: true }, { propertyName: "cross", first: true, predicate: ["cross"], descendants: true }, { propertyName: "validate", first: true, predicate: ["validate"], descendants: true }, { propertyName: "validateCatalog", first: true, predicate: ["validateCatalog"], descendants: true }, { propertyName: "cancel", first: true, predicate: ["cancel"], descendants: true }, { propertyName: "crossCatalog", first: true, predicate: ["crossCatalog"], descendants: true }, { propertyName: "inputCatalog", first: true, predicate: ["inputCatalog"], descendants: true }, { propertyName: "menuList", first: true, predicate: ["menuList"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"o-widget__header\">\n  <div class=\"o-widget__header__content\">\n    <h2 class=\"o-widget__header__content__title\" *ngIf=\"(manifest$ | async)?.title; else querySelector\">\n      {{ (manifest$ | async)?.title }}\n    </h2>\n    <ng-template #querySelector>\n      <div *ngFor=\"let ds of usedDatasources$ | async\" class=\"o-widget__header__content__query\">\n        <pry-nq-color-selector [disabled]=\"true\" [datasource]=\"ds\"></pry-nq-color-selector>\n        <ng-container\n          *ngIf=\"ds.id | translateId : { type: 'datasource', output: 'icon', noDefault: true } | async as url\"\n        >\n          <img [height]=\"20\" [src]=\"url\" [width]=\"20\" alt=\"\" class=\"o-widget__header__content__query__icon\" />\n        </ng-container>\n        <h3 class=\"o-widget__header__content__query__name\">{{ ds.name }}</h3>\n        <h3 class=\"o-widget__header__content__query__name\" *ngIf=\"displayCount && !isGeo(ds)\">\n          ({{ [ds.id] | resultSetSize | async }})\n        </h3>\n      </div>\n      <div *ngIf=\"((usedDatasources$ | async) ?? []).length === 0\" class=\"o-widget__header__content__no-data\">\n        <h2 class=\"o-widget__header__content__title\">{{ '@pry.widget.noData' | i18n }}</h2>\n      </div>\n    </ng-template>\n  </div>\n  <div class=\"m-btn-group\" *ngIf=\"!(lockedView$ | async) && displaySettings(headerOptions)\">\n    <button\n      type=\"button\"\n      id=\"dialog_Menu\"\n      aria-controls=\"menu\"\n      [attr.aria-expanded]=\"this.menu\"\n      #togglePanel\n      class=\"a-btn a-btn--more\"\n      (click)=\"menuOpen($event)\"\n    >\n      <pry-icon [height]=\"25\" [width]=\"25\" iconSvg=\"more_horiz\"></pry-icon>\n      <span class=\"u-visually-hidden\">{{ '@pry.action.openMenuWidget' | i18n }}</span>\n    </button>\n  </div>\n</div>\n\n<ng-template #overlayMenu>\n  <div class=\"m-context-menu\">\n    <ul\n      class=\"m-context-menu__list\"\n      #menuList\n      id=\"menu\"\n      role=\"menu\"\n      aria-modal=\"true\"\n      aria-labelledby=\"dialog_Menu\"\n      (keydown.arrowDown)=\"onArrowDown()\"\n      (keydown.arrowUp)=\"onArrowUp()\"\n      (keydown.escape)=\"menuOpen()\"\n    >\n      <li\n        class=\"m-context-menu__list__item\"\n        role=\"none\"\n        *ngIf=\"(manifest$ | async)?.datasource && displayOption(headerOptions, 'datasourceSelection')\"\n      >\n        <button\n          type=\"button\"\n          role=\"menuitem\"\n          tabindex=\"-1\"\n          id=\"toggleActions\"\n          (click)=\"toggleDatasourceSelection()\"\n          *pryAccess=\"{ module: 'dashboard', page: 'widget', action: 'select_named_query' }\"\n          class=\"a-btn a-tooltip\"\n          [attr.data-tooltip]=\"'@pry.widget.tooltip.readSearch' | i18n\"\n          data-tooltip-position=\"bottom\"\n        >\n          <pry-icon [height]=\"17\" [width]=\"17\" iconSvg=\"stack-fill\"></pry-icon>\n          <span>{{ '@pry.widget.tooltip.readSearch' | i18n }}</span>\n        </button>\n      </li>\n      <li class=\"m-context-menu__list__item\" role=\"none\" *ngIf=\"displayOption(headerOptions, 'parameters')\">\n        <ng-content></ng-content>\n      </li>\n      <ng-container *ngIf=\"displayOption(headerOptions, 'window')\">\n        <li class=\"m-context-menu__list__item\" role=\"none\" *ngFor=\"let targetIndex of targetIndexes$ | async\">\n          <button\n            type=\"button\"\n            (click)=\"moveInNewWindow(_widgetIndex, targetIndex)\"\n            class=\"a-btn\"\n            role=\"menuitem\"\n            tabindex=\"-1\"\n          >\n            <pry-icon [height]=\"17\" [width]=\"17\" iconSvg=\"launch\"></pry-icon>\n            {{\n              (targetIndex !== -1 ? '@pry.widget.target.existing' : '@pry.widget.target.new')\n                | i18n : { targetIndex: this.targetIndex + 1 }\n            }}\n          </button>\n        </li>\n      </ng-container>\n      <li class=\"m-context-menu__list__item\" role=\"none\" *ngIf=\"hasGrid && displayOption(headerOptions, 'changeSpot')\">\n        <button\n          type=\"button\"\n          role=\"menuitem\"\n          (click)=\"toggleChangeSpot()\"\n          class=\"a-btn a-tooltip\"\n          tabindex=\"-1\"\n          [attr.data-tooltip]=\"'@pry.widget.tooltip.changeSpot' | i18n\"\n        >\n          <pry-icon [height]=\"17\" [width]=\"17\" iconSvg=\"move\"></pry-icon>\n          <span>{{ '@pry.widget.tooltip.changeSpot' | i18n }}</span>\n        </button>\n      </li>\n      <li class=\"m-context-menu__list__item\" role=\"none\" *ngIf=\"displayOption(headerOptions, 'maximize')\">\n        <button\n          type=\"button\"\n          role=\"menuitem\"\n          tabindex=\"-1\"\n          (click)=\"maximize(_widgetIndex)\"\n          class=\"a-btn\"\n          (keydown.escape)=\"menuOpen()\"\n        >\n          <pry-icon [height]=\"17\" [width]=\"17\" iconSvg=\"fullscreen\"></pry-icon>\n          {{ '@pry.widget.target.maximize' | i18n }}\n        </button>\n      </li>\n      <li class=\"m-context-menu__list__item\" role=\"none\" *ngIf=\"displayOption(headerOptions, 'addToCatalog')\">\n        <button\n          type=\"button\"\n          role=\"menuitem\"\n          tabindex=\"-1\"\n          (click)=\"toggleCatalog()\"\n          class=\"a-btn a-tooltip\"\n          [attr.data-tooltip]=\"'@pry.widget.tooltip.catalogWidget' | i18n\"\n        >\n          <pry-icon [height]=\"17\" [width]=\"17\" iconSvg=\"library_add\"></pry-icon>\n          <span>{{ '@pry.widget.tooltip.catalogWidget' | i18n }}</span>\n        </button>\n      </li>\n      <li class=\"m-context-menu__list__item\" role=\"none\" *ngIf=\"displayOption(headerOptions, 'delete')\">\n        <button\n          type=\"button\"\n          role=\"menuitem\"\n          tabindex=\"-1\"\n          (click)=\"toggleRemoveConfirm($event)\"\n          class=\"a-btn a-tooltip\"\n          [attr.data-tooltip]=\"'@pry.widget.tooltip.deleteWidget' | i18n\"\n          (keydown.tab)=\"menuOpen()\"\n        >\n          <pry-icon [height]=\"17\" [width]=\"17\" iconSvg=\"delete\"></pry-icon>\n          <span>{{ '@pry.widget.tooltip.deleteWidget' | i18n }}</span>\n        </button>\n      </li>\n      <li class=\"m-context-menu__list__item\" role=\"none\" *ngFor=\"let option of additionalOptions\">\n        <button\n          type=\"button\"\n          class=\"a-btn\"\n          role=\"menuitem\"\n          tabindex=\"-1\"\n          (click)=\"executeAction(option)\"\n          [disabled]=\"isActionDisabled(option)\"\n        >\n          <pry-icon [height]=\"17\" [width]=\"17\" [iconSvg]=\"option.icon\"></pry-icon>\n          {{ option.label | i18n }}\n        </button>\n      </li>\n    </ul>\n  </div>\n</ng-template>\n\n<ng-template #templateModal>\n  <div\n    class=\"o-modal\"\n    (keydown.escape)=\"cancelRemoveConfirm()\"\n    role=\"dialog\"\n    aria-modal=\"true\"\n    aria-labelledby=\"dialog confirm delete presentation\"\n  >\n    <div class=\"o-modal__top\">\n      <div class=\"o-modal__top__title\">\n        <h2 class=\"a-h2\" id=\"dialog_title\">\n          {{ '@pry.widget.modalTitle' | i18n }}\n        </h2>\n      </div>\n      <div class=\"o-modal__top__close\">\n        <button class=\"a-btn a-btn--icon-only\" #cross (click)=\"cancelRemoveConfirm()\">\n          <pry-icon iconSvg=\"close\" [height]=\"35\" [width]=\"35\"></pry-icon>\n          <span class=\"u-visually-hidden\">{{ '@pry.toolbox.close' | i18n }}</span>\n        </button>\n      </div>\n    </div>\n    <div class=\"m-btn-group\">\n      <button type=\"button\" (click)=\"cancelRemoveConfirm()\" class=\"a-btn a-btn--secondary\">\n        {{ '@pry.toolbox.manifest.close' | i18n }}\n      </button>\n      <button type=\"submit\" (click)=\"confirmRemove()\" class=\"a-btn a-btn--primary\" (keydown.tab)=\"focusCrossElement()\">\n        {{ '@pry.toolbox.manifest.validate' | i18n }}\n      </button>\n    </div>\n  </div>\n</ng-template>\n\n<ng-template #template>\n  <pry-datasource-selector\n    (cancel)=\"toggleDatasourceSelection()\"\n    (validated)=\"emitManifest()\"\n    (nextTab)=\"focusInputCatalog()\"\n    (previousTab)=\"focusValidation()\"\n    (datasourcesChanged)=\"datasourcesChanged($event)\"\n    [datasourceIds]=\"(selectedDataSourceIds$ | async) ?? []\"\n  ></pry-datasource-selector>\n</ng-template>\n\n<ng-template #overlayCatalog>\n  <div\n    class=\"o-modal\"\n    role=\"dialog\"\n    aria-modal=\"true\"\n    aria-labelledby=\"dialog_Catalog\"\n    (keydown.escape)=\"toggleCatalog()\"\n  >\n    <div class=\"o-modal__top\">\n      <div class=\"o-modal__top__title\">\n        <h2 class=\"a-h2\">\n          {{ '@pry.widget.defineCatalog' | i18n }}\n        </h2>\n      </div>\n      <div class=\"o-modal__top__close\">\n        <button\n          class=\"a-btn a-btn--icon-only\"\n          (keydown.shift.tab)=\"focusValidation()\"\n          #crossCatalog\n          (click)=\"toggleCatalog()\"\n        >\n          <pry-icon iconSvg=\"close\" [height]=\"35\" [width]=\"35\"></pry-icon>\n          <span class=\"u-visually-hidden\">{{ '@pry.toolbox.close' | i18n }}</span>\n        </button>\n      </div>\n    </div>\n    <div class=\"m-form-label-field\">\n      <label class=\"a-label\" for=\"name\">{{ '@pry.toolbox.catalog.label' | i18n }}</label>\n      <input [(ngModel)]=\"catalogInfo.name\" id=\"name\" type=\"text\" class=\"a-form-field\" required />\n    </div>\n    <div class=\"m-form-label-field\">\n      <label class=\"a-label\" for=\"description\">{{ '@pry.toolbox.catalog.description' | i18n }}</label>\n      <input [(ngModel)]=\"catalogInfo.description\" id=\"description\" type=\"text\" class=\"a-form-field\" required />\n    </div>\n    <div class=\"m-form-label-field\">\n      <pry-select-image\n        [iconUrl]=\"catalogInfo.image\"\n        (changed)=\"catalogInfo.image = $event\"\n        [mode]=\"type\"\n      ></pry-select-image>\n    </div>\n    <div class=\"m-btn-group\">\n      <button\n        type=\"button\"\n        (click)=\"toggleCatalog()\"\n        #cancel\n        (keydown.tab)=\"disableValidation()\"\n        class=\"a-btn a-btn--secondary\"\n      >\n        {{ '@pry.toolbox.manifest.close' | i18n }}\n      </button>\n      <button\n        type=\"submit\"\n        #validateCatalog\n        (click)=\"confirmCatalog()\"\n        [disabled]=\"!toolboxMenuService.isValidForCatalog(catalogInfo.name)\"\n        class=\"a-btn a-btn--primary\"\n        (keydown.tab)=\"focusCrossElement()\"\n      >\n        {{ '@pry.toolbox.manifest.validate' | i18n }}\n      </button>\n    </div>\n  </div>\n</ng-template>\n\n<ng-template #overlaySpot>\n  <div class=\"o-modal\">\n    <div class=\"o-modal__top\">\n      <div class=\"o-modal__top__title\">\n        <h2 class=\"a-h2\">\n          {{ '@pry.widget.tooltip.changeSpot' | i18n }}\n        </h2>\n      </div>\n      <div class=\"o-modal__top__close\">\n        <button class=\"a-btn a-btn--icon-only\" (click)=\"toggleChangeSpot()\">\n          <pry-icon iconSvg=\"close\" [height]=\"35\" [width]=\"35\"></pry-icon>\n          <span class=\"u-visually-hidden\">{{ '@pry.toolbox.close' | i18n }}</span>\n        </button>\n      </div>\n    </div>\n    <ng-container *ngFor=\"let place of places; let i = index\">\n      <ng-container *ngIf=\"currentPlacementIndex !== i\">\n        <button type=\"button\" class=\"a-btn\" (click)=\"moveToPlace(place)\">\n          <span>{{ '@pry.widget.tooltip.spotName' | i18n : { place: i + 1 } }}</span>\n        </button>\n      </ng-container>\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: 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.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i3$1.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: "component", type: PryNqColorSelectorComponent, selector: "pry-nq-color-selector", inputs: ["disabled", "datasource"], outputs: ["colorChanged"] }, { kind: "directive", type: PryAccessDirective, selector: "[pryAccess]", inputs: ["pryAccess"] }, { kind: "component", type: PrySelectImageComponent, selector: "pry-select-image", inputs: ["iconUrl", "size", "mode"], outputs: ["toggled", "changed"] }, { kind: "component", type: DatasourceSelectorComponent, selector: "pry-datasource-selector", inputs: ["manifest", "datasourceIds"], outputs: ["cancel", "validated", "previousTab", "nextTab", "datasourcesChanged"] }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }, { kind: "pipe", type: TranslateIdPipe, name: "translateId" }, { kind: "pipe", type: I18nPipe, name: "i18n" }, { kind: "pipe", type: ResultSetSizePipe, name: "resultSetSize" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: PryWidgetHeaderComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'pry-widget-header', template: "<div class=\"o-widget__header\">\n  <div class=\"o-widget__header__content\">\n    <h2 class=\"o-widget__header__content__title\" *ngIf=\"(manifest$ | async)?.title; else querySelector\">\n      {{ (manifest$ | async)?.title }}\n    </h2>\n    <ng-template #querySelector>\n      <div *ngFor=\"let ds of usedDatasources$ | async\" class=\"o-widget__header__content__query\">\n        <pry-nq-color-selector [disabled]=\"true\" [datasource]=\"ds\"></pry-nq-color-selector>\n        <ng-container\n          *ngIf=\"ds.id | translateId : { type: 'datasource', output: 'icon', noDefault: true } | async as url\"\n        >\n          <img [height]=\"20\" [src]=\"url\" [width]=\"20\" alt=\"\" class=\"o-widget__header__content__query__icon\" />\n        </ng-container>\n        <h3 class=\"o-widget__header__content__query__name\">{{ ds.name }}</h3>\n        <h3 class=\"o-widget__header__content__query__name\" *ngIf=\"displayCount && !isGeo(ds)\">\n          ({{ [ds.id] | resultSetSize | async }})\n        </h3>\n      </div>\n      <div *ngIf=\"((usedDatasources$ | async) ?? []).length === 0\" class=\"o-widget__header__content__no-data\">\n        <h2 class=\"o-widget__header__content__title\">{{ '@pry.widget.noData' | i18n }}</h2>\n      </div>\n    </ng-template>\n  </div>\n  <div class=\"m-btn-group\" *ngIf=\"!(lockedView$ | async) && displaySettings(headerOptions)\">\n    <button\n      type=\"button\"\n      id=\"dialog_Menu\"\n      aria-controls=\"menu\"\n      [attr.aria-expanded]=\"this.menu\"\n      #togglePanel\n      class=\"a-btn a-btn--more\"\n      (click)=\"menuOpen($event)\"\n    >\n      <pry-icon [height]=\"25\" [width]=\"25\" iconSvg=\"more_horiz\"></pry-icon>\n      <span class=\"u-visually-hidden\">{{ '@pry.action.openMenuWidget' | i18n }}</span>\n    </button>\n  </div>\n</div>\n\n<ng-template #overlayMenu>\n  <div class=\"m-context-menu\">\n    <ul\n      class=\"m-context-menu__list\"\n      #menuList\n      id=\"menu\"\n      role=\"menu\"\n      aria-modal=\"true\"\n      aria-labelledby=\"dialog_Menu\"\n      (keydown.arrowDown)=\"onArrowDown()\"\n      (keydown.arrowUp)=\"onArrowUp()\"\n      (keydown.escape)=\"menuOpen()\"\n    >\n      <li\n        class=\"m-context-menu__list__item\"\n        role=\"none\"\n        *ngIf=\"(manifest$ | async)?.datasource && displayOption(headerOptions, 'datasourceSelection')\"\n      >\n        <button\n          type=\"button\"\n          role=\"menuitem\"\n          tabindex=\"-1\"\n          id=\"toggleActions\"\n          (click)=\"toggleCombo()\"\n          *pryAccess=\"{ module: 'dashboard', page: 'widget', action: 'select_named_query' }\"\n          class=\"a-btn\"\n          [pryTooltip]=\"infoTooltip\"\n          aria-describedby=\"infoTooltip_widgetHeader\"\n        >\n          <pry-icon [height]=\"17\" [width]=\"17\" iconSvg=\"stack-fill\"></pry-icon>\n          <span>{{ '@pry.widget.tooltip.readSearch' | i18n }}</span>\n        </button>\n      </li>\n      <li class=\"m-context-menu__list__item\" role=\"none\" *ngIf=\"displayOption(headerOptions, 'parameters')\">\n        <ng-content></ng-content>\n      </li>\n      <ng-container *ngIf=\"displayOption(headerOptions, 'window')\">\n        <li class=\"m-context-menu__list__item\" role=\"none\" *ngFor=\"let targetIndex of targetIndexes$ | async\">\n          <button\n            type=\"button\"\n            (click)=\"moveInNewWindow(_widgetIndex, targetIndex)\"\n            class=\"a-btn\"\n            role=\"menuitem\"\n            tabindex=\"-1\"\n          >\n            <pry-icon [height]=\"17\" [width]=\"17\" iconSvg=\"launch\"></pry-icon>\n            {{\n              (targetIndex !== -1 ? '@pry.widget.target.existing' : '@pry.widget.target.new')\n                | i18n : { targetIndex: this.targetIndex + 1 }\n            }}\n          </button>\n        </li>\n      </ng-container>\n      <li class=\"m-context-menu__list__item\" role=\"none\" *ngIf=\"hasGrid && displayOption(headerOptions, 'changeSpot')\">\n        <button\n          type=\"button\"\n          role=\"menuitem\"\n          (click)=\"toggleChangeSpot()\"\n          class=\"a-btn\"\n          tabindex=\"-1\"\n          [pryTooltip]=\"infoChangeSpot\"\n          aria-describedby=\"infoTooltip_changeSpot\"\n        >\n          <pry-icon [height]=\"17\" [width]=\"17\" iconSvg=\"move\"></pry-icon>\n          <span>{{ '@pry.widget.tooltip.changeSpot' | i18n }}</span>\n        </button>\n      </li>\n      <li class=\"m-context-menu__list__item\" role=\"none\" *ngIf=\"displayOption(headerOptions, 'maximize')\">\n        <button\n          type=\"button\"\n          role=\"menuitem\"\n          tabindex=\"-1\"\n          (click)=\"maximize(_widgetIndex)\"\n          class=\"a-btn\"\n          (keydown.escape)=\"menuOpen()\"\n        >\n          <pry-icon [height]=\"17\" [width]=\"17\" iconSvg=\"fullscreen\"></pry-icon>\n          {{ '@pry.widget.target.maximize' | i18n }}\n        </button>\n      </li>\n      <li class=\"m-context-menu__list__item\" role=\"none\" *ngIf=\"displayOption(headerOptions, 'addToCatalog')\">\n        <button\n          type=\"button\"\n          role=\"menuitem\"\n          tabindex=\"-1\"\n          (click)=\"toggleCatalog()\"\n          class=\"a-btn\"\n          [pryTooltip]=\"infoAdd\"\n          aria-describedby=\"infoAdd_widgetHeader\"\n        >\n          <pry-icon [height]=\"17\" [width]=\"17\" iconSvg=\"library_add\"></pry-icon>\n          <span>{{ '@pry.widget.tooltip.catalogWidget' | i18n }}</span>\n        </button>\n      </li>\n      <li class=\"m-context-menu__list__item\" role=\"none\" *ngIf=\"displayOption(headerOptions, 'delete')\">\n        <button\n          type=\"button\"\n          role=\"menuitem\"\n          tabindex=\"-1\"\n          (click)=\"toggleRemoveConfirm($event)\"\n          class=\"a-btn\"\n          [pryTooltip]=\"infoRemove\"\n          aria-describedby=\"infoRemove_widgetHeader\"\n          (keydown.tab)=\"menuOpen()\"\n        >\n          <pry-icon [height]=\"17\" [width]=\"17\" iconSvg=\"delete\"></pry-icon>\n          <span>{{ '@pry.widget.tooltip.deleteWidget' | i18n }}</span>\n        </button>\n      </li>\n      <li class=\"m-context-menu__list__item\" role=\"none\" *ngFor=\"let option of additionalOptions\">\n        <button\n          type=\"button\"\n          class=\"a-btn\"\n          role=\"menuitem\"\n          tabindex=\"-1\"\n          (click)=\"executeAction(option)\"\n          [disabled]=\"isActionDisabled(option)\"\n        >\n          <pry-icon [height]=\"17\" [width]=\"17\" [iconSvg]=\"option.icon\"></pry-icon>\n          {{ option.label | i18n }}\n        </button>\n      </li>\n    </ul>\n  </div>\n</ng-template>\n\n<ng-template #templateModal>\n  <div\n    class=\"o-modal\"\n    (keydown.escape)=\"cancelRemoveConfirm()\"\n    role=\"dialog\"\n    aria-modal=\"true\"\n    aria-labelledby=\"dialog confirm delete presentation\"\n  >\n    <div class=\"o-modal__top\">\n      <div class=\"o-modal__top__title\">\n        <h2 class=\"a-h2\" id=\"dialog_title\">\n          {{ '@pry.widget.modalTitle' | i18n }}\n        </h2>\n      </div>\n      <div class=\"o-modal__top__close\">\n        <button class=\"a-btn a-btn--icon-only\" #cross (click)=\"cancelRemoveConfirm()\">\n          <pry-icon iconSvg=\"close\" [height]=\"35\" [width]=\"35\"></pry-icon>\n          <span class=\"u-visually-hidden\">{{ '@pry.toolbox.close' | i18n }}</span>\n        </button>\n      </div>\n    </div>\n    <div class=\"m-btn-group\">\n      <button type=\"button\" (click)=\"cancelRemoveConfirm()\" class=\"a-btn a-btn--secondary\">\n        {{ '@pry.toolbox.manifest.close' | i18n }}\n      </button>\n      <button type=\"submit\" (click)=\"confirmRemove()\" class=\"a-btn a-btn--primary\" (keydown.tab)=\"focusCrossElement()\">\n        {{ '@pry.toolbox.manifest.validate' | i18n }}\n      </button>\n    </div>\n  </div>\n</ng-template>\n\n<ng-template #infoTooltip>\n  <div class=\"m-tooltip\" role=\"tooltip\" id=\"infoTooltip_widgetHeader\" aria-hidden=\"true\">\n    <span class=\"m-tooltip__text\">{{ '@pry.widget.tooltip.readSearch' | i18n }}</span>\n  </div>\n</ng-template>\n<ng-template #infoRemove>\n  <div class=\"m-tooltip\" role=\"tooltip\" id=\"infoRemove_widgetHeader\" aria-hidden=\"true\">\n    <span class=\"m-tooltip__text\">{{ '@pry.widget.tooltip.deleteWidget' | i18n }}</span>\n  </div>\n</ng-template>\n<ng-template #infoAdd>\n  <div class=\"m-tooltip\" role=\"tooltip\" id=\"infoAdd_widgetHeader\" aria-hidden=\"true\">\n    <span class=\"m-tooltip__text\">{{ '@pry.widget.tooltip.catalogWidget' | i18n }}</span>\n  </div>\n</ng-template>\n<ng-template #infoChangeSpot>\n  <div class=\"m-tooltip\" role=\"tooltip\" id=\"infoAdd_changeSpot\" aria-hidden=\"true\">\n    <span class=\"m-tooltip__text\">{{ '@pry.widget.tooltip.changeSpot' | i18n }}</span>\n  </div>\n</ng-template>\n\n<ng-template #template>\n  <pry-datasource-selector\n    (cancel)=\"toggleCombo()\"\n    (validated)=\"emitManifest()\"\n    (nextTab)=\"focusInputCatalog()\"\n    (previousTab)=\"focusValidation()\"\n    (datasourcesChanged)=\"datasourcesChanged($event)\"\n    [datasourceIds]=\"(selectedDataSourceIds$ | async) ?? []\"\n  ></pry-datasource-selector>\n</ng-template>\n\n<ng-template #overlayCatalog>\n  <div\n    class=\"o-modal\"\n    role=\"dialog\"\n    aria-modal=\"true\"\n    aria-labelledby=\"dialog_Catalog\"\n    (keydown.escape)=\"toggleCatalog()\"\n  >\n    <div class=\"o-modal__top\">\n      <div class=\"o-modal__top__title\">\n        <h2 class=\"a-h2\">\n          {{ '@pry.widget.defineCatalog' | i18n }}\n        </h2>\n      </div>\n      <div class=\"o-modal__top__close\">\n        <button\n          class=\"a-btn a-btn--icon-only\"\n          (keydown.shift.tab)=\"focusValidation()\"\n          #crossCatalog\n          (click)=\"toggleCatalog()\"\n        >\n          <pry-icon iconSvg=\"close\" [height]=\"35\" [width]=\"35\"></pry-icon>\n          <span class=\"u-visually-hidden\">{{ '@pry.toolbox.close' | i18n }}</span>\n        </button>\n      </div>\n    </div>\n    <div class=\"m-form-label-field\">\n      <label class=\"a-label\" for=\"name\">{{ '@pry.toolbox.catalog.label' | i18n }}</label>\n      <input [(ngModel)]=\"catalogInfo.name\" id=\"name\" type=\"text\" class=\"a-form-field\" required />\n    </div>\n    <div class=\"m-form-label-field\">\n      <label class=\"a-label\" for=\"description\">{{ '@pry.toolbox.catalog.description' | i18n }}</label>\n      <input [(ngModel)]=\"catalogInfo.description\" id=\"description\" type=\"text\" class=\"a-form-field\" required />\n    </div>\n    <div class=\"m-form-label-field\">\n      <pry-select-image\n        [iconUrl]=\"catalogInfo.image\"\n        (changed)=\"catalogInfo.image = $event\"\n        [mode]=\"type\"\n      ></pry-select-image>\n    </div>\n    <div class=\"m-btn-group\">\n      <button\n        type=\"button\"\n        (click)=\"toggleCatalog()\"\n        #cancel\n        (keydown.tab)=\"disableValidation()\"\n        class=\"a-btn a-btn--secondary\"\n      >\n        {{ '@pry.toolbox.manifest.close' | i18n }}\n      </button>\n      <button\n        type=\"submit\"\n        #validateCatalog\n        (click)=\"confirmCatalog()\"\n        [disabled]=\"!toolboxMenuService.isValidForCatalog(catalogInfo.name)\"\n        class=\"a-btn a-btn--primary\"\n        (keydown.tab)=\"focusCrossElement()\"\n      >\n        {{ '@pry.toolbox.manifest.validate' | i18n }}\n      </button>\n    </div>\n  </div>\n</ng-template>\n\n<ng-template #overlaySpot>\n  <div class=\"o-modal\">\n    <div class=\"o-modal__top\">\n      <div class=\"o-modal__top__title\">\n        <h2 class=\"a-h2\">\n          {{ '@pry.widget.tooltip.changeSpot' | i18n }}\n        </h2>\n      </div>\n      <div class=\"o-modal__top__close\">\n        <button class=\"a-btn a-btn--icon-only\" (click)=\"toggleChangeSpot()\">\n          <pry-icon iconSvg=\"close\" [height]=\"35\" [width]=\"35\"></pry-icon>\n          <span class=\"u-visually-hidden\">{{ '@pry.toolbox.close' | i18n }}</span>\n        </button>\n      </div>\n    </div>\n    <ng-container *ngFor=\"let place of places; let i = index\">\n      <ng-container *ngIf=\"currentPlacementIndex !== i\">\n        <button type=\"button\" class=\"a-btn\" (click)=\"moveToPlace(place)\">\n          <span>{{ '@pry.widget.tooltip.spotName' | i18n : { place: i + 1 } }}</span>\n        </button>\n      </ng-container>\n    </ng-container>\n  </div>\n</ng-template>\n" }]
+            args: [{ selector: 'pry-widget-header', template: "<div class=\"o-widget__header\">\n  <div class=\"o-widget__header__content\">\n    <h2 class=\"o-widget__header__content__title\" *ngIf=\"(manifest$ | async)?.title; else querySelector\">\n      {{ (manifest$ | async)?.title }}\n    </h2>\n    <ng-template #querySelector>\n      <div *ngFor=\"let ds of usedDatasources$ | async\" class=\"o-widget__header__content__query\">\n        <pry-nq-color-selector [disabled]=\"true\" [datasource]=\"ds\"></pry-nq-color-selector>\n        <ng-container\n          *ngIf=\"ds.id | translateId : { type: 'datasource', output: 'icon', noDefault: true } | async as url\"\n        >\n          <img [height]=\"20\" [src]=\"url\" [width]=\"20\" alt=\"\" class=\"o-widget__header__content__query__icon\" />\n        </ng-container>\n        <h3 class=\"o-widget__header__content__query__name\">{{ ds.name }}</h3>\n        <h3 class=\"o-widget__header__content__query__name\" *ngIf=\"displayCount && !isGeo(ds)\">\n          ({{ [ds.id] | resultSetSize | async }})\n        </h3>\n      </div>\n      <div *ngIf=\"((usedDatasources$ | async) ?? []).length === 0\" class=\"o-widget__header__content__no-data\">\n        <h2 class=\"o-widget__header__content__title\">{{ '@pry.widget.noData' | i18n }}</h2>\n      </div>\n    </ng-template>\n  </div>\n  <div class=\"m-btn-group\" *ngIf=\"!(lockedView$ | async) && displaySettings(headerOptions)\">\n    <button\n      type=\"button\"\n      id=\"dialog_Menu\"\n      aria-controls=\"menu\"\n      [attr.aria-expanded]=\"this.menu\"\n      #togglePanel\n      class=\"a-btn a-btn--more\"\n      (click)=\"menuOpen($event)\"\n    >\n      <pry-icon [height]=\"25\" [width]=\"25\" iconSvg=\"more_horiz\"></pry-icon>\n      <span class=\"u-visually-hidden\">{{ '@pry.action.openMenuWidget' | i18n }}</span>\n    </button>\n  </div>\n</div>\n\n<ng-template #overlayMenu>\n  <div class=\"m-context-menu\">\n    <ul\n      class=\"m-context-menu__list\"\n      #menuList\n      id=\"menu\"\n      role=\"menu\"\n      aria-modal=\"true\"\n      aria-labelledby=\"dialog_Menu\"\n      (keydown.arrowDown)=\"onArrowDown()\"\n      (keydown.arrowUp)=\"onArrowUp()\"\n      (keydown.escape)=\"menuOpen()\"\n    >\n      <li\n        class=\"m-context-menu__list__item\"\n        role=\"none\"\n        *ngIf=\"(manifest$ | async)?.datasource && displayOption(headerOptions, 'datasourceSelection')\"\n      >\n        <button\n          type=\"button\"\n          role=\"menuitem\"\n          tabindex=\"-1\"\n          id=\"toggleActions\"\n          (click)=\"toggleDatasourceSelection()\"\n          *pryAccess=\"{ module: 'dashboard', page: 'widget', action: 'select_named_query' }\"\n          class=\"a-btn a-tooltip\"\n          [attr.data-tooltip]=\"'@pry.widget.tooltip.readSearch' | i18n\"\n          data-tooltip-position=\"bottom\"\n        >\n          <pry-icon [height]=\"17\" [width]=\"17\" iconSvg=\"stack-fill\"></pry-icon>\n          <span>{{ '@pry.widget.tooltip.readSearch' | i18n }}</span>\n        </button>\n      </li>\n      <li class=\"m-context-menu__list__item\" role=\"none\" *ngIf=\"displayOption(headerOptions, 'parameters')\">\n        <ng-content></ng-content>\n      </li>\n      <ng-container *ngIf=\"displayOption(headerOptions, 'window')\">\n        <li class=\"m-context-menu__list__item\" role=\"none\" *ngFor=\"let targetIndex of targetIndexes$ | async\">\n          <button\n            type=\"button\"\n            (click)=\"moveInNewWindow(_widgetIndex, targetIndex)\"\n            class=\"a-btn\"\n            role=\"menuitem\"\n            tabindex=\"-1\"\n          >\n            <pry-icon [height]=\"17\" [width]=\"17\" iconSvg=\"launch\"></pry-icon>\n            {{\n              (targetIndex !== -1 ? '@pry.widget.target.existing' : '@pry.widget.target.new')\n                | i18n : { targetIndex: this.targetIndex + 1 }\n            }}\n          </button>\n        </li>\n      </ng-container>\n      <li class=\"m-context-menu__list__item\" role=\"none\" *ngIf=\"hasGrid && displayOption(headerOptions, 'changeSpot')\">\n        <button\n          type=\"button\"\n          role=\"menuitem\"\n          (click)=\"toggleChangeSpot()\"\n          class=\"a-btn a-tooltip\"\n          tabindex=\"-1\"\n          [attr.data-tooltip]=\"'@pry.widget.tooltip.changeSpot' | i18n\"\n        >\n          <pry-icon [height]=\"17\" [width]=\"17\" iconSvg=\"move\"></pry-icon>\n          <span>{{ '@pry.widget.tooltip.changeSpot' | i18n }}</span>\n        </button>\n      </li>\n      <li class=\"m-context-menu__list__item\" role=\"none\" *ngIf=\"displayOption(headerOptions, 'maximize')\">\n        <button\n          type=\"button\"\n          role=\"menuitem\"\n          tabindex=\"-1\"\n          (click)=\"maximize(_widgetIndex)\"\n          class=\"a-btn\"\n          (keydown.escape)=\"menuOpen()\"\n        >\n          <pry-icon [height]=\"17\" [width]=\"17\" iconSvg=\"fullscreen\"></pry-icon>\n          {{ '@pry.widget.target.maximize' | i18n }}\n        </button>\n      </li>\n      <li class=\"m-context-menu__list__item\" role=\"none\" *ngIf=\"displayOption(headerOptions, 'addToCatalog')\">\n        <button\n          type=\"button\"\n          role=\"menuitem\"\n          tabindex=\"-1\"\n          (click)=\"toggleCatalog()\"\n          class=\"a-btn a-tooltip\"\n          [attr.data-tooltip]=\"'@pry.widget.tooltip.catalogWidget' | i18n\"\n        >\n          <pry-icon [height]=\"17\" [width]=\"17\" iconSvg=\"library_add\"></pry-icon>\n          <span>{{ '@pry.widget.tooltip.catalogWidget' | i18n }}</span>\n        </button>\n      </li>\n      <li class=\"m-context-menu__list__item\" role=\"none\" *ngIf=\"displayOption(headerOptions, 'delete')\">\n        <button\n          type=\"button\"\n          role=\"menuitem\"\n          tabindex=\"-1\"\n          (click)=\"toggleRemoveConfirm($event)\"\n          class=\"a-btn a-tooltip\"\n          [attr.data-tooltip]=\"'@pry.widget.tooltip.deleteWidget' | i18n\"\n          (keydown.tab)=\"menuOpen()\"\n        >\n          <pry-icon [height]=\"17\" [width]=\"17\" iconSvg=\"delete\"></pry-icon>\n          <span>{{ '@pry.widget.tooltip.deleteWidget' | i18n }}</span>\n        </button>\n      </li>\n      <li class=\"m-context-menu__list__item\" role=\"none\" *ngFor=\"let option of additionalOptions\">\n        <button\n          type=\"button\"\n          class=\"a-btn\"\n          role=\"menuitem\"\n          tabindex=\"-1\"\n          (click)=\"executeAction(option)\"\n          [disabled]=\"isActionDisabled(option)\"\n        >\n          <pry-icon [height]=\"17\" [width]=\"17\" [iconSvg]=\"option.icon\"></pry-icon>\n          {{ option.label | i18n }}\n        </button>\n      </li>\n    </ul>\n  </div>\n</ng-template>\n\n<ng-template #templateModal>\n  <div\n    class=\"o-modal\"\n    (keydown.escape)=\"cancelRemoveConfirm()\"\n    role=\"dialog\"\n    aria-modal=\"true\"\n    aria-labelledby=\"dialog confirm delete presentation\"\n  >\n    <div class=\"o-modal__top\">\n      <div class=\"o-modal__top__title\">\n        <h2 class=\"a-h2\" id=\"dialog_title\">\n          {{ '@pry.widget.modalTitle' | i18n }}\n        </h2>\n      </div>\n      <div class=\"o-modal__top__close\">\n        <button class=\"a-btn a-btn--icon-only\" #cross (click)=\"cancelRemoveConfirm()\">\n          <pry-icon iconSvg=\"close\" [height]=\"35\" [width]=\"35\"></pry-icon>\n          <span class=\"u-visually-hidden\">{{ '@pry.toolbox.close' | i18n }}</span>\n        </button>\n      </div>\n    </div>\n    <div class=\"m-btn-group\">\n      <button type=\"button\" (click)=\"cancelRemoveConfirm()\" class=\"a-btn a-btn--secondary\">\n        {{ '@pry.toolbox.manifest.close' | i18n }}\n      </button>\n      <button type=\"submit\" (click)=\"confirmRemove()\" class=\"a-btn a-btn--primary\" (keydown.tab)=\"focusCrossElement()\">\n        {{ '@pry.toolbox.manifest.validate' | i18n }}\n      </button>\n    </div>\n  </div>\n</ng-template>\n\n<ng-template #template>\n  <pry-datasource-selector\n    (cancel)=\"toggleDatasourceSelection()\"\n    (validated)=\"emitManifest()\"\n    (nextTab)=\"focusInputCatalog()\"\n    (previousTab)=\"focusValidation()\"\n    (datasourcesChanged)=\"datasourcesChanged($event)\"\n    [datasourceIds]=\"(selectedDataSourceIds$ | async) ?? []\"\n  ></pry-datasource-selector>\n</ng-template>\n\n<ng-template #overlayCatalog>\n  <div\n    class=\"o-modal\"\n    role=\"dialog\"\n    aria-modal=\"true\"\n    aria-labelledby=\"dialog_Catalog\"\n    (keydown.escape)=\"toggleCatalog()\"\n  >\n    <div class=\"o-modal__top\">\n      <div class=\"o-modal__top__title\">\n        <h2 class=\"a-h2\">\n          {{ '@pry.widget.defineCatalog' | i18n }}\n        </h2>\n      </div>\n      <div class=\"o-modal__top__close\">\n        <button\n          class=\"a-btn a-btn--icon-only\"\n          (keydown.shift.tab)=\"focusValidation()\"\n          #crossCatalog\n          (click)=\"toggleCatalog()\"\n        >\n          <pry-icon iconSvg=\"close\" [height]=\"35\" [width]=\"35\"></pry-icon>\n          <span class=\"u-visually-hidden\">{{ '@pry.toolbox.close' | i18n }}</span>\n        </button>\n      </div>\n    </div>\n    <div class=\"m-form-label-field\">\n      <label class=\"a-label\" for=\"name\">{{ '@pry.toolbox.catalog.label' | i18n }}</label>\n      <input [(ngModel)]=\"catalogInfo.name\" id=\"name\" type=\"text\" class=\"a-form-field\" required />\n    </div>\n    <div class=\"m-form-label-field\">\n      <label class=\"a-label\" for=\"description\">{{ '@pry.toolbox.catalog.description' | i18n }}</label>\n      <input [(ngModel)]=\"catalogInfo.description\" id=\"description\" type=\"text\" class=\"a-form-field\" required />\n    </div>\n    <div class=\"m-form-label-field\">\n      <pry-select-image\n        [iconUrl]=\"catalogInfo.image\"\n        (changed)=\"catalogInfo.image = $event\"\n        [mode]=\"type\"\n      ></pry-select-image>\n    </div>\n    <div class=\"m-btn-group\">\n      <button\n        type=\"button\"\n        (click)=\"toggleCatalog()\"\n        #cancel\n        (keydown.tab)=\"disableValidation()\"\n        class=\"a-btn a-btn--secondary\"\n      >\n        {{ '@pry.toolbox.manifest.close' | i18n }}\n      </button>\n      <button\n        type=\"submit\"\n        #validateCatalog\n        (click)=\"confirmCatalog()\"\n        [disabled]=\"!toolboxMenuService.isValidForCatalog(catalogInfo.name)\"\n        class=\"a-btn a-btn--primary\"\n        (keydown.tab)=\"focusCrossElement()\"\n      >\n        {{ '@pry.toolbox.manifest.validate' | i18n }}\n      </button>\n    </div>\n  </div>\n</ng-template>\n\n<ng-template #overlaySpot>\n  <div class=\"o-modal\">\n    <div class=\"o-modal__top\">\n      <div class=\"o-modal__top__title\">\n        <h2 class=\"a-h2\">\n          {{ '@pry.widget.tooltip.changeSpot' | i18n }}\n        </h2>\n      </div>\n      <div class=\"o-modal__top__close\">\n        <button class=\"a-btn a-btn--icon-only\" (click)=\"toggleChangeSpot()\">\n          <pry-icon iconSvg=\"close\" [height]=\"35\" [width]=\"35\"></pry-icon>\n          <span class=\"u-visually-hidden\">{{ '@pry.toolbox.close' | i18n }}</span>\n        </button>\n      </div>\n    </div>\n    <ng-container *ngFor=\"let place of places; let i = index\">\n      <ng-container *ngIf=\"currentPlacementIndex !== i\">\n        <button type=\"button\" class=\"a-btn\" (click)=\"moveToPlace(place)\">\n          <span>{{ '@pry.widget.tooltip.spotName' | i18n : { place: i + 1 } }}</span>\n        </button>\n      </ng-container>\n    </ng-container>\n  </div>\n</ng-template>\n" }]
         }], ctorParameters: function () { return [{ type: i1.Store }, { type: i2$1.Overlay }, { type: i0.ViewContainerRef }, { type: ToolboxMenuService }]; }, propDecorators: { template: [{
                 type: ViewChild,
                 args: ['template', { read: TemplateRef }]
@@ -9933,6 +9757,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImpor
                 args: ['menuList']
             }], manifest: [{
                 type: Input
+            }], openData$: [{
+                type: Input
             }], additionalOptions: [{
                 type: Input
             }], headerOptions: [{
@@ -10019,11 +9845,11 @@ class SettingsComponent extends SubscriptionnerDirective {
         this.subscriptions.unsubscribe();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: SettingsComponent, deps: [{ token: i1.Store }, { token: i2$1.Overlay }, { token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.6", type: SettingsComponent, selector: "pry-settings", inputs: { widgetIndex: "widgetIndex", isDisable: "isDisable", headerPresent: "headerPresent", open$: "open$", header: "header" }, outputs: { saveTriggered: "saveTriggered", changeTitle: "changeTitle" }, viewQueries: [{ propertyName: "template", first: true, predicate: ["template"], descendants: true, read: TemplateRef }, { propertyName: "cross", first: true, predicate: ["cross"], descendants: true }, { propertyName: "validate", first: true, predicate: ["validate"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<button\n  type=\"button\"\n  (click)=\"toggle()\"\n  class=\"a-btn a-btn--icon-text -settings\"\n  [pryTooltip]=\"infoTooltipSearch\"\n  aria-describedby=\"infoTooltipSearch_settings\"\n>\n  <pry-icon [height]=\"20\" [width]=\"20\" iconSvg=\"control\"></pry-icon>\n  <span>{{ '@pry.widget.settings.title' | i18n }}</span>\n</button>\n\n<ng-template #template>\n  <div class=\"o-settings__popup\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"dialog_setting\">\n    <div class=\"o-settings__popup__header\">\n      <h2 class=\"a-h2\">{{ '@pry.widget.settings.title' | i18n }}</h2>\n      <button\n        type=\"button\"\n        #cross\n        (keydown.shift.tab)=\"focusElement(this.validate)\"\n        (click)=\"toggle()\"\n        class=\"a-btn a-btn--icon-only -close\"\n      >\n        <pry-icon iconSvg=\"close\"></pry-icon>\n        <span class=\"u-visually-hidden\">{{ '@pry.action.close' | i18n }}</span>\n      </button>\n    </div>\n\n    <div class=\"o-settings__popup__content\">\n      <div class=\"m-form-label-field\">\n        <label class=\"a-label\" for=\"widget_title\">{{ '@pry.widget.settings.changeTitle' | i18n }}</label>\n        <input\n          class=\"a-form-field\"\n          id=\"widget_title\"\n          type=\"text\"\n          [value]=\"manifest?.title ?? ''\"\n          (input)=\"emitTitle($event)\"\n        />\n      </div>\n      <ng-content></ng-content>\n    </div>\n\n    <div class=\"o-settings__popup__footer\">\n      <button\n        (click)=\"saveAndClose()\"\n        [class.btn-primary__disable]=\"isDisable\"\n        [disabled]=\"isDisable\"\n        (keydown.tab)=\"focusElement(this.cross)\"\n        class=\"a-btn a-btn--primary\"\n        #validate\n      >\n        {{ '@pry.widget.settings.validateUpdating' | i18n }}\n      </button>\n    </div>\n  </div>\n</ng-template>\n\n<ng-template #infoTooltipSearch>\n  <div class=\"m-tooltip\" aria-hidden=\"true\" role=\"tooltip\" id=\"infoTooltipSearch_settings\">\n    <span class=\"m-tooltip__text\"> {{ '@pry.widget.tooltip.openParameter' | i18n }}</span>\n  </div>\n</ng-template>\n", dependencies: [{ kind: "component", type: PryIconComponent, selector: "pry-icon", inputs: ["color", "iconSvg", "animation", "iconImage", "alt", "width", "height", "classes"] }, { kind: "directive", type: PryTooltipDirective, selector: "[pryTooltip]", inputs: ["pryTooltip", "styleReversed", "pryTooltipContext", "pryTooltipPosition", "pryTooltipShowDelay"] }, { kind: "pipe", type: I18nPipe, name: "i18n" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.6", type: SettingsComponent, selector: "pry-settings", inputs: { widgetIndex: "widgetIndex", isDisable: "isDisable", headerPresent: "headerPresent", open$: "open$", header: "header" }, outputs: { saveTriggered: "saveTriggered", changeTitle: "changeTitle" }, viewQueries: [{ propertyName: "template", first: true, predicate: ["template"], descendants: true, read: TemplateRef }, { propertyName: "cross", first: true, predicate: ["cross"], descendants: true }, { propertyName: "validate", first: true, predicate: ["validate"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<button\n  type=\"button\"\n  (click)=\"toggle()\"\n  class=\"a-btn a-btn--icon-text -settings a-tooltip\"\n  [attr.data-tooltip]=\"'@pry.widget.tooltip.openParameter' | i18n\"\n>\n  <pry-icon [height]=\"20\" [width]=\"20\" iconSvg=\"control\"></pry-icon>\n  <span>{{ '@pry.widget.settings.title' | i18n }}</span>\n</button>\n\n<ng-template #template>\n  <div class=\"o-settings__popup\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"dialog_setting\">\n    <div class=\"o-settings__popup__header\">\n      <h2 class=\"a-h2\">{{ '@pry.widget.settings.title' | i18n }}</h2>\n      <button\n        type=\"button\"\n        #cross\n        (keydown.shift.tab)=\"focusElement(this.validate)\"\n        (click)=\"toggle()\"\n        class=\"a-btn a-btn--icon-only -close\"\n      >\n        <pry-icon iconSvg=\"close\"></pry-icon>\n        <span class=\"u-visually-hidden\">{{ '@pry.action.close' | i18n }}</span>\n      </button>\n    </div>\n\n    <div class=\"o-settings__popup__content\">\n      <div class=\"m-form-label-field\">\n        <label class=\"a-label\" for=\"widget_title\">{{ '@pry.widget.settings.changeTitle' | i18n }}</label>\n        <input\n          class=\"a-form-field\"\n          id=\"widget_title\"\n          type=\"text\"\n          [value]=\"manifest?.title ?? ''\"\n          (input)=\"emitTitle($event)\"\n        />\n      </div>\n      <ng-content></ng-content>\n    </div>\n\n    <div class=\"o-settings__popup__footer\">\n      <button\n        (click)=\"saveAndClose()\"\n        [class.btn-primary__disable]=\"isDisable\"\n        [disabled]=\"isDisable\"\n        (keydown.tab)=\"focusElement(this.cross)\"\n        class=\"a-btn a-btn--primary\"\n        #validate\n      >\n        {{ '@pry.widget.settings.validateUpdating' | i18n }}\n      </button>\n    </div>\n  </div>\n</ng-template>\n", dependencies: [{ kind: "component", type: PryIconComponent, selector: "pry-icon", inputs: ["color", "iconSvg", "animation", "iconImage", "alt", "width", "height", "classes"] }, { kind: "pipe", type: I18nPipe, name: "i18n" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: SettingsComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'pry-settings', template: "<button\n  type=\"button\"\n  (click)=\"toggle()\"\n  class=\"a-btn a-btn--icon-text -settings\"\n  [pryTooltip]=\"infoTooltipSearch\"\n  aria-describedby=\"infoTooltipSearch_settings\"\n>\n  <pry-icon [height]=\"20\" [width]=\"20\" iconSvg=\"control\"></pry-icon>\n  <span>{{ '@pry.widget.settings.title' | i18n }}</span>\n</button>\n\n<ng-template #template>\n  <div class=\"o-settings__popup\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"dialog_setting\">\n    <div class=\"o-settings__popup__header\">\n      <h2 class=\"a-h2\">{{ '@pry.widget.settings.title' | i18n }}</h2>\n      <button\n        type=\"button\"\n        #cross\n        (keydown.shift.tab)=\"focusElement(this.validate)\"\n        (click)=\"toggle()\"\n        class=\"a-btn a-btn--icon-only -close\"\n      >\n        <pry-icon iconSvg=\"close\"></pry-icon>\n        <span class=\"u-visually-hidden\">{{ '@pry.action.close' | i18n }}</span>\n      </button>\n    </div>\n\n    <div class=\"o-settings__popup__content\">\n      <div class=\"m-form-label-field\">\n        <label class=\"a-label\" for=\"widget_title\">{{ '@pry.widget.settings.changeTitle' | i18n }}</label>\n        <input\n          class=\"a-form-field\"\n          id=\"widget_title\"\n          type=\"text\"\n          [value]=\"manifest?.title ?? ''\"\n          (input)=\"emitTitle($event)\"\n        />\n      </div>\n      <ng-content></ng-content>\n    </div>\n\n    <div class=\"o-settings__popup__footer\">\n      <button\n        (click)=\"saveAndClose()\"\n        [class.btn-primary__disable]=\"isDisable\"\n        [disabled]=\"isDisable\"\n        (keydown.tab)=\"focusElement(this.cross)\"\n        class=\"a-btn a-btn--primary\"\n        #validate\n      >\n        {{ '@pry.widget.settings.validateUpdating' | i18n }}\n      </button>\n    </div>\n  </div>\n</ng-template>\n\n<ng-template #infoTooltipSearch>\n  <div class=\"m-tooltip\" aria-hidden=\"true\" role=\"tooltip\" id=\"infoTooltipSearch_settings\">\n    <span class=\"m-tooltip__text\"> {{ '@pry.widget.tooltip.openParameter' | i18n }}</span>\n  </div>\n</ng-template>\n" }]
+            args: [{ selector: 'pry-settings', template: "<button\n  type=\"button\"\n  (click)=\"toggle()\"\n  class=\"a-btn a-btn--icon-text -settings a-tooltip\"\n  [attr.data-tooltip]=\"'@pry.widget.tooltip.openParameter' | i18n\"\n>\n  <pry-icon [height]=\"20\" [width]=\"20\" iconSvg=\"control\"></pry-icon>\n  <span>{{ '@pry.widget.settings.title' | i18n }}</span>\n</button>\n\n<ng-template #template>\n  <div class=\"o-settings__popup\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"dialog_setting\">\n    <div class=\"o-settings__popup__header\">\n      <h2 class=\"a-h2\">{{ '@pry.widget.settings.title' | i18n }}</h2>\n      <button\n        type=\"button\"\n        #cross\n        (keydown.shift.tab)=\"focusElement(this.validate)\"\n        (click)=\"toggle()\"\n        class=\"a-btn a-btn--icon-only -close\"\n      >\n        <pry-icon iconSvg=\"close\"></pry-icon>\n        <span class=\"u-visually-hidden\">{{ '@pry.action.close' | i18n }}</span>\n      </button>\n    </div>\n\n    <div class=\"o-settings__popup__content\">\n      <div class=\"m-form-label-field\">\n        <label class=\"a-label\" for=\"widget_title\">{{ '@pry.widget.settings.changeTitle' | i18n }}</label>\n        <input\n          class=\"a-form-field\"\n          id=\"widget_title\"\n          type=\"text\"\n          [value]=\"manifest?.title ?? ''\"\n          (input)=\"emitTitle($event)\"\n        />\n      </div>\n      <ng-content></ng-content>\n    </div>\n\n    <div class=\"o-settings__popup__footer\">\n      <button\n        (click)=\"saveAndClose()\"\n        [class.btn-primary__disable]=\"isDisable\"\n        [disabled]=\"isDisable\"\n        (keydown.tab)=\"focusElement(this.cross)\"\n        class=\"a-btn a-btn--primary\"\n        #validate\n      >\n        {{ '@pry.widget.settings.validateUpdating' | i18n }}\n      </button>\n    </div>\n  </div>\n</ng-template>\n" }]
         }], ctorParameters: function () { return [{ type: i1.Store }, { type: i2$1.Overlay }, { type: i0.ViewContainerRef }]; }, propDecorators: { widgetIndex: [{
                 type: Input
             }], isDisable: [{
@@ -10744,13 +10570,10 @@ class DashboardEffects {
                         id: feature.id,
                         oClass: action.oClass,
                         coordinates: action.coordinates,
-                        values: { properties: [] }
+                        properties: Object.keys(feature.properties)
+                            .map((property) => ({ key: property, value: feature.properties[property] }))
+                            .filter((prop) => !!prop.value)
                     };
-                    Object.keys(feature.properties).forEach((property) => {
-                        if (feature.properties[property] !== null) {
-                            result.values.properties.push({ key: property, value: feature.properties[property] });
-                        }
-                    });
                     return result;
                 })
             });
@@ -11742,5 +11565,5 @@ function filterLoader(module, prop) {
  * Generated bundle index. Do not edit.
  */
 
-export { AccordionComponent, AccordionItemComponent, Aggregation, 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, DefaultViewGuard, DisplayMode, ENV_OPTIONS, EXPLORE_NAMED_QUERY_ID, FIELD_OPTIONS, FIELD_UUID, FILTERS_DOMAIN, FILTER_DEFINITION, FieldActions, FieldSelectors, FieldService, FieldType, FilterFactoryService, 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, 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, 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, PryTooltipDirective, 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, 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, DefaultViewGuard, DisplayMode, ENV_OPTIONS, EXPLORE_NAMED_QUERY_ID, FIELD_OPTIONS, FIELD_UUID, FILTERS_DOMAIN, FILTER_DEFINITION, FieldActions, FieldSelectors, FieldService, FieldType, FilterFactoryService, 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, 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, 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 };
 //# sourceMappingURL=provoly-dashboard.mjs.map