@provoly/dashboard 1.4.2 → 1.4.4

package/esm2022/toolbox/components/toolbox.component.mjs

@@ -81,10 +81,10 @@ export class ToolboxComponent {
     isActionVisible(action, manifest) {
         return manifest && action.name === 'dashboard_details' ? !!manifest.additionalInformation : action.visible;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: ToolboxComponent, deps: [{ token: i1.Store }, { token: PRY_ACCESS_TOKEN, optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.1.3", type: ToolboxComponent, selector: "pry-toolbox", inputs: { displayLabels: "displayLabels", dropdownPosition: "dropdownPosition", actions: "actions", dropdownActions: "dropdownActions" }, ngImport: i0, template: "<ul class=\"m-actions-list\" #input>\n  @if (showEditToggle$ | async) {\n    @if (isManualMode$ | async) {\n      <li class=\"m-actions-list__item\">\n        <pry-edit-mode-toggle\n          *pryAccess=\"{ module: 'dashboard', page: 'toolbox', action: 'edit_dashboard' }\"\n          [displayLabels]=\"displayLabels\"\n        ></pry-edit-mode-toggle>\n      </li>\n    }\n  }\n\n  @if (showDropdownButton$ | async) {\n    @if (((dropdownActions$ | async)?.length ?? 0) > 0) {\n      <li class=\"m-actions-list__item\">\n        <button\n          type=\"button\"\n          class=\"a-btn a-btn--ghost -pad-5\"\n          cdkOverlayOrigin\n          id=\"options\"\n          aria-controls=\"IDpanel\"\n          aria-expanded=\"false\"\n          (click)=\"openDropdown($event)\"\n          #trigger=\"cdkOverlayOrigin\"\n        >\n          <span [class.u-visually-hidden]=\"!displayLabels\">{{ '@pry.toolbox.options' | i18n }}</span>\n          <pry-icon [width]=\"10\" [height]=\"13\" [iconSvg]=\"isDropdownOpen ? 'chevron_top' : 'chevron_bottom'\"></pry-icon>\n        </button>\n      </li>\n      <ng-template\n        cdkConnectedOverlay\n        [cdkConnectedOverlayOrigin]=\"trigger\"\n        [cdkConnectedOverlayOpen]=\"isDropdownOpen\"\n        [cdkConnectedOverlayHasBackdrop]=\"true\"\n        cdkConnectedOverlayBackdropClass=\"cdk-overlay-transparent-backdrop\"\n        [cdkConnectedOverlayPositions]=\"dropdownPosition\"\n        [cdkConnectedOverlayOffsetY]=\"5\"\n        (backdropClick)=\"isDropdownOpen = false\"\n      >\n        <div class=\"o-draggable-menu -dropdown\" aria-labelledby=\"\">\n          <ul class=\"o-draggable-menu__list\">\n            @for (action of dropdownActions$ | async; track action.name) {\n              @if (action.visible) {\n                <li class=\"o-draggable-menu__list__item\" [style.order]=\"getOrder(action.name)\">\n                  <pry-toolbox-action-instanciator\n                    [action]=\"action\"\n                    [displayLabels]=\"displayLabels\"\n                    (closeOptions)=\"closeDropdown($event)\"\n                  ></pry-toolbox-action-instanciator>\n                </li>\n              }\n            }\n          </ul>\n        </div>\n      </ng-template>\n    }\n  }\n\n  @for (action of mainActions$ | async; track action.name) {\n    @if (action.visible) {\n      <li class=\"m-actions-list__item -{{ action.name }}\" *pryAccess=\"action.access\">\n        <pry-toolbox-action-instanciator\n          [action]=\"action\"\n          [displayLabels]=\"displayLabels\"\n        ></pry-toolbox-action-instanciator>\n      </li>\n    }\n  }\n</ul>\n", dependencies: [{ kind: "directive", type: i2.CdkConnectedOverlay, selector: "[cdk-connected-overlay], [connected-overlay], [cdkConnectedOverlay]", inputs: ["cdkConnectedOverlayOrigin", "cdkConnectedOverlayPositions", "cdkConnectedOverlayPositionStrategy", "cdkConnectedOverlayOffsetX", "cdkConnectedOverlayOffsetY", "cdkConnectedOverlayWidth", "cdkConnectedOverlayHeight", "cdkConnectedOverlayMinWidth", "cdkConnectedOverlayMinHeight", "cdkConnectedOverlayBackdropClass", "cdkConnectedOverlayPanelClass", "cdkConnectedOverlayViewportMargin", "cdkConnectedOverlayScrollStrategy", "cdkConnectedOverlayOpen", "cdkConnectedOverlayDisableClose", "cdkConnectedOverlayTransformOriginOn", "cdkConnectedOverlayHasBackdrop", "cdkConnectedOverlayLockPosition", "cdkConnectedOverlayFlexibleDimensions", "cdkConnectedOverlayGrowAfterOpen", "cdkConnectedOverlayPush", "cdkConnectedOverlayDisposeOnNavigation"], outputs: ["backdropClick", "positionChange", "attach", "detach", "overlayKeydown", "overlayOutsideClick"], exportAs: ["cdkConnectedOverlay"] }, { kind: "directive", type: i2.CdkOverlayOrigin, selector: "[cdk-overlay-origin], [overlay-origin], [cdkOverlayOrigin]", exportAs: ["cdkOverlayOrigin"] }, { kind: "directive", type: i3.PryAccessDirective, selector: "[pryAccess]", inputs: ["pryAccess"] }, { kind: "component", type: i3.PryIconComponent, selector: "pry-icon", inputs: ["color", "iconSvg", "animation", "iconImage", "alt", "width", "height", "classes"] }, { kind: "component", type: i4.ToolboxActionInstanciatorComponent, selector: "pry-toolbox-action-instanciator", inputs: ["displayLabels", "action"], outputs: ["closeOptions"] }, { kind: "component", type: i5.EditModeToggleComponent, selector: "pry-edit-mode-toggle" }, { kind: "pipe", type: i6.AsyncPipe, name: "async" }, { kind: "pipe", type: i3.I18nPipe, name: "i18n" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: ToolboxComponent, deps: [{ token: i1.Store }, { token: PRY_ACCESS_TOKEN, optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.6", type: ToolboxComponent, selector: "pry-toolbox", inputs: { displayLabels: "displayLabels", dropdownPosition: "dropdownPosition", actions: "actions", dropdownActions: "dropdownActions" }, ngImport: i0, template: "<ul class=\"m-actions-list\" #input>\n  @if (showEditToggle$ | async) {\n    @if (isManualMode$ | async) {\n      <li class=\"m-actions-list__item\">\n        <pry-edit-mode-toggle\n          *pryAccess=\"{ module: 'dashboard', page: 'toolbox', action: 'edit_dashboard' }\"\n          [displayLabels]=\"displayLabels\"\n        ></pry-edit-mode-toggle>\n      </li>\n    }\n  }\n\n  @if (showDropdownButton$ | async) {\n    @if (((dropdownActions$ | async)?.length ?? 0) > 0) {\n      <li class=\"m-actions-list__item\">\n        <button\n          type=\"button\"\n          class=\"a-btn a-btn--ghost -pad-5\"\n          cdkOverlayOrigin\n          id=\"options\"\n          aria-controls=\"IDpanel\"\n          aria-expanded=\"false\"\n          (click)=\"openDropdown($event)\"\n          #trigger=\"cdkOverlayOrigin\"\n        >\n          <span [class.u-visually-hidden]=\"!displayLabels\">{{ '@pry.toolbox.options' | i18n }}</span>\n          <pry-icon [width]=\"10\" [height]=\"13\" [iconSvg]=\"isDropdownOpen ? 'chevron_top' : 'chevron_bottom'\"></pry-icon>\n        </button>\n      </li>\n      <ng-template\n        cdkConnectedOverlay\n        [cdkConnectedOverlayOrigin]=\"trigger\"\n        [cdkConnectedOverlayOpen]=\"isDropdownOpen\"\n        [cdkConnectedOverlayHasBackdrop]=\"true\"\n        cdkConnectedOverlayBackdropClass=\"cdk-overlay-transparent-backdrop\"\n        [cdkConnectedOverlayPositions]=\"dropdownPosition\"\n        [cdkConnectedOverlayOffsetY]=\"5\"\n        (backdropClick)=\"isDropdownOpen = false\"\n      >\n        <div class=\"o-draggable-menu -dropdown\" aria-labelledby=\"\">\n          <ul class=\"o-draggable-menu__list\">\n            @for (action of dropdownActions$ | async; track action.name) {\n              @if (action.visible) {\n                <li class=\"o-draggable-menu__list__item\" [style.order]=\"getOrder(action.name)\">\n                  <pry-toolbox-action-instanciator\n                    [action]=\"action\"\n                    [displayLabels]=\"displayLabels\"\n                    (closeOptions)=\"closeDropdown($event)\"\n                  ></pry-toolbox-action-instanciator>\n                </li>\n              }\n            }\n          </ul>\n        </div>\n      </ng-template>\n    }\n  }\n\n  @for (action of mainActions$ | async; track action.name) {\n    @if (action.visible) {\n      <li class=\"m-actions-list__item -{{ action.name }}\" *pryAccess=\"action.access\">\n        <pry-toolbox-action-instanciator\n          [action]=\"action\"\n          [displayLabels]=\"displayLabels\"\n        ></pry-toolbox-action-instanciator>\n      </li>\n    }\n  }\n</ul>\n", dependencies: [{ kind: "directive", type: i2.CdkConnectedOverlay, selector: "[cdk-connected-overlay], [connected-overlay], [cdkConnectedOverlay]", inputs: ["cdkConnectedOverlayOrigin", "cdkConnectedOverlayPositions", "cdkConnectedOverlayPositionStrategy", "cdkConnectedOverlayOffsetX", "cdkConnectedOverlayOffsetY", "cdkConnectedOverlayWidth", "cdkConnectedOverlayHeight", "cdkConnectedOverlayMinWidth", "cdkConnectedOverlayMinHeight", "cdkConnectedOverlayBackdropClass", "cdkConnectedOverlayPanelClass", "cdkConnectedOverlayViewportMargin", "cdkConnectedOverlayScrollStrategy", "cdkConnectedOverlayOpen", "cdkConnectedOverlayDisableClose", "cdkConnectedOverlayTransformOriginOn", "cdkConnectedOverlayHasBackdrop", "cdkConnectedOverlayLockPosition", "cdkConnectedOverlayFlexibleDimensions", "cdkConnectedOverlayGrowAfterOpen", "cdkConnectedOverlayPush", "cdkConnectedOverlayDisposeOnNavigation"], outputs: ["backdropClick", "positionChange", "attach", "detach", "overlayKeydown", "overlayOutsideClick"], exportAs: ["cdkConnectedOverlay"] }, { kind: "directive", type: i2.CdkOverlayOrigin, selector: "[cdk-overlay-origin], [overlay-origin], [cdkOverlayOrigin]", exportAs: ["cdkOverlayOrigin"] }, { kind: "directive", type: i3.PryAccessDirective, selector: "[pryAccess]", inputs: ["pryAccess"] }, { kind: "component", type: i3.PryIconComponent, selector: "pry-icon", inputs: ["color", "iconSvg", "animation", "iconImage", "alt", "width", "height", "classes"] }, { kind: "component", type: i4.ToolboxActionInstanciatorComponent, selector: "pry-toolbox-action-instanciator", inputs: ["displayLabels", "action"], outputs: ["closeOptions"] }, { kind: "component", type: i5.EditModeToggleComponent, selector: "pry-edit-mode-toggle" }, { kind: "pipe", type: i6.AsyncPipe, name: "async" }, { kind: "pipe", type: i3.I18nPipe, name: "i18n" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: ToolboxComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: ToolboxComponent, decorators: [{
             type: Component,
             args: [{ selector: 'pry-toolbox', template: "<ul class=\"m-actions-list\" #input>\n  @if (showEditToggle$ | async) {\n    @if (isManualMode$ | async) {\n      <li class=\"m-actions-list__item\">\n        <pry-edit-mode-toggle\n          *pryAccess=\"{ module: 'dashboard', page: 'toolbox', action: 'edit_dashboard' }\"\n          [displayLabels]=\"displayLabels\"\n        ></pry-edit-mode-toggle>\n      </li>\n    }\n  }\n\n  @if (showDropdownButton$ | async) {\n    @if (((dropdownActions$ | async)?.length ?? 0) > 0) {\n      <li class=\"m-actions-list__item\">\n        <button\n          type=\"button\"\n          class=\"a-btn a-btn--ghost -pad-5\"\n          cdkOverlayOrigin\n          id=\"options\"\n          aria-controls=\"IDpanel\"\n          aria-expanded=\"false\"\n          (click)=\"openDropdown($event)\"\n          #trigger=\"cdkOverlayOrigin\"\n        >\n          <span [class.u-visually-hidden]=\"!displayLabels\">{{ '@pry.toolbox.options' | i18n }}</span>\n          <pry-icon [width]=\"10\" [height]=\"13\" [iconSvg]=\"isDropdownOpen ? 'chevron_top' : 'chevron_bottom'\"></pry-icon>\n        </button>\n      </li>\n      <ng-template\n        cdkConnectedOverlay\n        [cdkConnectedOverlayOrigin]=\"trigger\"\n        [cdkConnectedOverlayOpen]=\"isDropdownOpen\"\n        [cdkConnectedOverlayHasBackdrop]=\"true\"\n        cdkConnectedOverlayBackdropClass=\"cdk-overlay-transparent-backdrop\"\n        [cdkConnectedOverlayPositions]=\"dropdownPosition\"\n        [cdkConnectedOverlayOffsetY]=\"5\"\n        (backdropClick)=\"isDropdownOpen = false\"\n      >\n        <div class=\"o-draggable-menu -dropdown\" aria-labelledby=\"\">\n          <ul class=\"o-draggable-menu__list\">\n            @for (action of dropdownActions$ | async; track action.name) {\n              @if (action.visible) {\n                <li class=\"o-draggable-menu__list__item\" [style.order]=\"getOrder(action.name)\">\n                  <pry-toolbox-action-instanciator\n                    [action]=\"action\"\n                    [displayLabels]=\"displayLabels\"\n                    (closeOptions)=\"closeDropdown($event)\"\n                  ></pry-toolbox-action-instanciator>\n                </li>\n              }\n            }\n          </ul>\n        </div>\n      </ng-template>\n    }\n  }\n\n  @for (action of mainActions$ | async; track action.name) {\n    @if (action.visible) {\n      <li class=\"m-actions-list__item -{{ action.name }}\" *pryAccess=\"action.access\">\n        <pry-toolbox-action-instanciator\n          [action]=\"action\"\n          [displayLabels]=\"displayLabels\"\n        ></pry-toolbox-action-instanciator>\n      </li>\n    }\n  }\n</ul>\n" }]
         }], ctorParameters: () => [{ type: i1.Store }, { type: i3.PryBaseAccess, decorators: [{

package/esm2022/toolbox/shared/presentation-form/presentation-form.component.mjs

@@ -84,10 +84,10 @@ export class PresentationFormComponent extends SubscriptionnerDirective {
             image: this.image
         };
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: PresentationFormComponent, deps: [{ token: i1.Store }, { token: i2.PryI18nService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.1.3", type: PresentationFormComponent, selector: "pry-presentation-form", inputs: { mode: "mode", themePrefix: "themePrefix", selectedPresentation: "selectedPresentation" }, outputs: { formValue: "formValue", isFormValid: "isFormValid" }, viewQueries: [{ propertyName: "input", first: true, predicate: ["input"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<form [formGroup]=\"form\" class=\"o-presentation-form\">\n  <div class=\"m-form-label-field -width-full\">\n    <label class=\"a-label\" for=\"presentation_name\">{{ '@pry.presentation.form.name' | i18n }}</label>\n    <input\n      type=\"text\"\n      id=\"presentation_name\"\n      formControlName=\"name\"\n      placeholder=\"{{ '@pry.presentation.form.name' | i18n }}\"\n      class=\"a-form-field\"\n      maxlength=\"50\"\n      required\n      #input\n    />\n    @if (name.touched && name.errors?.['required']) {\n      <label for=\"presentation_name\" class=\"a-label a-label--help -error\">\n        {{ '@pry.presentation.required' | i18n }}\n      </label>\n    }\n    @if (name.touched && name.errors?.['maxlength']) {\n      <label for=\"presentation_name\" class=\"a-label a-label--help -error\">\n        {{ '@pry.presentation.maxLength' | i18n: { len: '50' } }}\n      </label>\n    }\n  </div>\n  <div class=\"m-form-label-field -width-full\">\n    <label class=\"a-label\" for=\"presentation_description\">{{ '@pry.presentation.form.description' | i18n }}</label>\n    <textarea\n      formControlName=\"description\"\n      id=\"presentation_description\"\n      name=\"description\"\n      cols=\"30\"\n      rows=\"5\"\n      maxlength=\"200\"\n      placeholder=\"{{ '@pry.presentation.form.description' | i18n }}\"\n      class=\"a-form-field\"\n    ></textarea>\n    @if (description.touched && description.errors?.['maxlength']) {\n      <label for=\"presentation_description\" class=\"a-label a-label--help -error\">\n        {{ '@pry.presentation.maxLength' | i18n: { len: '200' } }}\n      </label>\n    }\n  </div>\n  <div class=\"m-form-label-field -width-full\" *ngIf=\"mode === 'theme'\">\n    <label class=\"a-label\" for=\"presentation_theme\">{{ '@pry.presentation.form.theme' | i18n }}</label>\n    <pry-select\n      id=\"presentation_theme\"\n      [items]=\"possibleThemes\"\n      formControlName=\"theme\"\n      [clearable]=\"true\"\n      [i18nPrefix]=\"themePrefix\"\n    ></pry-select>\n  </div>\n  <div class=\"m-form-label-field -width-full\">\n    <label class=\"a-label\" for=\"presentation_image\">{{ '@pry.presentation.form.image' | i18n }}</label>\n    <div class=\"o-file-input\">\n      <pry-select-image\n        id=\"presentation_image\"\n        (changed)=\"image = $event\"\n        [iconUrl]=\"image\"\n        [mode]=\"type\"\n      ></pry-select-image>\n    </div>\n  </div>\n  <div class=\"m-form-label-field -width-full\">\n    <label class=\"a-label\" for=\"presentation_image\">{{ '@pry.toolbox.about' | i18n }}</label>\n    <pry-text-editor formControlName=\"additionalInformation\"></pry-text-editor>\n  </div>\n</form>\n", dependencies: [{ kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i4.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i4.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: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i4.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i4.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "component", type: i2.PrySelectImageComponent, selector: "pry-select-image", inputs: ["iconUrl", "size", "mode"], outputs: ["toggled", "changed"] }, { kind: "component", type: i2.PrySelectComponent, selector: "pry-select", inputs: ["items", "clearable", "multiple", "closeOnSelect", "placeholder", "isForm", "required", "name", "autocomplete", "alwaysShowAutosuggestedValues", "externalAutocompleteService", "bindValue", "bindLabel", "iconSize", "bindIcon", "template", "i18nPrefix", "bindClasses", "loading", "elementRef"], outputs: ["searched", "cleared", "clicked"] }, { kind: "component", type: i5.PryTextEditorComponent, selector: "pry-text-editor", inputs: ["tabView"] }, { kind: "directive", type: i4.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i4.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "pipe", type: i2.I18nPipe, name: "i18n" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: PresentationFormComponent, deps: [{ token: i1.Store }, { token: i2.PryI18nService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.6", type: PresentationFormComponent, selector: "pry-presentation-form", inputs: { mode: "mode", themePrefix: "themePrefix", selectedPresentation: "selectedPresentation" }, outputs: { formValue: "formValue", isFormValid: "isFormValid" }, viewQueries: [{ propertyName: "input", first: true, predicate: ["input"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<form [formGroup]=\"form\" class=\"o-presentation-form\">\n  <div class=\"m-form-label-field -width-full\">\n    <label class=\"a-label\" for=\"presentation_name\">{{ '@pry.presentation.form.name' | i18n }}</label>\n    <input\n      type=\"text\"\n      id=\"presentation_name\"\n      formControlName=\"name\"\n      placeholder=\"{{ '@pry.presentation.form.name' | i18n }}\"\n      class=\"a-form-field\"\n      maxlength=\"50\"\n      required\n      #input\n    />\n    @if (name.touched && name.errors?.['required']) {\n      <label for=\"presentation_name\" class=\"a-label a-label--help -error\">\n        {{ '@pry.presentation.required' | i18n }}\n      </label>\n    }\n    @if (name.touched && name.errors?.['maxlength']) {\n      <label for=\"presentation_name\" class=\"a-label a-label--help -error\">\n        {{ '@pry.presentation.maxLength' | i18n: { len: '50' } }}\n      </label>\n    }\n  </div>\n  <div class=\"m-form-label-field -width-full\">\n    <label class=\"a-label\" for=\"presentation_description\">{{ '@pry.presentation.form.description' | i18n }}</label>\n    <textarea\n      formControlName=\"description\"\n      id=\"presentation_description\"\n      name=\"description\"\n      cols=\"30\"\n      rows=\"5\"\n      maxlength=\"200\"\n      placeholder=\"{{ '@pry.presentation.form.description' | i18n }}\"\n      class=\"a-form-field\"\n    ></textarea>\n    @if (description.touched && description.errors?.['maxlength']) {\n      <label for=\"presentation_description\" class=\"a-label a-label--help -error\">\n        {{ '@pry.presentation.maxLength' | i18n: { len: '200' } }}\n      </label>\n    }\n  </div>\n  <div class=\"m-form-label-field -width-full\" *ngIf=\"mode === 'theme'\">\n    <label class=\"a-label\" for=\"presentation_theme\">{{ '@pry.presentation.form.theme' | i18n }}</label>\n    <pry-select\n      id=\"presentation_theme\"\n      [items]=\"possibleThemes\"\n      formControlName=\"theme\"\n      [clearable]=\"true\"\n      [i18nPrefix]=\"themePrefix\"\n    ></pry-select>\n  </div>\n  <div class=\"m-form-label-field -width-full\">\n    <label class=\"a-label\" for=\"presentation_image\">{{ '@pry.presentation.form.image' | i18n }}</label>\n    <div class=\"o-file-input\">\n      <pry-select-image\n        id=\"presentation_image\"\n        (changed)=\"image = $event\"\n        [iconUrl]=\"image\"\n        [mode]=\"type\"\n      ></pry-select-image>\n    </div>\n  </div>\n  <div class=\"m-form-label-field -width-full\">\n    <label class=\"a-label\" for=\"presentation_image\">{{ '@pry.toolbox.about' | i18n }}</label>\n    <pry-text-editor formControlName=\"additionalInformation\"></pry-text-editor>\n  </div>\n</form>\n", dependencies: [{ kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i4.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i4.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: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i4.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i4.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "component", type: i2.PrySelectImageComponent, selector: "pry-select-image", inputs: ["iconUrl", "size", "mode"], outputs: ["toggled", "changed"] }, { kind: "component", type: i2.PrySelectComponent, selector: "pry-select", inputs: ["items", "clearable", "multiple", "closeOnSelect", "placeholder", "isForm", "required", "name", "autocomplete", "alwaysShowAutosuggestedValues", "externalAutocompleteService", "bindValue", "bindLabel", "iconSize", "bindIcon", "template", "i18nPrefix", "bindClasses", "loading", "elementRef"], outputs: ["searched", "cleared", "clicked"] }, { kind: "component", type: i5.PryTextEditorComponent, selector: "pry-text-editor", inputs: ["tabView"] }, { kind: "directive", type: i4.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i4.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "pipe", type: i2.I18nPipe, name: "i18n" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: PresentationFormComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: PresentationFormComponent, decorators: [{
             type: Component,
             args: [{ selector: 'pry-presentation-form', template: "<form [formGroup]=\"form\" class=\"o-presentation-form\">\n  <div class=\"m-form-label-field -width-full\">\n    <label class=\"a-label\" for=\"presentation_name\">{{ '@pry.presentation.form.name' | i18n }}</label>\n    <input\n      type=\"text\"\n      id=\"presentation_name\"\n      formControlName=\"name\"\n      placeholder=\"{{ '@pry.presentation.form.name' | i18n }}\"\n      class=\"a-form-field\"\n      maxlength=\"50\"\n      required\n      #input\n    />\n    @if (name.touched && name.errors?.['required']) {\n      <label for=\"presentation_name\" class=\"a-label a-label--help -error\">\n        {{ '@pry.presentation.required' | i18n }}\n      </label>\n    }\n    @if (name.touched && name.errors?.['maxlength']) {\n      <label for=\"presentation_name\" class=\"a-label a-label--help -error\">\n        {{ '@pry.presentation.maxLength' | i18n: { len: '50' } }}\n      </label>\n    }\n  </div>\n  <div class=\"m-form-label-field -width-full\">\n    <label class=\"a-label\" for=\"presentation_description\">{{ '@pry.presentation.form.description' | i18n }}</label>\n    <textarea\n      formControlName=\"description\"\n      id=\"presentation_description\"\n      name=\"description\"\n      cols=\"30\"\n      rows=\"5\"\n      maxlength=\"200\"\n      placeholder=\"{{ '@pry.presentation.form.description' | i18n }}\"\n      class=\"a-form-field\"\n    ></textarea>\n    @if (description.touched && description.errors?.['maxlength']) {\n      <label for=\"presentation_description\" class=\"a-label a-label--help -error\">\n        {{ '@pry.presentation.maxLength' | i18n: { len: '200' } }}\n      </label>\n    }\n  </div>\n  <div class=\"m-form-label-field -width-full\" *ngIf=\"mode === 'theme'\">\n    <label class=\"a-label\" for=\"presentation_theme\">{{ '@pry.presentation.form.theme' | i18n }}</label>\n    <pry-select\n      id=\"presentation_theme\"\n      [items]=\"possibleThemes\"\n      formControlName=\"theme\"\n      [clearable]=\"true\"\n      [i18nPrefix]=\"themePrefix\"\n    ></pry-select>\n  </div>\n  <div class=\"m-form-label-field -width-full\">\n    <label class=\"a-label\" for=\"presentation_image\">{{ '@pry.presentation.form.image' | i18n }}</label>\n    <div class=\"o-file-input\">\n      <pry-select-image\n        id=\"presentation_image\"\n        (changed)=\"image = $event\"\n        [iconUrl]=\"image\"\n        [mode]=\"type\"\n      ></pry-select-image>\n    </div>\n  </div>\n  <div class=\"m-form-label-field -width-full\">\n    <label class=\"a-label\" for=\"presentation_image\">{{ '@pry.toolbox.about' | i18n }}</label>\n    <pry-text-editor formControlName=\"additionalInformation\"></pry-text-editor>\n  </div>\n</form>\n" }]
         }], ctorParameters: () => [{ type: i1.Store }, { type: i2.PryI18nService }], propDecorators: { mode: [{

package/esm2022/toolbox/shared/toolbox-action/toolbox-action.component.mjs

@@ -22,10 +22,10 @@ export class ToolboxActionComponent extends SubscriptionnerDirective {
     close() {
         this.closeOptions.emit();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: ToolboxActionComponent, deps: [{ token: i1.Store }, { token: PRY_ACCESS_TOKEN, optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.3", type: ToolboxActionComponent, selector: "pry-toolbox-action", inputs: { displayLabels: "displayLabels" }, outputs: { closeOptions: "closeOptions" }, usesInheritance: true, ngImport: i0, template: '', isInline: true }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: ToolboxActionComponent, deps: [{ token: i1.Store }, { token: PRY_ACCESS_TOKEN, optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.6", type: ToolboxActionComponent, selector: "pry-toolbox-action", inputs: { displayLabels: "displayLabels" }, outputs: { closeOptions: "closeOptions" }, usesInheritance: true, ngImport: i0, template: '', isInline: true }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: ToolboxActionComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: ToolboxActionComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'pry-toolbox-action',

package/esm2022/toolbox/shared/toolbox-action-instanciator/toolbox-action-instanciator.component.mjs

@@ -39,10 +39,10 @@ export class ToolboxActionInstanciatorComponent extends SubscriptionnerDirective
         super.ngOnDestroy();
         this.actionContainerRef?.clear();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: ToolboxActionInstanciatorComponent, deps: [{ token: i1.Store }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.3", type: ToolboxActionInstanciatorComponent, selector: "pry-toolbox-action-instanciator", inputs: { displayLabels: "displayLabels", action: "action" }, outputs: { closeOptions: "closeOptions" }, viewQueries: [{ propertyName: "actionContainerRef", first: true, predicate: ["actionContainerRef"], descendants: true, read: ViewContainerRef }], usesInheritance: true, ngImport: i0, template: "<ng-template #actionContainerRef></ng-template>\n" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: ToolboxActionInstanciatorComponent, deps: [{ token: i1.Store }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.6", type: ToolboxActionInstanciatorComponent, selector: "pry-toolbox-action-instanciator", inputs: { displayLabels: "displayLabels", action: "action" }, outputs: { closeOptions: "closeOptions" }, viewQueries: [{ propertyName: "actionContainerRef", first: true, predicate: ["actionContainerRef"], descendants: true, read: ViewContainerRef }], usesInheritance: true, ngImport: i0, template: "<ng-template #actionContainerRef></ng-template>\n" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: ToolboxActionInstanciatorComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: ToolboxActionInstanciatorComponent, decorators: [{
             type: Component,
             args: [{ selector: 'pry-toolbox-action-instanciator', template: "<ng-template #actionContainerRef></ng-template>\n" }]
         }], ctorParameters: () => [{ type: i1.Store }, { type: i0.ChangeDetectorRef }], propDecorators: { displayLabels: [{

package/esm2022/toolbox/style/css.component.mjs

@@ -1,10 +1,10 @@
 import { Component, ViewEncapsulation } from '@angular/core';
 import * as i0 from "@angular/core";
 export class PrySelectGridLayoutCssComponent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: PrySelectGridLayoutCssComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.3", type: PrySelectGridLayoutCssComponent, selector: "pry-toolbox-css", ngImport: i0, template: '', isInline: true, styles: [".o-select-grid-layout{margin:0;padding:0}.o-select-grid-layout li{list-style:none}.o-select-grid-layout-wrapper{overflow-y:auto;max-height:80%}.o-select-grid-layout-modal-wrapper{max-width:80%}.o-select-grid-layout{overflow-y:auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,auto));grid-gap:1.875rem;padding:.25rem .25rem 1.875rem}.o-select-grid-layout__item .a-btn{display:flex;flex-direction:column;align-items:center;justify-content:space-around;width:100%;height:18.75rem;padding:.9375rem;border-radius:0;text-align:left}.o-select-grid-layout__item .a-btn:focus{outline:2px solid #35b99f}.o-select-grid-layout__item .a-btn:focus:not(:focus-visible){outline:0}.o-select-grid-layout__item .a-btn:focus-visible{outline:0;border-radius:.125rem;box-shadow:0 0 0 2px #fff,0 0 0 4px #35b99f}.o-select-grid-layout__item .a-btn strong{display:block}.o-select-grid-layout__item .a-btn .a-p{margin-bottom:0;font-size:13px}.o-select-grid-layout__item__preview{height:6.25rem;width:100%}\n", ".o-select-grid-layout-wrapper{overflow-y:auto;max-height:80%}.o-select-grid-layout-modal-wrapper{max-width:60%;padding:1.875rem 2.5rem}.o-filters{width:100%}.o-filters__header{display:flex;justify-content:space-between;align-items:center;padding-bottom:1.875rem;border-bottom:1px solid #dfe5ec}.o-filters__header h2{padding:0}.o-filters__header .back-button{transform:rotate(180deg)}.o-filters__content{display:flex;flex-direction:column;padding-top:1.25rem}.o-filters__content>.a-btn{margin-top:1.25rem;align-self:center}.o-filters__filter td:first-child{min-width:20%;max-width:30%}.o-filters__filter td:nth-child(2){min-width:50%;max-width:60%}.o-filters__filter td:nth-child(3){width:8%}.o-filters__filter td:nth-child(4){width:8%}.o-filters__filter td:last-child{width:4%}.o-filters__filter.cdk-drag-preview{background-color:#fff}.o-filters__filter.cdk-drag-preview td{padding:.75rem .5rem}.o-filters__filter .cdk-drag-handle{pointer-events:auto}.o-filters__filter .cdk-drag-handle:hover{cursor:grab}.o-filters tr.o-filters__filter{cursor:default}.o-filters__no-filters{padding-bottom:1.875rem}\n", ".o-draggable-menu{width:fit-content}.o-draggable-menu__list{display:flex;flex-direction:column;padding:.25rem 0;align-items:flex-end}\n", ".refresh-rs>div{padding-left:0;padding-right:0}.refresh-rs button.refresh-line{border-radius:0;padding:0 .9375rem}.refresh-rs button.refresh-line:hover{font-weight:400;background-color:#0000001a}.refresh-rs button.refresh-line.-selected{background-color:#00000026}\n", "#dashboard-details-panel h1,#dashboard-details-panel h2,#dashboard-details-panel h3,#dashboard-details-panel h4,#dashboard-details-panel h5,#dashboard-details-panel h6{padding:0;margin:0;color:#253043}#dashboard-details-panel h5{font-size:.875rem}#dashboard-details-panel span,#dashboard-details-panel p{font-size:.875rem;color:#263340;white-space:pre-wrap}#dashboard-details-panel div{padding-bottom:10px}#dashboard-details-panel ul,#dashboard-details-panel ol{margin:0;line-height:1rem}#dashboard-details-panel li{color:#253043;font-size:.875rem}#dashboard-details-panel table{border-collapse:collapse}#dashboard-details-panel table thead tr{border-bottom-width:.0625rem;border-bottom-style:solid}#dashboard-details-panel table thead tr th{padding-top:.75rem;padding-bottom:.75rem;text-align:left}#dashboard-details-panel table tbody tr{border-bottom-width:.0625rem;border-bottom-style:solid}#dashboard-details-panel table tbody tr td{padding:.75rem .5rem;text-align:left}#dashboard-details-panel{background-color:#fff;box-shadow:0 2px 7px #00000017;width:100%;max-width:31.25rem;overflow-x:hidden;overflow-y:auto;max-height:25rem;padding:.5rem .9375rem .9375rem .625rem}#dashboard-details-panel .o-modal__top{margin:0;padding:0}#dashboard-details-panel .o-modal__top__title{font-size:1.125rem;color:#253043;padding-bottom:.3125rem}#dashboard-details-panel .o-modal__content{padding:0}\n"], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: PrySelectGridLayoutCssComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.6", type: PrySelectGridLayoutCssComponent, selector: "pry-toolbox-css", ngImport: i0, template: '', isInline: true, styles: [".o-select-grid-layout{margin:0;padding:0}.o-select-grid-layout li{list-style:none}.o-select-grid-layout-wrapper{overflow-y:auto;max-height:80%}.o-select-grid-layout-modal-wrapper{max-width:80%}.o-select-grid-layout{overflow-y:auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,auto));grid-gap:1.875rem;padding:.25rem .25rem 1.875rem}.o-select-grid-layout__item .a-btn{display:flex;flex-direction:column;align-items:center;justify-content:space-around;width:100%;height:18.75rem;padding:.9375rem;border-radius:0;text-align:left}.o-select-grid-layout__item .a-btn:focus{outline:2px solid #35b99f}.o-select-grid-layout__item .a-btn:focus:not(:focus-visible){outline:0}.o-select-grid-layout__item .a-btn:focus-visible{outline:0;border-radius:.125rem;box-shadow:0 0 0 2px #fff,0 0 0 4px #35b99f}.o-select-grid-layout__item .a-btn strong{display:block}.o-select-grid-layout__item .a-btn .a-p{margin-bottom:0;font-size:13px}.o-select-grid-layout__item__preview{height:6.25rem;width:100%}\n", ".o-select-grid-layout-wrapper{overflow-y:auto;max-height:80%}.o-select-grid-layout-modal-wrapper{max-width:60%;padding:1.875rem 2.5rem}.o-filters{width:100%}.o-filters__header{display:flex;justify-content:space-between;align-items:center;padding-bottom:1.875rem;border-bottom:1px solid #dfe5ec}.o-filters__header h2{padding:0}.o-filters__header .back-button{transform:rotate(180deg)}.o-filters__content{display:flex;flex-direction:column;padding-top:1.25rem}.o-filters__content>.a-btn{margin-top:1.25rem;align-self:center}.o-filters__filter td:first-child{min-width:20%;max-width:30%}.o-filters__filter td:nth-child(2){min-width:50%;max-width:60%}.o-filters__filter td:nth-child(3){width:8%}.o-filters__filter td:nth-child(4){width:8%}.o-filters__filter td:last-child{width:4%}.o-filters__filter.cdk-drag-preview{background-color:#fff}.o-filters__filter.cdk-drag-preview td{padding:.75rem .5rem}.o-filters__filter .cdk-drag-handle{pointer-events:auto}.o-filters__filter .cdk-drag-handle:hover{cursor:grab}.o-filters tr.o-filters__filter{cursor:default}.o-filters__no-filters{padding-bottom:1.875rem}\n", ".o-draggable-menu{width:fit-content}.o-draggable-menu__list{display:flex;flex-direction:column;padding:.25rem 0;align-items:flex-end}\n", ".refresh-rs>div{padding-left:0;padding-right:0}.refresh-rs button.refresh-line{border-radius:0;padding:0 .9375rem}.refresh-rs button.refresh-line:hover{font-weight:400;background-color:#0000001a}.refresh-rs button.refresh-line.-selected{background-color:#00000026}\n", "#dashboard-details-panel h1,#dashboard-details-panel h2,#dashboard-details-panel h3,#dashboard-details-panel h4,#dashboard-details-panel h5,#dashboard-details-panel h6{padding:0;margin:0;color:#253043}#dashboard-details-panel h5{font-size:.875rem}#dashboard-details-panel span,#dashboard-details-panel p{font-size:.875rem;color:#263340;white-space:pre-wrap}#dashboard-details-panel div{padding-bottom:10px}#dashboard-details-panel ul,#dashboard-details-panel ol{margin:0;line-height:1rem}#dashboard-details-panel li{color:#253043;font-size:.875rem}#dashboard-details-panel table{border-collapse:collapse}#dashboard-details-panel table thead tr{border-bottom-width:.0625rem;border-bottom-style:solid}#dashboard-details-panel table thead tr th{padding-top:.75rem;padding-bottom:.75rem;text-align:left}#dashboard-details-panel table tbody tr{border-bottom-width:.0625rem;border-bottom-style:solid}#dashboard-details-panel table tbody tr td{padding:.75rem .5rem;text-align:left}#dashboard-details-panel{background-color:#fff;box-shadow:0 2px 7px #00000017;width:100%;max-width:31.25rem;overflow-x:hidden;overflow-y:auto;max-height:25rem;padding:.5rem .9375rem .9375rem .625rem}#dashboard-details-panel .o-modal__top{margin:0;padding:0}#dashboard-details-panel .o-modal__top__title{font-size:1.125rem;color:#253043;padding-bottom:.3125rem}#dashboard-details-panel .o-modal__content{padding:0}\n"], encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: PrySelectGridLayoutCssComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: PrySelectGridLayoutCssComponent, decorators: [{
             type: Component,
             args: [{ selector: 'pry-toolbox-css', template: '', encapsulation: ViewEncapsulation.None, styles: [".o-select-grid-layout{margin:0;padding:0}.o-select-grid-layout li{list-style:none}.o-select-grid-layout-wrapper{overflow-y:auto;max-height:80%}.o-select-grid-layout-modal-wrapper{max-width:80%}.o-select-grid-layout{overflow-y:auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,auto));grid-gap:1.875rem;padding:.25rem .25rem 1.875rem}.o-select-grid-layout__item .a-btn{display:flex;flex-direction:column;align-items:center;justify-content:space-around;width:100%;height:18.75rem;padding:.9375rem;border-radius:0;text-align:left}.o-select-grid-layout__item .a-btn:focus{outline:2px solid #35b99f}.o-select-grid-layout__item .a-btn:focus:not(:focus-visible){outline:0}.o-select-grid-layout__item .a-btn:focus-visible{outline:0;border-radius:.125rem;box-shadow:0 0 0 2px #fff,0 0 0 4px #35b99f}.o-select-grid-layout__item .a-btn strong{display:block}.o-select-grid-layout__item .a-btn .a-p{margin-bottom:0;font-size:13px}.o-select-grid-layout__item__preview{height:6.25rem;width:100%}\n", ".o-select-grid-layout-wrapper{overflow-y:auto;max-height:80%}.o-select-grid-layout-modal-wrapper{max-width:60%;padding:1.875rem 2.5rem}.o-filters{width:100%}.o-filters__header{display:flex;justify-content:space-between;align-items:center;padding-bottom:1.875rem;border-bottom:1px solid #dfe5ec}.o-filters__header h2{padding:0}.o-filters__header .back-button{transform:rotate(180deg)}.o-filters__content{display:flex;flex-direction:column;padding-top:1.25rem}.o-filters__content>.a-btn{margin-top:1.25rem;align-self:center}.o-filters__filter td:first-child{min-width:20%;max-width:30%}.o-filters__filter td:nth-child(2){min-width:50%;max-width:60%}.o-filters__filter td:nth-child(3){width:8%}.o-filters__filter td:nth-child(4){width:8%}.o-filters__filter td:last-child{width:4%}.o-filters__filter.cdk-drag-preview{background-color:#fff}.o-filters__filter.cdk-drag-preview td{padding:.75rem .5rem}.o-filters__filter .cdk-drag-handle{pointer-events:auto}.o-filters__filter .cdk-drag-handle:hover{cursor:grab}.o-filters tr.o-filters__filter{cursor:default}.o-filters__no-filters{padding-bottom:1.875rem}\n", ".o-draggable-menu{width:fit-content}.o-draggable-menu__list{display:flex;flex-direction:column;padding:.25rem 0;align-items:flex-end}\n", ".refresh-rs>div{padding-left:0;padding-right:0}.refresh-rs button.refresh-line{border-radius:0;padding:0 .9375rem}.refresh-rs button.refresh-line:hover{font-weight:400;background-color:#0000001a}.refresh-rs button.refresh-line.-selected{background-color:#00000026}\n", "#dashboard-details-panel h1,#dashboard-details-panel h2,#dashboard-details-panel h3,#dashboard-details-panel h4,#dashboard-details-panel h5,#dashboard-details-panel h6{padding:0;margin:0;color:#253043}#dashboard-details-panel h5{font-size:.875rem}#dashboard-details-panel span,#dashboard-details-panel p{font-size:.875rem;color:#263340;white-space:pre-wrap}#dashboard-details-panel div{padding-bottom:10px}#dashboard-details-panel ul,#dashboard-details-panel ol{margin:0;line-height:1rem}#dashboard-details-panel li{color:#253043;font-size:.875rem}#dashboard-details-panel table{border-collapse:collapse}#dashboard-details-panel table thead tr{border-bottom-width:.0625rem;border-bottom-style:solid}#dashboard-details-panel table thead tr th{padding-top:.75rem;padding-bottom:.75rem;text-align:left}#dashboard-details-panel table tbody tr{border-bottom-width:.0625rem;border-bottom-style:solid}#dashboard-details-panel table tbody tr td{padding:.75rem .5rem;text-align:left}#dashboard-details-panel{background-color:#fff;box-shadow:0 2px 7px #00000017;width:100%;max-width:31.25rem;overflow-x:hidden;overflow-y:auto;max-height:25rem;padding:.5rem .9375rem .9375rem .625rem}#dashboard-details-panel .o-modal__top{margin:0;padding:0}#dashboard-details-panel .o-modal__top__title{font-size:1.125rem;color:#253043;padding-bottom:.3125rem}#dashboard-details-panel .o-modal__content{padding:0}\n"] }]
         }] });

package/esm2022/toolbox/toolbox.module.mjs

@@ -54,8 +54,8 @@ const components = [
     PresentationFormComponent
 ];
 export class PryToolboxModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: PryToolboxModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.1.3", ngImport: i0, type: PryToolboxModule, declarations: [ToolboxActionComponent,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: PryToolboxModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.6", ngImport: i0, type: PryToolboxModule, declarations: [ToolboxActionComponent,
             ToolboxActionInstanciatorComponent,
             ClearViewComponent,
             DragWidgetsComponent,
@@ -114,7 +114,7 @@ export class PryToolboxModule {
             EditModeActionComponent,
             EditPresentationComponent,
             PresentationFormComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: PryToolboxModule, imports: [CommonModule,
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: PryToolboxModule, imports: [CommonModule,
             FormsModule,
             OverlayModule,
             PryOverlayModule,
@@ -131,7 +131,7 @@ export class PryToolboxModule {
             PryTextEditorModule,
             ReactiveFormsModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: PryToolboxModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: PryToolboxModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [...components],

package/esm2022/tooltips/attribute/attribute-tooltip.component.mjs

@@ -58,10 +58,10 @@ export class AttributeTooltipComponent extends BaseTooltipComponent {
             return of(this.data.item.properties.find((prop) => prop.key === attribute)?.value);
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: AttributeTooltipComponent, deps: [{ token: i1.TranslateIdPipe }, { token: i2.Store }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.3", type: AttributeTooltipComponent, selector: "pry-attribute-tooltip", usesInheritance: true, ngImport: i0, template: "<div class=\"m-tooltip__item__content\">\n  <h3 class=\"a-h3 -attribute\">\n    <img\n      [src]=\"data.item | translateItemToSymbol | async\"\n      [alt]=\"data.item.oClass | translateId: { type: 'class', output: 'name' } | async\"\n      [title]=\"data.item.oClass | translateId: { type: 'class', output: 'name' } | async\"\n      width=\"32\"\n      aria-hidden=\"true\"\n    />\n    <span [title]=\"data.item.oClass | translateId: { type: 'class', output: 'name' } | async\">{{\n      data.item.oClass | translateId: { type: 'class', output: 'name' } | async\n    }}</span>\n  </h3>\n  <ng-container *ngFor=\"let attribute of attributes$ | async\">\n    <p [title]=\"getValue(attribute.technicalName) | async | dataFormat: attribute.field\">\n      <span>{{ attribute.name }}:</span>\n      {{ getValue(attribute.technicalName, 40) | async | dataFormat: attribute.field }}\n    </p>\n  </ng-container>\n</div>\n", dependencies: [{ kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }, { kind: "pipe", type: i1.TranslateIdPipe, name: "translateId" }, { kind: "pipe", type: i1.TranslateItemToSymbolPipe, name: "translateItemToSymbol" }, { kind: "pipe", type: i4.DataFormatPipe, name: "dataFormat" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: AttributeTooltipComponent, deps: [{ token: i1.TranslateIdPipe }, { token: i2.Store }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.6", type: AttributeTooltipComponent, selector: "pry-attribute-tooltip", usesInheritance: true, ngImport: i0, template: "<div class=\"m-tooltip__item__content\">\n  <h3 class=\"a-h3 -attribute\">\n    <img\n      [src]=\"data.item | translateItemToSymbol | async\"\n      [alt]=\"data.item.oClass | translateId: { type: 'class', output: 'name' } | async\"\n      [title]=\"data.item.oClass | translateId: { type: 'class', output: 'name' } | async\"\n      width=\"32\"\n      aria-hidden=\"true\"\n    />\n    <span [title]=\"data.item.oClass | translateId: { type: 'class', output: 'name' } | async\">{{\n      data.item.oClass | translateId: { type: 'class', output: 'name' } | async\n    }}</span>\n  </h3>\n  <ng-container *ngFor=\"let attribute of attributes$ | async\">\n    <p [title]=\"getValue(attribute.technicalName) | async | dataFormat: attribute.field\">\n      <span>{{ attribute.name }}:</span>\n      {{ getValue(attribute.technicalName, 40) | async | dataFormat: attribute.field }}\n    </p>\n  </ng-container>\n</div>\n", dependencies: [{ kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }, { kind: "pipe", type: i1.TranslateIdPipe, name: "translateId" }, { kind: "pipe", type: i1.TranslateItemToSymbolPipe, name: "translateItemToSymbol" }, { kind: "pipe", type: i4.DataFormatPipe, name: "dataFormat" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: AttributeTooltipComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: AttributeTooltipComponent, decorators: [{
             type: Component,
             args: [{ selector: 'pry-attribute-tooltip', template: "<div class=\"m-tooltip__item__content\">\n  <h3 class=\"a-h3 -attribute\">\n    <img\n      [src]=\"data.item | translateItemToSymbol | async\"\n      [alt]=\"data.item.oClass | translateId: { type: 'class', output: 'name' } | async\"\n      [title]=\"data.item.oClass | translateId: { type: 'class', output: 'name' } | async\"\n      width=\"32\"\n      aria-hidden=\"true\"\n    />\n    <span [title]=\"data.item.oClass | translateId: { type: 'class', output: 'name' } | async\">{{\n      data.item.oClass | translateId: { type: 'class', output: 'name' } | async\n    }}</span>\n  </h3>\n  <ng-container *ngFor=\"let attribute of attributes$ | async\">\n    <p [title]=\"getValue(attribute.technicalName) | async | dataFormat: attribute.field\">\n      <span>{{ attribute.name }}:</span>\n      {{ getValue(attribute.technicalName, 40) | async | dataFormat: attribute.field }}\n    </p>\n  </ng-container>\n</div>\n" }]
         }], ctorParameters: () => [{ type: i1.TranslateIdPipe }, { type: i2.Store }] });

package/esm2022/tooltips/attribute/attribute-tooltip.module.mjs

@@ -10,11 +10,11 @@ export class PryAttributeTooltipModule extends BaseTooltipModule {
     getComponent() {
         return AttributeTooltipComponent;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: PryAttributeTooltipModule, deps: null, target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.1.3", ngImport: i0, type: PryAttributeTooltipModule, declarations: [AttributeTooltipComponent], imports: [CommonModule, FormsModule, OverlayModule, PryCoreModule, PryDataFormatModule], exports: [AttributeTooltipComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: PryAttributeTooltipModule, imports: [CommonModule, FormsModule, OverlayModule, PryCoreModule, PryDataFormatModule] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: PryAttributeTooltipModule, deps: null, target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.6", ngImport: i0, type: PryAttributeTooltipModule, declarations: [AttributeTooltipComponent], imports: [CommonModule, FormsModule, OverlayModule, PryCoreModule, PryDataFormatModule], exports: [AttributeTooltipComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: PryAttributeTooltipModule, imports: [CommonModule, FormsModule, OverlayModule, PryCoreModule, PryDataFormatModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: PryAttributeTooltipModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: PryAttributeTooltipModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [AttributeTooltipComponent],

package/esm2022/tooltips/cluster/cluster-tooltip.component.mjs

@@ -2,10 +2,10 @@ import { Component } from '@angular/core';
 import { BaseTooltipComponent } from '@provoly/dashboard';
 import * as i0 from "@angular/core";
 export class ClusterTooltipComponent extends BaseTooltipComponent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: ClusterTooltipComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.3", type: ClusterTooltipComponent, selector: "pry-default-tooltip", usesInheritance: true, ngImport: i0, template: "<div>{{ data.item.label }}</div>\n" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: ClusterTooltipComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.6", type: ClusterTooltipComponent, selector: "pry-default-tooltip", usesInheritance: true, ngImport: i0, template: "<div>{{ data.item.label }}</div>\n" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: ClusterTooltipComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: ClusterTooltipComponent, decorators: [{
             type: Component,
             args: [{ selector: 'pry-default-tooltip', template: "<div>{{ data.item.label }}</div>\n" }]
         }] });

package/esm2022/tooltips/cluster/cluster-tooltip.module.mjs

@@ -9,11 +9,11 @@ export class PryClusterTooltipModule extends BaseTooltipModule {
     getComponent() {
         return ClusterTooltipComponent;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: PryClusterTooltipModule, deps: null, target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.1.3", ngImport: i0, type: PryClusterTooltipModule, declarations: [ClusterTooltipComponent], imports: [CommonModule, FormsModule, OverlayModule], exports: [ClusterTooltipComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: PryClusterTooltipModule, imports: [CommonModule, FormsModule, OverlayModule] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: PryClusterTooltipModule, deps: null, target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.6", ngImport: i0, type: PryClusterTooltipModule, declarations: [ClusterTooltipComponent], imports: [CommonModule, FormsModule, OverlayModule], exports: [ClusterTooltipComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: PryClusterTooltipModule, imports: [CommonModule, FormsModule, OverlayModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: PryClusterTooltipModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: PryClusterTooltipModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [ClusterTooltipComponent],

package/esm2022/widgets/widget-aggregated-chart/component/widget-aggregated-chart.component.mjs

@@ -839,10 +839,10 @@ export class WidgetAggregatedChartComponent extends DataWidgetComponent {
         const formats = this.translateService.instantObject('@pry.widget.chart.specializedLocale');
         return formats[type ?? 'default'];
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: WidgetAggregatedChartComponent, deps: [{ token: i1.Store }, { token: i2.PryI18nService }, { token: i0.ElementRef }, { token: i2.PryAggregationService }, { token: i3.PrySchemeService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.3", type: WidgetAggregatedChartComponent, selector: "pry-widget-aggregated-chart", viewQueries: [{ propertyName: "vega", first: true, predicate: ["vega"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<pry-widget-aggregated-chart-css></pry-widget-aggregated-chart-css>\n<div\n  class=\"o-widget o-widget--chart\"\n  *ngIf=\"optionsCopy$ | async as optionsCopy\"\n  [class.-has-header]=\"displayHeader$ | async\"\n>\n  <pry-widget-header\n    [datasourceIds]=\"(datasourceIds$ | async) ?? []\"\n    *ngIf=\"displayHeader$ | async\"\n    [widgetIndex]=\"widgetIndex\"\n    [manifest]=\"manifest\"\n    (manifestModified)=\"manifestModified.emit($event)\"\n    #header\n    [headerOptions]=\"(displayHeader$ | async) ?? {}\"\n    [displayCount]=\"false\"\n    [openData$]=\"openData$\"\n  >\n    <pry-settings\n      (saveTriggered)=\"emitManifest()\"\n      (changeTitle)=\"changeWidgetTitle($event)\"\n      [headerPresent]=\"displayHeader$ | async\"\n      [widgetIndex]=\"widgetIndex\"\n      [open$]=\"open$\"\n      [header]=\"header\"\n      class=\"o-settings\"\n    >\n      <div class=\"o-settings__popup__content__fields -condensed\">\n        <div class=\"m-form-label-field\">\n          <pry-edit-input\n            label=\"@pry.widget.chart.title\"\n            (ngModelChange)=\"changeChartTitle($event)\"\n            [ngModel]=\"optionsCopy.graph.title\"\n          ></pry-edit-input>\n        </div>\n\n        <div *ngIf=\"optionsCopy\" class=\"m-form-label-field\">\n          <label class=\"a-label\" for=\"chart_type\">{{ '@pry.widget.chart.type' | i18n }}</label>\n          <pry-select\n            (ngModelChange)=\"changeType($event)\"\n            [items]=\"typeOptions\"\n            [ngModel]=\"optionsCopy.graph.type\"\n            bindLabel=\"label\"\n            bindValue=\"id\"\n            id=\"chart_type\"\n          ></pry-select>\n        </div>\n\n        <ng-container *ngIf=\"optionsCopy.graph.type === GraphType.DONUT\">\n          <pry-range\n            [ngModel]=\"optionsCopy.graph.donutSize\"\n            (ngModelChange)=\"changeDonutSize($event)\"\n            labelTranslate=\"@pry.widget.chart.donutSize\"\n            min=\"1\"\n            max=\"500\"\n          ></pry-range>\n        </ng-container>\n\n        <div class=\"m-form-label-field\">\n          <pry-checkbox (ngModelChange)=\"toggleLegend($event)\" [ngModel]=\"!!optionsCopy.graph.legend\">\n            {{ '@pry.widget.chart.legend' | i18n }}\n          </pry-checkbox>\n        </div>\n      </div>\n\n      <ng-container *ngIf=\"!!optionsCopy.graph.type\">\n        <div class=\"o-settings__popup__content__fields -condensed\">\n          <div class=\"m-form-label-field\">\n            <label class=\"a-label\" for=\"abscissa\">{{ '@pry.widget.chart.abscissa' | i18n }}</label>\n            <pry-select\n              (ngModelChange)=\"changeAbscissa($event)\"\n              [items]=\"abscissaAttributes$ | async | prySortData: sortActive : sortDirection\"\n              [ngModel]=\"optionsCopy.abscissa.attribute\"\n              bindLabel=\"name\"\n              bindValue=\"id\"\n              id=\"abscissa\"\n            ></pry-select>\n          </div>\n\n          <div class=\"m-form-label-field\">\n            <pry-edit-input\n              label=\"@pry.widget.chart.dataLabel\"\n              (ngModelChange)=\"changeAbscissaLabel($event)\"\n              [ngModel]=\"optionsCopy.abscissa.label\"\n            ></pry-edit-input>\n          </div>\n\n          <div\n            *ngIf=\"\n              ['quantitative', 'temporal'].includes(translateToVegaType(copyAbscissaField?.type)) &&\n              optionsCopy.graph.type !== GraphType.DONUT &&\n              optionsCopy.graph.type !== GraphType.CIRCULAR\n            \"\n            class=\"m-form-label-field\"\n          >\n            <pry-checkbox (ngModelChange)=\"changeKeep0Abscissa($event)\" [ngModel]=\"optionsCopy.abscissa.keep0\"\n              >{{ '@pry.widget.chart.origin' | i18n }}\n            </pry-checkbox>\n\n            <ng-container *ngIf=\"optionsCopy.graph.type === GraphType.HISTOGRAM\">\n              <pry-checkbox\n                (ngModelChange)=\"enableIntervals($event)\"\n                [ngModel]=\"!!optionsCopy.abscissa.interval\"\n                [disabled]=\"optionsCopy.graph.type === GraphType.HISTOGRAM\"\n                >{{ '@pry.widget.chart.interval' | i18n }}\n              </pry-checkbox>\n\n              <ng-container *ngIf=\"!!optionsCopy.abscissa.interval\">\n                <ng-container *ngIf=\"!isTimeInterval(optionsCopy.abscissa.interval); else timeInterval\">\n                  <pry-range\n                    [ngModel]=\"optionsCopy.abscissa.interval\"\n                    (ngModelChange)=\"changeInterval($event)\"\n                    labelTranslate=\"@pry.widget.chart.specifyInterval\"\n                    min=\"1\"\n                    max=\"10\"\n                  ></pry-range>\n                </ng-container>\n\n                <ng-template #timeInterval>\n                  <label class=\"a-label\" for=\"time_interval\">{{ '@pry.widget.chart.timeInterval' | i18n }}</label>\n                  <pry-select\n                    (ngModelChange)=\"changeTimeInterval($event)\"\n                    [items]=\"['second', 'minute', 'hour', 'day', 'week', 'month', 'quarter', 'year']\"\n                    [ngModel]=\"optionsCopy.abscissa.interval\"\n                    i18nPrefix=\"@pry.widget.chart.time.\"\n                    id=\"time_interval\"\n                  ></pry-select>\n                </ng-template>\n              </ng-container>\n            </ng-container>\n          </div>\n        </div>\n\n        <div class=\"o-settings__popup__content__fields -condensed\">\n          <div class=\"m-form-label-field\">\n            <label class=\"a-label\" for=\"operations\">{{ '@pry.widget.chart.operation.title' | i18n }}</label>\n            <pry-select\n              (ngModelChange)=\"changeOperation($event)\"\n              [items]=\"operations$ | async\"\n              [ngModel]=\"optionsCopy.ordinate.operation\"\n              bindLabel=\"label\"\n              bindValue=\"id\"\n              id=\"operations\"\n            ></pry-select>\n          </div>\n\n          <ng-container *ngIf=\"optionsCopy.ordinate.operation !== Operation.COUNT\">\n            <div class=\"m-form-label-field\">\n              <label class=\"a-label\" for=\"ordinate\">{{ '@pry.widget.chart.ordinate' | i18n }}</label>\n              <pry-select\n                (ngModelChange)=\"changeOrdinate($event)\"\n                [items]=\"ordinateAttributes$ | async | prySortData: sortActive : sortDirection\"\n                [ngModel]=\"optionsCopy.ordinate.attribute\"\n                bindLabel=\"name\"\n                bindValue=\"id\"\n                id=\"ordinate\"\n              ></pry-select>\n            </div>\n          </ng-container>\n\n          <div class=\"m-form-label-field\">\n            <pry-edit-input\n              label=\"@pry.widget.chart.dataLabel\"\n              (ngModelChange)=\"changeOrdinateLabel($event)\"\n              [ngModel]=\"optionsCopy.ordinate.label\"\n            ></pry-edit-input>\n          </div>\n\n          <div *ngIf=\"translateToVegaType(copyOrdinateField?.type) === 'quantitative'\" class=\"m-form-label-field\">\n            <pry-checkbox (ngModelChange)=\"changeKeep0Ordinate($event)\" [ngModel]=\"optionsCopy.ordinate.keep0\"\n              >{{ '@pry.widget.chart.origin' | i18n }}\n            </pry-checkbox>\n          </div>\n        </div>\n\n        <ng-container\n          *ngIf=\"optionsCopy.graph.type !== GraphType.DONUT && optionsCopy.graph.type !== GraphType.CIRCULAR\"\n        >\n          <div class=\"o-settings__popup__content__fields -condensed\">\n            <div class=\"m-form-label-field\">\n              <pry-checkbox (ngModelChange)=\"toggleGroupBy($event)\" [ngModel]=\"!!optionsCopy.groupBy\"\n                >{{ '@pry.widget.chart.groupBy' | i18n }}\n              </pry-checkbox>\n            </div>\n\n            <ng-container *ngIf=\"!!optionsCopy.groupBy\">\n              <div class=\"m-form-label-field\">\n                <label class=\"a-label\" for=\"chart_seriesAttr\">{{ '@pry.widget.chart.groupAttr' | i18n }}</label>\n                <pry-select\n                  (ngModelChange)=\"changeGroupBy($event)\"\n                  [ngModel]=\"optionsCopy.groupBy.attribute\"\n                  [items]=\"abscissaAttributes$ | async | prySortData: sortActive : sortDirection\"\n                  bindLabel=\"name\"\n                  bindValue=\"id\"\n                  id=\"chart_seriesAttr\"\n                ></pry-select>\n              </div>\n\n              <div class=\"m-form-label-field\">\n                <pry-scheme-picker\n                  (ngModelChange)=\"changeColorScheme($event)\"\n                  [ngModel]=\"optionsCopy.groupBy.color\"\n                ></pry-scheme-picker>\n              </div>\n\n              <div class=\"m-form-label-field\">\n                <pry-checkbox [ngModel]=\"optionsCopy.graph.stacked\" (ngModelChange)=\"toggleStacked($event)\">\n                  {{ '@pry.widget.chart.stacked' | i18n }}\n                </pry-checkbox>\n              </div>\n            </ng-container>\n          </div>\n          <div class=\"o-settings__popup__content__fields -condensed\">\n            <div class=\"m-form-label-field\">\n              <pry-checkbox\n                (ngModelChange)=\"toggleLimitItems($event)\"\n                [ngModel]=\"optionsCopy.abscissa.limit !== undefined && optionsCopy.abscissa.limit !== null\"\n              >\n                {{ '@pry.widget.chart.limit' | i18n }}\n              </pry-checkbox>\n            </div>\n            <ng-container *ngIf=\"optionsCopy.abscissa.limit !== undefined && optionsCopy.abscissa.limit !== null\">\n              <div class=\"m-form-label-field\">\n                <label class=\"a-label\" for=\"chart_limitItemsValue\">{{ '@pry.widget.chart.limitMaxNb' | i18n }}</label>\n                <input\n                  type=\"number\"\n                  id=\"chart_limitItemsValue\"\n                  class=\"a-form-field\"\n                  [ngModel]=\"optionsCopy.abscissa.limit\"\n                  (ngModelChange)=\"changeLimitValue($event)\"\n                  min=\"1\"\n                  step=\"1\"\n                  [attr.aria-invalid]=\"optionsCopy.abscissa.limit < 1\"\n                />\n              </div>\n            </ng-container>\n          </div>\n          <div class=\"o-settings__popup__content__fields -condensed\">\n            <div class=\"m-form-label-field\">\n              <pry-checkbox (ngModelChange)=\"toggleSort($event)\" [ngModel]=\"!!optionsCopy.graph.sort\"\n                >{{ '@pry.widget.chart.sort.title' | i18n }}\n              </pry-checkbox>\n            </div>\n            <ng-container *ngIf=\"!!optionsCopy.graph.sort\">\n              <div class=\"m-form-label-field\">\n                <label class=\"a-label\" for=\"chart_sortValue\">{{ '@pry.widget.chart.sort.attribute' | i18n }}</label>\n                <pry-select\n                  (ngModelChange)=\"changeSortValue($event)\"\n                  [ngModel]=\"optionsCopy.graph.sort.value\"\n                  [items]=\"sortValues$ | async\"\n                  bindValue=\"value\"\n                  bindLabel=\"label\"\n                  id=\"chart_sortValue\"\n                ></pry-select>\n              </div>\n              <div class=\"m-form-label-field\">\n                <label class=\"a-label\" for=\"chart_sortDirection\">{{ '@pry.widget.chart.sort.direction' | i18n }}</label>\n                <pry-select\n                  (ngModelChange)=\"changeSortDirection($event)\"\n                  [ngModel]=\"optionsCopy.graph.sort.direction\"\n                  [items]=\"sortDirections\"\n                  bindValue=\"value\"\n                  bindLabel=\"label\"\n                  id=\"chart_sortDirection\"\n                ></pry-select>\n              </div>\n            </ng-container>\n          </div>\n        </ng-container>\n\n        <ng-container\n          *ngIf=\"optionsCopy.graph.type === GraphType.DONUT || optionsCopy.graph.type === GraphType.CIRCULAR\"\n        >\n          <pry-scheme-picker\n            (ngModelChange)=\"changeCircleColorScheme($event)\"\n            [ngModel]=\"optionsCopy.circleColorScheme\"\n          ></pry-scheme-picker>\n        </ng-container>\n\n        <ng-container\n          *ngIf=\"\n            optionsCopy.graph.type !== GraphType.DONUT &&\n            optionsCopy.graph.type !== GraphType.CIRCULAR &&\n            !optionsCopy.groupBy\n          \"\n        >\n          <div class=\"m-form-label-field\">\n            <label class=\"a-label\" for=\"chart_baseColor\">{{ '@pry.widget.chart.color' | i18n }}</label>\n            <pry-color-picker\n              (ngModelChange)=\"changeBaseColor($event)\"\n              [ngModel]=\"optionsCopy.baseColor\"\n              id=\"chart_baseColor\"\n            ></pry-color-picker>\n            <ng-template #templateOption let-item=\"item\">\n              <div class=\"aligned-option\">\n                <div class=\"a-chip -md\" [style.background-color]=\"item\">{{ item }}</div>\n              </div>\n            </ng-template>\n          </div>\n        </ng-container>\n      </ng-container>\n    </pry-settings>\n  </pry-widget-header>\n\n  <ng-container *ngIf=\"(isChartValid$ | async) && !(noData$ | async) && !(noAggregationData$ | async)\">\n    <div #vega></div>\n  </ng-container>\n\n  <ng-container *ngIf=\"noData$ | async\">\n    <div class=\"o-widget__choose-parameters\">\n      <img\n        class=\"no-result__search\"\n        src=\"../../../assets/svgs/pry_recherche_pas_de_resultat.svg\"\n        alt=\"{{ '@pry.widget.chart.noData' | i18n }}\"\n        aria-hidden=\"true\"\n      />\n      <span class=\"no-result__text\">{{ '@pry.widget.chart.noData' | i18n }}</span>\n      <button type=\"button\" (click)=\"openData()\" class=\"a-btn a-btn--primary\">\n        <pry-icon [height]=\"20\" [width]=\"20\" iconSvg=\"control\"></pry-icon>\n        <span>{{ '@pry.widget.tooltip.readSearch' | i18n }}</span>\n      </button>\n    </div>\n  </ng-container>\n\n  <ng-container *ngIf=\"!(noData$ | async) && (noAggregationData$ | async)\">\n    <div class=\"o-widget__choose-parameters\">\n      <img\n        class=\"no-result__search\"\n        src=\"../../../assets/svgs/pry_recherche_pas_de_resultat.svg\"\n        alt=\"{{ '@pry.widget.chart.aggNoResult' | i18n }}\"\n        aria-hidden=\"true\"\n      />\n      <span class=\"no-result__text\">{{ '@pry.widget.chart.aggNoResult' | i18n }}</span>\n      <button type=\"button\" (click)=\"openSettings()\" class=\"a-btn a-btn--primary\">\n        <pry-icon [height]=\"20\" [width]=\"20\" iconSvg=\"control\"></pry-icon>\n        <span>{{ '@pry.widget.settings.title' | i18n }}</span>\n      </button>\n    </div>\n  </ng-container>\n\n  <ng-container *ngIf=\"!(noData$ | async) && !(noAggregationData$ | async) && !(isChartValid$ | async)\">\n    <div class=\"o-widget__choose-parameters\">\n      <img\n        class=\"no-result__search\"\n        src=\"../../../assets/svgs/pry_recherche_pas_de_resultat.svg\"\n        alt=\"{{ '@pry.widget.chart.chooseParameters' | i18n }}\"\n        aria-hidden=\"true\"\n      />\n      <span class=\"no-result__text\">{{ '@pry.widget.chart.chooseParameters' | i18n }}</span>\n      <button type=\"button\" (click)=\"openSettings()\" class=\"a-btn a-btn--primary\">\n        <pry-icon [height]=\"20\" [width]=\"20\" iconSvg=\"control\"></pry-icon>\n        <span>{{ '@pry.widget.settings.title' | i18n }}</span>\n      </button>\n    </div>\n  </ng-container>\n</div>\n", dependencies: [{ kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i5.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: i5.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { kind: "directive", type: i5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i5.MinValidator, selector: "input[type=number][min][formControlName],input[type=number][min][formControl],input[type=number][min][ngModel]", inputs: ["min"] }, { kind: "directive", type: i5.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i2.SettingsComponent, selector: "pry-settings", inputs: ["widgetIndex", "isDisable", "headerPresent", "open$", "header"], outputs: ["triggerClick", "saveTriggered", "changeTitle"] }, { kind: "component", type: i2.PryWidgetHeaderComponent, selector: "pry-widget-header", inputs: ["manifest", "openData$", "additionalOptions", "headerOptions", "displayCount", "datasourceIds", "widgetIndex"], outputs: ["manifestModified"] }, { kind: "component", type: i2.PrySelectComponent, selector: "pry-select", inputs: ["items", "clearable", "multiple", "closeOnSelect", "placeholder", "isForm", "required", "name", "autocomplete", "alwaysShowAutosuggestedValues", "externalAutocompleteService", "bindValue", "bindLabel", "iconSize", "bindIcon", "template", "i18nPrefix", "bindClasses", "loading", "elementRef"], outputs: ["searched", "cleared", "clicked"] }, { kind: "component", type: i2.PryIconComponent, selector: "pry-icon", inputs: ["color", "iconSvg", "animation", "iconImage", "alt", "width", "height", "classes"] }, { kind: "component", type: i6.PryCheckboxComponent, selector: "pry-checkbox", inputs: ["circle", "name", "inputId", "inhibit"] }, { kind: "component", type: i2.PryEditInputComponent, selector: "pry-edit-input", inputs: ["label", "editButtonTooltip", "confirmButtonTooltip"], outputs: ["validated"] }, { kind: "component", type: i2.PryRangeComponent, selector: "pry-range", inputs: ["min", "max", "step", "disabled", "labelTranslate"] }, { kind: "component", type: i7.PryColorPickerComponent, selector: "pry-color-picker" }, { kind: "component", type: i3.PrySchemePickerComponent, selector: "pry-scheme-picker" }, { kind: "component", type: i8.PryWidgetAggregatedChartCssComponent, selector: "pry-widget-aggregated-chart-css" }, { kind: "pipe", type: i4.AsyncPipe, name: "async" }, { kind: "pipe", type: i2.I18nPipe, name: "i18n" }, { kind: "pipe", type: i2.PrySortDataPipe, name: "prySortData" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: WidgetAggregatedChartComponent, deps: [{ token: i1.Store }, { token: i2.PryI18nService }, { token: i0.ElementRef }, { token: i2.PryAggregationService }, { token: i3.PrySchemeService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.6", type: WidgetAggregatedChartComponent, selector: "pry-widget-aggregated-chart", viewQueries: [{ propertyName: "vega", first: true, predicate: ["vega"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<pry-widget-aggregated-chart-css></pry-widget-aggregated-chart-css>\n<div\n  class=\"o-widget o-widget--chart\"\n  *ngIf=\"optionsCopy$ | async as optionsCopy\"\n  [class.-has-header]=\"displayHeader$ | async\"\n>\n  <pry-widget-header\n    [datasourceIds]=\"(datasourceIds$ | async) ?? []\"\n    *ngIf=\"displayHeader$ | async\"\n    [widgetIndex]=\"widgetIndex\"\n    [manifest]=\"manifest\"\n    (manifestModified)=\"manifestModified.emit($event)\"\n    #header\n    [headerOptions]=\"(displayHeader$ | async) ?? {}\"\n    [displayCount]=\"false\"\n    [openData$]=\"openData$\"\n  >\n    <pry-settings\n      (saveTriggered)=\"emitManifest()\"\n      (changeTitle)=\"changeWidgetTitle($event)\"\n      [headerPresent]=\"displayHeader$ | async\"\n      [widgetIndex]=\"widgetIndex\"\n      [open$]=\"open$\"\n      [header]=\"header\"\n      class=\"o-settings\"\n    >\n      <div class=\"o-settings__popup__content__fields -condensed\">\n        <div class=\"m-form-label-field\">\n          <pry-edit-input\n            label=\"@pry.widget.chart.title\"\n            (ngModelChange)=\"changeChartTitle($event)\"\n            [ngModel]=\"optionsCopy.graph.title\"\n          ></pry-edit-input>\n        </div>\n\n        <div *ngIf=\"optionsCopy\" class=\"m-form-label-field\">\n          <label class=\"a-label\" for=\"chart_type\">{{ '@pry.widget.chart.type' | i18n }}</label>\n          <pry-select\n            (ngModelChange)=\"changeType($event)\"\n            [items]=\"typeOptions\"\n            [ngModel]=\"optionsCopy.graph.type\"\n            bindLabel=\"label\"\n            bindValue=\"id\"\n            id=\"chart_type\"\n          ></pry-select>\n        </div>\n\n        <ng-container *ngIf=\"optionsCopy.graph.type === GraphType.DONUT\">\n          <pry-range\n            [ngModel]=\"optionsCopy.graph.donutSize\"\n            (ngModelChange)=\"changeDonutSize($event)\"\n            labelTranslate=\"@pry.widget.chart.donutSize\"\n            min=\"1\"\n            max=\"500\"\n          ></pry-range>\n        </ng-container>\n\n        <div class=\"m-form-label-field\">\n          <pry-checkbox (ngModelChange)=\"toggleLegend($event)\" [ngModel]=\"!!optionsCopy.graph.legend\">\n            {{ '@pry.widget.chart.legend' | i18n }}\n          </pry-checkbox>\n        </div>\n      </div>\n\n      <ng-container *ngIf=\"!!optionsCopy.graph.type\">\n        <div class=\"o-settings__popup__content__fields -condensed\">\n          <div class=\"m-form-label-field\">\n            <label class=\"a-label\" for=\"abscissa\">{{ '@pry.widget.chart.abscissa' | i18n }}</label>\n            <pry-select\n              (ngModelChange)=\"changeAbscissa($event)\"\n              [items]=\"abscissaAttributes$ | async | prySortData: sortActive : sortDirection\"\n              [ngModel]=\"optionsCopy.abscissa.attribute\"\n              bindLabel=\"name\"\n              bindValue=\"id\"\n              id=\"abscissa\"\n            ></pry-select>\n          </div>\n\n          <div class=\"m-form-label-field\">\n            <pry-edit-input\n              label=\"@pry.widget.chart.dataLabel\"\n              (ngModelChange)=\"changeAbscissaLabel($event)\"\n              [ngModel]=\"optionsCopy.abscissa.label\"\n            ></pry-edit-input>\n          </div>\n\n          <div\n            *ngIf=\"\n              ['quantitative', 'temporal'].includes(translateToVegaType(copyAbscissaField?.type)) &&\n              optionsCopy.graph.type !== GraphType.DONUT &&\n              optionsCopy.graph.type !== GraphType.CIRCULAR\n            \"\n            class=\"m-form-label-field\"\n          >\n            <pry-checkbox (ngModelChange)=\"changeKeep0Abscissa($event)\" [ngModel]=\"optionsCopy.abscissa.keep0\"\n              >{{ '@pry.widget.chart.origin' | i18n }}\n            </pry-checkbox>\n\n            <ng-container *ngIf=\"optionsCopy.graph.type === GraphType.HISTOGRAM\">\n              <pry-checkbox\n                (ngModelChange)=\"enableIntervals($event)\"\n                [ngModel]=\"!!optionsCopy.abscissa.interval\"\n                [disabled]=\"optionsCopy.graph.type === GraphType.HISTOGRAM\"\n                >{{ '@pry.widget.chart.interval' | i18n }}\n              </pry-checkbox>\n\n              <ng-container *ngIf=\"!!optionsCopy.abscissa.interval\">\n                <ng-container *ngIf=\"!isTimeInterval(optionsCopy.abscissa.interval); else timeInterval\">\n                  <pry-range\n                    [ngModel]=\"optionsCopy.abscissa.interval\"\n                    (ngModelChange)=\"changeInterval($event)\"\n                    labelTranslate=\"@pry.widget.chart.specifyInterval\"\n                    min=\"1\"\n                    max=\"10\"\n                  ></pry-range>\n                </ng-container>\n\n                <ng-template #timeInterval>\n                  <label class=\"a-label\" for=\"time_interval\">{{ '@pry.widget.chart.timeInterval' | i18n }}</label>\n                  <pry-select\n                    (ngModelChange)=\"changeTimeInterval($event)\"\n                    [items]=\"['second', 'minute', 'hour', 'day', 'week', 'month', 'quarter', 'year']\"\n                    [ngModel]=\"optionsCopy.abscissa.interval\"\n                    i18nPrefix=\"@pry.widget.chart.time.\"\n                    id=\"time_interval\"\n                  ></pry-select>\n                </ng-template>\n              </ng-container>\n            </ng-container>\n          </div>\n        </div>\n\n        <div class=\"o-settings__popup__content__fields -condensed\">\n          <div class=\"m-form-label-field\">\n            <label class=\"a-label\" for=\"operations\">{{ '@pry.widget.chart.operation.title' | i18n }}</label>\n            <pry-select\n              (ngModelChange)=\"changeOperation($event)\"\n              [items]=\"operations$ | async\"\n              [ngModel]=\"optionsCopy.ordinate.operation\"\n              bindLabel=\"label\"\n              bindValue=\"id\"\n              id=\"operations\"\n            ></pry-select>\n          </div>\n\n          <ng-container *ngIf=\"optionsCopy.ordinate.operation !== Operation.COUNT\">\n            <div class=\"m-form-label-field\">\n              <label class=\"a-label\" for=\"ordinate\">{{ '@pry.widget.chart.ordinate' | i18n }}</label>\n              <pry-select\n                (ngModelChange)=\"changeOrdinate($event)\"\n                [items]=\"ordinateAttributes$ | async | prySortData: sortActive : sortDirection\"\n                [ngModel]=\"optionsCopy.ordinate.attribute\"\n                bindLabel=\"name\"\n                bindValue=\"id\"\n                id=\"ordinate\"\n              ></pry-select>\n            </div>\n          </ng-container>\n\n          <div class=\"m-form-label-field\">\n            <pry-edit-input\n              label=\"@pry.widget.chart.dataLabel\"\n              (ngModelChange)=\"changeOrdinateLabel($event)\"\n              [ngModel]=\"optionsCopy.ordinate.label\"\n            ></pry-edit-input>\n          </div>\n\n          <div *ngIf=\"translateToVegaType(copyOrdinateField?.type) === 'quantitative'\" class=\"m-form-label-field\">\n            <pry-checkbox (ngModelChange)=\"changeKeep0Ordinate($event)\" [ngModel]=\"optionsCopy.ordinate.keep0\"\n              >{{ '@pry.widget.chart.origin' | i18n }}\n            </pry-checkbox>\n          </div>\n        </div>\n\n        <ng-container\n          *ngIf=\"optionsCopy.graph.type !== GraphType.DONUT && optionsCopy.graph.type !== GraphType.CIRCULAR\"\n        >\n          <div class=\"o-settings__popup__content__fields -condensed\">\n            <div class=\"m-form-label-field\">\n              <pry-checkbox (ngModelChange)=\"toggleGroupBy($event)\" [ngModel]=\"!!optionsCopy.groupBy\"\n                >{{ '@pry.widget.chart.groupBy' | i18n }}\n              </pry-checkbox>\n            </div>\n\n            <ng-container *ngIf=\"!!optionsCopy.groupBy\">\n              <div class=\"m-form-label-field\">\n                <label class=\"a-label\" for=\"chart_seriesAttr\">{{ '@pry.widget.chart.groupAttr' | i18n }}</label>\n                <pry-select\n                  (ngModelChange)=\"changeGroupBy($event)\"\n                  [ngModel]=\"optionsCopy.groupBy.attribute\"\n                  [items]=\"abscissaAttributes$ | async | prySortData: sortActive : sortDirection\"\n                  bindLabel=\"name\"\n                  bindValue=\"id\"\n                  id=\"chart_seriesAttr\"\n                ></pry-select>\n              </div>\n\n              <div class=\"m-form-label-field\">\n                <pry-scheme-picker\n                  (ngModelChange)=\"changeColorScheme($event)\"\n                  [ngModel]=\"optionsCopy.groupBy.color\"\n                ></pry-scheme-picker>\n              </div>\n\n              <div class=\"m-form-label-field\">\n                <pry-checkbox [ngModel]=\"optionsCopy.graph.stacked\" (ngModelChange)=\"toggleStacked($event)\">\n                  {{ '@pry.widget.chart.stacked' | i18n }}\n                </pry-checkbox>\n              </div>\n            </ng-container>\n          </div>\n          <div class=\"o-settings__popup__content__fields -condensed\">\n            <div class=\"m-form-label-field\">\n              <pry-checkbox\n                (ngModelChange)=\"toggleLimitItems($event)\"\n                [ngModel]=\"optionsCopy.abscissa.limit !== undefined && optionsCopy.abscissa.limit !== null\"\n              >\n                {{ '@pry.widget.chart.limit' | i18n }}\n              </pry-checkbox>\n            </div>\n            <ng-container *ngIf=\"optionsCopy.abscissa.limit !== undefined && optionsCopy.abscissa.limit !== null\">\n              <div class=\"m-form-label-field\">\n                <label class=\"a-label\" for=\"chart_limitItemsValue\">{{ '@pry.widget.chart.limitMaxNb' | i18n }}</label>\n                <input\n                  type=\"number\"\n                  id=\"chart_limitItemsValue\"\n                  class=\"a-form-field\"\n                  [ngModel]=\"optionsCopy.abscissa.limit\"\n                  (ngModelChange)=\"changeLimitValue($event)\"\n                  min=\"1\"\n                  step=\"1\"\n                  [attr.aria-invalid]=\"optionsCopy.abscissa.limit < 1\"\n                />\n              </div>\n            </ng-container>\n          </div>\n          <div class=\"o-settings__popup__content__fields -condensed\">\n            <div class=\"m-form-label-field\">\n              <pry-checkbox (ngModelChange)=\"toggleSort($event)\" [ngModel]=\"!!optionsCopy.graph.sort\"\n                >{{ '@pry.widget.chart.sort.title' | i18n }}\n              </pry-checkbox>\n            </div>\n            <ng-container *ngIf=\"!!optionsCopy.graph.sort\">\n              <div class=\"m-form-label-field\">\n                <label class=\"a-label\" for=\"chart_sortValue\">{{ '@pry.widget.chart.sort.attribute' | i18n }}</label>\n                <pry-select\n                  (ngModelChange)=\"changeSortValue($event)\"\n                  [ngModel]=\"optionsCopy.graph.sort.value\"\n                  [items]=\"sortValues$ | async\"\n                  bindValue=\"value\"\n                  bindLabel=\"label\"\n                  id=\"chart_sortValue\"\n                ></pry-select>\n              </div>\n              <div class=\"m-form-label-field\">\n                <label class=\"a-label\" for=\"chart_sortDirection\">{{ '@pry.widget.chart.sort.direction' | i18n }}</label>\n                <pry-select\n                  (ngModelChange)=\"changeSortDirection($event)\"\n                  [ngModel]=\"optionsCopy.graph.sort.direction\"\n                  [items]=\"sortDirections\"\n                  bindValue=\"value\"\n                  bindLabel=\"label\"\n                  id=\"chart_sortDirection\"\n                ></pry-select>\n              </div>\n            </ng-container>\n          </div>\n        </ng-container>\n\n        <ng-container\n          *ngIf=\"optionsCopy.graph.type === GraphType.DONUT || optionsCopy.graph.type === GraphType.CIRCULAR\"\n        >\n          <pry-scheme-picker\n            (ngModelChange)=\"changeCircleColorScheme($event)\"\n            [ngModel]=\"optionsCopy.circleColorScheme\"\n          ></pry-scheme-picker>\n        </ng-container>\n\n        <ng-container\n          *ngIf=\"\n            optionsCopy.graph.type !== GraphType.DONUT &&\n            optionsCopy.graph.type !== GraphType.CIRCULAR &&\n            !optionsCopy.groupBy\n          \"\n        >\n          <div class=\"m-form-label-field\">\n            <label class=\"a-label\" for=\"chart_baseColor\">{{ '@pry.widget.chart.color' | i18n }}</label>\n            <pry-color-picker\n              (ngModelChange)=\"changeBaseColor($event)\"\n              [ngModel]=\"optionsCopy.baseColor\"\n              id=\"chart_baseColor\"\n            ></pry-color-picker>\n            <ng-template #templateOption let-item=\"item\">\n              <div class=\"aligned-option\">\n                <div class=\"a-chip -md\" [style.background-color]=\"item\">{{ item }}</div>\n              </div>\n            </ng-template>\n          </div>\n        </ng-container>\n      </ng-container>\n    </pry-settings>\n  </pry-widget-header>\n\n  <ng-container *ngIf=\"(isChartValid$ | async) && !(noData$ | async) && !(noAggregationData$ | async)\">\n    <div #vega></div>\n  </ng-container>\n\n  <ng-container *ngIf=\"noData$ | async\">\n    <div class=\"o-widget__choose-parameters\">\n      <img\n        class=\"no-result__search\"\n        src=\"../../../assets/svgs/pry_recherche_pas_de_resultat.svg\"\n        alt=\"{{ '@pry.widget.chart.noData' | i18n }}\"\n        aria-hidden=\"true\"\n      />\n      <span class=\"no-result__text\">{{ '@pry.widget.chart.noData' | i18n }}</span>\n      <button type=\"button\" (click)=\"openData()\" class=\"a-btn a-btn--primary\">\n        <pry-icon [height]=\"20\" [width]=\"20\" iconSvg=\"control\"></pry-icon>\n        <span>{{ '@pry.widget.tooltip.readSearch' | i18n }}</span>\n      </button>\n    </div>\n  </ng-container>\n\n  <ng-container *ngIf=\"!(noData$ | async) && (noAggregationData$ | async)\">\n    <div class=\"o-widget__choose-parameters\">\n      <img\n        class=\"no-result__search\"\n        src=\"../../../assets/svgs/pry_recherche_pas_de_resultat.svg\"\n        alt=\"{{ '@pry.widget.chart.aggNoResult' | i18n }}\"\n        aria-hidden=\"true\"\n      />\n      <span class=\"no-result__text\">{{ '@pry.widget.chart.aggNoResult' | i18n }}</span>\n      <button type=\"button\" (click)=\"openSettings()\" class=\"a-btn a-btn--primary\">\n        <pry-icon [height]=\"20\" [width]=\"20\" iconSvg=\"control\"></pry-icon>\n        <span>{{ '@pry.widget.settings.title' | i18n }}</span>\n      </button>\n    </div>\n  </ng-container>\n\n  <ng-container *ngIf=\"!(noData$ | async) && !(noAggregationData$ | async) && !(isChartValid$ | async)\">\n    <div class=\"o-widget__choose-parameters\">\n      <img\n        class=\"no-result__search\"\n        src=\"../../../assets/svgs/pry_recherche_pas_de_resultat.svg\"\n        alt=\"{{ '@pry.widget.chart.chooseParameters' | i18n }}\"\n        aria-hidden=\"true\"\n      />\n      <span class=\"no-result__text\">{{ '@pry.widget.chart.chooseParameters' | i18n }}</span>\n      <button type=\"button\" (click)=\"openSettings()\" class=\"a-btn a-btn--primary\">\n        <pry-icon [height]=\"20\" [width]=\"20\" iconSvg=\"control\"></pry-icon>\n        <span>{{ '@pry.widget.settings.title' | i18n }}</span>\n      </button>\n    </div>\n  </ng-container>\n</div>\n", dependencies: [{ kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i5.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: i5.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { kind: "directive", type: i5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i5.MinValidator, selector: "input[type=number][min][formControlName],input[type=number][min][formControl],input[type=number][min][ngModel]", inputs: ["min"] }, { kind: "directive", type: i5.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i2.SettingsComponent, selector: "pry-settings", inputs: ["widgetIndex", "isDisable", "headerPresent", "open$", "header"], outputs: ["triggerClick", "saveTriggered", "changeTitle"] }, { kind: "component", type: i2.PryWidgetHeaderComponent, selector: "pry-widget-header", inputs: ["manifest", "openData$", "additionalOptions", "headerOptions", "displayCount", "datasourceIds", "widgetIndex"], outputs: ["manifestModified"] }, { kind: "component", type: i2.PrySelectComponent, selector: "pry-select", inputs: ["items", "clearable", "multiple", "closeOnSelect", "placeholder", "isForm", "required", "name", "autocomplete", "alwaysShowAutosuggestedValues", "externalAutocompleteService", "bindValue", "bindLabel", "iconSize", "bindIcon", "template", "i18nPrefix", "bindClasses", "loading", "elementRef"], outputs: ["searched", "cleared", "clicked"] }, { kind: "component", type: i2.PryIconComponent, selector: "pry-icon", inputs: ["color", "iconSvg", "animation", "iconImage", "alt", "width", "height", "classes"] }, { kind: "component", type: i6.PryCheckboxComponent, selector: "pry-checkbox", inputs: ["circle", "name", "inputId", "inhibit"] }, { kind: "component", type: i2.PryEditInputComponent, selector: "pry-edit-input", inputs: ["label", "editButtonTooltip", "confirmButtonTooltip"], outputs: ["validated"] }, { kind: "component", type: i2.PryRangeComponent, selector: "pry-range", inputs: ["min", "max", "step", "disabled", "labelTranslate"] }, { kind: "component", type: i7.PryColorPickerComponent, selector: "pry-color-picker" }, { kind: "component", type: i3.PrySchemePickerComponent, selector: "pry-scheme-picker" }, { kind: "component", type: i8.PryWidgetAggregatedChartCssComponent, selector: "pry-widget-aggregated-chart-css" }, { kind: "pipe", type: i4.AsyncPipe, name: "async" }, { kind: "pipe", type: i2.I18nPipe, name: "i18n" }, { kind: "pipe", type: i2.PrySortDataPipe, name: "prySortData" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: WidgetAggregatedChartComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: WidgetAggregatedChartComponent, decorators: [{
             type: Component,
             args: [{ selector: 'pry-widget-aggregated-chart', template: "<pry-widget-aggregated-chart-css></pry-widget-aggregated-chart-css>\n<div\n  class=\"o-widget o-widget--chart\"\n  *ngIf=\"optionsCopy$ | async as optionsCopy\"\n  [class.-has-header]=\"displayHeader$ | async\"\n>\n  <pry-widget-header\n    [datasourceIds]=\"(datasourceIds$ | async) ?? []\"\n    *ngIf=\"displayHeader$ | async\"\n    [widgetIndex]=\"widgetIndex\"\n    [manifest]=\"manifest\"\n    (manifestModified)=\"manifestModified.emit($event)\"\n    #header\n    [headerOptions]=\"(displayHeader$ | async) ?? {}\"\n    [displayCount]=\"false\"\n    [openData$]=\"openData$\"\n  >\n    <pry-settings\n      (saveTriggered)=\"emitManifest()\"\n      (changeTitle)=\"changeWidgetTitle($event)\"\n      [headerPresent]=\"displayHeader$ | async\"\n      [widgetIndex]=\"widgetIndex\"\n      [open$]=\"open$\"\n      [header]=\"header\"\n      class=\"o-settings\"\n    >\n      <div class=\"o-settings__popup__content__fields -condensed\">\n        <div class=\"m-form-label-field\">\n          <pry-edit-input\n            label=\"@pry.widget.chart.title\"\n            (ngModelChange)=\"changeChartTitle($event)\"\n            [ngModel]=\"optionsCopy.graph.title\"\n          ></pry-edit-input>\n        </div>\n\n        <div *ngIf=\"optionsCopy\" class=\"m-form-label-field\">\n          <label class=\"a-label\" for=\"chart_type\">{{ '@pry.widget.chart.type' | i18n }}</label>\n          <pry-select\n            (ngModelChange)=\"changeType($event)\"\n            [items]=\"typeOptions\"\n            [ngModel]=\"optionsCopy.graph.type\"\n            bindLabel=\"label\"\n            bindValue=\"id\"\n            id=\"chart_type\"\n          ></pry-select>\n        </div>\n\n        <ng-container *ngIf=\"optionsCopy.graph.type === GraphType.DONUT\">\n          <pry-range\n            [ngModel]=\"optionsCopy.graph.donutSize\"\n            (ngModelChange)=\"changeDonutSize($event)\"\n            labelTranslate=\"@pry.widget.chart.donutSize\"\n            min=\"1\"\n            max=\"500\"\n          ></pry-range>\n        </ng-container>\n\n        <div class=\"m-form-label-field\">\n          <pry-checkbox (ngModelChange)=\"toggleLegend($event)\" [ngModel]=\"!!optionsCopy.graph.legend\">\n            {{ '@pry.widget.chart.legend' | i18n }}\n          </pry-checkbox>\n        </div>\n      </div>\n\n      <ng-container *ngIf=\"!!optionsCopy.graph.type\">\n        <div class=\"o-settings__popup__content__fields -condensed\">\n          <div class=\"m-form-label-field\">\n            <label class=\"a-label\" for=\"abscissa\">{{ '@pry.widget.chart.abscissa' | i18n }}</label>\n            <pry-select\n              (ngModelChange)=\"changeAbscissa($event)\"\n              [items]=\"abscissaAttributes$ | async | prySortData: sortActive : sortDirection\"\n              [ngModel]=\"optionsCopy.abscissa.attribute\"\n              bindLabel=\"name\"\n              bindValue=\"id\"\n              id=\"abscissa\"\n            ></pry-select>\n          </div>\n\n          <div class=\"m-form-label-field\">\n            <pry-edit-input\n              label=\"@pry.widget.chart.dataLabel\"\n              (ngModelChange)=\"changeAbscissaLabel($event)\"\n              [ngModel]=\"optionsCopy.abscissa.label\"\n            ></pry-edit-input>\n          </div>\n\n          <div\n            *ngIf=\"\n              ['quantitative', 'temporal'].includes(translateToVegaType(copyAbscissaField?.type)) &&\n              optionsCopy.graph.type !== GraphType.DONUT &&\n              optionsCopy.graph.type !== GraphType.CIRCULAR\n            \"\n            class=\"m-form-label-field\"\n          >\n            <pry-checkbox (ngModelChange)=\"changeKeep0Abscissa($event)\" [ngModel]=\"optionsCopy.abscissa.keep0\"\n              >{{ '@pry.widget.chart.origin' | i18n }}\n            </pry-checkbox>\n\n            <ng-container *ngIf=\"optionsCopy.graph.type === GraphType.HISTOGRAM\">\n              <pry-checkbox\n                (ngModelChange)=\"enableIntervals($event)\"\n                [ngModel]=\"!!optionsCopy.abscissa.interval\"\n                [disabled]=\"optionsCopy.graph.type === GraphType.HISTOGRAM\"\n                >{{ '@pry.widget.chart.interval' | i18n }}\n              </pry-checkbox>\n\n              <ng-container *ngIf=\"!!optionsCopy.abscissa.interval\">\n                <ng-container *ngIf=\"!isTimeInterval(optionsCopy.abscissa.interval); else timeInterval\">\n                  <pry-range\n                    [ngModel]=\"optionsCopy.abscissa.interval\"\n                    (ngModelChange)=\"changeInterval($event)\"\n                    labelTranslate=\"@pry.widget.chart.specifyInterval\"\n                    min=\"1\"\n                    max=\"10\"\n                  ></pry-range>\n                </ng-container>\n\n                <ng-template #timeInterval>\n                  <label class=\"a-label\" for=\"time_interval\">{{ '@pry.widget.chart.timeInterval' | i18n }}</label>\n                  <pry-select\n                    (ngModelChange)=\"changeTimeInterval($event)\"\n                    [items]=\"['second', 'minute', 'hour', 'day', 'week', 'month', 'quarter', 'year']\"\n                    [ngModel]=\"optionsCopy.abscissa.interval\"\n                    i18nPrefix=\"@pry.widget.chart.time.\"\n                    id=\"time_interval\"\n                  ></pry-select>\n                </ng-template>\n              </ng-container>\n            </ng-container>\n          </div>\n        </div>\n\n        <div class=\"o-settings__popup__content__fields -condensed\">\n          <div class=\"m-form-label-field\">\n            <label class=\"a-label\" for=\"operations\">{{ '@pry.widget.chart.operation.title' | i18n }}</label>\n            <pry-select\n              (ngModelChange)=\"changeOperation($event)\"\n              [items]=\"operations$ | async\"\n              [ngModel]=\"optionsCopy.ordinate.operation\"\n              bindLabel=\"label\"\n              bindValue=\"id\"\n              id=\"operations\"\n            ></pry-select>\n          </div>\n\n          <ng-container *ngIf=\"optionsCopy.ordinate.operation !== Operation.COUNT\">\n            <div class=\"m-form-label-field\">\n              <label class=\"a-label\" for=\"ordinate\">{{ '@pry.widget.chart.ordinate' | i18n }}</label>\n              <pry-select\n                (ngModelChange)=\"changeOrdinate($event)\"\n                [items]=\"ordinateAttributes$ | async | prySortData: sortActive : sortDirection\"\n                [ngModel]=\"optionsCopy.ordinate.attribute\"\n                bindLabel=\"name\"\n                bindValue=\"id\"\n                id=\"ordinate\"\n              ></pry-select>\n            </div>\n          </ng-container>\n\n          <div class=\"m-form-label-field\">\n            <pry-edit-input\n              label=\"@pry.widget.chart.dataLabel\"\n              (ngModelChange)=\"changeOrdinateLabel($event)\"\n              [ngModel]=\"optionsCopy.ordinate.label\"\n            ></pry-edit-input>\n          </div>\n\n          <div *ngIf=\"translateToVegaType(copyOrdinateField?.type) === 'quantitative'\" class=\"m-form-label-field\">\n            <pry-checkbox (ngModelChange)=\"changeKeep0Ordinate($event)\" [ngModel]=\"optionsCopy.ordinate.keep0\"\n              >{{ '@pry.widget.chart.origin' | i18n }}\n            </pry-checkbox>\n          </div>\n        </div>\n\n        <ng-container\n          *ngIf=\"optionsCopy.graph.type !== GraphType.DONUT && optionsCopy.graph.type !== GraphType.CIRCULAR\"\n        >\n          <div class=\"o-settings__popup__content__fields -condensed\">\n            <div class=\"m-form-label-field\">\n              <pry-checkbox (ngModelChange)=\"toggleGroupBy($event)\" [ngModel]=\"!!optionsCopy.groupBy\"\n                >{{ '@pry.widget.chart.groupBy' | i18n }}\n              </pry-checkbox>\n            </div>\n\n            <ng-container *ngIf=\"!!optionsCopy.groupBy\">\n              <div class=\"m-form-label-field\">\n                <label class=\"a-label\" for=\"chart_seriesAttr\">{{ '@pry.widget.chart.groupAttr' | i18n }}</label>\n                <pry-select\n                  (ngModelChange)=\"changeGroupBy($event)\"\n                  [ngModel]=\"optionsCopy.groupBy.attribute\"\n                  [items]=\"abscissaAttributes$ | async | prySortData: sortActive : sortDirection\"\n                  bindLabel=\"name\"\n                  bindValue=\"id\"\n                  id=\"chart_seriesAttr\"\n                ></pry-select>\n              </div>\n\n              <div class=\"m-form-label-field\">\n                <pry-scheme-picker\n                  (ngModelChange)=\"changeColorScheme($event)\"\n                  [ngModel]=\"optionsCopy.groupBy.color\"\n                ></pry-scheme-picker>\n              </div>\n\n              <div class=\"m-form-label-field\">\n                <pry-checkbox [ngModel]=\"optionsCopy.graph.stacked\" (ngModelChange)=\"toggleStacked($event)\">\n                  {{ '@pry.widget.chart.stacked' | i18n }}\n                </pry-checkbox>\n              </div>\n            </ng-container>\n          </div>\n          <div class=\"o-settings__popup__content__fields -condensed\">\n            <div class=\"m-form-label-field\">\n              <pry-checkbox\n                (ngModelChange)=\"toggleLimitItems($event)\"\n                [ngModel]=\"optionsCopy.abscissa.limit !== undefined && optionsCopy.abscissa.limit !== null\"\n              >\n                {{ '@pry.widget.chart.limit' | i18n }}\n              </pry-checkbox>\n            </div>\n            <ng-container *ngIf=\"optionsCopy.abscissa.limit !== undefined && optionsCopy.abscissa.limit !== null\">\n              <div class=\"m-form-label-field\">\n                <label class=\"a-label\" for=\"chart_limitItemsValue\">{{ '@pry.widget.chart.limitMaxNb' | i18n }}</label>\n                <input\n                  type=\"number\"\n                  id=\"chart_limitItemsValue\"\n                  class=\"a-form-field\"\n                  [ngModel]=\"optionsCopy.abscissa.limit\"\n                  (ngModelChange)=\"changeLimitValue($event)\"\n                  min=\"1\"\n                  step=\"1\"\n                  [attr.aria-invalid]=\"optionsCopy.abscissa.limit < 1\"\n                />\n              </div>\n            </ng-container>\n          </div>\n          <div class=\"o-settings__popup__content__fields -condensed\">\n            <div class=\"m-form-label-field\">\n              <pry-checkbox (ngModelChange)=\"toggleSort($event)\" [ngModel]=\"!!optionsCopy.graph.sort\"\n                >{{ '@pry.widget.chart.sort.title' | i18n }}\n              </pry-checkbox>\n            </div>\n            <ng-container *ngIf=\"!!optionsCopy.graph.sort\">\n              <div class=\"m-form-label-field\">\n                <label class=\"a-label\" for=\"chart_sortValue\">{{ '@pry.widget.chart.sort.attribute' | i18n }}</label>\n                <pry-select\n                  (ngModelChange)=\"changeSortValue($event)\"\n                  [ngModel]=\"optionsCopy.graph.sort.value\"\n                  [items]=\"sortValues$ | async\"\n                  bindValue=\"value\"\n                  bindLabel=\"label\"\n                  id=\"chart_sortValue\"\n                ></pry-select>\n              </div>\n              <div class=\"m-form-label-field\">\n                <label class=\"a-label\" for=\"chart_sortDirection\">{{ '@pry.widget.chart.sort.direction' | i18n }}</label>\n                <pry-select\n                  (ngModelChange)=\"changeSortDirection($event)\"\n                  [ngModel]=\"optionsCopy.graph.sort.direction\"\n                  [items]=\"sortDirections\"\n                  bindValue=\"value\"\n                  bindLabel=\"label\"\n                  id=\"chart_sortDirection\"\n                ></pry-select>\n              </div>\n            </ng-container>\n          </div>\n        </ng-container>\n\n        <ng-container\n          *ngIf=\"optionsCopy.graph.type === GraphType.DONUT || optionsCopy.graph.type === GraphType.CIRCULAR\"\n        >\n          <pry-scheme-picker\n            (ngModelChange)=\"changeCircleColorScheme($event)\"\n            [ngModel]=\"optionsCopy.circleColorScheme\"\n          ></pry-scheme-picker>\n        </ng-container>\n\n        <ng-container\n          *ngIf=\"\n            optionsCopy.graph.type !== GraphType.DONUT &&\n            optionsCopy.graph.type !== GraphType.CIRCULAR &&\n            !optionsCopy.groupBy\n          \"\n        >\n          <div class=\"m-form-label-field\">\n            <label class=\"a-label\" for=\"chart_baseColor\">{{ '@pry.widget.chart.color' | i18n }}</label>\n            <pry-color-picker\n              (ngModelChange)=\"changeBaseColor($event)\"\n              [ngModel]=\"optionsCopy.baseColor\"\n              id=\"chart_baseColor\"\n            ></pry-color-picker>\n            <ng-template #templateOption let-item=\"item\">\n              <div class=\"aligned-option\">\n                <div class=\"a-chip -md\" [style.background-color]=\"item\">{{ item }}</div>\n              </div>\n            </ng-template>\n          </div>\n        </ng-container>\n      </ng-container>\n    </pry-settings>\n  </pry-widget-header>\n\n  <ng-container *ngIf=\"(isChartValid$ | async) && !(noData$ | async) && !(noAggregationData$ | async)\">\n    <div #vega></div>\n  </ng-container>\n\n  <ng-container *ngIf=\"noData$ | async\">\n    <div class=\"o-widget__choose-parameters\">\n      <img\n        class=\"no-result__search\"\n        src=\"../../../assets/svgs/pry_recherche_pas_de_resultat.svg\"\n        alt=\"{{ '@pry.widget.chart.noData' | i18n }}\"\n        aria-hidden=\"true\"\n      />\n      <span class=\"no-result__text\">{{ '@pry.widget.chart.noData' | i18n }}</span>\n      <button type=\"button\" (click)=\"openData()\" class=\"a-btn a-btn--primary\">\n        <pry-icon [height]=\"20\" [width]=\"20\" iconSvg=\"control\"></pry-icon>\n        <span>{{ '@pry.widget.tooltip.readSearch' | i18n }}</span>\n      </button>\n    </div>\n  </ng-container>\n\n  <ng-container *ngIf=\"!(noData$ | async) && (noAggregationData$ | async)\">\n    <div class=\"o-widget__choose-parameters\">\n      <img\n        class=\"no-result__search\"\n        src=\"../../../assets/svgs/pry_recherche_pas_de_resultat.svg\"\n        alt=\"{{ '@pry.widget.chart.aggNoResult' | i18n }}\"\n        aria-hidden=\"true\"\n      />\n      <span class=\"no-result__text\">{{ '@pry.widget.chart.aggNoResult' | i18n }}</span>\n      <button type=\"button\" (click)=\"openSettings()\" class=\"a-btn a-btn--primary\">\n        <pry-icon [height]=\"20\" [width]=\"20\" iconSvg=\"control\"></pry-icon>\n        <span>{{ '@pry.widget.settings.title' | i18n }}</span>\n      </button>\n    </div>\n  </ng-container>\n\n  <ng-container *ngIf=\"!(noData$ | async) && !(noAggregationData$ | async) && !(isChartValid$ | async)\">\n    <div class=\"o-widget__choose-parameters\">\n      <img\n        class=\"no-result__search\"\n        src=\"../../../assets/svgs/pry_recherche_pas_de_resultat.svg\"\n        alt=\"{{ '@pry.widget.chart.chooseParameters' | i18n }}\"\n        aria-hidden=\"true\"\n      />\n      <span class=\"no-result__text\">{{ '@pry.widget.chart.chooseParameters' | i18n }}</span>\n      <button type=\"button\" (click)=\"openSettings()\" class=\"a-btn a-btn--primary\">\n        <pry-icon [height]=\"20\" [width]=\"20\" iconSvg=\"control\"></pry-icon>\n        <span>{{ '@pry.widget.settings.title' | i18n }}</span>\n      </button>\n    </div>\n  </ng-container>\n</div>\n" }]
         }], ctorParameters: () => [{ type: i1.Store }, { type: i2.PryI18nService }, { type: i0.ElementRef }, { type: i2.PryAggregationService }, { type: i3.PrySchemeService }], propDecorators: { vega: [{

package/esm2022/widgets/widget-aggregated-chart/style/css.component.mjs

@@ -1,10 +1,10 @@
 import { Component, ViewEncapsulation } from '@angular/core';
 import * as i0 from "@angular/core";
 export class PryWidgetAggregatedChartCssComponent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: PryWidgetAggregatedChartCssComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.3", type: PryWidgetAggregatedChartCssComponent, selector: "pry-widget-aggregated-chart-css", ngImport: i0, template: '', isInline: true, styles: [".o-widget--chart-color-thumb{display:flex;flex-direction:row;margin-bottom:20px}.o-widget--chart-color-thumb-item{flex:1 1 20px;height:20px;border-radius:4px}.o-widget--chart div.vega-embed{display:block;position:absolute;height:100%;width:100%}.o-widget--chart div.vega-embed.has-actions{display:block;height:100%;padding-right:0}.o-widget--chart div.vega-embed.has-actions>div.chart-wrapper.fit-y.fit-x{height:100%;overflow:hidden}.o-widget--chart div.vega-embed.has-actions>details>summary{right:25px}.o-widget--chart div.vega-embed.has-actions>details .vega-actions{right:16px}#vg-tooltip-element.vg-tooltip.custom-theme{font-size:12px;font-family:Ubuntu,sans-serif}\n"], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: PryWidgetAggregatedChartCssComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.6", type: PryWidgetAggregatedChartCssComponent, selector: "pry-widget-aggregated-chart-css", ngImport: i0, template: '', isInline: true, styles: [".o-widget--chart-color-thumb{display:flex;flex-direction:row;margin-bottom:20px}.o-widget--chart-color-thumb-item{flex:1 1 20px;height:20px;border-radius:4px}.o-widget--chart div.vega-embed{display:block;position:absolute;height:100%;width:100%}.o-widget--chart div.vega-embed.has-actions{display:block;height:100%;padding-right:0}.o-widget--chart div.vega-embed.has-actions>div.chart-wrapper.fit-y.fit-x{height:100%;overflow:hidden}.o-widget--chart div.vega-embed.has-actions>details>summary{right:25px}.o-widget--chart div.vega-embed.has-actions>details .vega-actions{right:16px}#vg-tooltip-element.vg-tooltip.custom-theme{font-size:12px;font-family:Ubuntu,sans-serif}\n"], encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: PryWidgetAggregatedChartCssComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: PryWidgetAggregatedChartCssComponent, decorators: [{
             type: Component,
             args: [{ selector: 'pry-widget-aggregated-chart-css', template: '', encapsulation: ViewEncapsulation.None, styles: [".o-widget--chart-color-thumb{display:flex;flex-direction:row;margin-bottom:20px}.o-widget--chart-color-thumb-item{flex:1 1 20px;height:20px;border-radius:4px}.o-widget--chart div.vega-embed{display:block;position:absolute;height:100%;width:100%}.o-widget--chart div.vega-embed.has-actions{display:block;height:100%;padding-right:0}.o-widget--chart div.vega-embed.has-actions>div.chart-wrapper.fit-y.fit-x{height:100%;overflow:hidden}.o-widget--chart div.vega-embed.has-actions>details>summary{right:25px}.o-widget--chart div.vega-embed.has-actions>details .vega-actions{right:16px}#vg-tooltip-element.vg-tooltip.custom-theme{font-size:12px;font-family:Ubuntu,sans-serif}\n"] }]
         }] });

package/esm2022/widgets/widget-aggregated-chart/widget-aggregated-chart.module.mjs

@@ -22,8 +22,8 @@ export class WidgetAggregatedChartModule extends BaseWidgetModule {
     getComponent() {
         return WidgetAggregatedChartComponent;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: WidgetAggregatedChartModule, deps: [{ token: i1.PryI18nService }], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.1.3", ngImport: i0, type: WidgetAggregatedChartModule, declarations: [WidgetAggregatedChartComponent, PryWidgetAggregatedChartCssComponent], imports: [CommonModule,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: WidgetAggregatedChartModule, deps: [{ token: i1.PryI18nService }], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.6", ngImport: i0, type: WidgetAggregatedChartModule, declarations: [WidgetAggregatedChartComponent, PryWidgetAggregatedChartCssComponent], imports: [CommonModule,
             FormsModule,
             OverlayModule,
             PryCoreModule,
@@ -39,7 +39,7 @@ export class WidgetAggregatedChartModule extends BaseWidgetModule {
             ReactiveFormsModule,
             PryColorPickerModule,
             PrySchemePickerModule], exports: [WidgetAggregatedChartComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: WidgetAggregatedChartModule, providers: [PryAggregationService], imports: [CommonModule,
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: WidgetAggregatedChartModule, providers: [PryAggregationService], imports: [CommonModule,
             FormsModule,
             OverlayModule,
             PryCoreModule,
@@ -56,7 +56,7 @@ export class WidgetAggregatedChartModule extends BaseWidgetModule {
             PryColorPickerModule,
             PrySchemePickerModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: WidgetAggregatedChartModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: WidgetAggregatedChartModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [WidgetAggregatedChartComponent, PryWidgetAggregatedChartCssComponent],