@eo-sdk/client 11.5.0-rc.1 → 11.5.0-rc.2

package/esm2022/app/eo-client/dashboard/widgets/charts-widget/charts-setup/charts-setup.component.mjs

@@ -422,14 +422,14 @@ let ChartsSetupComponent = class ChartsSetupComponent {
             });
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: ChartsSetupComponent, deps: [{ token: i1.UntypedFormBuilder }, { token: i2.StoredQueriesService }, { token: i2.TranslateService }, { token: i2.UserService }, { token: i2.SystemService }, { token: i2.SearchService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.1.2", type: ChartsSetupComponent, selector: "eo-charts-setup", inputs: { widgetConfig: "widgetConfig" }, outputs: { widgetConfigChange: "widgetConfigChange", widgetConfigStateChange: "widgetConfigStateChange" }, viewQueries: [{ propertyName: "aggregationCodesystem", first: true, predicate: ["aggregationCodesystem"], descendants: true }], ngImport: i0, template: "<div class=\"setup\">\n  <form [formGroup]=\"setupForm\">\n    <eo-form-input [required]=\"true\" [skipToggle]=\"true\"\n                   [label]=\"'eo.workspace.widget.form.label.chartTypeField' | translate\"\n                   [invalid]=\"setupForm.dirty && setupForm.get('chartType').invalid\">\n      <eo-codesystem formControlName=\"chartType\" [pickerTitle]=\"chartTypePicker.title\"\n                     [codesystem]=\"chartTypePicker.codesystem\"></eo-codesystem>\n    </eo-form-input>\n    @if (setupForm.dirty && setupForm.get('chartType').hasError('required')) {\n      <div class=\"err-msg\" translate>\n        eo.form.property.required\n      </div>\n    }\n\n    @if (storedQueriesPicker?.codesystem?.entries) {\n      <eo-form-input [required]=\"true\" [skipToggle]=\"true\"\n                     [label]=\"'eo.workspace.widget.label.storedquery' | translate\"\n                     [description]=\"'eo.workspace.widget.stored.queries.description'\"\n                     [invalid]=\"setupForm.dirty && setupForm.get('storedQuery').invalid\">\n        <eo-codesystem formControlName=\"storedQuery\" [pickerTitle]=\"storedQueriesPicker.title\"\n                       [codesystem]=\"storedQueriesPicker.codesystem\"\n                       [emptyMessage]=\"'eo.workspace.widget.stored.queries.list.notAvailable'\"></eo-codesystem>\n      </eo-form-input>\n      @if (setupForm.dirty && setupForm.get('storedQuery').hasError('required')) {\n        <div class=\"err-msg\" translate>\n          eo.form.property.required\n        </div>\n      }\n    }\n\n    @if (aggregationPicker?.codesystem?.entries && this.setupForm.get('storedQuery').valid) {\n      <eo-form-input [required]=\"true\" [skipToggle]=\"true\"\n                     [label]=\"'eo.workspace.widget.form.label.aggregationField' | translate\"\n                     [invalid]=\"setupForm.dirty && setupForm.get('aggregation').invalid\">\n        <eo-codesystem #aggregationCodesystem formControlName=\"aggregation\" [pickerTitle]=\"aggregationPicker.title\"\n                       [codesystem]=\"aggregationPicker.codesystem\"></eo-codesystem>\n      </eo-form-input>\n      @if (setupForm.dirty && setupForm.get('aggregation').hasError('required')) {\n        <div class=\"err-msg\" translate>\n          eo.form.property.required\n        </div>\n      }\n    }\n\n    <eo-form-input [required]=\"true\"\n        [skipToggle]=\"true\" [label]=\"'eo.workspace.widget.form.partialValue' | translate\"\n        [invalid]=\"setupForm.dirty && setupForm.get('size').invalid\">\n      <eo-number [scale]=\"0\" formControlName=\"size\"></eo-number>\n    </eo-form-input>\n\n    @if (setupForm.dirty && setupForm.get('size').invalid) {\n      <div class=\"err-msg\" translate [translateParams]=\"{min: 3, max: 100}\">\n        @if (setupForm.get('size').hasError('required')) {\n          eo.form.property.required\n        } @else if (setupForm.get('size').hasError('max') || setupForm.get('size').hasError('min')) {\n          eo.form.property.string.error.classification.partialValue\n        }\n      </div>\n    }\n\n    @if (isDateTimeType) {\n      <eo-form-input [skipToggle]=\"true\"\n                     [label]=\"'eo.workspace.widget.form.label.histogram' | translate\"\n                     [invalid]=\"setupForm.dirty && setupForm.get('histogramType').invalid\"\n                     [description]=\" setupForm.get('histogramType').value ? '': 'eo.workspace.widget.histogram.description'\">\n        <eo-codesystem formControlName=\"histogramType\" [pickerTitle]=\"histogramTypePicker.title\"\n                       [codesystem]=\"histogramTypePicker.codesystem\"></eo-codesystem>\n      </eo-form-input>\n    }\n    @if (widgetConfig?.formValue?.aggregation && !isDateTimeType && !isNumberType) {\n      @if (widgetConfig.formValue.chartType === 'bar') {\n        <eo-form-input class=\"label checkbox\" [label]=\"'eo.workspace.widget.form.label.sortRevert'|translate\"\n                       [skipToggle]=\"true\">\n          <eo-checkbox formControlName=\"sortRevert\" [tristate]=\"false\"></eo-checkbox>\n        </eo-form-input>\n      }\n      @if (widgetConfig.formValue.chartType === 'bar' || widgetConfig.formValue.chartType === 'pie' || widgetConfig.formValue.chartType === 'ring' && !widgetConfig?.formValue?.attributMetric && !isNumberType) {\n        <eo-form-input class=\"threshold-success\" [skipToggle]=\"true\"\n                       [label]=\"'eo.workspace.widget.form.label.minDocCount' | translate\">\n          <eo-number [scale]=\"0\" formControlName=\"minDocCount\">\n          </eo-number>\n        </eo-form-input>\n      }\n    }\n\n    @if (isNumberType) {\n      <eo-form-input [skipToggle]=\"true\"\n                     [label]=\"'eo.workspace.widget.charts.interval' | translate\"\n                     [invalid]=\"setupForm.dirty && setupForm.get('interval').invalid\">\n        <eo-number [scale]=\"0\" formControlName=\"interval\"></eo-number>\n      </eo-form-input>\n\n      <eo-form-input [skipToggle]=\"true\"\n                     [label]=\"'eo.workspace.widget.charts.startingpoint' | translate\"\n                     [invalid]=\"setupForm.dirty && setupForm.get('startingpoint').invalid\">\n        <eo-number [scale]=\"0\" formControlName=\"startingpoint\"></eo-number>\n      </eo-form-input>\n    }\n    @if (widgetConfig?.formValue?.chartType === 'bar' && attributMetricPicker?.codesystem?.entries && this.setupForm.get('storedQuery').valid && !isNumberType && !isDateTimeType) {\n      <eo-form-input [skipToggle]=\"true\" [label]=\"'eo.workspace.widget.form.label.attributMetric' | translate\">\n        <eo-codesystem formControlName=\"attributMetric\" [pickerTitle]=\"attributMetricPicker.title\"\n                       [codesystem]=\"attributMetricPicker.codesystem\"></eo-codesystem>\n      </eo-form-input>\n\n      @if (widgetConfig?.formValue?.chartType === 'bar' && widgetConfig?.formValue?.attributMetric) {\n        <eo-form-input [skipToggle]=\"true\" [label]=\"'eo.workspace.widget.form.label.chartMetric' | translate\">\n          <eo-codesystem formControlName=\"metric\" [pickerTitle]=\"chartMetricPicker.title\"\n                         [codesystem]=\"chartMetricPicker.codesystem\"></eo-codesystem>\n        </eo-form-input>\n      }\n    }\n\n    @if (widgetConfig?.formValue?.chartType) {\n      <div class=\"propertyPicker\">\n        <eo-form-input tabindex=\"0\"\n                       [label]=\"'eo.workspace.widget.charts.title' | translate\"\n                       [skipToggle]=\"true\"\n                       [invalid]=\"setupForm.dirty && setupForm.get('title').invalid\">\n          <eo-string autocomplete=\"true\" formControlName=\"title\"></eo-string>\n        </eo-form-input>\n        @if (setupForm.dirty && setupForm.get('title').invalid) {\n          <div class=\"err-msg\" [translateParams]=\"{maxlength: 50}\" translate>eo.form.property.maxlength</div>\n        }\n        @if (widgetConfig?.formValue?.chartType !== 'pie' && widgetConfig?.formValue?.chartType !== 'donut') {\n          <eo-form-input tabindex=\"0\"\n                         [label]=\"'eo.workspace.widget.charts.xAxe' | translate\"\n                         [skipToggle]=\"true\"\n                         [invalid]=\"setupForm.dirty && setupForm.get('xAxe').invalid\">\n            <eo-string autocomplete=\"true\" formControlName=\"xAxe\"></eo-string>\n          </eo-form-input>\n          @if (setupForm.dirty && setupForm.get('xAxe').invalid) {\n            <div class=\"err-msg\" [translateParams]=\"{maxlength: 50}\" translate>eo.form.property.maxlength</div>\n          }\n          <eo-form-input tabindex=\"0\"\n                         [label]=\"'eo.workspace.widget.charts.yAxe' | translate\"\n                         [skipToggle]=\"true\"\n                         [invalid]=\"setupForm.dirty && setupForm.get('yAxe').invalid\">\n            <eo-string autocomplete=\"true\" formControlName=\"yAxe\"></eo-string>\n          </eo-form-input>\n          @if (setupForm.dirty && setupForm.get('yAxe').invalid) {\n            <div class=\"err-msg\" [translateParams]=\"{maxlength: 50}\" translate>eo.form.property.maxlength</div>\n          }\n        }\n      </div>\n    }\n  </form>\n</div>\n\n@if (setupForm.valid) {\n  <div class=\"preview\">\n    <eo-charts-widget [widgetConfig]=\"widgetConfig\" [editMode]=\"true\"></eo-charts-widget>\n  </div>\n} @else {\n  <div class=\"empty\">\n    <eo-error-message\n      [emptyState]=\"{icon: 'ic_saved_search.svg', text: 'eo.workspace.widget.configuration.notOk'}\"></eo-error-message>\n  </div>\n}\n", styles: [":host{display:grid;grid-template-rows:1fr;grid-template-columns:minmax(200px,400px) 1fr;grid-template-areas:\"setup preview\";height:100%}:host .setup{grid-area:setup;padding:var(--app-pane-padding);border-right:1px solid var(--panel-divider-color);overflow-y:auto}:host .setup eo-form-input{display:block;margin-top:var(--app-pane-padding)}:host .setup .propertyPicker{display:block;padding-top:40px}:host .setup .err-msg{color:var(--color-error)}:host .preview{grid-area:preview;background-color:var(--main-background);padding:var(--app-pane-padding)}:host .preview eo-charts-widget{border:1px transparent var(--panel-divider-color)}\n"], dependencies: [{ kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i3.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "component", type: i4.ErrorMessageComponent, selector: "eo-error-message", inputs: ["emptyState"] }, { kind: "component", type: i5.FormInputComponent, selector: "eo-form-input", inputs: ["label", "tag", "description", "skipToggle", "isNull", "invalid", "disabled", "required"], outputs: ["onToggleLabel"] }, { kind: "component", type: i6.CodesystemComponent, selector: "eo-codesystem", inputs: ["situation", "pickerTitle", "placeholder", "codesystem", "multiselect", "readonly", "inputStyleClass", "emptyMessage", "filterFunction", "disablingFilterFunction"] }, { kind: "component", type: i7.NumberComponent, selector: "eo-number", inputs: ["scale", "precision", "grouping", "pattern", "readonly"] }, { kind: "component", type: i8.CheckboxComponent, selector: "eo-checkbox", inputs: ["required", "tristate", "readonly"] }, { kind: "component", type: i9.StringComponent, selector: "eo-string", inputs: ["autocomplete", "multiselect", "multiline", "readonly", "autofocus", "classification", "situation", "regex", "qname", "size", "minLength", "maxLength"] }, { kind: "component", type: i10.ChartsWidgetComponent, selector: "eo-charts-widget", inputs: ["editMode", "widgetConfig"] }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: ChartsSetupComponent, deps: [{ token: i1.UntypedFormBuilder }, { token: i2.StoredQueriesService }, { token: i2.TranslateService }, { token: i2.UserService }, { token: i2.SystemService }, { token: i2.SearchService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.4", type: ChartsSetupComponent, selector: "eo-charts-setup", inputs: { widgetConfig: "widgetConfig" }, outputs: { widgetConfigChange: "widgetConfigChange", widgetConfigStateChange: "widgetConfigStateChange" }, viewQueries: [{ propertyName: "aggregationCodesystem", first: true, predicate: ["aggregationCodesystem"], descendants: true }], ngImport: i0, template: "<div class=\"setup\">\n  <form [formGroup]=\"setupForm\">\n    <eo-form-input [required]=\"true\" [skipToggle]=\"true\"\n                   [label]=\"'eo.workspace.widget.form.label.chartTypeField' | translate\"\n                   [invalid]=\"setupForm.dirty && setupForm.get('chartType').invalid\">\n      <eo-codesystem formControlName=\"chartType\" [pickerTitle]=\"chartTypePicker.title\"\n                     [codesystem]=\"chartTypePicker.codesystem\"></eo-codesystem>\n    </eo-form-input>\n    @if (setupForm.dirty && setupForm.get('chartType').hasError('required')) {\n      <div class=\"err-msg\" translate>\n        eo.form.property.required\n      </div>\n    }\n\n    @if (storedQueriesPicker?.codesystem?.entries) {\n      <eo-form-input [required]=\"true\" [skipToggle]=\"true\"\n                     [label]=\"'eo.workspace.widget.label.storedquery' | translate\"\n                     [description]=\"'eo.workspace.widget.stored.queries.description'\"\n                     [invalid]=\"setupForm.dirty && setupForm.get('storedQuery').invalid\">\n        <eo-codesystem formControlName=\"storedQuery\" [pickerTitle]=\"storedQueriesPicker.title\"\n                       [codesystem]=\"storedQueriesPicker.codesystem\"\n                       [emptyMessage]=\"'eo.workspace.widget.stored.queries.list.notAvailable'\"></eo-codesystem>\n      </eo-form-input>\n      @if (setupForm.dirty && setupForm.get('storedQuery').hasError('required')) {\n        <div class=\"err-msg\" translate>\n          eo.form.property.required\n        </div>\n      }\n    }\n\n    @if (aggregationPicker?.codesystem?.entries && this.setupForm.get('storedQuery').valid) {\n      <eo-form-input [required]=\"true\" [skipToggle]=\"true\"\n                     [label]=\"'eo.workspace.widget.form.label.aggregationField' | translate\"\n                     [invalid]=\"setupForm.dirty && setupForm.get('aggregation').invalid\">\n        <eo-codesystem #aggregationCodesystem formControlName=\"aggregation\" [pickerTitle]=\"aggregationPicker.title\"\n                       [codesystem]=\"aggregationPicker.codesystem\"></eo-codesystem>\n      </eo-form-input>\n      @if (setupForm.dirty && setupForm.get('aggregation').hasError('required')) {\n        <div class=\"err-msg\" translate>\n          eo.form.property.required\n        </div>\n      }\n    }\n\n    <eo-form-input [required]=\"true\"\n        [skipToggle]=\"true\" [label]=\"'eo.workspace.widget.form.partialValue' | translate\"\n        [invalid]=\"setupForm.dirty && setupForm.get('size').invalid\">\n      <eo-number [scale]=\"0\" formControlName=\"size\"></eo-number>\n    </eo-form-input>\n\n    @if (setupForm.dirty && setupForm.get('size').invalid) {\n      <div class=\"err-msg\" translate [translateParams]=\"{min: 3, max: 100}\">\n        @if (setupForm.get('size').hasError('required')) {\n          eo.form.property.required\n        } @else if (setupForm.get('size').hasError('max') || setupForm.get('size').hasError('min')) {\n          eo.form.property.string.error.classification.partialValue\n        }\n      </div>\n    }\n\n    @if (isDateTimeType) {\n      <eo-form-input [skipToggle]=\"true\"\n                     [label]=\"'eo.workspace.widget.form.label.histogram' | translate\"\n                     [invalid]=\"setupForm.dirty && setupForm.get('histogramType').invalid\"\n                     [description]=\" setupForm.get('histogramType').value ? '': 'eo.workspace.widget.histogram.description'\">\n        <eo-codesystem formControlName=\"histogramType\" [pickerTitle]=\"histogramTypePicker.title\"\n                       [codesystem]=\"histogramTypePicker.codesystem\"></eo-codesystem>\n      </eo-form-input>\n    }\n    @if (widgetConfig?.formValue?.aggregation && !isDateTimeType && !isNumberType) {\n      @if (widgetConfig.formValue.chartType === 'bar') {\n        <eo-form-input class=\"label checkbox\" [label]=\"'eo.workspace.widget.form.label.sortRevert'|translate\"\n                       [skipToggle]=\"true\">\n          <eo-checkbox formControlName=\"sortRevert\" [tristate]=\"false\"></eo-checkbox>\n        </eo-form-input>\n      }\n      @if (widgetConfig.formValue.chartType === 'bar' || widgetConfig.formValue.chartType === 'pie' || widgetConfig.formValue.chartType === 'ring' && !widgetConfig?.formValue?.attributMetric && !isNumberType) {\n        <eo-form-input class=\"threshold-success\" [skipToggle]=\"true\"\n                       [label]=\"'eo.workspace.widget.form.label.minDocCount' | translate\">\n          <eo-number [scale]=\"0\" formControlName=\"minDocCount\">\n          </eo-number>\n        </eo-form-input>\n      }\n    }\n\n    @if (isNumberType) {\n      <eo-form-input [skipToggle]=\"true\"\n                     [label]=\"'eo.workspace.widget.charts.interval' | translate\"\n                     [invalid]=\"setupForm.dirty && setupForm.get('interval').invalid\">\n        <eo-number [scale]=\"0\" formControlName=\"interval\"></eo-number>\n      </eo-form-input>\n\n      <eo-form-input [skipToggle]=\"true\"\n                     [label]=\"'eo.workspace.widget.charts.startingpoint' | translate\"\n                     [invalid]=\"setupForm.dirty && setupForm.get('startingpoint').invalid\">\n        <eo-number [scale]=\"0\" formControlName=\"startingpoint\"></eo-number>\n      </eo-form-input>\n    }\n    @if (widgetConfig?.formValue?.chartType === 'bar' && attributMetricPicker?.codesystem?.entries && this.setupForm.get('storedQuery').valid && !isNumberType && !isDateTimeType) {\n      <eo-form-input [skipToggle]=\"true\" [label]=\"'eo.workspace.widget.form.label.attributMetric' | translate\">\n        <eo-codesystem formControlName=\"attributMetric\" [pickerTitle]=\"attributMetricPicker.title\"\n                       [codesystem]=\"attributMetricPicker.codesystem\"></eo-codesystem>\n      </eo-form-input>\n\n      @if (widgetConfig?.formValue?.chartType === 'bar' && widgetConfig?.formValue?.attributMetric) {\n        <eo-form-input [skipToggle]=\"true\" [label]=\"'eo.workspace.widget.form.label.chartMetric' | translate\">\n          <eo-codesystem formControlName=\"metric\" [pickerTitle]=\"chartMetricPicker.title\"\n                         [codesystem]=\"chartMetricPicker.codesystem\"></eo-codesystem>\n        </eo-form-input>\n      }\n    }\n\n    @if (widgetConfig?.formValue?.chartType) {\n      <div class=\"propertyPicker\">\n        <eo-form-input tabindex=\"0\"\n                       [label]=\"'eo.workspace.widget.charts.title' | translate\"\n                       [skipToggle]=\"true\"\n                       [invalid]=\"setupForm.dirty && setupForm.get('title').invalid\">\n          <eo-string autocomplete=\"true\" formControlName=\"title\"></eo-string>\n        </eo-form-input>\n        @if (setupForm.dirty && setupForm.get('title').invalid) {\n          <div class=\"err-msg\" [translateParams]=\"{maxlength: 50}\" translate>eo.form.property.maxlength</div>\n        }\n        @if (widgetConfig?.formValue?.chartType !== 'pie' && widgetConfig?.formValue?.chartType !== 'donut') {\n          <eo-form-input tabindex=\"0\"\n                         [label]=\"'eo.workspace.widget.charts.xAxe' | translate\"\n                         [skipToggle]=\"true\"\n                         [invalid]=\"setupForm.dirty && setupForm.get('xAxe').invalid\">\n            <eo-string autocomplete=\"true\" formControlName=\"xAxe\"></eo-string>\n          </eo-form-input>\n          @if (setupForm.dirty && setupForm.get('xAxe').invalid) {\n            <div class=\"err-msg\" [translateParams]=\"{maxlength: 50}\" translate>eo.form.property.maxlength</div>\n          }\n          <eo-form-input tabindex=\"0\"\n                         [label]=\"'eo.workspace.widget.charts.yAxe' | translate\"\n                         [skipToggle]=\"true\"\n                         [invalid]=\"setupForm.dirty && setupForm.get('yAxe').invalid\">\n            <eo-string autocomplete=\"true\" formControlName=\"yAxe\"></eo-string>\n          </eo-form-input>\n          @if (setupForm.dirty && setupForm.get('yAxe').invalid) {\n            <div class=\"err-msg\" [translateParams]=\"{maxlength: 50}\" translate>eo.form.property.maxlength</div>\n          }\n        }\n      </div>\n    }\n  </form>\n</div>\n\n@if (setupForm.valid) {\n  <div class=\"preview\">\n    <eo-charts-widget [widgetConfig]=\"widgetConfig\" [editMode]=\"true\"></eo-charts-widget>\n  </div>\n} @else {\n  <div class=\"empty\">\n    <eo-error-message\n      [emptyState]=\"{icon: 'ic_saved_search.svg', text: 'eo.workspace.widget.configuration.notOk'}\"></eo-error-message>\n  </div>\n}\n", styles: [":host{display:grid;grid-template-rows:1fr;grid-template-columns:minmax(200px,400px) 1fr;grid-template-areas:\"setup preview\";height:100%}:host .setup{grid-area:setup;padding:var(--app-pane-padding);border-right:1px solid var(--panel-divider-color);overflow-y:auto}:host .setup eo-form-input{display:block;margin-top:var(--app-pane-padding)}:host .setup .propertyPicker{display:block;padding-top:40px}:host .setup .err-msg{color:var(--color-error)}:host .preview{grid-area:preview;background-color:var(--main-background);padding:var(--app-pane-padding)}:host .preview eo-charts-widget{border:1px transparent var(--panel-divider-color)}\n"], dependencies: [{ kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i3.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "component", type: i4.ErrorMessageComponent, selector: "eo-error-message", inputs: ["emptyState"] }, { kind: "component", type: i5.FormInputComponent, selector: "eo-form-input", inputs: ["label", "tag", "description", "skipToggle", "isNull", "invalid", "disabled", "required"], outputs: ["onToggleLabel"] }, { kind: "component", type: i6.CodesystemComponent, selector: "eo-codesystem", inputs: ["situation", "pickerTitle", "placeholder", "codesystem", "multiselect", "readonly", "inputStyleClass", "emptyMessage", "filterFunction", "disablingFilterFunction"] }, { kind: "component", type: i7.NumberComponent, selector: "eo-number", inputs: ["scale", "precision", "grouping", "pattern", "readonly"] }, { kind: "component", type: i8.CheckboxComponent, selector: "eo-checkbox", inputs: ["required", "tristate", "readonly"] }, { kind: "component", type: i9.StringComponent, selector: "eo-string", inputs: ["autocomplete", "multiselect", "multiline", "readonly", "autofocus", "classification", "situation", "regex", "qname", "size", "minLength", "maxLength"] }, { kind: "component", type: i10.ChartsWidgetComponent, selector: "eo-charts-widget", inputs: ["editMode", "widgetConfig"] }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }] }); }
 };
 ChartsSetupComponent = __decorate([
     UntilDestroy()
 ], ChartsSetupComponent);
 export { ChartsSetupComponent };
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: ChartsSetupComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: ChartsSetupComponent, decorators: [{
             type: Component,
             args: [{ selector: 'eo-charts-setup', template: "<div class=\"setup\">\n  <form [formGroup]=\"setupForm\">\n    <eo-form-input [required]=\"true\" [skipToggle]=\"true\"\n                   [label]=\"'eo.workspace.widget.form.label.chartTypeField' | translate\"\n                   [invalid]=\"setupForm.dirty && setupForm.get('chartType').invalid\">\n      <eo-codesystem formControlName=\"chartType\" [pickerTitle]=\"chartTypePicker.title\"\n                     [codesystem]=\"chartTypePicker.codesystem\"></eo-codesystem>\n    </eo-form-input>\n    @if (setupForm.dirty && setupForm.get('chartType').hasError('required')) {\n      <div class=\"err-msg\" translate>\n        eo.form.property.required\n      </div>\n    }\n\n    @if (storedQueriesPicker?.codesystem?.entries) {\n      <eo-form-input [required]=\"true\" [skipToggle]=\"true\"\n                     [label]=\"'eo.workspace.widget.label.storedquery' | translate\"\n                     [description]=\"'eo.workspace.widget.stored.queries.description'\"\n                     [invalid]=\"setupForm.dirty && setupForm.get('storedQuery').invalid\">\n        <eo-codesystem formControlName=\"storedQuery\" [pickerTitle]=\"storedQueriesPicker.title\"\n                       [codesystem]=\"storedQueriesPicker.codesystem\"\n                       [emptyMessage]=\"'eo.workspace.widget.stored.queries.list.notAvailable'\"></eo-codesystem>\n      </eo-form-input>\n      @if (setupForm.dirty && setupForm.get('storedQuery').hasError('required')) {\n        <div class=\"err-msg\" translate>\n          eo.form.property.required\n        </div>\n      }\n    }\n\n    @if (aggregationPicker?.codesystem?.entries && this.setupForm.get('storedQuery').valid) {\n      <eo-form-input [required]=\"true\" [skipToggle]=\"true\"\n                     [label]=\"'eo.workspace.widget.form.label.aggregationField' | translate\"\n                     [invalid]=\"setupForm.dirty && setupForm.get('aggregation').invalid\">\n        <eo-codesystem #aggregationCodesystem formControlName=\"aggregation\" [pickerTitle]=\"aggregationPicker.title\"\n                       [codesystem]=\"aggregationPicker.codesystem\"></eo-codesystem>\n      </eo-form-input>\n      @if (setupForm.dirty && setupForm.get('aggregation').hasError('required')) {\n        <div class=\"err-msg\" translate>\n          eo.form.property.required\n        </div>\n      }\n    }\n\n    <eo-form-input [required]=\"true\"\n        [skipToggle]=\"true\" [label]=\"'eo.workspace.widget.form.partialValue' | translate\"\n        [invalid]=\"setupForm.dirty && setupForm.get('size').invalid\">\n      <eo-number [scale]=\"0\" formControlName=\"size\"></eo-number>\n    </eo-form-input>\n\n    @if (setupForm.dirty && setupForm.get('size').invalid) {\n      <div class=\"err-msg\" translate [translateParams]=\"{min: 3, max: 100}\">\n        @if (setupForm.get('size').hasError('required')) {\n          eo.form.property.required\n        } @else if (setupForm.get('size').hasError('max') || setupForm.get('size').hasError('min')) {\n          eo.form.property.string.error.classification.partialValue\n        }\n      </div>\n    }\n\n    @if (isDateTimeType) {\n      <eo-form-input [skipToggle]=\"true\"\n                     [label]=\"'eo.workspace.widget.form.label.histogram' | translate\"\n                     [invalid]=\"setupForm.dirty && setupForm.get('histogramType').invalid\"\n                     [description]=\" setupForm.get('histogramType').value ? '': 'eo.workspace.widget.histogram.description'\">\n        <eo-codesystem formControlName=\"histogramType\" [pickerTitle]=\"histogramTypePicker.title\"\n                       [codesystem]=\"histogramTypePicker.codesystem\"></eo-codesystem>\n      </eo-form-input>\n    }\n    @if (widgetConfig?.formValue?.aggregation && !isDateTimeType && !isNumberType) {\n      @if (widgetConfig.formValue.chartType === 'bar') {\n        <eo-form-input class=\"label checkbox\" [label]=\"'eo.workspace.widget.form.label.sortRevert'|translate\"\n                       [skipToggle]=\"true\">\n          <eo-checkbox formControlName=\"sortRevert\" [tristate]=\"false\"></eo-checkbox>\n        </eo-form-input>\n      }\n      @if (widgetConfig.formValue.chartType === 'bar' || widgetConfig.formValue.chartType === 'pie' || widgetConfig.formValue.chartType === 'ring' && !widgetConfig?.formValue?.attributMetric && !isNumberType) {\n        <eo-form-input class=\"threshold-success\" [skipToggle]=\"true\"\n                       [label]=\"'eo.workspace.widget.form.label.minDocCount' | translate\">\n          <eo-number [scale]=\"0\" formControlName=\"minDocCount\">\n          </eo-number>\n        </eo-form-input>\n      }\n    }\n\n    @if (isNumberType) {\n      <eo-form-input [skipToggle]=\"true\"\n                     [label]=\"'eo.workspace.widget.charts.interval' | translate\"\n                     [invalid]=\"setupForm.dirty && setupForm.get('interval').invalid\">\n        <eo-number [scale]=\"0\" formControlName=\"interval\"></eo-number>\n      </eo-form-input>\n\n      <eo-form-input [skipToggle]=\"true\"\n                     [label]=\"'eo.workspace.widget.charts.startingpoint' | translate\"\n                     [invalid]=\"setupForm.dirty && setupForm.get('startingpoint').invalid\">\n        <eo-number [scale]=\"0\" formControlName=\"startingpoint\"></eo-number>\n      </eo-form-input>\n    }\n    @if (widgetConfig?.formValue?.chartType === 'bar' && attributMetricPicker?.codesystem?.entries && this.setupForm.get('storedQuery').valid && !isNumberType && !isDateTimeType) {\n      <eo-form-input [skipToggle]=\"true\" [label]=\"'eo.workspace.widget.form.label.attributMetric' | translate\">\n        <eo-codesystem formControlName=\"attributMetric\" [pickerTitle]=\"attributMetricPicker.title\"\n                       [codesystem]=\"attributMetricPicker.codesystem\"></eo-codesystem>\n      </eo-form-input>\n\n      @if (widgetConfig?.formValue?.chartType === 'bar' && widgetConfig?.formValue?.attributMetric) {\n        <eo-form-input [skipToggle]=\"true\" [label]=\"'eo.workspace.widget.form.label.chartMetric' | translate\">\n          <eo-codesystem formControlName=\"metric\" [pickerTitle]=\"chartMetricPicker.title\"\n                         [codesystem]=\"chartMetricPicker.codesystem\"></eo-codesystem>\n        </eo-form-input>\n      }\n    }\n\n    @if (widgetConfig?.formValue?.chartType) {\n      <div class=\"propertyPicker\">\n        <eo-form-input tabindex=\"0\"\n                       [label]=\"'eo.workspace.widget.charts.title' | translate\"\n                       [skipToggle]=\"true\"\n                       [invalid]=\"setupForm.dirty && setupForm.get('title').invalid\">\n          <eo-string autocomplete=\"true\" formControlName=\"title\"></eo-string>\n        </eo-form-input>\n        @if (setupForm.dirty && setupForm.get('title').invalid) {\n          <div class=\"err-msg\" [translateParams]=\"{maxlength: 50}\" translate>eo.form.property.maxlength</div>\n        }\n        @if (widgetConfig?.formValue?.chartType !== 'pie' && widgetConfig?.formValue?.chartType !== 'donut') {\n          <eo-form-input tabindex=\"0\"\n                         [label]=\"'eo.workspace.widget.charts.xAxe' | translate\"\n                         [skipToggle]=\"true\"\n                         [invalid]=\"setupForm.dirty && setupForm.get('xAxe').invalid\">\n            <eo-string autocomplete=\"true\" formControlName=\"xAxe\"></eo-string>\n          </eo-form-input>\n          @if (setupForm.dirty && setupForm.get('xAxe').invalid) {\n            <div class=\"err-msg\" [translateParams]=\"{maxlength: 50}\" translate>eo.form.property.maxlength</div>\n          }\n          <eo-form-input tabindex=\"0\"\n                         [label]=\"'eo.workspace.widget.charts.yAxe' | translate\"\n                         [skipToggle]=\"true\"\n                         [invalid]=\"setupForm.dirty && setupForm.get('yAxe').invalid\">\n            <eo-string autocomplete=\"true\" formControlName=\"yAxe\"></eo-string>\n          </eo-form-input>\n          @if (setupForm.dirty && setupForm.get('yAxe').invalid) {\n            <div class=\"err-msg\" [translateParams]=\"{maxlength: 50}\" translate>eo.form.property.maxlength</div>\n          }\n        }\n      </div>\n    }\n  </form>\n</div>\n\n@if (setupForm.valid) {\n  <div class=\"preview\">\n    <eo-charts-widget [widgetConfig]=\"widgetConfig\" [editMode]=\"true\"></eo-charts-widget>\n  </div>\n} @else {\n  <div class=\"empty\">\n    <eo-error-message\n      [emptyState]=\"{icon: 'ic_saved_search.svg', text: 'eo.workspace.widget.configuration.notOk'}\"></eo-error-message>\n  </div>\n}\n", styles: [":host{display:grid;grid-template-rows:1fr;grid-template-columns:minmax(200px,400px) 1fr;grid-template-areas:\"setup preview\";height:100%}:host .setup{grid-area:setup;padding:var(--app-pane-padding);border-right:1px solid var(--panel-divider-color);overflow-y:auto}:host .setup eo-form-input{display:block;margin-top:var(--app-pane-padding)}:host .setup .propertyPicker{display:block;padding-top:40px}:host .setup .err-msg{color:var(--color-error)}:host .preview{grid-area:preview;background-color:var(--main-background);padding:var(--app-pane-padding)}:host .preview eo-charts-widget{border:1px transparent var(--panel-divider-color)}\n"] }]
         }], ctorParameters: () => [{ type: i1.UntypedFormBuilder }, { type: i2.StoredQueriesService }, { type: i2.TranslateService }, { type: i2.UserService }, { type: i2.SystemService }, { type: i2.SearchService }], propDecorators: { widgetConfigChange: [{

package/esm2022/app/eo-client/dashboard/widgets/charts-widget/charts-widget.component.mjs

@@ -425,14 +425,14 @@ let ChartsWidgetComponent = class ChartsWidgetComponent {
         const url = window.location.href.split('/dashboard')[0] + '/result?' + queryParams;
         window.open(url, event?.ctrlKey || this.editMode ? '_blank' : '_self');
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: ChartsWidgetComponent, deps: [{ token: i1.Router }, { token: i2.SearchService }, { token: i3.AppSearchService }, { token: i2.StoredQueriesService }, { token: i2.SystemService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.1.2", type: ChartsWidgetComponent, selector: "eo-charts-widget", inputs: { editMode: "editMode", widgetConfig: "widgetConfig" }, ngImport: i0, template: "<header>\n  <div class=\"header-title\">\n    @if (widgetConfig?.formValue?.storedQuery) {\n      <div class=\"title\">{{ widgetConfig?.formValue?.storedQuery }}</div>\n      <div class=\"icons-title\">\n        <eo-icon class=\"button primary\" [iconSrc]=\"'assets/_default/svg/ic_saved_search.svg'\"\n                 (click)=\"setQueryToAppSearch()\"\n                 [iconTitle]=\"('eo.widget.hitlist.tooltip.savedSearchIcon'| translate)\"></eo-icon>\n        <eo-icon class=\"button primary\" [iconSrc]=\"'assets/_default/svg/ic_open_tab.svg'\"\n                 (click)=\"onEmitQueryClick($event)\"\n                 [iconTitle]=\"('eo.widget.hitlist.tooltip.openinresultlist'| translate)\"></eo-icon>\n        <eo-icon class=\"button primary\" [iconSrc]=\"'assets/_default/svg/ic_refresh.svg'\" (click)=\"refresh()\"\n                 [iconTitle]=\"('eo.widget.hitlist.tooltip.refresh'| translate)\"></eo-icon>\n      </div>\n    }\n  </div>\n</header>\n\n@if (refreshingRequest) {\n  <main class=\"loader-overlay__mask\">\n    <eo-loading-spinner [size]=\"'large'\"></eo-loading-spinner>\n  </main>\n} @else if (chartData.length > 0 && !refreshingRequest) {\n  <main class=\"chart\">\n    <div class=\"item\">\n      @switch (widgetConfig!.formValue.chartType) {\n        @case ('bar') {\n          <ibm-simple-bar-chart [data]=\"chartData\" [options]=\"sharedOptions\"></ibm-simple-bar-chart>\n        }\n        @case ('pie') {\n          <ibm-pie-chart [data]=\"chartData\" [options]=\"sharedOptions\"></ibm-pie-chart>\n        }\n        @case ('donut') {\n          <ibm-donut-chart [data]=\"chartData\" [options]=\"sharedOptions\"></ibm-donut-chart>\n        }\n        @case ('lineStraight') {\n          <ibm-line-chart [data]=\"chartData\" [options]=\"lineStraightChartOption\"></ibm-line-chart>\n        }\n        @case ('lineCurve') {\n          <ibm-line-chart [data]=\"chartData\" [options]=\"lineCurveChartOption\"></ibm-line-chart>\n        }\n      }\n    </div>\n    @if (widgetConfig?.aggregationType === \"NUMBER\" && widgetConfig?.formValue?.aggregation !== 'sysdocument.filesize') {\n      <div class=\"minMax\" [translateParams]=\"{min: widgetConfig?.formValue?.minValue, max: widgetConfig?.formValue?.maxValue }\" translate>eo.workspace.widget.charts.minmax</div>\n    }\n  </main>\n} @else {\n  <div class=\"empty\">\n    <eo-error-message\n      [emptyState]=\"{icon: 'ic_saved_search.svg', text: 'eo.workspace.widget.configuration.notOk'}\"></eo-error-message>\n  </div>\n}\n", styles: [":host{height:100%;display:grid;grid-template-rows:auto 1fr;grid-template-areas:\"header\" \"main\";background-color:var(--panel-background);color:var(--text-color-body)}:host header{height:40px;display:inline-grid;color:#fff}:host header .header-title{background-color:var(--color-primary-2);display:flex;justify-content:space-between;align-items:center}:host header .title{text-align:center;flex-grow:1;justify-content:center}:host header .icons-title{justify-content:flex-end;display:flex;gap:3px;position:relative;align-items:center;right:13px}:host header .icons-title eo-icon.button.primary{color:rgba(var(--color-white-rgb),.5)}:host header .icons-title eo-icon.button.primary:hover{cursor:pointer;color:var(--color-white)}:host main{grid-area:main}:host main.loader-overlay__mask{display:flex;width:100%;height:100%;flex-flow:column;align-items:center;justify-content:center;background:rgba(var(--color-white-rgb),.8);-webkit-animation:eoFadeIn .2s;animation:eoFadeIn .2s}:host main.chart{overflow-y:hidden}:host main.chart .item{height:92%;padding:calc(var(--app-pane-padding) / 2)}:host main.chart .minMax{display:flex;justify-content:center;font-family:IBM Plex Sans Condensed,system-ui,-apple-system,BlinkMacSystemFont,\".SFNSText-Regular\",sans-serif}:host .empty{display:contents}::ng-deep .cds--cc--chart-wrapper text{fill:#000}::ng-deep .cds--chart-holder{height:100%!important}::ng-deep .cds--cc--chart-wrapper p{color:#000}::ng-deep .cds--cc--axes g.axis g.tick text{fill:#000}::ng-deep .cds--cc--title p.title,::ng-deep .yuv-widget-headline{font-size:var(--font-title)}::ng-deep .cds--cc--axes g.axis .axis-title{font-size:var(--font-subhead)}::ng-deep eo-icon.error__icon{max-width:fit-content;max-height:fit-content}::ng-deep eo-error-message{overflow-y:auto}::ng-deep .error__message{display:contents;max-width:fit-content;max-height:fit-content}\n"], dependencies: [{ kind: "directive", type: i4.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "component", type: i5.EoIconComponent, selector: "eo-icon", inputs: ["objectType", "iconId", "iconSrc", "badge", "iconTitle"] }, { kind: "component", type: i6.LoadingSpinnerComponent, selector: "eo-loading-spinner", inputs: ["size", "mode"] }, { kind: "component", type: i7.ErrorMessageComponent, selector: "eo-error-message", inputs: ["emptyState"] }, { kind: "component", type: i8.SimpleBarChartComponent, selector: "ibm-simple-bar-chart" }, { kind: "component", type: i8.DonutChartComponent, selector: "ibm-donut-chart" }, { kind: "component", type: i8.LineChartComponent, selector: "ibm-line-chart" }, { kind: "component", type: i8.PieChartComponent, selector: "ibm-pie-chart" }, { kind: "pipe", type: i4.TranslatePipe, name: "translate" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: ChartsWidgetComponent, deps: [{ token: i1.Router }, { token: i2.SearchService }, { token: i3.AppSearchService }, { token: i2.StoredQueriesService }, { token: i2.SystemService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.4", type: ChartsWidgetComponent, selector: "eo-charts-widget", inputs: { editMode: "editMode", widgetConfig: "widgetConfig" }, ngImport: i0, template: "<header>\n  <div class=\"header-title\">\n    @if (widgetConfig?.formValue?.storedQuery) {\n      <div class=\"title\">{{ widgetConfig?.formValue?.storedQuery }}</div>\n      <div class=\"icons-title\">\n        <eo-icon class=\"button primary\" [iconSrc]=\"'assets/_default/svg/ic_saved_search.svg'\"\n                 (click)=\"setQueryToAppSearch()\"\n                 [iconTitle]=\"('eo.widget.hitlist.tooltip.savedSearchIcon'| translate)\"></eo-icon>\n        <eo-icon class=\"button primary\" [iconSrc]=\"'assets/_default/svg/ic_open_tab.svg'\"\n                 (click)=\"onEmitQueryClick($event)\"\n                 [iconTitle]=\"('eo.widget.hitlist.tooltip.openinresultlist'| translate)\"></eo-icon>\n        <eo-icon class=\"button primary\" [iconSrc]=\"'assets/_default/svg/ic_refresh.svg'\" (click)=\"refresh()\"\n                 [iconTitle]=\"('eo.widget.hitlist.tooltip.refresh'| translate)\"></eo-icon>\n      </div>\n    }\n  </div>\n</header>\n\n@if (refreshingRequest) {\n  <main class=\"loader-overlay__mask\">\n    <eo-loading-spinner [size]=\"'large'\"></eo-loading-spinner>\n  </main>\n} @else if (chartData.length > 0 && !refreshingRequest) {\n  <main class=\"chart\">\n    <div class=\"item\">\n      @switch (widgetConfig!.formValue.chartType) {\n        @case ('bar') {\n          <ibm-simple-bar-chart [data]=\"chartData\" [options]=\"sharedOptions\"></ibm-simple-bar-chart>\n        }\n        @case ('pie') {\n          <ibm-pie-chart [data]=\"chartData\" [options]=\"sharedOptions\"></ibm-pie-chart>\n        }\n        @case ('donut') {\n          <ibm-donut-chart [data]=\"chartData\" [options]=\"sharedOptions\"></ibm-donut-chart>\n        }\n        @case ('lineStraight') {\n          <ibm-line-chart [data]=\"chartData\" [options]=\"lineStraightChartOption\"></ibm-line-chart>\n        }\n        @case ('lineCurve') {\n          <ibm-line-chart [data]=\"chartData\" [options]=\"lineCurveChartOption\"></ibm-line-chart>\n        }\n      }\n    </div>\n    @if (widgetConfig?.aggregationType === \"NUMBER\" && widgetConfig?.formValue?.aggregation !== 'sysdocument.filesize') {\n      <div class=\"minMax\" [translateParams]=\"{min: widgetConfig?.formValue?.minValue, max: widgetConfig?.formValue?.maxValue }\" translate>eo.workspace.widget.charts.minmax</div>\n    }\n  </main>\n} @else {\n  <div class=\"empty\">\n    <eo-error-message\n      [emptyState]=\"{icon: 'ic_saved_search.svg', text: 'eo.workspace.widget.configuration.notOk'}\"></eo-error-message>\n  </div>\n}\n", styles: [":host{height:100%;display:grid;grid-template-rows:auto 1fr;grid-template-areas:\"header\" \"main\";background-color:var(--panel-background);color:var(--text-color-body)}:host header{height:40px;display:inline-grid;color:#fff}:host header .header-title{background-color:var(--color-primary-2);display:flex;justify-content:space-between;align-items:center}:host header .title{text-align:center;flex-grow:1;justify-content:center}:host header .icons-title{justify-content:flex-end;display:flex;gap:3px;position:relative;align-items:center;right:13px}:host header .icons-title eo-icon.button.primary{color:rgba(var(--color-white-rgb),.5)}:host header .icons-title eo-icon.button.primary:hover{cursor:pointer;color:var(--color-white)}:host main{grid-area:main}:host main.loader-overlay__mask{display:flex;width:100%;height:100%;flex-flow:column;align-items:center;justify-content:center;background:rgba(var(--color-white-rgb),.8);-webkit-animation:eoFadeIn .2s;animation:eoFadeIn .2s}:host main.chart{overflow-y:hidden}:host main.chart .item{height:92%;padding:calc(var(--app-pane-padding) / 2)}:host main.chart .minMax{display:flex;justify-content:center;font-family:IBM Plex Sans Condensed,system-ui,-apple-system,BlinkMacSystemFont,\".SFNSText-Regular\",sans-serif}:host .empty{display:contents}::ng-deep .cds--cc--chart-wrapper text{fill:#000}::ng-deep .cds--chart-holder{height:100%!important}::ng-deep .cds--cc--chart-wrapper p{color:#000}::ng-deep .cds--cc--axes g.axis g.tick text{fill:#000}::ng-deep .cds--cc--title p.title,::ng-deep .yuv-widget-headline{font-size:var(--font-title)}::ng-deep .cds--cc--axes g.axis .axis-title{font-size:var(--font-subhead)}::ng-deep eo-icon.error__icon{max-width:fit-content;max-height:fit-content}::ng-deep eo-error-message{overflow-y:auto}::ng-deep .error__message{display:contents;max-width:fit-content;max-height:fit-content}\n"], dependencies: [{ kind: "directive", type: i4.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "component", type: i5.EoIconComponent, selector: "eo-icon", inputs: ["objectType", "iconId", "iconSrc", "badge", "iconTitle"] }, { kind: "component", type: i6.LoadingSpinnerComponent, selector: "eo-loading-spinner", inputs: ["size", "mode"] }, { kind: "component", type: i7.ErrorMessageComponent, selector: "eo-error-message", inputs: ["emptyState"] }, { kind: "component", type: i8.SimpleBarChartComponent, selector: "ibm-simple-bar-chart" }, { kind: "component", type: i8.DonutChartComponent, selector: "ibm-donut-chart" }, { kind: "component", type: i8.LineChartComponent, selector: "ibm-line-chart" }, { kind: "component", type: i8.PieChartComponent, selector: "ibm-pie-chart" }, { kind: "pipe", type: i4.TranslatePipe, name: "translate" }] }); }
 };
 ChartsWidgetComponent = __decorate([
     UntilDestroy()
 ], ChartsWidgetComponent);
 export { ChartsWidgetComponent };
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: ChartsWidgetComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: ChartsWidgetComponent, decorators: [{
             type: Component,
             args: [{ selector: 'eo-charts-widget', template: "<header>\n  <div class=\"header-title\">\n    @if (widgetConfig?.formValue?.storedQuery) {\n      <div class=\"title\">{{ widgetConfig?.formValue?.storedQuery }}</div>\n      <div class=\"icons-title\">\n        <eo-icon class=\"button primary\" [iconSrc]=\"'assets/_default/svg/ic_saved_search.svg'\"\n                 (click)=\"setQueryToAppSearch()\"\n                 [iconTitle]=\"('eo.widget.hitlist.tooltip.savedSearchIcon'| translate)\"></eo-icon>\n        <eo-icon class=\"button primary\" [iconSrc]=\"'assets/_default/svg/ic_open_tab.svg'\"\n                 (click)=\"onEmitQueryClick($event)\"\n                 [iconTitle]=\"('eo.widget.hitlist.tooltip.openinresultlist'| translate)\"></eo-icon>\n        <eo-icon class=\"button primary\" [iconSrc]=\"'assets/_default/svg/ic_refresh.svg'\" (click)=\"refresh()\"\n                 [iconTitle]=\"('eo.widget.hitlist.tooltip.refresh'| translate)\"></eo-icon>\n      </div>\n    }\n  </div>\n</header>\n\n@if (refreshingRequest) {\n  <main class=\"loader-overlay__mask\">\n    <eo-loading-spinner [size]=\"'large'\"></eo-loading-spinner>\n  </main>\n} @else if (chartData.length > 0 && !refreshingRequest) {\n  <main class=\"chart\">\n    <div class=\"item\">\n      @switch (widgetConfig!.formValue.chartType) {\n        @case ('bar') {\n          <ibm-simple-bar-chart [data]=\"chartData\" [options]=\"sharedOptions\"></ibm-simple-bar-chart>\n        }\n        @case ('pie') {\n          <ibm-pie-chart [data]=\"chartData\" [options]=\"sharedOptions\"></ibm-pie-chart>\n        }\n        @case ('donut') {\n          <ibm-donut-chart [data]=\"chartData\" [options]=\"sharedOptions\"></ibm-donut-chart>\n        }\n        @case ('lineStraight') {\n          <ibm-line-chart [data]=\"chartData\" [options]=\"lineStraightChartOption\"></ibm-line-chart>\n        }\n        @case ('lineCurve') {\n          <ibm-line-chart [data]=\"chartData\" [options]=\"lineCurveChartOption\"></ibm-line-chart>\n        }\n      }\n    </div>\n    @if (widgetConfig?.aggregationType === \"NUMBER\" && widgetConfig?.formValue?.aggregation !== 'sysdocument.filesize') {\n      <div class=\"minMax\" [translateParams]=\"{min: widgetConfig?.formValue?.minValue, max: widgetConfig?.formValue?.maxValue }\" translate>eo.workspace.widget.charts.minmax</div>\n    }\n  </main>\n} @else {\n  <div class=\"empty\">\n    <eo-error-message\n      [emptyState]=\"{icon: 'ic_saved_search.svg', text: 'eo.workspace.widget.configuration.notOk'}\"></eo-error-message>\n  </div>\n}\n", styles: [":host{height:100%;display:grid;grid-template-rows:auto 1fr;grid-template-areas:\"header\" \"main\";background-color:var(--panel-background);color:var(--text-color-body)}:host header{height:40px;display:inline-grid;color:#fff}:host header .header-title{background-color:var(--color-primary-2);display:flex;justify-content:space-between;align-items:center}:host header .title{text-align:center;flex-grow:1;justify-content:center}:host header .icons-title{justify-content:flex-end;display:flex;gap:3px;position:relative;align-items:center;right:13px}:host header .icons-title eo-icon.button.primary{color:rgba(var(--color-white-rgb),.5)}:host header .icons-title eo-icon.button.primary:hover{cursor:pointer;color:var(--color-white)}:host main{grid-area:main}:host main.loader-overlay__mask{display:flex;width:100%;height:100%;flex-flow:column;align-items:center;justify-content:center;background:rgba(var(--color-white-rgb),.8);-webkit-animation:eoFadeIn .2s;animation:eoFadeIn .2s}:host main.chart{overflow-y:hidden}:host main.chart .item{height:92%;padding:calc(var(--app-pane-padding) / 2)}:host main.chart .minMax{display:flex;justify-content:center;font-family:IBM Plex Sans Condensed,system-ui,-apple-system,BlinkMacSystemFont,\".SFNSText-Regular\",sans-serif}:host .empty{display:contents}::ng-deep .cds--cc--chart-wrapper text{fill:#000}::ng-deep .cds--chart-holder{height:100%!important}::ng-deep .cds--cc--chart-wrapper p{color:#000}::ng-deep .cds--cc--axes g.axis g.tick text{fill:#000}::ng-deep .cds--cc--title p.title,::ng-deep .yuv-widget-headline{font-size:var(--font-title)}::ng-deep .cds--cc--axes g.axis .axis-title{font-size:var(--font-subhead)}::ng-deep eo-icon.error__icon{max-width:fit-content;max-height:fit-content}::ng-deep eo-error-message{overflow-y:auto}::ng-deep .error__message{display:contents;max-width:fit-content;max-height:fit-content}\n"] }]
         }], ctorParameters: () => [{ type: i1.Router }, { type: i2.SearchService }, { type: i3.AppSearchService }, { type: i2.StoredQueriesService }, { type: i2.SystemService }], propDecorators: { editMode: [{

package/esm2022/app/eo-client/dashboard/widgets/count-objects-widget/count-objects-setup/count-objects-setup.component.mjs

@@ -109,14 +109,14 @@ let CountObjectsSetupComponent = class CountObjectsSetupComponent {
             });
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: CountObjectsSetupComponent, deps: [{ token: i1.UntypedFormBuilder }, { token: i2.TranslateService }, { token: i3.StoredQueriesService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.1.2", type: CountObjectsSetupComponent, selector: "eo-count-objects-setup", inputs: { widgetConfig: "widgetConfig" }, outputs: { widgetConfigChange: "widgetConfigChange", widgetConfigStateChange: "widgetConfigStateChange" }, ngImport: i0, template: "<div class=\"setup\">\n  <form [formGroup]=\"setupForm\">\n    @if (storedQueriesPicker?.codesystem?.entries) {\n      <eo-form-input [skipToggle]=\"true\"\n                     [label]=\"'eo.workspace.widget.label.storedquery' | translate\" [required]=\"true\"\n                     [description]=\"'eo.workspace.widget.stored.queries.description'\"\n                     [invalid]=\"setupForm.dirty && setupForm.get('storedQuery').invalid\">\n        <eo-codesystem formControlName=\"storedQuery\" [pickerTitle]=\"storedQueriesPicker.title\"\n                       [codesystem]=\"storedQueriesPicker.codesystem\"\n                       [emptyMessage]=\"'eo.workspace.widget.stored.queries.list.notAvailable'\"></eo-codesystem>\n      </eo-form-input>\n      @if (setupForm.dirty && setupForm.get('storedQuery').hasError('required')) {\n        <div class=\"err-msg\" translate>\n          eo.form.property.required\n        </div>\n      }\n    }\n\n    @if(widgetConfig?.storedQuery){\n\n      <eo-form-input class=\"label checkbox\" [skipToggle]=\"true\"\n                      [label]=\"'eo.widget.hitcount.form.label.showZero' | translate\">\n        <eo-checkbox formControlName=\"showZero\">\n        </eo-checkbox>\n      </eo-form-input>\n    \n      <eo-form-input class=\"label checkbox\" [skipToggle]=\"true\"\n                     [label]=\"'eo.widget.hitcount.form.label.countTileThresholdInvert' | translate\">\n        <eo-checkbox formControlName=\"countTileThresholdInvert\">\n        </eo-checkbox>\n      </eo-form-input>\n      <div class=\"desc\">{{ countTileThresholdDesc }}</div>\n\n      <eo-form-input class=\"threshold-success\" [skipToggle]=\"true\"\n                    [label]=\"'eo.widget.hitcount.form.label.threshold.success' | translate\">\n        <eo-number [scale]=\"0\" formControlName=\"countTileSuccessThreshold\">\n        </eo-number>\n      </eo-form-input>\n\n      <eo-form-input class=\"threshold-warning\" [skipToggle]=\"true\"\n                    [label]=\"'eo.widget.hitcount.form.label.threshold.warning' | translate\">\n        <eo-number [scale]=\"0\" formControlName=\"countTileWarningThreshold\">\n        </eo-number>\n      </eo-form-input>\n\n      <eo-form-input class=\"threshold-error\" [skipToggle]=\"true\"\n                     [label]=\"'eo.widget.hitcount.form.label.threshold.error' | translate\">\n        <eo-number [scale]=\"0\" formControlName=\"countTileErrorThreshold\">\n        </eo-number>\n      </eo-form-input>\n    }\n  </form>\n</div>\n@if (setupForm.valid) {\n  <div class=\"preview\">\n    <eo-count-objects-widget [widgetConfig]=\"widgetConfig\"></eo-count-objects-widget>\n  </div>\n} @else {\n  <div class=\"empty\">\n    <eo-error-message\n      [emptyState]=\"{icon: 'ic_saved_search.svg', text: 'eo.workspace.widget.stored.queries.list.empty'}\"></eo-error-message>\n  </div>\n}", styles: [":host{display:grid;grid-template-rows:1fr;grid-template-columns:minmax(200px,400px) 1fr;grid-template-areas:\"setup preview\";height:100%}:host .setup{grid-area:setup;padding:var(--app-pane-padding);border-right:1px solid var(--panel-divider-color)}:host .setup eo-form-input{display:block;margin-top:var(--app-pane-padding)}:host .setup .checkboxCountTitle{padding-bottom:30px;padding-top:30px}:host .setup .err-msg{color:var(--color-error)}:host .setup .desc{color:var(--text-color-caption)}:host .preview{background-color:var(--main-background);padding:var(--app-pane-padding);display:flex;justify-content:center;align-items:center;pointer-events:none}\n"], dependencies: [{ kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i2.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "component", type: i4.ErrorMessageComponent, selector: "eo-error-message", inputs: ["emptyState"] }, { kind: "component", type: i5.FormInputComponent, selector: "eo-form-input", inputs: ["label", "tag", "description", "skipToggle", "isNull", "invalid", "disabled", "required"], outputs: ["onToggleLabel"] }, { kind: "component", type: i6.CodesystemComponent, selector: "eo-codesystem", inputs: ["situation", "pickerTitle", "placeholder", "codesystem", "multiselect", "readonly", "inputStyleClass", "emptyMessage", "filterFunction", "disablingFilterFunction"] }, { kind: "component", type: i7.NumberComponent, selector: "eo-number", inputs: ["scale", "precision", "grouping", "pattern", "readonly"] }, { kind: "component", type: i8.CheckboxComponent, selector: "eo-checkbox", inputs: ["required", "tristate", "readonly"] }, { kind: "component", type: i9.CountObjectsWidgetComponent, selector: "eo-count-objects-widget", inputs: ["widgetConfig"] }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: CountObjectsSetupComponent, deps: [{ token: i1.UntypedFormBuilder }, { token: i2.TranslateService }, { token: i3.StoredQueriesService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.4", type: CountObjectsSetupComponent, selector: "eo-count-objects-setup", inputs: { widgetConfig: "widgetConfig" }, outputs: { widgetConfigChange: "widgetConfigChange", widgetConfigStateChange: "widgetConfigStateChange" }, ngImport: i0, template: "<div class=\"setup\">\n  <form [formGroup]=\"setupForm\">\n    @if (storedQueriesPicker?.codesystem?.entries) {\n      <eo-form-input [skipToggle]=\"true\"\n                     [label]=\"'eo.workspace.widget.label.storedquery' | translate\" [required]=\"true\"\n                     [description]=\"'eo.workspace.widget.stored.queries.description'\"\n                     [invalid]=\"setupForm.dirty && setupForm.get('storedQuery').invalid\">\n        <eo-codesystem formControlName=\"storedQuery\" [pickerTitle]=\"storedQueriesPicker.title\"\n                       [codesystem]=\"storedQueriesPicker.codesystem\"\n                       [emptyMessage]=\"'eo.workspace.widget.stored.queries.list.notAvailable'\"></eo-codesystem>\n      </eo-form-input>\n      @if (setupForm.dirty && setupForm.get('storedQuery').hasError('required')) {\n        <div class=\"err-msg\" translate>\n          eo.form.property.required\n        </div>\n      }\n    }\n\n    @if(widgetConfig?.storedQuery){\n\n      <eo-form-input class=\"label checkbox\" [skipToggle]=\"true\"\n                      [label]=\"'eo.widget.hitcount.form.label.showZero' | translate\">\n        <eo-checkbox formControlName=\"showZero\">\n        </eo-checkbox>\n      </eo-form-input>\n    \n      <eo-form-input class=\"label checkbox\" [skipToggle]=\"true\"\n                     [label]=\"'eo.widget.hitcount.form.label.countTileThresholdInvert' | translate\">\n        <eo-checkbox formControlName=\"countTileThresholdInvert\">\n        </eo-checkbox>\n      </eo-form-input>\n      <div class=\"desc\">{{ countTileThresholdDesc }}</div>\n\n      <eo-form-input class=\"threshold-success\" [skipToggle]=\"true\"\n                    [label]=\"'eo.widget.hitcount.form.label.threshold.success' | translate\">\n        <eo-number [scale]=\"0\" formControlName=\"countTileSuccessThreshold\">\n        </eo-number>\n      </eo-form-input>\n\n      <eo-form-input class=\"threshold-warning\" [skipToggle]=\"true\"\n                    [label]=\"'eo.widget.hitcount.form.label.threshold.warning' | translate\">\n        <eo-number [scale]=\"0\" formControlName=\"countTileWarningThreshold\">\n        </eo-number>\n      </eo-form-input>\n\n      <eo-form-input class=\"threshold-error\" [skipToggle]=\"true\"\n                     [label]=\"'eo.widget.hitcount.form.label.threshold.error' | translate\">\n        <eo-number [scale]=\"0\" formControlName=\"countTileErrorThreshold\">\n        </eo-number>\n      </eo-form-input>\n    }\n  </form>\n</div>\n@if (setupForm.valid) {\n  <div class=\"preview\">\n    <eo-count-objects-widget [widgetConfig]=\"widgetConfig\"></eo-count-objects-widget>\n  </div>\n} @else {\n  <div class=\"empty\">\n    <eo-error-message\n      [emptyState]=\"{icon: 'ic_saved_search.svg', text: 'eo.workspace.widget.stored.queries.list.empty'}\"></eo-error-message>\n  </div>\n}", styles: [":host{display:grid;grid-template-rows:1fr;grid-template-columns:minmax(200px,400px) 1fr;grid-template-areas:\"setup preview\";height:100%}:host .setup{grid-area:setup;padding:var(--app-pane-padding);border-right:1px solid var(--panel-divider-color)}:host .setup eo-form-input{display:block;margin-top:var(--app-pane-padding)}:host .setup .checkboxCountTitle{padding-bottom:30px;padding-top:30px}:host .setup .err-msg{color:var(--color-error)}:host .setup .desc{color:var(--text-color-caption)}:host .preview{background-color:var(--main-background);padding:var(--app-pane-padding);display:flex;justify-content:center;align-items:center;pointer-events:none}\n"], dependencies: [{ kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i2.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "component", type: i4.ErrorMessageComponent, selector: "eo-error-message", inputs: ["emptyState"] }, { kind: "component", type: i5.FormInputComponent, selector: "eo-form-input", inputs: ["label", "tag", "description", "skipToggle", "isNull", "invalid", "disabled", "required"], outputs: ["onToggleLabel"] }, { kind: "component", type: i6.CodesystemComponent, selector: "eo-codesystem", inputs: ["situation", "pickerTitle", "placeholder", "codesystem", "multiselect", "readonly", "inputStyleClass", "emptyMessage", "filterFunction", "disablingFilterFunction"] }, { kind: "component", type: i7.NumberComponent, selector: "eo-number", inputs: ["scale", "precision", "grouping", "pattern", "readonly"] }, { kind: "component", type: i8.CheckboxComponent, selector: "eo-checkbox", inputs: ["required", "tristate", "readonly"] }, { kind: "component", type: i9.CountObjectsWidgetComponent, selector: "eo-count-objects-widget", inputs: ["widgetConfig"] }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }] }); }
 };
 CountObjectsSetupComponent = __decorate([
     UntilDestroy()
 ], CountObjectsSetupComponent);
 export { CountObjectsSetupComponent };
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: CountObjectsSetupComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: CountObjectsSetupComponent, decorators: [{
             type: Component,
             args: [{ selector: 'eo-count-objects-setup', template: "<div class=\"setup\">\n  <form [formGroup]=\"setupForm\">\n    @if (storedQueriesPicker?.codesystem?.entries) {\n      <eo-form-input [skipToggle]=\"true\"\n                     [label]=\"'eo.workspace.widget.label.storedquery' | translate\" [required]=\"true\"\n                     [description]=\"'eo.workspace.widget.stored.queries.description'\"\n                     [invalid]=\"setupForm.dirty && setupForm.get('storedQuery').invalid\">\n        <eo-codesystem formControlName=\"storedQuery\" [pickerTitle]=\"storedQueriesPicker.title\"\n                       [codesystem]=\"storedQueriesPicker.codesystem\"\n                       [emptyMessage]=\"'eo.workspace.widget.stored.queries.list.notAvailable'\"></eo-codesystem>\n      </eo-form-input>\n      @if (setupForm.dirty && setupForm.get('storedQuery').hasError('required')) {\n        <div class=\"err-msg\" translate>\n          eo.form.property.required\n        </div>\n      }\n    }\n\n    @if(widgetConfig?.storedQuery){\n\n      <eo-form-input class=\"label checkbox\" [skipToggle]=\"true\"\n                      [label]=\"'eo.widget.hitcount.form.label.showZero' | translate\">\n        <eo-checkbox formControlName=\"showZero\">\n        </eo-checkbox>\n      </eo-form-input>\n    \n      <eo-form-input class=\"label checkbox\" [skipToggle]=\"true\"\n                     [label]=\"'eo.widget.hitcount.form.label.countTileThresholdInvert' | translate\">\n        <eo-checkbox formControlName=\"countTileThresholdInvert\">\n        </eo-checkbox>\n      </eo-form-input>\n      <div class=\"desc\">{{ countTileThresholdDesc }}</div>\n\n      <eo-form-input class=\"threshold-success\" [skipToggle]=\"true\"\n                    [label]=\"'eo.widget.hitcount.form.label.threshold.success' | translate\">\n        <eo-number [scale]=\"0\" formControlName=\"countTileSuccessThreshold\">\n        </eo-number>\n      </eo-form-input>\n\n      <eo-form-input class=\"threshold-warning\" [skipToggle]=\"true\"\n                    [label]=\"'eo.widget.hitcount.form.label.threshold.warning' | translate\">\n        <eo-number [scale]=\"0\" formControlName=\"countTileWarningThreshold\">\n        </eo-number>\n      </eo-form-input>\n\n      <eo-form-input class=\"threshold-error\" [skipToggle]=\"true\"\n                     [label]=\"'eo.widget.hitcount.form.label.threshold.error' | translate\">\n        <eo-number [scale]=\"0\" formControlName=\"countTileErrorThreshold\">\n        </eo-number>\n      </eo-form-input>\n    }\n  </form>\n</div>\n@if (setupForm.valid) {\n  <div class=\"preview\">\n    <eo-count-objects-widget [widgetConfig]=\"widgetConfig\"></eo-count-objects-widget>\n  </div>\n} @else {\n  <div class=\"empty\">\n    <eo-error-message\n      [emptyState]=\"{icon: 'ic_saved_search.svg', text: 'eo.workspace.widget.stored.queries.list.empty'}\"></eo-error-message>\n  </div>\n}", styles: [":host{display:grid;grid-template-rows:1fr;grid-template-columns:minmax(200px,400px) 1fr;grid-template-areas:\"setup preview\";height:100%}:host .setup{grid-area:setup;padding:var(--app-pane-padding);border-right:1px solid var(--panel-divider-color)}:host .setup eo-form-input{display:block;margin-top:var(--app-pane-padding)}:host .setup .checkboxCountTitle{padding-bottom:30px;padding-top:30px}:host .setup .err-msg{color:var(--color-error)}:host .setup .desc{color:var(--text-color-caption)}:host .preview{background-color:var(--main-background);padding:var(--app-pane-padding);display:flex;justify-content:center;align-items:center;pointer-events:none}\n"] }]
         }], ctorParameters: () => [{ type: i1.UntypedFormBuilder }, { type: i2.TranslateService }, { type: i3.StoredQueriesService }], propDecorators: { widgetConfigChange: [{

package/esm2022/app/eo-client/dashboard/widgets/count-objects-widget/count-objects-widget.component.mjs

@@ -114,14 +114,14 @@ let CountObjectsWidgetComponent = class CountObjectsWidgetComponent {
         const url = window.location.href.split('/dashboard')[0] + '/result?' + queryParams;
         window.open(url);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: CountObjectsWidgetComponent, deps: [{ token: i0.ElementRef }, { token: i1.SearchService }, { token: i1.SystemService }, { token: i1.StoredQueriesService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.1.2", type: CountObjectsWidgetComponent, selector: "eo-count-objects-widget", inputs: { widgetConfig: "widgetConfig" }, ngImport: i0, template: "@if (hitlistResult && !refreshingRequest) {\n  <a class=\"info\" [ngClass]=\"{visible: isVisible, disabled: hitlistResult[0]?.type}\"\n     (click)=\"onEmitQueryClick()\">\n    <div class=\"clr\">\n      @if (hitlistResult[0]?.type) {\n        <eo-icon [objectType]=\"hitlistResult[0]?.type\"></eo-icon>\n      } @else {\n        <eo-icon [iconId]=\"defaultIconId\"></eo-icon>\n      }\n      <div class=\"count\">{{ countTileResult?.count }}</div>\n    </div>\n    <div class=\"msg\">{{ widgetConfig?.formValue.storedQuery }}</div>\n  </a>\n} @else if (refreshingRequest) {\n  <main class=\"loader-overlay__mask\">\n    <eo-loading-spinner [size]=\"'large'\"></eo-loading-spinner>\n  </main>\n} @else {\n  <div class=\"empty\">\n    <eo-error-message\n      [emptyState]=\"{icon: 'ic_saved_search.svg', text: 'eo.workspace.widget.configuration.notOk'}\"></eo-error-message>\n  </div>\n}\n", styles: [":host-context(.editMode) .info:not(.visible){opacity:1}:host{z-index:1}:host .info{color:var(--color-primary-2);padding:0 var(--app-pane-padding);margin-bottom:calc(var(--app-pane-padding) * 2);text-decoration:none;cursor:pointer}:host .info:not(.visible){opacity:0;pointer-events:none}:host .info:not(.disabled){cursor:default;pointer-events:none}:host .info:focus,:host .info:hover{color:var(--color-accent)}:host .info:focus eo-icon,:host .info:hover eo-icon{background-color:var(--color-accent)}:host .info>div{display:flex;flex:0 0 auto;align-items:center}:host .info eo-icon{flex:0 0 auto;border-radius:2px;background-color:var(--color-primary-2);color:rgba(var(--color-white-rgb),.7);padding:2px}:host .info .count{font-size:2.5rem;line-height:1em;padding:0 var(--app-pane-padding);text-align:right}:host .info .clr.success{color:var(--color-success)}:host .info .clr.warning{color:var(--color-warning)}:host .info .clr.error{color:var(--color-error)}:host .empty{display:contents}::ng-deep eo-icon.error__icon{max-width:fit-content;max-height:fit-content}::ng-deep eo-error-message{overflow-y:auto}::ng-deep .error__message{display:contents;max-width:fit-content;max-height:fit-content}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: i3.EoIconComponent, selector: "eo-icon", inputs: ["objectType", "iconId", "iconSrc", "badge", "iconTitle"] }, { kind: "component", type: i4.LoadingSpinnerComponent, selector: "eo-loading-spinner", inputs: ["size", "mode"] }, { kind: "component", type: i5.ErrorMessageComponent, selector: "eo-error-message", inputs: ["emptyState"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: CountObjectsWidgetComponent, deps: [{ token: i0.ElementRef }, { token: i1.SearchService }, { token: i1.SystemService }, { token: i1.StoredQueriesService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.4", type: CountObjectsWidgetComponent, selector: "eo-count-objects-widget", inputs: { widgetConfig: "widgetConfig" }, ngImport: i0, template: "@if (hitlistResult && !refreshingRequest) {\n  <a class=\"info\" [ngClass]=\"{visible: isVisible, disabled: hitlistResult[0]?.type}\"\n     (click)=\"onEmitQueryClick()\">\n    <div class=\"clr\">\n      @if (hitlistResult[0]?.type) {\n        <eo-icon [objectType]=\"hitlistResult[0]?.type\"></eo-icon>\n      } @else {\n        <eo-icon [iconId]=\"defaultIconId\"></eo-icon>\n      }\n      <div class=\"count\">{{ countTileResult?.count }}</div>\n    </div>\n    <div class=\"msg\">{{ widgetConfig?.formValue.storedQuery }}</div>\n  </a>\n} @else if (refreshingRequest) {\n  <main class=\"loader-overlay__mask\">\n    <eo-loading-spinner [size]=\"'large'\"></eo-loading-spinner>\n  </main>\n} @else {\n  <div class=\"empty\">\n    <eo-error-message\n      [emptyState]=\"{icon: 'ic_saved_search.svg', text: 'eo.workspace.widget.configuration.notOk'}\"></eo-error-message>\n  </div>\n}\n", styles: [":host-context(.editMode) .info:not(.visible){opacity:1}:host{z-index:1}:host .info{color:var(--color-primary-2);padding:0 var(--app-pane-padding);margin-bottom:calc(var(--app-pane-padding) * 2);text-decoration:none;cursor:pointer}:host .info:not(.visible){opacity:0;pointer-events:none}:host .info:not(.disabled){cursor:default;pointer-events:none}:host .info:focus,:host .info:hover{color:var(--color-accent)}:host .info:focus eo-icon,:host .info:hover eo-icon{background-color:var(--color-accent)}:host .info>div{display:flex;flex:0 0 auto;align-items:center}:host .info eo-icon{flex:0 0 auto;border-radius:2px;background-color:var(--color-primary-2);color:rgba(var(--color-white-rgb),.7);padding:2px}:host .info .count{font-size:2.5rem;line-height:1em;padding:0 var(--app-pane-padding);text-align:right}:host .info .clr.success{color:var(--color-success)}:host .info .clr.warning{color:var(--color-warning)}:host .info .clr.error{color:var(--color-error)}:host .empty{display:contents}::ng-deep eo-icon.error__icon{max-width:fit-content;max-height:fit-content}::ng-deep eo-error-message{overflow-y:auto}::ng-deep .error__message{display:contents;max-width:fit-content;max-height:fit-content}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: i3.EoIconComponent, selector: "eo-icon", inputs: ["objectType", "iconId", "iconSrc", "badge", "iconTitle"] }, { kind: "component", type: i4.LoadingSpinnerComponent, selector: "eo-loading-spinner", inputs: ["size", "mode"] }, { kind: "component", type: i5.ErrorMessageComponent, selector: "eo-error-message", inputs: ["emptyState"] }] }); }
 };
 CountObjectsWidgetComponent = __decorate([
     UntilDestroy()
 ], CountObjectsWidgetComponent);
 export { CountObjectsWidgetComponent };
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: CountObjectsWidgetComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: CountObjectsWidgetComponent, decorators: [{
             type: Component,
             args: [{ selector: 'eo-count-objects-widget', template: "@if (hitlistResult && !refreshingRequest) {\n  <a class=\"info\" [ngClass]=\"{visible: isVisible, disabled: hitlistResult[0]?.type}\"\n     (click)=\"onEmitQueryClick()\">\n    <div class=\"clr\">\n      @if (hitlistResult[0]?.type) {\n        <eo-icon [objectType]=\"hitlistResult[0]?.type\"></eo-icon>\n      } @else {\n        <eo-icon [iconId]=\"defaultIconId\"></eo-icon>\n      }\n      <div class=\"count\">{{ countTileResult?.count }}</div>\n    </div>\n    <div class=\"msg\">{{ widgetConfig?.formValue.storedQuery }}</div>\n  </a>\n} @else if (refreshingRequest) {\n  <main class=\"loader-overlay__mask\">\n    <eo-loading-spinner [size]=\"'large'\"></eo-loading-spinner>\n  </main>\n} @else {\n  <div class=\"empty\">\n    <eo-error-message\n      [emptyState]=\"{icon: 'ic_saved_search.svg', text: 'eo.workspace.widget.configuration.notOk'}\"></eo-error-message>\n  </div>\n}\n", styles: [":host-context(.editMode) .info:not(.visible){opacity:1}:host{z-index:1}:host .info{color:var(--color-primary-2);padding:0 var(--app-pane-padding);margin-bottom:calc(var(--app-pane-padding) * 2);text-decoration:none;cursor:pointer}:host .info:not(.visible){opacity:0;pointer-events:none}:host .info:not(.disabled){cursor:default;pointer-events:none}:host .info:focus,:host .info:hover{color:var(--color-accent)}:host .info:focus eo-icon,:host .info:hover eo-icon{background-color:var(--color-accent)}:host .info>div{display:flex;flex:0 0 auto;align-items:center}:host .info eo-icon{flex:0 0 auto;border-radius:2px;background-color:var(--color-primary-2);color:rgba(var(--color-white-rgb),.7);padding:2px}:host .info .count{font-size:2.5rem;line-height:1em;padding:0 var(--app-pane-padding);text-align:right}:host .info .clr.success{color:var(--color-success)}:host .info .clr.warning{color:var(--color-warning)}:host .info .clr.error{color:var(--color-error)}:host .empty{display:contents}::ng-deep eo-icon.error__icon{max-width:fit-content;max-height:fit-content}::ng-deep eo-error-message{overflow-y:auto}::ng-deep .error__message{display:contents;max-width:fit-content;max-height:fit-content}\n"] }]
         }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i1.SearchService }, { type: i1.SystemService }, { type: i1.StoredQueriesService }], propDecorators: { widgetConfig: [{

package/esm2022/app/eo-client/dashboard/widgets/hitlist-widget/hitlist-setup/hitlist-setup.component.mjs

@@ -178,14 +178,14 @@ let HitlistSetupComponent = class HitlistSetupComponent {
             });
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: HitlistSetupComponent, deps: [{ token: i1.UntypedFormBuilder }, { token: i2.StoredQueriesService }, { token: i2.TranslateService }, { token: i2.UserService }, { token: i2.SystemService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.1.2", type: HitlistSetupComponent, selector: "eo-hitlist-setup", inputs: { widgetConfig: "widgetConfig" }, outputs: { widgetConfigChange: "widgetConfigChange", widgetConfigStateChange: "widgetConfigStateChange" }, viewQueries: [{ propertyName: "firstLabelPropertyCodesystem", first: true, predicate: ["firstLabelPropertyCodesystem"], descendants: true }, { propertyName: "secondLabelPropertyCodesystem", first: true, predicate: ["secondLabelPropertyCodesystem"], descendants: true }, { propertyName: "thirdLabelPropertyCodesystem", first: true, predicate: ["thirdLabelPropertyCodesystem"], descendants: true }], ngImport: i0, template: "<div class=\"setup\">\n  <form [formGroup]=\"setupForm\">\n\n    @if (storedQueriesPicker?.codesystem?.entries) {\n      <eo-form-input [skipToggle]=\"true\"\n                     [label]=\"'eo.workspace.widget.label.storedquery' | translate\" [required]=\"true\"\n                     [description]=\"'eo.workspace.widget.stored.queries.description'\"\n                     [invalid]=\"setupForm.dirty && setupForm.get('storedQuery').invalid\">\n        <eo-codesystem formControlName=\"storedQuery\" [pickerTitle]=\"storedQueriesPicker.title\"\n                       [codesystem]=\"storedQueriesPicker.codesystem\"\n                       [emptyMessage]=\"'eo.workspace.widget.stored.queries.list.notAvailable'\"></eo-codesystem>\n      </eo-form-input>\n      @if (setupForm.dirty && setupForm.get('storedQuery').hasError('required')) {\n        <div class=\"err-msg\" translate>\n          eo.form.property.required\n        </div>\n      }\n    }\n\n    @if (widgetConfig?.storedQuery) {\n      <div class=\"listOptions\">\n        <eo-form-input [skipToggle]=\"true\" [required]=\"true\"\n                       [invalid]=\"setupForm.get('size').invalid\"\n                       [label]=\"'eo.workspace.widget.form.label.size' | translate\">\n          <eo-number [scale]=\"0\" formControlName=\"size\"></eo-number>\n        </eo-form-input>\n        @if (setupForm.dirty && setupForm.get('size').invalid) {\n          <div class=\"err-msg\" translate [translateParams]=\"{min: 3, max: 100}\">\n            @if (setupForm.get('size').hasError('required')) {\n              eo.form.property.required\n            } @else if (setupForm.get('size').hasError('max') || setupForm.get('size').hasError('min')) {\n              eo.form.property.string.error.classification.partialValue\n            }\n          </div>\n        }\n\n        @if (propertyPicker?.codesystem?.entries) {\n          <div class=\"propertyPicker\">\n            <eo-form-input [skipToggle]=\"true\"\n                           [label]=\"'eo.workspace.widget.form.label.firstLabel'|translate\">\n              <eo-codesystem #firstLabelPropertyCodesystem formControlName=\"firstLabel\"\n                             [pickerTitle]=\"propertyPicker.title\"\n                             [codesystem]=\"propertyPicker.codesystem\"></eo-codesystem>\n            </eo-form-input>\n            <eo-form-input [skipToggle]=\"true\" [required]=\"true\"\n                           [label]=\"'eo.workspace.widget.form.label.secondLabel'|translate\"\n                           [invalid]=\"setupForm.get('secondLabel').invalid\">\n              <eo-codesystem #secondLabelPropertyCodesystem formControlName=\"secondLabel\"\n                             [pickerTitle]=\"propertyPicker.title\"\n                             [codesystem]=\"propertyPicker.codesystem\"></eo-codesystem>\n            </eo-form-input>\n            @if (setupForm.dirty && setupForm.get('secondLabel').hasError('required')) {\n              <div class=\"err-msg\" translate>\n                eo.form.property.required\n              </div>\n            }\n\n            <eo-form-input [skipToggle]=\"true\"\n                           [label]=\"'eo.workspace.widget.form.label.thirdLabel'|translate\">\n              <eo-codesystem #thirdLabelPropertyCodesystem formControlName=\"thirdLabel\"\n                             [pickerTitle]=\"propertyPicker.title\"\n                             [codesystem]=\"propertyPicker.codesystem\"></eo-codesystem>\n            </eo-form-input>\n          </div>\n          <eo-form-input [skipToggle]=\"true\"\n                         [label]=\"'eo.workspace.widget.form.label.sortField'|translate\">\n            <eo-codesystem formControlName=\"sortField\" [pickerTitle]=\"propertyPicker.title\"\n                           [codesystem]=\"propertyPicker.codesystem\"></eo-codesystem>\n          </eo-form-input>\n        }\n\n        <eo-form-input class=\"label checkbox\" [label]=\"'eo.workspace.widget.form.label.sortRevert'|translate\"\n                       [skipToggle]=\"true\">\n          <eo-checkbox formControlName=\"sortRevert\" [tristate]=\"false\"></eo-checkbox>\n        </eo-form-input>\n      </div>\n    }\n  </form>\n</div>\n\n@if (setupForm.valid) {\n  <div class=\"preview\">\n    <eo-hitlist-widget [widgetConfig]=\"widgetConfig\" [editMode]=\"true\"></eo-hitlist-widget>\n  </div>\n} @else {\n  <div class=\"empty\">\n    <eo-error-message\n      [emptyState]=\"{icon: 'ic_saved_search.svg', text: 'eo.workspace.widget.stored.queries.list.empty'}\"></eo-error-message>\n  </div>\n}\n", styles: [":host{display:grid;grid-template-rows:1fr;grid-template-columns:minmax(200px,400px) 1fr;grid-template-areas:\"setup preview\";height:100%}:host .setup{grid-area:setup;padding:var(--app-pane-padding);border-right:1px solid var(--panel-divider-color)}:host .setup eo-form-input{display:block;margin-top:var(--app-pane-padding)}:host .setup .propertyPicker{padding-bottom:30px;padding-top:30px}:host .setup .err-msg{color:var(--color-error)}:host .preview{grid-area:preview;overflow-y:auto;background-color:var(--main-background);padding:var(--app-pane-padding)}:host .preview eo-hitlist-widget{border:1px solid var(--panel-divider-color)}\n"], dependencies: [{ kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i3.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "component", type: i4.ErrorMessageComponent, selector: "eo-error-message", inputs: ["emptyState"] }, { kind: "component", type: i5.FormInputComponent, selector: "eo-form-input", inputs: ["label", "tag", "description", "skipToggle", "isNull", "invalid", "disabled", "required"], outputs: ["onToggleLabel"] }, { kind: "component", type: i6.CodesystemComponent, selector: "eo-codesystem", inputs: ["situation", "pickerTitle", "placeholder", "codesystem", "multiselect", "readonly", "inputStyleClass", "emptyMessage", "filterFunction", "disablingFilterFunction"] }, { kind: "component", type: i7.NumberComponent, selector: "eo-number", inputs: ["scale", "precision", "grouping", "pattern", "readonly"] }, { kind: "component", type: i8.CheckboxComponent, selector: "eo-checkbox", inputs: ["required", "tristate", "readonly"] }, { kind: "component", type: i9.HitlistWidgetComponent, selector: "eo-hitlist-widget", inputs: ["editMode", "widgetConfig"] }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: HitlistSetupComponent, deps: [{ token: i1.UntypedFormBuilder }, { token: i2.StoredQueriesService }, { token: i2.TranslateService }, { token: i2.UserService }, { token: i2.SystemService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.4", type: HitlistSetupComponent, selector: "eo-hitlist-setup", inputs: { widgetConfig: "widgetConfig" }, outputs: { widgetConfigChange: "widgetConfigChange", widgetConfigStateChange: "widgetConfigStateChange" }, viewQueries: [{ propertyName: "firstLabelPropertyCodesystem", first: true, predicate: ["firstLabelPropertyCodesystem"], descendants: true }, { propertyName: "secondLabelPropertyCodesystem", first: true, predicate: ["secondLabelPropertyCodesystem"], descendants: true }, { propertyName: "thirdLabelPropertyCodesystem", first: true, predicate: ["thirdLabelPropertyCodesystem"], descendants: true }], ngImport: i0, template: "<div class=\"setup\">\n  <form [formGroup]=\"setupForm\">\n\n    @if (storedQueriesPicker?.codesystem?.entries) {\n      <eo-form-input [skipToggle]=\"true\"\n                     [label]=\"'eo.workspace.widget.label.storedquery' | translate\" [required]=\"true\"\n                     [description]=\"'eo.workspace.widget.stored.queries.description'\"\n                     [invalid]=\"setupForm.dirty && setupForm.get('storedQuery').invalid\">\n        <eo-codesystem formControlName=\"storedQuery\" [pickerTitle]=\"storedQueriesPicker.title\"\n                       [codesystem]=\"storedQueriesPicker.codesystem\"\n                       [emptyMessage]=\"'eo.workspace.widget.stored.queries.list.notAvailable'\"></eo-codesystem>\n      </eo-form-input>\n      @if (setupForm.dirty && setupForm.get('storedQuery').hasError('required')) {\n        <div class=\"err-msg\" translate>\n          eo.form.property.required\n        </div>\n      }\n    }\n\n    @if (widgetConfig?.storedQuery) {\n      <div class=\"listOptions\">\n        <eo-form-input [skipToggle]=\"true\" [required]=\"true\"\n                       [invalid]=\"setupForm.get('size').invalid\"\n                       [label]=\"'eo.workspace.widget.form.label.size' | translate\">\n          <eo-number [scale]=\"0\" formControlName=\"size\"></eo-number>\n        </eo-form-input>\n        @if (setupForm.dirty && setupForm.get('size').invalid) {\n          <div class=\"err-msg\" translate [translateParams]=\"{min: 3, max: 100}\">\n            @if (setupForm.get('size').hasError('required')) {\n              eo.form.property.required\n            } @else if (setupForm.get('size').hasError('max') || setupForm.get('size').hasError('min')) {\n              eo.form.property.string.error.classification.partialValue\n            }\n          </div>\n        }\n\n        @if (propertyPicker?.codesystem?.entries) {\n          <div class=\"propertyPicker\">\n            <eo-form-input [skipToggle]=\"true\"\n                           [label]=\"'eo.workspace.widget.form.label.firstLabel'|translate\">\n              <eo-codesystem #firstLabelPropertyCodesystem formControlName=\"firstLabel\"\n                             [pickerTitle]=\"propertyPicker.title\"\n                             [codesystem]=\"propertyPicker.codesystem\"></eo-codesystem>\n            </eo-form-input>\n            <eo-form-input [skipToggle]=\"true\" [required]=\"true\"\n                           [label]=\"'eo.workspace.widget.form.label.secondLabel'|translate\"\n                           [invalid]=\"setupForm.get('secondLabel').invalid\">\n              <eo-codesystem #secondLabelPropertyCodesystem formControlName=\"secondLabel\"\n                             [pickerTitle]=\"propertyPicker.title\"\n                             [codesystem]=\"propertyPicker.codesystem\"></eo-codesystem>\n            </eo-form-input>\n            @if (setupForm.dirty && setupForm.get('secondLabel').hasError('required')) {\n              <div class=\"err-msg\" translate>\n                eo.form.property.required\n              </div>\n            }\n\n            <eo-form-input [skipToggle]=\"true\"\n                           [label]=\"'eo.workspace.widget.form.label.thirdLabel'|translate\">\n              <eo-codesystem #thirdLabelPropertyCodesystem formControlName=\"thirdLabel\"\n                             [pickerTitle]=\"propertyPicker.title\"\n                             [codesystem]=\"propertyPicker.codesystem\"></eo-codesystem>\n            </eo-form-input>\n          </div>\n          <eo-form-input [skipToggle]=\"true\"\n                         [label]=\"'eo.workspace.widget.form.label.sortField'|translate\">\n            <eo-codesystem formControlName=\"sortField\" [pickerTitle]=\"propertyPicker.title\"\n                           [codesystem]=\"propertyPicker.codesystem\"></eo-codesystem>\n          </eo-form-input>\n        }\n\n        <eo-form-input class=\"label checkbox\" [label]=\"'eo.workspace.widget.form.label.sortRevert'|translate\"\n                       [skipToggle]=\"true\">\n          <eo-checkbox formControlName=\"sortRevert\" [tristate]=\"false\"></eo-checkbox>\n        </eo-form-input>\n      </div>\n    }\n  </form>\n</div>\n\n@if (setupForm.valid) {\n  <div class=\"preview\">\n    <eo-hitlist-widget [widgetConfig]=\"widgetConfig\" [editMode]=\"true\"></eo-hitlist-widget>\n  </div>\n} @else {\n  <div class=\"empty\">\n    <eo-error-message\n      [emptyState]=\"{icon: 'ic_saved_search.svg', text: 'eo.workspace.widget.stored.queries.list.empty'}\"></eo-error-message>\n  </div>\n}\n", styles: [":host{display:grid;grid-template-rows:1fr;grid-template-columns:minmax(200px,400px) 1fr;grid-template-areas:\"setup preview\";height:100%}:host .setup{grid-area:setup;padding:var(--app-pane-padding);border-right:1px solid var(--panel-divider-color)}:host .setup eo-form-input{display:block;margin-top:var(--app-pane-padding)}:host .setup .propertyPicker{padding-bottom:30px;padding-top:30px}:host .setup .err-msg{color:var(--color-error)}:host .preview{grid-area:preview;overflow-y:auto;background-color:var(--main-background);padding:var(--app-pane-padding)}:host .preview eo-hitlist-widget{border:1px solid var(--panel-divider-color)}\n"], dependencies: [{ kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i3.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "component", type: i4.ErrorMessageComponent, selector: "eo-error-message", inputs: ["emptyState"] }, { kind: "component", type: i5.FormInputComponent, selector: "eo-form-input", inputs: ["label", "tag", "description", "skipToggle", "isNull", "invalid", "disabled", "required"], outputs: ["onToggleLabel"] }, { kind: "component", type: i6.CodesystemComponent, selector: "eo-codesystem", inputs: ["situation", "pickerTitle", "placeholder", "codesystem", "multiselect", "readonly", "inputStyleClass", "emptyMessage", "filterFunction", "disablingFilterFunction"] }, { kind: "component", type: i7.NumberComponent, selector: "eo-number", inputs: ["scale", "precision", "grouping", "pattern", "readonly"] }, { kind: "component", type: i8.CheckboxComponent, selector: "eo-checkbox", inputs: ["required", "tristate", "readonly"] }, { kind: "component", type: i9.HitlistWidgetComponent, selector: "eo-hitlist-widget", inputs: ["editMode", "widgetConfig"] }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }] }); }
 };
 HitlistSetupComponent = __decorate([
     UntilDestroy()
 ], HitlistSetupComponent);
 export { HitlistSetupComponent };
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: HitlistSetupComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: HitlistSetupComponent, decorators: [{
             type: Component,
             args: [{ selector: 'eo-hitlist-setup', template: "<div class=\"setup\">\n  <form [formGroup]=\"setupForm\">\n\n    @if (storedQueriesPicker?.codesystem?.entries) {\n      <eo-form-input [skipToggle]=\"true\"\n                     [label]=\"'eo.workspace.widget.label.storedquery' | translate\" [required]=\"true\"\n                     [description]=\"'eo.workspace.widget.stored.queries.description'\"\n                     [invalid]=\"setupForm.dirty && setupForm.get('storedQuery').invalid\">\n        <eo-codesystem formControlName=\"storedQuery\" [pickerTitle]=\"storedQueriesPicker.title\"\n                       [codesystem]=\"storedQueriesPicker.codesystem\"\n                       [emptyMessage]=\"'eo.workspace.widget.stored.queries.list.notAvailable'\"></eo-codesystem>\n      </eo-form-input>\n      @if (setupForm.dirty && setupForm.get('storedQuery').hasError('required')) {\n        <div class=\"err-msg\" translate>\n          eo.form.property.required\n        </div>\n      }\n    }\n\n    @if (widgetConfig?.storedQuery) {\n      <div class=\"listOptions\">\n        <eo-form-input [skipToggle]=\"true\" [required]=\"true\"\n                       [invalid]=\"setupForm.get('size').invalid\"\n                       [label]=\"'eo.workspace.widget.form.label.size' | translate\">\n          <eo-number [scale]=\"0\" formControlName=\"size\"></eo-number>\n        </eo-form-input>\n        @if (setupForm.dirty && setupForm.get('size').invalid) {\n          <div class=\"err-msg\" translate [translateParams]=\"{min: 3, max: 100}\">\n            @if (setupForm.get('size').hasError('required')) {\n              eo.form.property.required\n            } @else if (setupForm.get('size').hasError('max') || setupForm.get('size').hasError('min')) {\n              eo.form.property.string.error.classification.partialValue\n            }\n          </div>\n        }\n\n        @if (propertyPicker?.codesystem?.entries) {\n          <div class=\"propertyPicker\">\n            <eo-form-input [skipToggle]=\"true\"\n                           [label]=\"'eo.workspace.widget.form.label.firstLabel'|translate\">\n              <eo-codesystem #firstLabelPropertyCodesystem formControlName=\"firstLabel\"\n                             [pickerTitle]=\"propertyPicker.title\"\n                             [codesystem]=\"propertyPicker.codesystem\"></eo-codesystem>\n            </eo-form-input>\n            <eo-form-input [skipToggle]=\"true\" [required]=\"true\"\n                           [label]=\"'eo.workspace.widget.form.label.secondLabel'|translate\"\n                           [invalid]=\"setupForm.get('secondLabel').invalid\">\n              <eo-codesystem #secondLabelPropertyCodesystem formControlName=\"secondLabel\"\n                             [pickerTitle]=\"propertyPicker.title\"\n                             [codesystem]=\"propertyPicker.codesystem\"></eo-codesystem>\n            </eo-form-input>\n            @if (setupForm.dirty && setupForm.get('secondLabel').hasError('required')) {\n              <div class=\"err-msg\" translate>\n                eo.form.property.required\n              </div>\n            }\n\n            <eo-form-input [skipToggle]=\"true\"\n                           [label]=\"'eo.workspace.widget.form.label.thirdLabel'|translate\">\n              <eo-codesystem #thirdLabelPropertyCodesystem formControlName=\"thirdLabel\"\n                             [pickerTitle]=\"propertyPicker.title\"\n                             [codesystem]=\"propertyPicker.codesystem\"></eo-codesystem>\n            </eo-form-input>\n          </div>\n          <eo-form-input [skipToggle]=\"true\"\n                         [label]=\"'eo.workspace.widget.form.label.sortField'|translate\">\n            <eo-codesystem formControlName=\"sortField\" [pickerTitle]=\"propertyPicker.title\"\n                           [codesystem]=\"propertyPicker.codesystem\"></eo-codesystem>\n          </eo-form-input>\n        }\n\n        <eo-form-input class=\"label checkbox\" [label]=\"'eo.workspace.widget.form.label.sortRevert'|translate\"\n                       [skipToggle]=\"true\">\n          <eo-checkbox formControlName=\"sortRevert\" [tristate]=\"false\"></eo-checkbox>\n        </eo-form-input>\n      </div>\n    }\n  </form>\n</div>\n\n@if (setupForm.valid) {\n  <div class=\"preview\">\n    <eo-hitlist-widget [widgetConfig]=\"widgetConfig\" [editMode]=\"true\"></eo-hitlist-widget>\n  </div>\n} @else {\n  <div class=\"empty\">\n    <eo-error-message\n      [emptyState]=\"{icon: 'ic_saved_search.svg', text: 'eo.workspace.widget.stored.queries.list.empty'}\"></eo-error-message>\n  </div>\n}\n", styles: [":host{display:grid;grid-template-rows:1fr;grid-template-columns:minmax(200px,400px) 1fr;grid-template-areas:\"setup preview\";height:100%}:host .setup{grid-area:setup;padding:var(--app-pane-padding);border-right:1px solid var(--panel-divider-color)}:host .setup eo-form-input{display:block;margin-top:var(--app-pane-padding)}:host .setup .propertyPicker{padding-bottom:30px;padding-top:30px}:host .setup .err-msg{color:var(--color-error)}:host .preview{grid-area:preview;overflow-y:auto;background-color:var(--main-background);padding:var(--app-pane-padding)}:host .preview eo-hitlist-widget{border:1px solid var(--panel-divider-color)}\n"] }]
         }], ctorParameters: () => [{ type: i1.UntypedFormBuilder }, { type: i2.StoredQueriesService }, { type: i2.TranslateService }, { type: i2.UserService }, { type: i2.SystemService }], propDecorators: { widgetConfigChange: [{

package/esm2022/app/eo-client/dashboard/widgets/hitlist-widget/hitlist-widget.component.mjs

@@ -145,14 +145,14 @@ let HitlistWidgetComponent = class HitlistWidgetComponent {
         const url = window.location.href.split('/dashboard')[0] + '/result?' + queryParams;
         window.open(url, event?.ctrlKey || this.editMode ? '_blank' : '_self');
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: HitlistWidgetComponent, deps: [{ token: i1.Router }, { token: i2.SearchService }, { token: i3.AppSearchService }, { token: i2.SystemService }, { token: i2.StoredQueriesService }, { token: i2.TranslateService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.1.2", type: HitlistWidgetComponent, selector: "eo-hitlist-widget", inputs: { editMode: "editMode", widgetConfig: "widgetConfig" }, ngImport: i0, template: "<header>\n  <div class=\"header-title\">\n    @if (widgetConfig?.formValue.storedQuery) {\n      <div class=\"title\">\n        {{ widgetConfig?.formValue.storedQuery }}\n      </div>\n      <div class=\"icons-title\">\n        <eo-icon class=\"button primary\" [iconSrc]=\"'assets/_default/svg/ic_saved_search.svg'\"\n                 (click)=\"setQueryToAppSearch()\"\n                 [iconTitle]=\"('eo.widget.hitlist.tooltip.savedSearchIcon'| translate)\"></eo-icon>\n        <eo-icon class=\"button primary\" [iconSrc]=\"'assets/_default/svg/ic_open_tab.svg'\"\n                 (click)=\"onEmitQueryClick($event)\"\n                 [iconTitle]=\"('eo.widget.hitlist.tooltip.openinresultlist'| translate)\"></eo-icon>\n        <eo-icon class=\"button primary\" [iconSrc]=\"'assets/_default/svg/ic_refresh.svg'\" (click)=\"refresh()\"\n                 [iconTitle]=\"('eo.widget.hitlist.tooltip.refresh'| translate)\"></eo-icon>\n      </div>\n    }\n  </div>\n</header>\n\n@if (refreshingRequest) {\n  <main class=\"loader-overlay__mask\">\n    <eo-loading-spinner [size]=\"'large'\"></eo-loading-spinner>\n  </main>\n} @else if (hitlistResult && !refreshingRequest) {\n  <main class=\"hitlist\">\n    @for (i of hitlistResult; track $index) {\n      <div>\n        <div class=\"item\" (click)=\"onItemClick(i, $event)\">\n          <div class=\"preTitle\">{{ i.firstLabel }}</div>\n          <div class=\"title\">{{ i.secondLabel }}</div>\n          <div class=\"description\">{{ i.thirdLabel }}</div>\n          <eo-icon [objectType]=\"i.type\"></eo-icon>\n        </div>\n      </div>\n    } @empty {\n      <div class=\"empty\">\n        <eo-error-message\n          [emptyState]=\"{icon: 'ic_saved_search.svg', text: 'eo.workspace.widget.configuration.notOk'}\"></eo-error-message>\n      </div>\n    }\n  </main>\n} @else {\n  <div class=\"empty\">\n    <eo-error-message\n      [emptyState]=\"{icon: 'ic_saved_search.svg', text: 'eo.workspace.widget.configuration.notOk'}\"></eo-error-message>\n  </div>\n}\n", styles: [":host{height:100%;display:grid;grid-template-rows:auto 1fr;grid-template-areas:\"header\" \"main\";background-color:var(--panel-background);color:var(--text-color-body)}@media screen and (max-width: 800px){:host{height:40%;padding:0 var(--app-pane-padding) var(--app-pane-padding) var(--app-pane-padding)}}:host header{height:40px;display:inline-grid;color:#fff}:host header .header-title{background-color:var(--color-primary-2);display:flex;justify-content:space-between;align-items:center}:host header .title{text-align:center;flex-grow:1;justify-content:center}:host header .icons-title{justify-content:flex-end;display:flex;gap:3px;position:relative;align-items:center;right:13px}:host header .icons-title eo-icon.button.primary{color:rgba(var(--color-white-rgb),.5)}:host header .icons-title eo-icon.button.primary:hover{cursor:pointer;color:var(--color-white)}:host main{grid-area:main}:host main.loader-overlay__mask{display:flex;width:100%;height:100%;flex-flow:column;align-items:center;justify-content:center;background:rgba(var(--color-white-rgb),.8);-webkit-animation:eoFadeIn .2s;animation:eoFadeIn .2s}:host main.hitlist{overflow-y:auto}:host main.hitlist .item{padding:calc(var(--app-pane-padding) / 2);display:grid;column-gap:var(--app-pane-padding);row-gap:calc(var(--app-pane-padding) / 4);grid-template-rows:auto auto;grid-template-columns:auto 1fr;grid-template-areas:\"icon preTitle\" \"icon title\" \"icon description\";cursor:pointer}:host main.hitlist .item .title{grid-area:title;font-weight:700}:host main.hitlist .item .description{grid-area:description;color:var(--text-color-caption)}:host main.hitlist .item .preTitle{grid-area:preTitle;color:var(--text-color-caption)}:host main.hitlist .item eo-icon{grid-area:icon;align-self:center;width:24px;height:24px;display:block;opacity:.56}:host main.hitlist .item:hover{background-color:var(--item-focus-background-color)}:host .empty{display:contents}::ng-deep eo-icon.error__icon{max-width:fit-content;max-height:fit-content}::ng-deep eo-error-message{overflow-y:auto}::ng-deep .error__message{display:contents;max-width:fit-content;max-height:fit-content}\n"], dependencies: [{ kind: "component", type: i4.EoIconComponent, selector: "eo-icon", inputs: ["objectType", "iconId", "iconSrc", "badge", "iconTitle"] }, { kind: "component", type: i5.LoadingSpinnerComponent, selector: "eo-loading-spinner", inputs: ["size", "mode"] }, { kind: "component", type: i6.ErrorMessageComponent, selector: "eo-error-message", inputs: ["emptyState"] }, { kind: "pipe", type: i7.TranslatePipe, name: "translate" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: HitlistWidgetComponent, deps: [{ token: i1.Router }, { token: i2.SearchService }, { token: i3.AppSearchService }, { token: i2.SystemService }, { token: i2.StoredQueriesService }, { token: i2.TranslateService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.4", type: HitlistWidgetComponent, selector: "eo-hitlist-widget", inputs: { editMode: "editMode", widgetConfig: "widgetConfig" }, ngImport: i0, template: "<header>\n  <div class=\"header-title\">\n    @if (widgetConfig?.formValue.storedQuery) {\n      <div class=\"title\">\n        {{ widgetConfig?.formValue.storedQuery }}\n      </div>\n      <div class=\"icons-title\">\n        <eo-icon class=\"button primary\" [iconSrc]=\"'assets/_default/svg/ic_saved_search.svg'\"\n                 (click)=\"setQueryToAppSearch()\"\n                 [iconTitle]=\"('eo.widget.hitlist.tooltip.savedSearchIcon'| translate)\"></eo-icon>\n        <eo-icon class=\"button primary\" [iconSrc]=\"'assets/_default/svg/ic_open_tab.svg'\"\n                 (click)=\"onEmitQueryClick($event)\"\n                 [iconTitle]=\"('eo.widget.hitlist.tooltip.openinresultlist'| translate)\"></eo-icon>\n        <eo-icon class=\"button primary\" [iconSrc]=\"'assets/_default/svg/ic_refresh.svg'\" (click)=\"refresh()\"\n                 [iconTitle]=\"('eo.widget.hitlist.tooltip.refresh'| translate)\"></eo-icon>\n      </div>\n    }\n  </div>\n</header>\n\n@if (refreshingRequest) {\n  <main class=\"loader-overlay__mask\">\n    <eo-loading-spinner [size]=\"'large'\"></eo-loading-spinner>\n  </main>\n} @else if (hitlistResult && !refreshingRequest) {\n  <main class=\"hitlist\">\n    @for (i of hitlistResult; track $index) {\n      <div>\n        <div class=\"item\" (click)=\"onItemClick(i, $event)\">\n          <div class=\"preTitle\">{{ i.firstLabel }}</div>\n          <div class=\"title\">{{ i.secondLabel }}</div>\n          <div class=\"description\">{{ i.thirdLabel }}</div>\n          <eo-icon [objectType]=\"i.type\"></eo-icon>\n        </div>\n      </div>\n    } @empty {\n      <div class=\"empty\">\n        <eo-error-message\n          [emptyState]=\"{icon: 'ic_saved_search.svg', text: 'eo.workspace.widget.configuration.notOk'}\"></eo-error-message>\n      </div>\n    }\n  </main>\n} @else {\n  <div class=\"empty\">\n    <eo-error-message\n      [emptyState]=\"{icon: 'ic_saved_search.svg', text: 'eo.workspace.widget.configuration.notOk'}\"></eo-error-message>\n  </div>\n}\n", styles: [":host{height:100%;display:grid;grid-template-rows:auto 1fr;grid-template-areas:\"header\" \"main\";background-color:var(--panel-background);color:var(--text-color-body)}@media screen and (max-width: 800px){:host{height:40%;padding:0 var(--app-pane-padding) var(--app-pane-padding) var(--app-pane-padding)}}:host header{height:40px;display:inline-grid;color:#fff}:host header .header-title{background-color:var(--color-primary-2);display:flex;justify-content:space-between;align-items:center}:host header .title{text-align:center;flex-grow:1;justify-content:center}:host header .icons-title{justify-content:flex-end;display:flex;gap:3px;position:relative;align-items:center;right:13px}:host header .icons-title eo-icon.button.primary{color:rgba(var(--color-white-rgb),.5)}:host header .icons-title eo-icon.button.primary:hover{cursor:pointer;color:var(--color-white)}:host main{grid-area:main}:host main.loader-overlay__mask{display:flex;width:100%;height:100%;flex-flow:column;align-items:center;justify-content:center;background:rgba(var(--color-white-rgb),.8);-webkit-animation:eoFadeIn .2s;animation:eoFadeIn .2s}:host main.hitlist{overflow-y:auto}:host main.hitlist .item{padding:calc(var(--app-pane-padding) / 2);display:grid;column-gap:var(--app-pane-padding);row-gap:calc(var(--app-pane-padding) / 4);grid-template-rows:auto auto;grid-template-columns:auto 1fr;grid-template-areas:\"icon preTitle\" \"icon title\" \"icon description\";cursor:pointer}:host main.hitlist .item .title{grid-area:title;font-weight:700}:host main.hitlist .item .description{grid-area:description;color:var(--text-color-caption)}:host main.hitlist .item .preTitle{grid-area:preTitle;color:var(--text-color-caption)}:host main.hitlist .item eo-icon{grid-area:icon;align-self:center;width:24px;height:24px;display:block;opacity:.56}:host main.hitlist .item:hover{background-color:var(--item-focus-background-color)}:host .empty{display:contents}::ng-deep eo-icon.error__icon{max-width:fit-content;max-height:fit-content}::ng-deep eo-error-message{overflow-y:auto}::ng-deep .error__message{display:contents;max-width:fit-content;max-height:fit-content}\n"], dependencies: [{ kind: "component", type: i4.EoIconComponent, selector: "eo-icon", inputs: ["objectType", "iconId", "iconSrc", "badge", "iconTitle"] }, { kind: "component", type: i5.LoadingSpinnerComponent, selector: "eo-loading-spinner", inputs: ["size", "mode"] }, { kind: "component", type: i6.ErrorMessageComponent, selector: "eo-error-message", inputs: ["emptyState"] }, { kind: "pipe", type: i7.TranslatePipe, name: "translate" }] }); }
 };
 HitlistWidgetComponent = __decorate([
     UntilDestroy()
 ], HitlistWidgetComponent);
 export { HitlistWidgetComponent };
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: HitlistWidgetComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: HitlistWidgetComponent, decorators: [{
             type: Component,
             args: [{ selector: 'eo-hitlist-widget', template: "<header>\n  <div class=\"header-title\">\n    @if (widgetConfig?.formValue.storedQuery) {\n      <div class=\"title\">\n        {{ widgetConfig?.formValue.storedQuery }}\n      </div>\n      <div class=\"icons-title\">\n        <eo-icon class=\"button primary\" [iconSrc]=\"'assets/_default/svg/ic_saved_search.svg'\"\n                 (click)=\"setQueryToAppSearch()\"\n                 [iconTitle]=\"('eo.widget.hitlist.tooltip.savedSearchIcon'| translate)\"></eo-icon>\n        <eo-icon class=\"button primary\" [iconSrc]=\"'assets/_default/svg/ic_open_tab.svg'\"\n                 (click)=\"onEmitQueryClick($event)\"\n                 [iconTitle]=\"('eo.widget.hitlist.tooltip.openinresultlist'| translate)\"></eo-icon>\n        <eo-icon class=\"button primary\" [iconSrc]=\"'assets/_default/svg/ic_refresh.svg'\" (click)=\"refresh()\"\n                 [iconTitle]=\"('eo.widget.hitlist.tooltip.refresh'| translate)\"></eo-icon>\n      </div>\n    }\n  </div>\n</header>\n\n@if (refreshingRequest) {\n  <main class=\"loader-overlay__mask\">\n    <eo-loading-spinner [size]=\"'large'\"></eo-loading-spinner>\n  </main>\n} @else if (hitlistResult && !refreshingRequest) {\n  <main class=\"hitlist\">\n    @for (i of hitlistResult; track $index) {\n      <div>\n        <div class=\"item\" (click)=\"onItemClick(i, $event)\">\n          <div class=\"preTitle\">{{ i.firstLabel }}</div>\n          <div class=\"title\">{{ i.secondLabel }}</div>\n          <div class=\"description\">{{ i.thirdLabel }}</div>\n          <eo-icon [objectType]=\"i.type\"></eo-icon>\n        </div>\n      </div>\n    } @empty {\n      <div class=\"empty\">\n        <eo-error-message\n          [emptyState]=\"{icon: 'ic_saved_search.svg', text: 'eo.workspace.widget.configuration.notOk'}\"></eo-error-message>\n      </div>\n    }\n  </main>\n} @else {\n  <div class=\"empty\">\n    <eo-error-message\n      [emptyState]=\"{icon: 'ic_saved_search.svg', text: 'eo.workspace.widget.configuration.notOk'}\"></eo-error-message>\n  </div>\n}\n", styles: [":host{height:100%;display:grid;grid-template-rows:auto 1fr;grid-template-areas:\"header\" \"main\";background-color:var(--panel-background);color:var(--text-color-body)}@media screen and (max-width: 800px){:host{height:40%;padding:0 var(--app-pane-padding) var(--app-pane-padding) var(--app-pane-padding)}}:host header{height:40px;display:inline-grid;color:#fff}:host header .header-title{background-color:var(--color-primary-2);display:flex;justify-content:space-between;align-items:center}:host header .title{text-align:center;flex-grow:1;justify-content:center}:host header .icons-title{justify-content:flex-end;display:flex;gap:3px;position:relative;align-items:center;right:13px}:host header .icons-title eo-icon.button.primary{color:rgba(var(--color-white-rgb),.5)}:host header .icons-title eo-icon.button.primary:hover{cursor:pointer;color:var(--color-white)}:host main{grid-area:main}:host main.loader-overlay__mask{display:flex;width:100%;height:100%;flex-flow:column;align-items:center;justify-content:center;background:rgba(var(--color-white-rgb),.8);-webkit-animation:eoFadeIn .2s;animation:eoFadeIn .2s}:host main.hitlist{overflow-y:auto}:host main.hitlist .item{padding:calc(var(--app-pane-padding) / 2);display:grid;column-gap:var(--app-pane-padding);row-gap:calc(var(--app-pane-padding) / 4);grid-template-rows:auto auto;grid-template-columns:auto 1fr;grid-template-areas:\"icon preTitle\" \"icon title\" \"icon description\";cursor:pointer}:host main.hitlist .item .title{grid-area:title;font-weight:700}:host main.hitlist .item .description{grid-area:description;color:var(--text-color-caption)}:host main.hitlist .item .preTitle{grid-area:preTitle;color:var(--text-color-caption)}:host main.hitlist .item eo-icon{grid-area:icon;align-self:center;width:24px;height:24px;display:block;opacity:.56}:host main.hitlist .item:hover{background-color:var(--item-focus-background-color)}:host .empty{display:contents}::ng-deep eo-icon.error__icon{max-width:fit-content;max-height:fit-content}::ng-deep eo-error-message{overflow-y:auto}::ng-deep .error__message{display:contents;max-width:fit-content;max-height:fit-content}\n"] }]
         }], ctorParameters: () => [{ type: i1.Router }, { type: i2.SearchService }, { type: i3.AppSearchService }, { type: i2.SystemService }, { type: i2.StoredQueriesService }, { type: i2.TranslateService }], propDecorators: { editMode: [{

package/esm2022/app/eo-client/dashboard/widgets/iframe-widget/iframe-setup/iframe-setup.component.mjs

@@ -45,14 +45,14 @@ let IframeSetupComponent = class IframeSetupComponent {
             this.widgetConfigChange.emit(this._widgetConfig);
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: IframeSetupComponent, deps: [{ token: i1.FormBuilder }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.1.2", type: IframeSetupComponent, selector: "eo-iframe-setup", inputs: { widgetConfig: "widgetConfig" }, outputs: { widgetConfigChange: "widgetConfigChange", widgetConfigStateChange: "widgetConfigStateChange" }, ngImport: i0, template: "<div class=\"setup\">\n  <form [formGroup]=\"setupForm\">\n    <eo-form-input [label]=\"'eo.workspace.widget.setup.title' | translate\" [skipToggle]=\"true\"\n                   [invalid]=\"setupForm.dirty && setupForm.get('title').invalid\">\n      <eo-string formControlName=\"title\"></eo-string>\n    </eo-form-input>\n    @if (setupForm.dirty && setupForm.get('title').hasError('maxlength')) {\n      <div class=\"err-msg\" [translateParams]=\"{maxlength: 50}\"\n           translate>\n        eo.form.property.maxlength\n      </div>\n    }\n    <eo-form-input [label]=\"'eo.workspace.widget.iframe.setup.url'| translate\" [required]=\"true\"\n                   [invalid]=\"setupForm.dirty && setupForm.get('url').invalid\">\n      <eo-string formControlName=\"url\"></eo-string>\n    </eo-form-input>\n    @if (setupForm.dirty && setupForm.get('url').invalid) {\n      <div class=\"err-msg\" translate>\n        @if (setupForm.get('url').hasError('pattern')) {\n          eo.form.property.string.error.classification.url\n        } @else if (setupForm.get('url').hasError('required')) {\n          eo.form.property.required\n        }\n      </div>\n    }\n  </form>\n</div>\n@if (setupForm.valid) {\n  <div class=\"preview\">\n    <eo-iframe-widget [widgetConfig]=\"widgetConfig\"></eo-iframe-widget>\n  </div>\n} @else {\n  <div class=\"empty\">\n    <eo-error-message\n      [emptyState]=\"{icon: 'ic_noUrl.svg', text: 'eo.form.property.string.error.classification.url'}\"></eo-error-message>\n  </div>\n}\n", styles: [":host{display:grid;grid-template-rows:1fr;grid-template-columns:minmax(200px,400px) 1fr;grid-template-areas:\"setup preview\";height:100%}:host .setup{grid-area:setup;padding:var(--app-pane-padding);border-right:1px solid var(--panel-divider-color)}:host .setup eo-form-input{display:block;margin-bottom:var(--app-pane-padding)}:host .preview{grid-area:preview;overflow-y:auto;background-color:var(--main-background);padding:var(--app-pane-padding)}:host .err-msg{background-color:var(--color-error);color:var(--color-white);margin:calc(var(--app-pane-padding) / 4) 0;padding:calc(var(--app-pane-padding) / 4);border:0;border-radius:2px}:host .empty{background-color:var(--main-background);padding:var(--app-pane-padding)}\n"], dependencies: [{ kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i2.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "component", type: i3.ErrorMessageComponent, selector: "eo-error-message", inputs: ["emptyState"] }, { kind: "component", type: i4.FormInputComponent, selector: "eo-form-input", inputs: ["label", "tag", "description", "skipToggle", "isNull", "invalid", "disabled", "required"], outputs: ["onToggleLabel"] }, { kind: "component", type: i5.StringComponent, selector: "eo-string", inputs: ["autocomplete", "multiselect", "multiline", "readonly", "autofocus", "classification", "situation", "regex", "qname", "size", "minLength", "maxLength"] }, { kind: "component", type: i6.IframeWidgetComponent, selector: "eo-iframe-widget", inputs: ["widgetConfig"] }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: IframeSetupComponent, deps: [{ token: i1.FormBuilder }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.4", type: IframeSetupComponent, selector: "eo-iframe-setup", inputs: { widgetConfig: "widgetConfig" }, outputs: { widgetConfigChange: "widgetConfigChange", widgetConfigStateChange: "widgetConfigStateChange" }, ngImport: i0, template: "<div class=\"setup\">\n  <form [formGroup]=\"setupForm\">\n    <eo-form-input [label]=\"'eo.workspace.widget.setup.title' | translate\" [skipToggle]=\"true\"\n                   [invalid]=\"setupForm.dirty && setupForm.get('title').invalid\">\n      <eo-string formControlName=\"title\"></eo-string>\n    </eo-form-input>\n    @if (setupForm.dirty && setupForm.get('title').hasError('maxlength')) {\n      <div class=\"err-msg\" [translateParams]=\"{maxlength: 50}\"\n           translate>\n        eo.form.property.maxlength\n      </div>\n    }\n    <eo-form-input [label]=\"'eo.workspace.widget.iframe.setup.url'| translate\" [required]=\"true\"\n                   [invalid]=\"setupForm.dirty && setupForm.get('url').invalid\">\n      <eo-string formControlName=\"url\"></eo-string>\n    </eo-form-input>\n    @if (setupForm.dirty && setupForm.get('url').invalid) {\n      <div class=\"err-msg\" translate>\n        @if (setupForm.get('url').hasError('pattern')) {\n          eo.form.property.string.error.classification.url\n        } @else if (setupForm.get('url').hasError('required')) {\n          eo.form.property.required\n        }\n      </div>\n    }\n  </form>\n</div>\n@if (setupForm.valid) {\n  <div class=\"preview\">\n    <eo-iframe-widget [widgetConfig]=\"widgetConfig\"></eo-iframe-widget>\n  </div>\n} @else {\n  <div class=\"empty\">\n    <eo-error-message\n      [emptyState]=\"{icon: 'ic_noUrl.svg', text: 'eo.form.property.string.error.classification.url'}\"></eo-error-message>\n  </div>\n}\n", styles: [":host{display:grid;grid-template-rows:1fr;grid-template-columns:minmax(200px,400px) 1fr;grid-template-areas:\"setup preview\";height:100%}:host .setup{grid-area:setup;padding:var(--app-pane-padding);border-right:1px solid var(--panel-divider-color)}:host .setup eo-form-input{display:block;margin-bottom:var(--app-pane-padding)}:host .preview{grid-area:preview;overflow-y:auto;background-color:var(--main-background);padding:var(--app-pane-padding)}:host .err-msg{background-color:var(--color-error);color:var(--color-white);margin:calc(var(--app-pane-padding) / 4) 0;padding:calc(var(--app-pane-padding) / 4);border:0;border-radius:2px}:host .empty{background-color:var(--main-background);padding:var(--app-pane-padding)}\n"], dependencies: [{ kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i2.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "component", type: i3.ErrorMessageComponent, selector: "eo-error-message", inputs: ["emptyState"] }, { kind: "component", type: i4.FormInputComponent, selector: "eo-form-input", inputs: ["label", "tag", "description", "skipToggle", "isNull", "invalid", "disabled", "required"], outputs: ["onToggleLabel"] }, { kind: "component", type: i5.StringComponent, selector: "eo-string", inputs: ["autocomplete", "multiselect", "multiline", "readonly", "autofocus", "classification", "situation", "regex", "qname", "size", "minLength", "maxLength"] }, { kind: "component", type: i6.IframeWidgetComponent, selector: "eo-iframe-widget", inputs: ["widgetConfig"] }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }] }); }
 };
 IframeSetupComponent = __decorate([
     UntilDestroy()
 ], IframeSetupComponent);
 export { IframeSetupComponent };
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: IframeSetupComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: IframeSetupComponent, decorators: [{
             type: Component,
             args: [{ selector: 'eo-iframe-setup', template: "<div class=\"setup\">\n  <form [formGroup]=\"setupForm\">\n    <eo-form-input [label]=\"'eo.workspace.widget.setup.title' | translate\" [skipToggle]=\"true\"\n                   [invalid]=\"setupForm.dirty && setupForm.get('title').invalid\">\n      <eo-string formControlName=\"title\"></eo-string>\n    </eo-form-input>\n    @if (setupForm.dirty && setupForm.get('title').hasError('maxlength')) {\n      <div class=\"err-msg\" [translateParams]=\"{maxlength: 50}\"\n           translate>\n        eo.form.property.maxlength\n      </div>\n    }\n    <eo-form-input [label]=\"'eo.workspace.widget.iframe.setup.url'| translate\" [required]=\"true\"\n                   [invalid]=\"setupForm.dirty && setupForm.get('url').invalid\">\n      <eo-string formControlName=\"url\"></eo-string>\n    </eo-form-input>\n    @if (setupForm.dirty && setupForm.get('url').invalid) {\n      <div class=\"err-msg\" translate>\n        @if (setupForm.get('url').hasError('pattern')) {\n          eo.form.property.string.error.classification.url\n        } @else if (setupForm.get('url').hasError('required')) {\n          eo.form.property.required\n        }\n      </div>\n    }\n  </form>\n</div>\n@if (setupForm.valid) {\n  <div class=\"preview\">\n    <eo-iframe-widget [widgetConfig]=\"widgetConfig\"></eo-iframe-widget>\n  </div>\n} @else {\n  <div class=\"empty\">\n    <eo-error-message\n      [emptyState]=\"{icon: 'ic_noUrl.svg', text: 'eo.form.property.string.error.classification.url'}\"></eo-error-message>\n  </div>\n}\n", styles: [":host{display:grid;grid-template-rows:1fr;grid-template-columns:minmax(200px,400px) 1fr;grid-template-areas:\"setup preview\";height:100%}:host .setup{grid-area:setup;padding:var(--app-pane-padding);border-right:1px solid var(--panel-divider-color)}:host .setup eo-form-input{display:block;margin-bottom:var(--app-pane-padding)}:host .preview{grid-area:preview;overflow-y:auto;background-color:var(--main-background);padding:var(--app-pane-padding)}:host .err-msg{background-color:var(--color-error);color:var(--color-white);margin:calc(var(--app-pane-padding) / 4) 0;padding:calc(var(--app-pane-padding) / 4);border:0;border-radius:2px}:host .empty{background-color:var(--main-background);padding:var(--app-pane-padding)}\n"] }]
         }], ctorParameters: () => [{ type: i1.FormBuilder }], propDecorators: { widgetConfigChange: [{

package/esm2022/app/eo-client/dashboard/widgets/iframe-widget/iframe-widget.component.mjs

@@ -9,10 +9,10 @@ export class SafeUrlPipe {
     transform(value) {
         return this.sanitized.bypassSecurityTrustResourceUrl(value);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: SafeUrlPipe, deps: [{ token: i1.DomSanitizer }], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "17.1.2", ngImport: i0, type: SafeUrlPipe, name: "safeUrl" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: SafeUrlPipe, deps: [{ token: i1.DomSanitizer }], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "18.0.4", ngImport: i0, type: SafeUrlPipe, name: "safeUrl" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: SafeUrlPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: SafeUrlPipe, decorators: [{
             type: Pipe,
             args: [{ name: 'safeUrl' }]
         }], ctorParameters: () => [{ type: i1.DomSanitizer }] });
@@ -23,10 +23,10 @@ export class IframeWidgetComponent {
     get widgetConfig() {
         return this._widgetConfig;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: IframeWidgetComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.1.2", type: IframeWidgetComponent, selector: "eo-iframe-widget", inputs: { widgetConfig: "widgetConfig" }, viewQueries: [{ propertyName: "iframe", first: true, predicate: ["iframe"], descendants: true, static: true }], ngImport: i0, template: "@if (widgetConfig?.title) {\n  <header>\n    <a>{{ widgetConfig?.title }}</a>\n  </header>\n}\n\n@if (widgetConfig?.url === '') {\n  <div class=\"iframe\"></div>\n} @else {\n  <div class=\"container\" [style.overflow]=\"'hidden'\">\n    <iframe class=\"responsive-iframe\" [src]=\"widgetConfig?.url | safeUrl\" #iframe></iframe>\n  </div>\n}\n", styles: [":host{height:100%;width:100%;display:block}:host header{background-color:var(--color-primary-2);height:40px;display:flex;justify-content:center;align-items:center;color:#fff}:host .container{position:relative;width:100%;height:100%;overflow:hidden}:host .container .responsive-iframe{width:100%;height:100%;border:none}\n"], dependencies: [{ kind: "pipe", type: SafeUrlPipe, name: "safeUrl" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: IframeWidgetComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.4", type: IframeWidgetComponent, selector: "eo-iframe-widget", inputs: { widgetConfig: "widgetConfig" }, viewQueries: [{ propertyName: "iframe", first: true, predicate: ["iframe"], descendants: true, static: true }], ngImport: i0, template: "@if (widgetConfig?.title) {\n  <header>\n    <a>{{ widgetConfig?.title }}</a>\n  </header>\n}\n\n@if (widgetConfig?.url === '') {\n  <div class=\"iframe\"></div>\n} @else {\n  <div class=\"container\" [style.overflow]=\"'hidden'\">\n    <iframe class=\"responsive-iframe\" [src]=\"widgetConfig?.url | safeUrl\" #iframe></iframe>\n  </div>\n}\n", styles: [":host{height:100%;width:100%;display:block}:host header{background-color:var(--color-primary-2);height:40px;display:flex;justify-content:center;align-items:center;color:#fff}:host .container{position:relative;width:100%;height:100%;overflow:hidden}:host .container .responsive-iframe{width:100%;height:100%;border:none}\n"], dependencies: [{ kind: "pipe", type: SafeUrlPipe, name: "safeUrl" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: IframeWidgetComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: IframeWidgetComponent, decorators: [{
             type: Component,
             args: [{ selector: 'eo-iframe-widget', template: "@if (widgetConfig?.title) {\n  <header>\n    <a>{{ widgetConfig?.title }}</a>\n  </header>\n}\n\n@if (widgetConfig?.url === '') {\n  <div class=\"iframe\"></div>\n} @else {\n  <div class=\"container\" [style.overflow]=\"'hidden'\">\n    <iframe class=\"responsive-iframe\" [src]=\"widgetConfig?.url | safeUrl\" #iframe></iframe>\n  </div>\n}\n", styles: [":host{height:100%;width:100%;display:block}:host header{background-color:var(--color-primary-2);height:40px;display:flex;justify-content:center;align-items:center;color:#fff}:host .container{position:relative;width:100%;height:100%;overflow:hidden}:host .container .responsive-iframe{width:100%;height:100%;border:none}\n"] }]
         }], propDecorators: { iframe: [{

package/esm2022/app/eo-client/dashboard/widgets/info-inbox-widget/info-inbox-setup/info-inbox-setup.component.mjs

@@ -46,14 +46,14 @@ let InfoInboxSetupComponent = class InfoInboxSetupComponent {
             this.widgetConfigChange.emit(this._widgetConfig);
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: InfoInboxSetupComponent, deps: [{ token: i1.UntypedFormBuilder }, { token: i2.TranslateService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.1.2", type: InfoInboxSetupComponent, selector: "eo-info-inbox-setup", inputs: { widgetConfig: "widgetConfig" }, outputs: { widgetConfigChange: "widgetConfigChange", widgetConfigStateChange: "widgetConfigStateChange" }, ngImport: i0, template: "<div class=\"setup\">\n  <form [formGroup]=\"setupForm\">\n    <eo-form-input tabindex=\"0\" [label]=\"'eo.workspace.widget.setup.title' | translate\" [skipToggle]=\"true\"\n                   description=\"eo.dashboard.info.inbox.msg\">\n      <eo-string autocomplete=\"true\" formControlName=\"title\"></eo-string>\n    </eo-form-input>\n    @if (setupForm.dirty && setupForm.get('title').errors) {\n      <div class=\"err-msg\" [translateParams]=\"{maxlength: 50}\" translate>\n        eo.form.property.maxlength\n      </div>\n    }\n  </form>\n</div>\n<div class=\"preview\">\n  <eo-info-inbox-widget [widgetConfig]=\"widgetConfig\"></eo-info-inbox-widget>\n</div>\n", styles: [":host{display:grid;grid-template-rows:1fr;grid-template-columns:minmax(200px,400px) 1fr;grid-template-areas:\"setup preview\";height:100%}:host .setup{grid-area:setup;padding:var(--app-pane-padding);border-right:1px solid var(--panel-divider-color)}:host .setup eo-form-input{display:block;margin-bottom:var(--app-pane-padding)}:host .setup .err-msg{background-color:var(--color-error);color:var(--color-white);margin:calc(var(--app-pane-padding) / 4) 0;padding:calc(var(--app-pane-padding) / 4);border:0;border-radius:2px}:host .preview{background-color:var(--main-background);padding:var(--app-pane-padding);display:flex;justify-content:center;align-items:center;pointer-events:none}\n"], dependencies: [{ kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i3.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "component", type: i4.FormInputComponent, selector: "eo-form-input", inputs: ["label", "tag", "description", "skipToggle", "isNull", "invalid", "disabled", "required"], outputs: ["onToggleLabel"] }, { kind: "component", type: i5.StringComponent, selector: "eo-string", inputs: ["autocomplete", "multiselect", "multiline", "readonly", "autofocus", "classification", "situation", "regex", "qname", "size", "minLength", "maxLength"] }, { kind: "component", type: i6.InfoInboxWidgetComponent, selector: "eo-info-inbox-widget", inputs: ["widgetConfig"] }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: InfoInboxSetupComponent, deps: [{ token: i1.UntypedFormBuilder }, { token: i2.TranslateService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.4", type: InfoInboxSetupComponent, selector: "eo-info-inbox-setup", inputs: { widgetConfig: "widgetConfig" }, outputs: { widgetConfigChange: "widgetConfigChange", widgetConfigStateChange: "widgetConfigStateChange" }, ngImport: i0, template: "<div class=\"setup\">\n  <form [formGroup]=\"setupForm\">\n    <eo-form-input tabindex=\"0\" [label]=\"'eo.workspace.widget.setup.title' | translate\" [skipToggle]=\"true\"\n                   description=\"eo.dashboard.info.inbox.msg\">\n      <eo-string autocomplete=\"true\" formControlName=\"title\"></eo-string>\n    </eo-form-input>\n    @if (setupForm.dirty && setupForm.get('title').errors) {\n      <div class=\"err-msg\" [translateParams]=\"{maxlength: 50}\" translate>\n        eo.form.property.maxlength\n      </div>\n    }\n  </form>\n</div>\n<div class=\"preview\">\n  <eo-info-inbox-widget [widgetConfig]=\"widgetConfig\"></eo-info-inbox-widget>\n</div>\n", styles: [":host{display:grid;grid-template-rows:1fr;grid-template-columns:minmax(200px,400px) 1fr;grid-template-areas:\"setup preview\";height:100%}:host .setup{grid-area:setup;padding:var(--app-pane-padding);border-right:1px solid var(--panel-divider-color)}:host .setup eo-form-input{display:block;margin-bottom:var(--app-pane-padding)}:host .setup .err-msg{background-color:var(--color-error);color:var(--color-white);margin:calc(var(--app-pane-padding) / 4) 0;padding:calc(var(--app-pane-padding) / 4);border:0;border-radius:2px}:host .preview{background-color:var(--main-background);padding:var(--app-pane-padding);display:flex;justify-content:center;align-items:center;pointer-events:none}\n"], dependencies: [{ kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i3.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "component", type: i4.FormInputComponent, selector: "eo-form-input", inputs: ["label", "tag", "description", "skipToggle", "isNull", "invalid", "disabled", "required"], outputs: ["onToggleLabel"] }, { kind: "component", type: i5.StringComponent, selector: "eo-string", inputs: ["autocomplete", "multiselect", "multiline", "readonly", "autofocus", "classification", "situation", "regex", "qname", "size", "minLength", "maxLength"] }, { kind: "component", type: i6.InfoInboxWidgetComponent, selector: "eo-info-inbox-widget", inputs: ["widgetConfig"] }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }] }); }
 };
 InfoInboxSetupComponent = __decorate([
     UntilDestroy()
 ], InfoInboxSetupComponent);
 export { InfoInboxSetupComponent };
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: InfoInboxSetupComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: InfoInboxSetupComponent, decorators: [{
             type: Component,
             args: [{ selector: 'eo-info-inbox-setup', template: "<div class=\"setup\">\n  <form [formGroup]=\"setupForm\">\n    <eo-form-input tabindex=\"0\" [label]=\"'eo.workspace.widget.setup.title' | translate\" [skipToggle]=\"true\"\n                   description=\"eo.dashboard.info.inbox.msg\">\n      <eo-string autocomplete=\"true\" formControlName=\"title\"></eo-string>\n    </eo-form-input>\n    @if (setupForm.dirty && setupForm.get('title').errors) {\n      <div class=\"err-msg\" [translateParams]=\"{maxlength: 50}\" translate>\n        eo.form.property.maxlength\n      </div>\n    }\n  </form>\n</div>\n<div class=\"preview\">\n  <eo-info-inbox-widget [widgetConfig]=\"widgetConfig\"></eo-info-inbox-widget>\n</div>\n", styles: [":host{display:grid;grid-template-rows:1fr;grid-template-columns:minmax(200px,400px) 1fr;grid-template-areas:\"setup preview\";height:100%}:host .setup{grid-area:setup;padding:var(--app-pane-padding);border-right:1px solid var(--panel-divider-color)}:host .setup eo-form-input{display:block;margin-bottom:var(--app-pane-padding)}:host .setup .err-msg{background-color:var(--color-error);color:var(--color-white);margin:calc(var(--app-pane-padding) / 4) 0;padding:calc(var(--app-pane-padding) / 4);border:0;border-radius:2px}:host .preview{background-color:var(--main-background);padding:var(--app-pane-padding);display:flex;justify-content:center;align-items:center;pointer-events:none}\n"] }]
         }], ctorParameters: () => [{ type: i1.UntypedFormBuilder }, { type: i2.TranslateService }], propDecorators: { widgetConfigChange: [{

package/esm2022/app/eo-client/dashboard/widgets/info-inbox-widget/info-inbox-widget.component.mjs

@@ -26,14 +26,14 @@ let InfoInboxWidgetComponent = class InfoInboxWidgetComponent {
                 .subscribe((inboxState) => this.inboxState = inboxState);
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: InfoInboxWidgetComponent, deps: [{ token: i1.CapabilitiesService }, { token: i1.InboxService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.2", type: InfoInboxWidgetComponent, selector: "eo-info-inbox-widget", inputs: { widgetConfig: "widgetConfig" }, ngImport: i0, template: "<a class=\"info\" [ngClass]=\"{visible: capabilities.inbox && inboxState && inboxState.totalmessages > 0}\" [routerLink]=\"['/inbox']\">\n    <div>\n        <eo-icon [iconSrc]=\"'assets/_default/svg/ic_inbox.svg'\"></eo-icon>\n        <div class=\"count\">{{inboxState?.totalmessages}}</div>\n    </div>\n    <div class=\"msg\">{{widgetConfig?.title}}</div>\n</a>\n", styles: [":host-context(.editMode) .info:not(.visible){opacity:1}:host .info{color:var(--color-primary-2);padding:0 var(--app-pane-padding);margin-bottom:calc(var(--app-pane-padding) * 2);text-decoration:none;cursor:pointer}:host .info:not(.visible){opacity:0;pointer-events:none}:host .info:focus,:host .info:hover{color:var(--color-accent)}:host .info:focus eo-icon,:host .info:hover eo-icon{background-color:var(--color-accent)}:host .info>div{display:flex;align-items:center}:host .info eo-icon{flex:0 0 auto;border-radius:2px;background-color:var(--color-primary-2);color:rgba(var(--color-white-rgb),.7);padding:2px}:host .info .count{font-size:40px;line-height:1em;padding:0 var(--app-pane-padding);text-align:right}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i3.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: i4.EoIconComponent, selector: "eo-icon", inputs: ["objectType", "iconId", "iconSrc", "badge", "iconTitle"] }, { kind: "directive", type: i5.RouterLinkDirective, selector: "a[routerLink]" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: InfoInboxWidgetComponent, deps: [{ token: i1.CapabilitiesService }, { token: i1.InboxService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.4", type: InfoInboxWidgetComponent, selector: "eo-info-inbox-widget", inputs: { widgetConfig: "widgetConfig" }, ngImport: i0, template: "<a class=\"info\" [ngClass]=\"{visible: capabilities.inbox && inboxState && inboxState.totalmessages > 0}\" [routerLink]=\"['/inbox']\">\n    <div>\n        <eo-icon [iconSrc]=\"'assets/_default/svg/ic_inbox.svg'\"></eo-icon>\n        <div class=\"count\">{{inboxState?.totalmessages}}</div>\n    </div>\n    <div class=\"msg\">{{widgetConfig?.title}}</div>\n</a>\n", styles: [":host-context(.editMode) .info:not(.visible){opacity:1}:host .info{color:var(--color-primary-2);padding:0 var(--app-pane-padding);margin-bottom:calc(var(--app-pane-padding) * 2);text-decoration:none;cursor:pointer}:host .info:not(.visible){opacity:0;pointer-events:none}:host .info:focus,:host .info:hover{color:var(--color-accent)}:host .info:focus eo-icon,:host .info:hover eo-icon{background-color:var(--color-accent)}:host .info>div{display:flex;align-items:center}:host .info eo-icon{flex:0 0 auto;border-radius:2px;background-color:var(--color-primary-2);color:rgba(var(--color-white-rgb),.7);padding:2px}:host .info .count{font-size:40px;line-height:1em;padding:0 var(--app-pane-padding);text-align:right}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i3.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: i4.EoIconComponent, selector: "eo-icon", inputs: ["objectType", "iconId", "iconSrc", "badge", "iconTitle"] }, { kind: "directive", type: i5.RouterLinkDirective, selector: "a[routerLink]" }] }); }
 };
 InfoInboxWidgetComponent = __decorate([
     UntilDestroy()
 ], InfoInboxWidgetComponent);
 export { InfoInboxWidgetComponent };
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: InfoInboxWidgetComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: InfoInboxWidgetComponent, decorators: [{
             type: Component,
             args: [{ selector: 'eo-info-inbox-widget', template: "<a class=\"info\" [ngClass]=\"{visible: capabilities.inbox && inboxState && inboxState.totalmessages > 0}\" [routerLink]=\"['/inbox']\">\n    <div>\n        <eo-icon [iconSrc]=\"'assets/_default/svg/ic_inbox.svg'\"></eo-icon>\n        <div class=\"count\">{{inboxState?.totalmessages}}</div>\n    </div>\n    <div class=\"msg\">{{widgetConfig?.title}}</div>\n</a>\n", styles: [":host-context(.editMode) .info:not(.visible){opacity:1}:host .info{color:var(--color-primary-2);padding:0 var(--app-pane-padding);margin-bottom:calc(var(--app-pane-padding) * 2);text-decoration:none;cursor:pointer}:host .info:not(.visible){opacity:0;pointer-events:none}:host .info:focus,:host .info:hover{color:var(--color-accent)}:host .info:focus eo-icon,:host .info:hover eo-icon{background-color:var(--color-accent)}:host .info>div{display:flex;align-items:center}:host .info eo-icon{flex:0 0 auto;border-radius:2px;background-color:var(--color-primary-2);color:rgba(var(--color-white-rgb),.7);padding:2px}:host .info .count{font-size:40px;line-height:1em;padding:0 var(--app-pane-padding);text-align:right}\n"] }]
         }], ctorParameters: () => [{ type: i1.CapabilitiesService }, { type: i1.InboxService }], propDecorators: { widgetConfig: [{