@eo-sdk/client 11.0.0-rc.5 → 11.0.0-rc.6

package/fesm2022/eo-sdk-client.mjs

@@ -4,7 +4,7 @@ import * as i1$2 from '@angular/common';
 import { DecimalPipe, PercentPipe, CurrencyPipe, DatePipe, getLocaleDateTimeFormat, FormatWidth, getLocaleTimeFormat, getLocaleDateFormat, CommonModule } from '@angular/common';
 import * as i2 from '@angular/common/http';
 import { HttpResponse, HttpErrorResponse, HttpClientModule, HTTP_INTERCEPTORS, HttpHeaders } from '@angular/common/http';
-import { ReplaySubject, BehaviorSubject, from, forkJoin, of, Subject, fromEvent, firstValueFrom, AsyncSubject, Observable, debounceTime as debounceTime$1, tap as tap$1, EMPTY, map as map$2, skip, switchMap as switchMap$1, catchError as catchError$1 } from 'rxjs';
+import { ReplaySubject, BehaviorSubject, from, forkJoin, of, Subject, tap as tap$1, fromEvent, firstValueFrom, AsyncSubject, Observable, debounceTime as debounceTime$1, EMPTY, map as map$2, skip, switchMap as switchMap$1, catchError as catchError$1 } from 'rxjs';
 import { groupBy, mergeMap, reduce, tap, catchError, map, debounceTime, throttleTime, filter as filter$1, switchMap, take as take$1, combineLatest, finalize, pluck, withLatestFrom, first as first$1 } from 'rxjs/operators';
 import * as i1 from '@eo-sdk/core';
 import { SearchQuery, SearchState, EnaioEvent, Utils, CORE_CONFIG, UploadTarget, DmsObject, EnvironmentEnaio, SearchFilter, RangeValue, AuthService, Logger, NotificationsService, TranslateService, EoError, SearchService, InboxItem, Process, PreparedItem, WorkItem, StoredQuery, ClipboardAction, QueryScope, EoSharedModule, FieldDefinition, SubscriptionMode, TranslateModule, UploadFileItem, StoredQueriesService, SortOption, SearchResult } from '@eo-sdk/core';
@@ -58,10 +58,10 @@ import * as i19 from '@yuuvis/components/split-tabs';
 import { SplitTabsComponent, YvcSplitTabsModule } from '@yuuvis/components/split-tabs';
 import * as i8$1 from '@yuuvis/components/master-details';
 import { YvcMasterDetailsModule } from '@yuuvis/components/master-details';
-import * as i2$5 from '@yuuvis/widget-grid';
-import { PictureWidgetSetupComponent, PictureWidgetComponent, TodoWidgetSetupComponent, TodoWidgetComponent, YuvWidgetGridModule } from '@yuuvis/widget-grid';
 import * as i7$2 from '@carbon/charts-angular';
 import { ChartsModule } from '@carbon/charts-angular';
+import * as i2$5 from '@yuuvis/widget-grid';
+import { WidgetGridUtils, YuvWidgetGridModule } from '@yuuvis/widget-grid';
 
 /**
  * AppSearchService is the apps main entry point for searching (used by the appBarSearch component).
@@ -1646,6 +1646,7 @@ class GridService {
         colDef.sortable = true;
         colDef.resizable = true;
         colDef.filter = 'agTextColumnFilter';
+        colDef.filterParams = { buttons: ['reset'] };
         colDef.cellRenderer = params => GridService.escapeHtml(params.value);
         colDef.valueGetter = params => {
             return params.node.group || !params.data ? '' : params.data[colDef.field];
@@ -1785,6 +1786,7 @@ class GridService {
                 colDef.cellRenderer = this.customContext(CellRenderer.dateTimeCellRenderer, { pattern: resultField.withtime ? 'eoShort' : 'eoShortDate' });
                 colDef.getQuickFilterText = this.customContext(CellRenderer.dateTimeCellRenderer, { pattern: resultField.withtime ? 'eoShort' : 'eoShortDate' });
                 colDef.filterParams = {
+                    ...colDef.filterParams,
                     comparator: this.dateComparator(this.context.datePipe, resultField.withtime),
                     withTime: resultField.withtime,
                     inRangeInclusive: true
@@ -1794,7 +1796,7 @@ class GridService {
             case 'CODESYSTEM': {
                 colDef.filter = 'CodesystemFilterComponent';
                 colDef.colId = resultField.field;
-                colDef.filterParams = { multi: resultField.multiselect };
+                colDef.filterParams = { ...colDef.filterParams, multi: resultField.multiselect };
                 colDef.cellRenderer = CellRenderer.stringCellrenderer;
                 if (resultField.multiselect) {
                     colDef.cellRenderer = CellRenderer.multiSelectCellRenderer;
@@ -1813,13 +1815,13 @@ class GridService {
                 const { scale, grouping, pattern } = resultField;
                 colDef.cellRenderer = this.customContext(CellRenderer.numberCellRenderer, { scale, grouping, pattern });
                 colDef.getQuickFilterText = this.customContext(CellRenderer.numberCellRenderer, { scale, grouping, pattern });
-                colDef.filterParams = { inRangeInclusive: true };
+                colDef.filterParams = { ...colDef.filterParams, inRangeInclusive: true };
                 break;
             }
             case 'ORGANIZATION': {
                 colDef.filter = 'OrganizationFilterComponent';
                 colDef.colId = resultField.qname;
-                colDef.filterParams = { multi: resultField.multiselect };
+                colDef.filterParams = { ...colDef.filterParams, multi: resultField.multiselect };
                 colDef.cellRenderer = CellRenderer.stringCellrenderer;
                 if (resultField.multiselect) {
                     colDef.cellRenderer = CellRenderer.multiSelectCellRenderer;
@@ -1835,6 +1837,7 @@ class GridService {
                 colDef.cellClass = 'col-boolean';
                 colDef.cellRenderer = CellRenderer.booleanCellRenderer;
                 colDef.filterParams = {
+                    ...colDef.filterParams,
                     cellRenderer: this.customContext(CellRenderer.booleanCellRenderer),
                     cellHeight: 30,
                     values: [false, true, undefined],
@@ -1877,6 +1880,7 @@ class GridService {
                 colDef.cellClass = 'res-ico';
                 colDef.getQuickFilterText = () => '';
                 colDef.filterParams = {
+                    ...colDef.filterParams,
                     cellRenderer: this.customContext(CellRenderer.typeCellRenderer),
                     values: this.context.typeOpts
                 };
@@ -1886,6 +1890,7 @@ class GridService {
                 colDef.filter = 'ListFilterComponent';
                 colDef.width = 101;
                 colDef.filterParams = {
+                    ...colDef.filterParams,
                     values: this.context.mimetypegroupOpts
                 };
                 break;
@@ -3814,6 +3819,10 @@ class ScopeElement {
     get label() {
         return this.element.label;
     }
+    set description(description) {
+        this.element.description = description;
+        this.onScriptingModelChange(this.element.name, { newValue: description, name: 'description' });
+    }
     get description() {
         return this.element.description;
     }
@@ -4459,6 +4468,11 @@ class ObjectFormHelperService {
                         fc._eoFormElement.contextId = change.newValue;
                         break;
                     }
+                    // new description was applied by the script
+                    case 'description': {
+                        fc._eoFormElement.description = change.newValue;
+                        break;
+                    }
                 }
             }
         };
@@ -5107,7 +5121,7 @@ class CodesystemComponent {
             this.addTreeNode(tree, this.codesystem.entries[i]);
         }
         this.tree = tree;
-        this.autocompleteRes = this.autocompleteValues;
+        this.autocompleteRes = this.autocompleteValues.slice(0, 10);
     }
     addTreeNode(parentNode, codesystemEntry) {
         if (this._filterFunc && !this._filterFunc(codesystemEntry)) {
@@ -5164,7 +5178,7 @@ class CodesystemComponent {
                 }
             }
             return acNode.name.toLowerCase().indexOf(term.toLowerCase()) !== -1;
-        });
+        }).slice(0, 10);
     }
     // transform codesystem entry to tree node
     csEntryToTreeNode(codesystemEntry) {
@@ -5929,7 +5943,7 @@ class OrganizationComponent {
                     .subscribe((res) => {
                     // autocomplete values should be unique and not part of the exceptions
                     this.autocompleteRes = res.filter(v => (!this.value || this.value.indexOf(v.name) === -1) && this.exceptions.indexOf(v.name) === -1 && (!this.removeCurrentUser || this.currentUserId !== v.id))
-                        .sort(Utils.sortValues('title'));
+                        .sort(Utils.sortValues('title')).slice(0, 10);
                 }, Utils.throw(null, this.translate.instant('eo.form.property.organization.request.error.title'), this.translate.instant('eo.form.property.organization.request.error.msg')));
             }
             else {
@@ -6168,7 +6182,7 @@ class StringComponent {
                     r.push(i.value);
                 }
             });
-            this.autocompleteRes = r;
+            this.autocompleteRes = r.slice(0, 10);
         });
     }
     validateClassification(string) {
@@ -6408,7 +6422,7 @@ class ReferenceComponent {
             const results = res.hits.hits
                 .filter(h => !value.includes(h._source[this.reference.element]))
                 .map(h => ({ value: h._source[this.reference.element], title: h._source.title }));
-            this.autocompleteRes = Utils.uniqBy(results, 'value');
+            this.autocompleteRes = Utils.uniqBy(results, 'value').slice(0, 10);
         }
         else {
             this.autocompleteRes = [];
@@ -6615,8 +6629,8 @@ class DynamicListComponent {
         return this._list;
     }
     set selectedNodes(n) {
-        if (n) {
-            this.autocompleteFn(n.name);
+        if (n && !Array.isArray(n)) {
+            this.autocompleteFn(n.value);
         }
         this._selectedNodes = structuredClone(n);
     }
@@ -6777,7 +6791,7 @@ class DynamicListComponent {
             }
             return acNode.data[this.valueField].toLowerCase().indexOf(term.toLowerCase()) !== -1 ||
                 (acNode.data[this.descriptionField] && acNode.data[this.descriptionField].toLowerCase().indexOf(term.toLowerCase()) !== -1);
-        });
+        }).slice(0, 10);
     }
     listEntryToTreeNode(listEntry) {
         let selectable = false;
@@ -7447,7 +7461,7 @@ class IdReferenceComponent {
         this.searchService
             .executeQuery(q)
             .pipe(debounceTime(500), map(item => item ? this.searchService.createResultFromResponse(item) : [])).subscribe((result) => {
-            this.autocompleteRes = result.hits;
+            this.autocompleteRes = result.hits.slice(0, 10);
         });
     }
     onAutoCompleteBlur() {
@@ -7589,11 +7603,11 @@ class FormElementComponent {
         });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: FormElementComponent, deps: [{ token: i1.TranslateService }, { token: i0.Renderer2 }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.2", type: FormElementComponent, selector: "eo-form-element", inputs: { situation: "situation", skipToggle: "skipToggle", elementSetter: ["element", "elementSetter"] }, queries: [{ propertyName: "contentElementTemplates", predicate: FormElementTemplate }], viewQueries: [{ propertyName: "formField", first: true, predicate: ["formField"], descendants: true }, { propertyName: "elementTemplates", predicate: FormElementTemplate, descendants: true }], ngImport: i0, template: "<div class=\"form-element\" [formGroup]=\"element\" *ngIf=\"element\">\n\n  <div class=\"form-field t-{{formElementRef._eoFormElement.type}}\" #formField\n    [ngClass]=\"{disabled: !!formElementRef._eoFormElement.readonly}\" *ngIf=\"elementTemplate\">\n\n    <ng-container *ngTemplateOutlet=\"elementTemplate; context: {element, formElementRef}\"></ng-container>\n\n    <!-- the fields description -->\n    <div class=\"description\" *ngIf=\"formElementRef._eoFormElement.description\">{{formElementRef._eoFormElement.description}}</div>\n\n    <!-- error/validation messages -->\n    <div class=\"err-msg\" *ngIf=\"formElementRef.errors\">\n\n      <div *ngIf=\"formElementRef.errors.daterange\" translate>eo.form.property.daterange.invalid</div>\n      <div *ngIf=\"formElementRef.errors.numberrange\" translate>eo.form.property.numberrange.invalid</div>\n      <div *ngIf=\"formElementRef.errors.number\" translate>eo.form.property.number</div>\n      <div *ngIf=\"formElementRef.errors.precision\" translate\n        [translateParams]=\"formElementRef.errors.precision.translateValues\">\n        {{formElementRef.errors.precision.translateKey}}</div>\n      <div *ngIf=\"formElementRef.errors.scale\" translate\n        [translateParams]=\"formElementRef.errors.scale.translateValues\">{{formElementRef.errors.scale.translateKey}}\n      </div>\n\n      <div *ngIf=\"formElementRef.errors.regex || formElementRef.errors.pattern\" translate>\n        eo.form.property.string.regex.nomatch</div>\n      <div *ngIf=\"formElementRef.errors.classificationemail\" translate>\n        eo.form.property.string.error.classification.email</div>\n      <div *ngIf=\"formElementRef.errors.classificationurl\" translate>eo.form.property.string.error.classification.url\n      </div>\n      <div *ngIf=\"formElementRef.errors.onlyWhitespaces\" translate>eo.form.property.string.error.whitespaces</div>\n      <div *ngIf=\"formElementRef.errors.datecontrol\" translate>eo.form.property.date.invalid</div>\n      <div *ngIf=\"formElementRef.errors.codesystem\" translate>eo.form.property.codesystem.value.invalid</div>\n      <div *ngIf=\"formElementRef.errors.eoformScript\">{{formElementRef._eoFormElement.error.msg}}</div>\n      <div *ngIf=\"formElementRef.errors.required\" translate>eo.form.property.required</div>\n      <div *ngIf=\"formElementRef.errors.maxlength\" translate\n        [translateParams]=\"{maxlength: formElementRef._eoFormElement.maxlen}\">eo.form.property.maxlength</div>\n      <div *ngIf=\"formElementRef.errors.minlength\" translate\n        [translateParams]=\"{minlength: formElementRef._eoFormElement.minlen}\">eo.form.property.minlength</div>\n      <div *ngIf=\"formElementRef.errors.deletedIDReference\" translate>eo.form.property.idreference.deleted</div>\n      <div *ngIf=\"formElementRef.errors.deletedOrgObject\" translate>eo.form.property.orgobject.deleted</div>\n    </div>\n\n  </div>\n\n\n\n  <!-- STRING -->\n  <ng-template eoFormElementTemplate propertyType=\"STRING\" let-element=\"element\" let-formElementRef=\"formElementRef\">\n    <eo-form-input [tag]=\"tag\"\n      [label]=\"formElementRef._eoFormElement.label ? formElementRef._eoFormElement.label : formElementRef._eoFormElement.name\"\n      [isNull]=\"isNull\"\n      [skipToggle]=\"skipToggle || situation !== 'SEARCH'\" (onToggleLabel)=\"labelToggled($event)\"\n      [required]=\"formElementRef._eoFormElement.required\" [disabled]=\"formElementRef._eoFormElement.readonly\"\n      [invalid]=\"formElementRef.invalid\">\n\n      <eo-string\n        *ngIf=\"!formElementRef._eoFormElement.reference && formElementRef._eoFormElement.classification !== 'selector'\"\n        [situation]=\"element._eoFormControlWrapper.situation\"\n        [formControlName]=\"element._eoFormControlWrapper.controlName\"\n        [autocomplete]=\"formElementRef._eoFormElement.autocomplete\"\n        [multiselect]=\"!!formElementRef._eoFormElement.multiselect\"\n        [multiline]=\"formElementRef._eoFormElement.multiline\"\n        [classification]=\"formElementRef._eoFormElement.classification\" [regex]=\"formElementRef._eoFormElement.regex\"\n        [qname]=\"formElementRef._eoFormElement.qname\" [size]=\"formElementRef._eoFormElement.size\"\n        [readonly]=\"formElementRef._eoFormElement.readonly\" [minLength]=\"formElementRef._eoFormElement.minlen\"\n        [maxLength]=\"formElementRef._eoFormElement.maxlen\"></eo-string>\n\n      <!-- Dynamic List -->\n      <eo-dynamic-list\n        *ngIf=\"!formElementRef._eoFormElement.reference && formElementRef._eoFormElement.classification === 'selector'\"\n        [situation]=\"element._eoFormControlWrapper.situation\" [pickerTitle]=\"formElementRef._eoFormElement.label\"\n        [filterFunction]=\"formElementRef._eoFormElement.filterFunction\"\n        [multiselect]=\"formElementRef._eoFormElement.multiselect\" [listObject]=\"formElementRef._eoFormElement.list\"\n        [readonly]=\"formElementRef._eoFormElement.readonly\"\n        [formControlName]=\"element._eoFormControlWrapper.controlName\"></eo-dynamic-list>\n\n\n      <!-- Reference -->\n      <eo-reference *ngIf=\"formElementRef._eoFormElement.reference\"\n        [formControlName]=\"element._eoFormControlWrapper.controlName\"\n        [readonly]=\"formElementRef._eoFormElement.readonly\" [reference]=\"formElementRef._eoFormElement.reference\"\n        [multiselect]=\"!!formElementRef._eoFormElement.multiselect ? formElementRef._eoFormElement.multiselect : situation === 'SEARCH'\"\n        [minLength]=\"formElementRef._eoFormElement.minlen\"\n        [maxLength]=\"formElementRef._eoFormElement.maxlen\"></eo-reference>\n    </eo-form-input>\n  </ng-template>\n\n  <!-- ID-Reference -->\n  <ng-template eoFormElementTemplate propertyType=\"REFERENCE\" let-element=\"element\" let-formElementRef=\"formElementRef\">\n    <eo-form-input [tag]=\"tag\"\n      [label]=\"formElementRef._eoFormElement.label ? formElementRef._eoFormElement.label : formElementRef._eoFormElement.name\"\n      [isNull]=\"isNull\"\n      [skipToggle]=\"skipToggle || situation !== 'SEARCH'\" (onToggleLabel)=\"labelToggled($event)\"\n      [required]=\"formElementRef._eoFormElement.required\" [disabled]=\"formElementRef._eoFormElement.readonly\"\n      [invalid]=\"formElementRef.invalid\">\n\n      <eo-id-reference [formControlName]=\"element._eoFormControlWrapper.controlName\"\n        [situation]=\"element._eoFormControlWrapper.situation\"\n        [dataToRender]=\"formElementRef._eoFormElement.dataToRender\"\n        [reference]=\"formElementRef._eoFormElement.reference\" [readonly]=\"formElementRef._eoFormElement.readonly\"\n        [multiselect]=\"formElementRef._eoFormElement.multiselect\" [contextId]=\"formElementRef._eoFormElement.contextId\"\n        [exceptionIDs]=\"formElementRef._eoFormElement.exceptionIDs\"\n        [queryFilters]=\"formElementRef._eoFormElement.queryFilters\"\n        [objectTypesFilter]=\"formElementRef._eoFormElement.objectTypesFilter\"></eo-id-reference>\n    </eo-form-input>\n  </ng-template>\n\n  <!-- ID -->\n  <ng-template eoFormElementTemplate propertyType=\"ID\" let-element=\"element\" let-formElementRef=\"formElementRef\">\n    <eo-form-input [tag]=\"tag\"\n      [label]=\"formElementRef._eoFormElement.label ? formElementRef._eoFormElement.label : formElementRef._eoFormElement.name\"\n      [isNull]=\"isNull\"\n      [skipToggle]=\"skipToggle || situation !== 'SEARCH'\" (onToggleLabel)=\"labelToggled($event)\"\n      [required]=\"formElementRef._eoFormElement.required\" [disabled]=\"formElementRef._eoFormElement.readonly\"\n      [invalid]=\"formElementRef.invalid\">\n\n      <eo-string [situation]=\"element._eoFormControlWrapper.situation\"\n        [formControlName]=\"element._eoFormControlWrapper.controlName\"\n        [autocomplete]=\"formElementRef._eoFormElement.autocomplete\"\n        [multiselect]=\"formElementRef._eoFormElement.multiselect\" [regex]=\"'^[0-9a-fA-F]*$'\"\n        [qname]=\"formElementRef._eoFormElement.qname\" [readonly]=\"formElementRef._eoFormElement.readonly\"\n        [minLength]=\"32\" [maxLength]=\"32\"></eo-string>\n\n    </eo-form-input>\n  </ng-template>\n\n\n  <!-- BOOLEAN -->\n  <ng-template eoFormElementTemplate propertyType=\"BOOLEAN\" let-element=\"element\" let-formElementRef=\"formElementRef\">\n    <eo-form-input [tag]=\"tag\"\n      [label]=\"formElementRef._eoFormElement.label ? formElementRef._eoFormElement.label : formElementRef._eoFormElement.name\"\n      [isNull]=\"isNull\"\n      [skipToggle]=\"skipToggle || situation !== 'SEARCH'\" [required]=\"formElementRef._eoFormElement.required\"\n      [disabled]=\"formElementRef._eoFormElement.readonly\" (onToggleLabel)=\"labelToggled($event)\"\n      [invalid]=\"formElementRef.invalid\">\n\n      <eo-checkbox [formControlName]=\"element._eoFormControlWrapper.controlName\"\n        [required]=\"formElementRef._eoFormElement.required\" [readonly]=\"formElementRef._eoFormElement.readonly\"\n        [tristate]=\"true\"></eo-checkbox>\n    </eo-form-input>\n  </ng-template>\n\n  <!-- CODESYSTEM -->\n  <ng-template eoFormElementTemplate propertyType=\"CODESYSTEM\" let-element=\"element\"\n    let-formElementRef=\"formElementRef\">\n    <eo-form-input [tag]=\"tag\"\n      [label]=\"formElementRef._eoFormElement.label ? formElementRef._eoFormElement.label : formElementRef._eoFormElement.name\"\n      [isNull]=\"isNull\"\n      [skipToggle]=\"skipToggle || situation !== 'SEARCH'\" (onToggleLabel)=\"labelToggled($event)\"\n      [required]=\"formElementRef._eoFormElement.required\" [disabled]=\"formElementRef._eoFormElement.readonly\"\n      [invalid]=\"formElementRef.invalid\">\n\n      <eo-codesystem [situation]=\"element._eoFormControlWrapper.situation\"\n        [pickerTitle]=\"formElementRef._eoFormElement.label\" [readonly]=\"formElementRef._eoFormElement.readonly\"\n        [codesystem]=\"formElementRef._eoFormElement.codesystem\"\n        [multiselect]=\"formElementRef._eoFormElement.multiselect\"\n        [filterFunction]=\"formElementRef._eoFormElement.filterFunction\"\n        [disablingFilterFunction]=\"formElementRef._eoFormElement.disablingFilterFunction\"\n        [formControlName]=\"element._eoFormControlWrapper.controlName\"></eo-codesystem>\n    </eo-form-input>\n  </ng-template>\n\n  <!-- ORGANIZATION -->\n  <ng-template eoFormElementTemplate propertyType=\"ORGANIZATION\" let-element=\"element\"\n    let-formElementRef=\"formElementRef\">\n    <eo-form-input [tag]=\"tag\"\n      [label]=\"formElementRef._eoFormElement.label ? formElementRef._eoFormElement.label : formElementRef._eoFormElement.name\"\n      [isNull]=\"isNull\"\n      [skipToggle]=\"skipToggle || situation !== 'SEARCH'\" (onToggleLabel)=\"labelToggled($event)\"\n      [required]=\"formElementRef._eoFormElement.required\" [disabled]=\"formElementRef._eoFormElement.readonly\"\n      [invalid]=\"formElementRef.invalid\">\n\n      <eo-organization [situation]=\"element._eoFormControlWrapper.situation\"\n        [dataMeta]=\"formElementRef._eoFormElement.dataMeta\" [readonly]=\"formElementRef._eoFormElement.readonly\"\n        [filterObject]=\"formElementRef._eoFormElement.filter\" [multiselect]=\"formElementRef._eoFormElement.multiselect\"\n        (onDataMetaChanged)=\"organizationDataMetaResolved($event)\"\n        [formControlName]=\"element._eoFormControlWrapper.controlName\"></eo-organization>\n    </eo-form-input>\n  </ng-template>\n\n  <!-- NUMBER -->\n  <ng-template eoFormElementTemplate propertyType=\"NUMBER\" let-element=\"element\" let-formElementRef=\"formElementRef\">\n    <eo-form-input [tag]=\"tag\"\n      [label]=\"formElementRef._eoFormElement.label ? formElementRef._eoFormElement.label : formElementRef._eoFormElement.name\"\n      [isNull]=\"isNull\"\n      [skipToggle]=\"skipToggle || situation !== 'SEARCH'\" (onToggleLabel)=\"labelToggled($event)\"\n      [required]=\"formElementRef._eoFormElement.required\" [disabled]=\"formElementRef._eoFormElement.readonly\"\n      [invalid]=\"formElementRef.invalid\">\n\n      <eo-number *ngIf=\"situation !== 'SEARCH'\" [readonly]=\"formElementRef._eoFormElement.readonly\"\n        [precision]=\"formElementRef._eoFormElement.precision\" [scale]=\"formElementRef._eoFormElement.scale\"\n        [grouping]=\"formElementRef._eoFormElement.grouping\" [pattern]=\"formElementRef._eoFormElement.pattern\"\n        [formControlName]=\"element._eoFormControlWrapper.controlName\">\n      </eo-number>\n\n      <eo-number-range *ngIf=\"situation === 'SEARCH'\" [readonly]=\"formElementRef._eoFormElement.readonly\"\n        [precision]=\"formElementRef._eoFormElement.precision\" [scale]=\"formElementRef._eoFormElement.scale\"\n        [grouping]=\"formElementRef._eoFormElement.grouping\" [pattern]=\"formElementRef._eoFormElement.pattern\"\n        [formControlName]=\"element._eoFormControlWrapper.controlName\"></eo-number-range>\n    </eo-form-input>\n  </ng-template>\n\n  <!-- DATE AND DATETIME -->\n  <ng-template eoFormElementTemplate propertyType=\"DATETIME\" let-element=\"element\" let-formElementRef=\"formElementRef\">\n    <eo-form-input [tag]=\"tag\"\n      [label]=\"formElementRef._eoFormElement.label ? formElementRef._eoFormElement.label : formElementRef._eoFormElement.name\"\n      [isNull]=\"isNull\"\n      [skipToggle]=\"skipToggle || situation !== 'SEARCH'\" (onToggleLabel)=\"labelToggled($event)\"\n      [required]=\"formElementRef._eoFormElement.required\" [disabled]=\"formElementRef._eoFormElement.readonly\"\n      [invalid]=\"formElementRef.invalid\">\n\n      <eo-date *ngIf=\"situation !== 'SEARCH'\" [withTime]=\"formElementRef._eoFormElement.withtime\"\n        [readonly]=\"formElementRef._eoFormElement.readonly\"\n        [formControlName]=\"element._eoFormControlWrapper.controlName\"></eo-date>\n\n      <eo-datetime-range *ngIf=\"situation === 'SEARCH'\" [pickerTitle]=\"formElementRef._eoFormElement.label\"\n        [withTime]=\"formElementRef._eoFormElement.withtime\"\n        [formControlName]=\"element._eoFormControlWrapper.controlName\"></eo-datetime-range>\n    </eo-form-input>\n  </ng-template>\n\n  <ng-content></ng-content>\n\n  <!-- print out the type if it's not matching anything -->\n  <ng-template #tplUnknown><b>{{formElementRef._eoFormElement.type}}</b></ng-template>\n</div>\n", styles: [":host-context(.dark) .form-element .form-field .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{flex:1 1 auto}:host.label-toggled::ng-deep eo-form-input label{text-decoration:line-through}.form-element{box-sizing:border-box}.form-element .form-field{margin:calc(var(--app-pane-padding) / 4) calc(var(--app-pane-padding) / 2)}.form-element .form-field .description{border:0;font-size:var(--font-hint);font-style:italic;padding:calc(var(--app-pane-padding) / 8) calc(var(--app-pane-padding) / 8) 0 calc(var(--app-pane-padding) / 8)}.form-element .form-field .err-msg{color:var(--color-error);padding:calc(var(--app-pane-padding) / 4) 0;border:0}.form-element .form-field .table{flex-flow:column;align-items:flex-start;border-color:transparent}.form-element .form-field .table .label{padding-bottom:calc(var(--app-pane-padding) / 4)}.form-element.ng-dirty:not(.ng-invalid)>.form-field:not(.focused)::ng-deep label{background-color:var(--color-dirty-background);color:var(--color-dirty-font)!important}\n"], dependencies: [{ kind: "directive", type: i1$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$3.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1$3.PatternValidator, selector: "[pattern][formControlName],[pattern][formControl],[pattern][ngModel]", inputs: ["pattern"] }, { kind: "directive", type: i1$3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$3.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i4.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "component", type: FormInputComponent, selector: "eo-form-input", inputs: ["label", "tag", "description", "skipToggle", "isNull", "invalid", "disabled", "required"], outputs: ["onToggleLabel"] }, { kind: "component", type: CodesystemComponent, selector: "eo-codesystem", inputs: ["situation", "pickerTitle", "placeholder", "codesystem", "multiselect", "readonly", "inputStyleClass", "emptyMessage", "filterFunction", "disablingFilterFunction"] }, { kind: "component", type: DateComponent, selector: "eo-date", inputs: ["withTime", "readonly", "onlyFutureDates"] }, { kind: "component", type: DatetimeRangeComponent, selector: "eo-datetime-range", inputs: ["withTime", "pickerTitle", "operator"] }, { kind: "component", type: NumberComponent, selector: "eo-number", inputs: ["scale", "precision", "grouping", "pattern", "readonly"] }, { kind: "component", type: NumberRangeComponent, selector: "eo-number-range", inputs: ["scale", "precision", "grouping", "pattern", "readonly"] }, { kind: "component", type: OrganizationComponent, selector: "eo-organization", inputs: ["removeCurrentUser", "situation", "multiselect", "readonly", "dataMeta", "placeholder", "exceptions", "filterObject"], outputs: ["onValueResolved", "onDataMetaChanged"] }, { kind: "component", type: CheckboxComponent, selector: "eo-checkbox", inputs: ["required", "tristate", "readonly"] }, { kind: "component", type: StringComponent, selector: "eo-string", inputs: ["autocomplete", "multiselect", "multiline", "readonly", "autofocus", "classification", "situation", "regex", "qname", "size", "minLength", "maxLength"] }, { kind: "component", type: ReferenceComponent, selector: "eo-reference", inputs: ["readonly", "multiselect", "reference", "minLength", "maxLength"], outputs: ["onReferenceClicked"] }, { kind: "component", type: DynamicListComponent, selector: "eo-dynamic-list", inputs: ["situation", "multiselect", "pickerTitle", "readonly", "filterFunction", "listObject"] }, { kind: "component", type: IdReferenceComponent, selector: "eo-id-reference", inputs: ["readonly", "multiselect", "situation", "contextId", "exceptionIDs", "dataToRender", "reference", "queryFilters", "objectTypesFilter"] }, { kind: "directive", type: FormElementTemplate, selector: "[eoFormElementTemplate]", inputs: ["propertyType"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.2", type: FormElementComponent, selector: "eo-form-element", inputs: { situation: "situation", skipToggle: "skipToggle", elementSetter: ["element", "elementSetter"] }, queries: [{ propertyName: "contentElementTemplates", predicate: FormElementTemplate }], viewQueries: [{ propertyName: "formField", first: true, predicate: ["formField"], descendants: true }, { propertyName: "elementTemplates", predicate: FormElementTemplate, descendants: true }], ngImport: i0, template: "<div class=\"form-element\" [formGroup]=\"element\" *ngIf=\"element\">\n\n  <div class=\"form-field t-{{formElementRef._eoFormElement.type}}\" #formField\n    [ngClass]=\"{disabled: !!formElementRef._eoFormElement.readonly}\" *ngIf=\"elementTemplate\">\n\n    <ng-container *ngTemplateOutlet=\"elementTemplate; context: {element, formElementRef}\"></ng-container>\n\n    <!-- the fields description -->\n    <div class=\"description\" *ngIf=\"formElementRef._eoFormElement.description\">{{formElementRef._eoFormElement.description}}</div>\n\n    <!-- error/validation messages -->\n    <div class=\"err-msg\" *ngIf=\"formElementRef.errors\">\n\n      <div *ngIf=\"formElementRef.errors.daterange\" translate>eo.form.property.daterange.invalid</div>\n      <div *ngIf=\"formElementRef.errors.numberrange\" translate>eo.form.property.numberrange.invalid</div>\n      <div *ngIf=\"formElementRef.errors.number\" translate>eo.form.property.number</div>\n      <div *ngIf=\"formElementRef.errors.precision\" translate\n        [translateParams]=\"formElementRef.errors.precision.translateValues\">\n        {{formElementRef.errors.precision.translateKey}}</div>\n      <div *ngIf=\"formElementRef.errors.scale\" translate\n        [translateParams]=\"formElementRef.errors.scale.translateValues\">{{formElementRef.errors.scale.translateKey}}\n      </div>\n\n      <div *ngIf=\"formElementRef.errors.regex || formElementRef.errors.pattern\" translate>\n        eo.form.property.string.regex.nomatch</div>\n      <div *ngIf=\"formElementRef.errors.classificationemail\" translate>\n        eo.form.property.string.error.classification.email</div>\n      <div *ngIf=\"formElementRef.errors.classificationurl\" translate>eo.form.property.string.error.classification.url\n      </div>\n      <div *ngIf=\"formElementRef.errors.onlyWhitespaces\" translate>eo.form.property.string.error.whitespaces</div>\n      <div *ngIf=\"formElementRef.errors.datecontrol\" translate>eo.form.property.date.invalid</div>\n      <div *ngIf=\"formElementRef.errors.codesystem\" translate>eo.form.property.codesystem.value.invalid</div>\n      <div *ngIf=\"formElementRef.errors.eoformScript\">{{formElementRef._eoFormElement.error.msg}}</div>\n      <div *ngIf=\"formElementRef.errors.required\" translate>eo.form.property.required</div>\n      <div *ngIf=\"formElementRef.errors.maxlength\" translate\n        [translateParams]=\"{maxlength: formElementRef._eoFormElement.maxlen}\">eo.form.property.maxlength</div>\n      <div *ngIf=\"formElementRef.errors.minlength\" translate\n        [translateParams]=\"{minlength: formElementRef._eoFormElement.minlen}\">eo.form.property.minlength</div>\n      <div *ngIf=\"formElementRef.errors.deletedIDReference\" translate>eo.form.property.idreference.deleted</div>\n      <div *ngIf=\"formElementRef.errors.deletedOrgObject\" translate>eo.form.property.orgobject.deleted</div>\n    </div>\n\n  </div>\n\n\n\n  <!-- STRING -->\n  <ng-template eoFormElementTemplate propertyType=\"STRING\" let-element=\"element\" let-formElementRef=\"formElementRef\">\n    <eo-form-input [tag]=\"tag\"\n      [label]=\"formElementRef._eoFormElement.label ? formElementRef._eoFormElement.label : formElementRef._eoFormElement.name\"\n      [isNull]=\"isNull\"\n      [skipToggle]=\"skipToggle || situation !== 'SEARCH'\" (onToggleLabel)=\"labelToggled($event)\"\n      [required]=\"formElementRef._eoFormElement.required\" [disabled]=\"formElementRef._eoFormElement.readonly\"\n      [invalid]=\"formElementRef.invalid\">\n\n      <eo-string\n        *ngIf=\"!formElementRef._eoFormElement.reference && formElementRef._eoFormElement.classification !== 'selector'\"\n        [situation]=\"element._eoFormControlWrapper.situation\"\n        [formControlName]=\"element._eoFormControlWrapper.controlName\"\n        [autocomplete]=\"formElementRef._eoFormElement.autocomplete\"\n        [multiselect]=\"!!formElementRef._eoFormElement.multiselect\"\n        [multiline]=\"formElementRef._eoFormElement.multiline\"\n        [classification]=\"formElementRef._eoFormElement.classification\" [regex]=\"formElementRef._eoFormElement.regex\"\n        [qname]=\"formElementRef._eoFormElement.qname\" [size]=\"formElementRef._eoFormElement.size\"\n        [readonly]=\"formElementRef._eoFormElement.readonly\" [minLength]=\"formElementRef._eoFormElement.minlen\"\n        [maxLength]=\"formElementRef._eoFormElement.maxlen\"></eo-string>\n\n      <!-- Dynamic List -->\n      <eo-dynamic-list\n        *ngIf=\"!formElementRef._eoFormElement.reference && formElementRef._eoFormElement.classification === 'selector'\"\n        [situation]=\"element._eoFormControlWrapper.situation\" [pickerTitle]=\"formElementRef._eoFormElement.label\"\n        [filterFunction]=\"formElementRef._eoFormElement.filterFunction\"\n        [multiselect]=\"formElementRef._eoFormElement.multiselect\" [listObject]=\"formElementRef._eoFormElement.list\"\n        [readonly]=\"formElementRef._eoFormElement.readonly\"\n        [formControlName]=\"element._eoFormControlWrapper.controlName\"></eo-dynamic-list>\n\n\n      <!-- Reference -->\n      <eo-reference *ngIf=\"formElementRef._eoFormElement.reference\"\n        [formControlName]=\"element._eoFormControlWrapper.controlName\"\n        [readonly]=\"formElementRef._eoFormElement.readonly\" [reference]=\"formElementRef._eoFormElement.reference\"\n        [multiselect]=\"!!formElementRef._eoFormElement.multiselect ? formElementRef._eoFormElement.multiselect : situation === 'SEARCH'\"\n        [minLength]=\"formElementRef._eoFormElement.minlen\"\n        [maxLength]=\"formElementRef._eoFormElement.maxlen\"></eo-reference>\n    </eo-form-input>\n  </ng-template>\n\n  <!-- ID-Reference -->\n  <ng-template eoFormElementTemplate propertyType=\"REFERENCE\" let-element=\"element\" let-formElementRef=\"formElementRef\">\n    <eo-form-input [tag]=\"tag\"\n      [label]=\"formElementRef._eoFormElement.label ? formElementRef._eoFormElement.label : formElementRef._eoFormElement.name\"\n      [isNull]=\"isNull\"\n      [skipToggle]=\"skipToggle || situation !== 'SEARCH'\" (onToggleLabel)=\"labelToggled($event)\"\n      [required]=\"formElementRef._eoFormElement.required\" [disabled]=\"formElementRef._eoFormElement.readonly\"\n      [invalid]=\"formElementRef.invalid\">\n\n      <eo-id-reference [formControlName]=\"element._eoFormControlWrapper.controlName\"\n        [situation]=\"element._eoFormControlWrapper.situation\"\n        [dataToRender]=\"formElementRef._eoFormElement.dataToRender\"\n        [reference]=\"formElementRef._eoFormElement.reference\" [readonly]=\"formElementRef._eoFormElement.readonly\"\n        [multiselect]=\"formElementRef._eoFormElement.multiselect\" [contextId]=\"formElementRef._eoFormElement.contextId\"\n        [exceptionIDs]=\"formElementRef._eoFormElement.exceptionIDs\"\n        [queryFilters]=\"formElementRef._eoFormElement.queryFilters\"\n        [objectTypesFilter]=\"formElementRef._eoFormElement.objectTypesFilter\"></eo-id-reference>\n    </eo-form-input>\n  </ng-template>\n\n  <!-- ID -->\n  <ng-template eoFormElementTemplate propertyType=\"ID\" let-element=\"element\" let-formElementRef=\"formElementRef\">\n    <eo-form-input [tag]=\"tag\"\n      [label]=\"formElementRef._eoFormElement.label ? formElementRef._eoFormElement.label : formElementRef._eoFormElement.name\"\n      [isNull]=\"isNull\"\n      [skipToggle]=\"skipToggle || situation !== 'SEARCH'\" (onToggleLabel)=\"labelToggled($event)\"\n      [required]=\"formElementRef._eoFormElement.required\" [disabled]=\"formElementRef._eoFormElement.readonly\"\n      [invalid]=\"formElementRef.invalid\">\n\n      <eo-string [situation]=\"element._eoFormControlWrapper.situation\"\n        [formControlName]=\"element._eoFormControlWrapper.controlName\"\n        [autocomplete]=\"formElementRef._eoFormElement.autocomplete\"\n        [multiselect]=\"formElementRef._eoFormElement.multiselect\" [regex]=\"'^[0-9a-fA-F]*$'\"\n        [qname]=\"formElementRef._eoFormElement.qname\" [readonly]=\"formElementRef._eoFormElement.readonly\"\n        [minLength]=\"32\" [maxLength]=\"32\"></eo-string>\n\n    </eo-form-input>\n  </ng-template>\n\n\n  <!-- BOOLEAN -->\n  <ng-template eoFormElementTemplate propertyType=\"BOOLEAN\" let-element=\"element\" let-formElementRef=\"formElementRef\">\n    <eo-form-input [tag]=\"tag\" class=\"checkbox\"\n      [label]=\"formElementRef._eoFormElement.label ? formElementRef._eoFormElement.label : formElementRef._eoFormElement.name\"\n      [isNull]=\"isNull\"\n      [skipToggle]=\"skipToggle || situation !== 'SEARCH'\" [required]=\"formElementRef._eoFormElement.required\"\n      [disabled]=\"formElementRef._eoFormElement.readonly\" (onToggleLabel)=\"labelToggled($event)\"\n      [invalid]=\"formElementRef.invalid\">\n\n      <eo-checkbox [formControlName]=\"element._eoFormControlWrapper.controlName\"\n        [required]=\"formElementRef._eoFormElement.required\" [readonly]=\"formElementRef._eoFormElement.readonly\"\n        [tristate]=\"true\"></eo-checkbox>\n    </eo-form-input>\n  </ng-template>\n\n  <!-- CODESYSTEM -->\n  <ng-template eoFormElementTemplate propertyType=\"CODESYSTEM\" let-element=\"element\"\n    let-formElementRef=\"formElementRef\">\n    <eo-form-input [tag]=\"tag\"\n      [label]=\"formElementRef._eoFormElement.label ? formElementRef._eoFormElement.label : formElementRef._eoFormElement.name\"\n      [isNull]=\"isNull\"\n      [skipToggle]=\"skipToggle || situation !== 'SEARCH'\" (onToggleLabel)=\"labelToggled($event)\"\n      [required]=\"formElementRef._eoFormElement.required\" [disabled]=\"formElementRef._eoFormElement.readonly\"\n      [invalid]=\"formElementRef.invalid\">\n\n      <eo-codesystem [situation]=\"element._eoFormControlWrapper.situation\"\n        [pickerTitle]=\"formElementRef._eoFormElement.label\" [readonly]=\"formElementRef._eoFormElement.readonly\"\n        [codesystem]=\"formElementRef._eoFormElement.codesystem\"\n        [multiselect]=\"formElementRef._eoFormElement.multiselect\"\n        [filterFunction]=\"formElementRef._eoFormElement.filterFunction\"\n        [disablingFilterFunction]=\"formElementRef._eoFormElement.disablingFilterFunction\"\n        [formControlName]=\"element._eoFormControlWrapper.controlName\"></eo-codesystem>\n    </eo-form-input>\n  </ng-template>\n\n  <!-- ORGANIZATION -->\n  <ng-template eoFormElementTemplate propertyType=\"ORGANIZATION\" let-element=\"element\"\n    let-formElementRef=\"formElementRef\">\n    <eo-form-input [tag]=\"tag\"\n      [label]=\"formElementRef._eoFormElement.label ? formElementRef._eoFormElement.label : formElementRef._eoFormElement.name\"\n      [isNull]=\"isNull\"\n      [skipToggle]=\"skipToggle || situation !== 'SEARCH'\" (onToggleLabel)=\"labelToggled($event)\"\n      [required]=\"formElementRef._eoFormElement.required\" [disabled]=\"formElementRef._eoFormElement.readonly\"\n      [invalid]=\"formElementRef.invalid\">\n\n      <eo-organization [situation]=\"element._eoFormControlWrapper.situation\"\n        [dataMeta]=\"formElementRef._eoFormElement.dataMeta\" [readonly]=\"formElementRef._eoFormElement.readonly\"\n        [filterObject]=\"formElementRef._eoFormElement.filter\" [multiselect]=\"formElementRef._eoFormElement.multiselect\"\n        (onDataMetaChanged)=\"organizationDataMetaResolved($event)\"\n        [formControlName]=\"element._eoFormControlWrapper.controlName\"></eo-organization>\n    </eo-form-input>\n  </ng-template>\n\n  <!-- NUMBER -->\n  <ng-template eoFormElementTemplate propertyType=\"NUMBER\" let-element=\"element\" let-formElementRef=\"formElementRef\">\n    <eo-form-input [tag]=\"tag\"\n      [label]=\"formElementRef._eoFormElement.label ? formElementRef._eoFormElement.label : formElementRef._eoFormElement.name\"\n      [isNull]=\"isNull\"\n      [skipToggle]=\"skipToggle || situation !== 'SEARCH'\" (onToggleLabel)=\"labelToggled($event)\"\n      [required]=\"formElementRef._eoFormElement.required\" [disabled]=\"formElementRef._eoFormElement.readonly\"\n      [invalid]=\"formElementRef.invalid\">\n\n      <eo-number *ngIf=\"situation !== 'SEARCH'\" [readonly]=\"formElementRef._eoFormElement.readonly\"\n        [precision]=\"formElementRef._eoFormElement.precision\" [scale]=\"formElementRef._eoFormElement.scale\"\n        [grouping]=\"formElementRef._eoFormElement.grouping\" [pattern]=\"formElementRef._eoFormElement.pattern\"\n        [formControlName]=\"element._eoFormControlWrapper.controlName\">\n      </eo-number>\n\n      <eo-number-range *ngIf=\"situation === 'SEARCH'\" [readonly]=\"formElementRef._eoFormElement.readonly\"\n        [precision]=\"formElementRef._eoFormElement.precision\" [scale]=\"formElementRef._eoFormElement.scale\"\n        [grouping]=\"formElementRef._eoFormElement.grouping\" [pattern]=\"formElementRef._eoFormElement.pattern\"\n        [formControlName]=\"element._eoFormControlWrapper.controlName\"></eo-number-range>\n    </eo-form-input>\n  </ng-template>\n\n  <!-- DATE AND DATETIME -->\n  <ng-template eoFormElementTemplate propertyType=\"DATETIME\" let-element=\"element\" let-formElementRef=\"formElementRef\">\n    <eo-form-input [tag]=\"tag\"\n      [label]=\"formElementRef._eoFormElement.label ? formElementRef._eoFormElement.label : formElementRef._eoFormElement.name\"\n      [isNull]=\"isNull\"\n      [skipToggle]=\"skipToggle || situation !== 'SEARCH'\" (onToggleLabel)=\"labelToggled($event)\"\n      [required]=\"formElementRef._eoFormElement.required\" [disabled]=\"formElementRef._eoFormElement.readonly\"\n      [invalid]=\"formElementRef.invalid\">\n\n      <eo-date *ngIf=\"situation !== 'SEARCH'\" [withTime]=\"formElementRef._eoFormElement.withtime\"\n        [readonly]=\"formElementRef._eoFormElement.readonly\"\n        [formControlName]=\"element._eoFormControlWrapper.controlName\"></eo-date>\n\n      <eo-datetime-range *ngIf=\"situation === 'SEARCH'\" [pickerTitle]=\"formElementRef._eoFormElement.label\"\n        [withTime]=\"formElementRef._eoFormElement.withtime\"\n        [formControlName]=\"element._eoFormControlWrapper.controlName\"></eo-datetime-range>\n    </eo-form-input>\n  </ng-template>\n\n  <ng-content></ng-content>\n\n  <!-- print out the type if it's not matching anything -->\n  <ng-template #tplUnknown><b>{{formElementRef._eoFormElement.type}}</b></ng-template>\n</div>\n", styles: [":host-context(.dark) .form-element .form-field .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{flex:1 1 auto}:host.label-toggled::ng-deep eo-form-input label{text-decoration:line-through}.form-element{box-sizing:border-box}.form-element .form-field{margin:calc(var(--app-pane-padding) / 4) calc(var(--app-pane-padding) / 2)}.form-element .form-field .description{border:0;font-size:var(--font-hint);font-style:italic;padding:calc(var(--app-pane-padding) / 8) calc(var(--app-pane-padding) / 8) 0 calc(var(--app-pane-padding) / 8)}.form-element .form-field .err-msg{color:var(--color-error);padding:calc(var(--app-pane-padding) / 4) 0;border:0}.form-element .form-field .table{flex-flow:column;align-items:flex-start;border-color:transparent}.form-element .form-field .table .label{padding-bottom:calc(var(--app-pane-padding) / 4)}.form-element.ng-dirty:not(.ng-invalid)>.form-field:not(.focused)::ng-deep label{background-color:var(--color-dirty-background);color:var(--color-dirty-font)!important}\n"], dependencies: [{ kind: "directive", type: i1$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$3.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1$3.PatternValidator, selector: "[pattern][formControlName],[pattern][formControl],[pattern][ngModel]", inputs: ["pattern"] }, { kind: "directive", type: i1$3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$3.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i4.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "component", type: FormInputComponent, selector: "eo-form-input", inputs: ["label", "tag", "description", "skipToggle", "isNull", "invalid", "disabled", "required"], outputs: ["onToggleLabel"] }, { kind: "component", type: CodesystemComponent, selector: "eo-codesystem", inputs: ["situation", "pickerTitle", "placeholder", "codesystem", "multiselect", "readonly", "inputStyleClass", "emptyMessage", "filterFunction", "disablingFilterFunction"] }, { kind: "component", type: DateComponent, selector: "eo-date", inputs: ["withTime", "readonly", "onlyFutureDates"] }, { kind: "component", type: DatetimeRangeComponent, selector: "eo-datetime-range", inputs: ["withTime", "pickerTitle", "operator"] }, { kind: "component", type: NumberComponent, selector: "eo-number", inputs: ["scale", "precision", "grouping", "pattern", "readonly"] }, { kind: "component", type: NumberRangeComponent, selector: "eo-number-range", inputs: ["scale", "precision", "grouping", "pattern", "readonly"] }, { kind: "component", type: OrganizationComponent, selector: "eo-organization", inputs: ["removeCurrentUser", "situation", "multiselect", "readonly", "dataMeta", "placeholder", "exceptions", "filterObject"], outputs: ["onValueResolved", "onDataMetaChanged"] }, { kind: "component", type: CheckboxComponent, selector: "eo-checkbox", inputs: ["required", "tristate", "readonly"] }, { kind: "component", type: StringComponent, selector: "eo-string", inputs: ["autocomplete", "multiselect", "multiline", "readonly", "autofocus", "classification", "situation", "regex", "qname", "size", "minLength", "maxLength"] }, { kind: "component", type: ReferenceComponent, selector: "eo-reference", inputs: ["readonly", "multiselect", "reference", "minLength", "maxLength"], outputs: ["onReferenceClicked"] }, { kind: "component", type: DynamicListComponent, selector: "eo-dynamic-list", inputs: ["situation", "multiselect", "pickerTitle", "readonly", "filterFunction", "listObject"] }, { kind: "component", type: IdReferenceComponent, selector: "eo-id-reference", inputs: ["readonly", "multiselect", "situation", "contextId", "exceptionIDs", "dataToRender", "reference", "queryFilters", "objectTypesFilter"] }, { kind: "directive", type: FormElementTemplate, selector: "[eoFormElementTemplate]", inputs: ["propertyType"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: FormElementComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'eo-form-element', template: "<div class=\"form-element\" [formGroup]=\"element\" *ngIf=\"element\">\n\n  <div class=\"form-field t-{{formElementRef._eoFormElement.type}}\" #formField\n    [ngClass]=\"{disabled: !!formElementRef._eoFormElement.readonly}\" *ngIf=\"elementTemplate\">\n\n    <ng-container *ngTemplateOutlet=\"elementTemplate; context: {element, formElementRef}\"></ng-container>\n\n    <!-- the fields description -->\n    <div class=\"description\" *ngIf=\"formElementRef._eoFormElement.description\">{{formElementRef._eoFormElement.description}}</div>\n\n    <!-- error/validation messages -->\n    <div class=\"err-msg\" *ngIf=\"formElementRef.errors\">\n\n      <div *ngIf=\"formElementRef.errors.daterange\" translate>eo.form.property.daterange.invalid</div>\n      <div *ngIf=\"formElementRef.errors.numberrange\" translate>eo.form.property.numberrange.invalid</div>\n      <div *ngIf=\"formElementRef.errors.number\" translate>eo.form.property.number</div>\n      <div *ngIf=\"formElementRef.errors.precision\" translate\n        [translateParams]=\"formElementRef.errors.precision.translateValues\">\n        {{formElementRef.errors.precision.translateKey}}</div>\n      <div *ngIf=\"formElementRef.errors.scale\" translate\n        [translateParams]=\"formElementRef.errors.scale.translateValues\">{{formElementRef.errors.scale.translateKey}}\n      </div>\n\n      <div *ngIf=\"formElementRef.errors.regex || formElementRef.errors.pattern\" translate>\n        eo.form.property.string.regex.nomatch</div>\n      <div *ngIf=\"formElementRef.errors.classificationemail\" translate>\n        eo.form.property.string.error.classification.email</div>\n      <div *ngIf=\"formElementRef.errors.classificationurl\" translate>eo.form.property.string.error.classification.url\n      </div>\n      <div *ngIf=\"formElementRef.errors.onlyWhitespaces\" translate>eo.form.property.string.error.whitespaces</div>\n      <div *ngIf=\"formElementRef.errors.datecontrol\" translate>eo.form.property.date.invalid</div>\n      <div *ngIf=\"formElementRef.errors.codesystem\" translate>eo.form.property.codesystem.value.invalid</div>\n      <div *ngIf=\"formElementRef.errors.eoformScript\">{{formElementRef._eoFormElement.error.msg}}</div>\n      <div *ngIf=\"formElementRef.errors.required\" translate>eo.form.property.required</div>\n      <div *ngIf=\"formElementRef.errors.maxlength\" translate\n        [translateParams]=\"{maxlength: formElementRef._eoFormElement.maxlen}\">eo.form.property.maxlength</div>\n      <div *ngIf=\"formElementRef.errors.minlength\" translate\n        [translateParams]=\"{minlength: formElementRef._eoFormElement.minlen}\">eo.form.property.minlength</div>\n      <div *ngIf=\"formElementRef.errors.deletedIDReference\" translate>eo.form.property.idreference.deleted</div>\n      <div *ngIf=\"formElementRef.errors.deletedOrgObject\" translate>eo.form.property.orgobject.deleted</div>\n    </div>\n\n  </div>\n\n\n\n  <!-- STRING -->\n  <ng-template eoFormElementTemplate propertyType=\"STRING\" let-element=\"element\" let-formElementRef=\"formElementRef\">\n    <eo-form-input [tag]=\"tag\"\n      [label]=\"formElementRef._eoFormElement.label ? formElementRef._eoFormElement.label : formElementRef._eoFormElement.name\"\n      [isNull]=\"isNull\"\n      [skipToggle]=\"skipToggle || situation !== 'SEARCH'\" (onToggleLabel)=\"labelToggled($event)\"\n      [required]=\"formElementRef._eoFormElement.required\" [disabled]=\"formElementRef._eoFormElement.readonly\"\n      [invalid]=\"formElementRef.invalid\">\n\n      <eo-string\n        *ngIf=\"!formElementRef._eoFormElement.reference && formElementRef._eoFormElement.classification !== 'selector'\"\n        [situation]=\"element._eoFormControlWrapper.situation\"\n        [formControlName]=\"element._eoFormControlWrapper.controlName\"\n        [autocomplete]=\"formElementRef._eoFormElement.autocomplete\"\n        [multiselect]=\"!!formElementRef._eoFormElement.multiselect\"\n        [multiline]=\"formElementRef._eoFormElement.multiline\"\n        [classification]=\"formElementRef._eoFormElement.classification\" [regex]=\"formElementRef._eoFormElement.regex\"\n        [qname]=\"formElementRef._eoFormElement.qname\" [size]=\"formElementRef._eoFormElement.size\"\n        [readonly]=\"formElementRef._eoFormElement.readonly\" [minLength]=\"formElementRef._eoFormElement.minlen\"\n        [maxLength]=\"formElementRef._eoFormElement.maxlen\"></eo-string>\n\n      <!-- Dynamic List -->\n      <eo-dynamic-list\n        *ngIf=\"!formElementRef._eoFormElement.reference && formElementRef._eoFormElement.classification === 'selector'\"\n        [situation]=\"element._eoFormControlWrapper.situation\" [pickerTitle]=\"formElementRef._eoFormElement.label\"\n        [filterFunction]=\"formElementRef._eoFormElement.filterFunction\"\n        [multiselect]=\"formElementRef._eoFormElement.multiselect\" [listObject]=\"formElementRef._eoFormElement.list\"\n        [readonly]=\"formElementRef._eoFormElement.readonly\"\n        [formControlName]=\"element._eoFormControlWrapper.controlName\"></eo-dynamic-list>\n\n\n      <!-- Reference -->\n      <eo-reference *ngIf=\"formElementRef._eoFormElement.reference\"\n        [formControlName]=\"element._eoFormControlWrapper.controlName\"\n        [readonly]=\"formElementRef._eoFormElement.readonly\" [reference]=\"formElementRef._eoFormElement.reference\"\n        [multiselect]=\"!!formElementRef._eoFormElement.multiselect ? formElementRef._eoFormElement.multiselect : situation === 'SEARCH'\"\n        [minLength]=\"formElementRef._eoFormElement.minlen\"\n        [maxLength]=\"formElementRef._eoFormElement.maxlen\"></eo-reference>\n    </eo-form-input>\n  </ng-template>\n\n  <!-- ID-Reference -->\n  <ng-template eoFormElementTemplate propertyType=\"REFERENCE\" let-element=\"element\" let-formElementRef=\"formElementRef\">\n    <eo-form-input [tag]=\"tag\"\n      [label]=\"formElementRef._eoFormElement.label ? formElementRef._eoFormElement.label : formElementRef._eoFormElement.name\"\n      [isNull]=\"isNull\"\n      [skipToggle]=\"skipToggle || situation !== 'SEARCH'\" (onToggleLabel)=\"labelToggled($event)\"\n      [required]=\"formElementRef._eoFormElement.required\" [disabled]=\"formElementRef._eoFormElement.readonly\"\n      [invalid]=\"formElementRef.invalid\">\n\n      <eo-id-reference [formControlName]=\"element._eoFormControlWrapper.controlName\"\n        [situation]=\"element._eoFormControlWrapper.situation\"\n        [dataToRender]=\"formElementRef._eoFormElement.dataToRender\"\n        [reference]=\"formElementRef._eoFormElement.reference\" [readonly]=\"formElementRef._eoFormElement.readonly\"\n        [multiselect]=\"formElementRef._eoFormElement.multiselect\" [contextId]=\"formElementRef._eoFormElement.contextId\"\n        [exceptionIDs]=\"formElementRef._eoFormElement.exceptionIDs\"\n        [queryFilters]=\"formElementRef._eoFormElement.queryFilters\"\n        [objectTypesFilter]=\"formElementRef._eoFormElement.objectTypesFilter\"></eo-id-reference>\n    </eo-form-input>\n  </ng-template>\n\n  <!-- ID -->\n  <ng-template eoFormElementTemplate propertyType=\"ID\" let-element=\"element\" let-formElementRef=\"formElementRef\">\n    <eo-form-input [tag]=\"tag\"\n      [label]=\"formElementRef._eoFormElement.label ? formElementRef._eoFormElement.label : formElementRef._eoFormElement.name\"\n      [isNull]=\"isNull\"\n      [skipToggle]=\"skipToggle || situation !== 'SEARCH'\" (onToggleLabel)=\"labelToggled($event)\"\n      [required]=\"formElementRef._eoFormElement.required\" [disabled]=\"formElementRef._eoFormElement.readonly\"\n      [invalid]=\"formElementRef.invalid\">\n\n      <eo-string [situation]=\"element._eoFormControlWrapper.situation\"\n        [formControlName]=\"element._eoFormControlWrapper.controlName\"\n        [autocomplete]=\"formElementRef._eoFormElement.autocomplete\"\n        [multiselect]=\"formElementRef._eoFormElement.multiselect\" [regex]=\"'^[0-9a-fA-F]*$'\"\n        [qname]=\"formElementRef._eoFormElement.qname\" [readonly]=\"formElementRef._eoFormElement.readonly\"\n        [minLength]=\"32\" [maxLength]=\"32\"></eo-string>\n\n    </eo-form-input>\n  </ng-template>\n\n\n  <!-- BOOLEAN -->\n  <ng-template eoFormElementTemplate propertyType=\"BOOLEAN\" let-element=\"element\" let-formElementRef=\"formElementRef\">\n    <eo-form-input [tag]=\"tag\"\n      [label]=\"formElementRef._eoFormElement.label ? formElementRef._eoFormElement.label : formElementRef._eoFormElement.name\"\n      [isNull]=\"isNull\"\n      [skipToggle]=\"skipToggle || situation !== 'SEARCH'\" [required]=\"formElementRef._eoFormElement.required\"\n      [disabled]=\"formElementRef._eoFormElement.readonly\" (onToggleLabel)=\"labelToggled($event)\"\n      [invalid]=\"formElementRef.invalid\">\n\n      <eo-checkbox [formControlName]=\"element._eoFormControlWrapper.controlName\"\n        [required]=\"formElementRef._eoFormElement.required\" [readonly]=\"formElementRef._eoFormElement.readonly\"\n        [tristate]=\"true\"></eo-checkbox>\n    </eo-form-input>\n  </ng-template>\n\n  <!-- CODESYSTEM -->\n  <ng-template eoFormElementTemplate propertyType=\"CODESYSTEM\" let-element=\"element\"\n    let-formElementRef=\"formElementRef\">\n    <eo-form-input [tag]=\"tag\"\n      [label]=\"formElementRef._eoFormElement.label ? formElementRef._eoFormElement.label : formElementRef._eoFormElement.name\"\n      [isNull]=\"isNull\"\n      [skipToggle]=\"skipToggle || situation !== 'SEARCH'\" (onToggleLabel)=\"labelToggled($event)\"\n      [required]=\"formElementRef._eoFormElement.required\" [disabled]=\"formElementRef._eoFormElement.readonly\"\n      [invalid]=\"formElementRef.invalid\">\n\n      <eo-codesystem [situation]=\"element._eoFormControlWrapper.situation\"\n        [pickerTitle]=\"formElementRef._eoFormElement.label\" [readonly]=\"formElementRef._eoFormElement.readonly\"\n        [codesystem]=\"formElementRef._eoFormElement.codesystem\"\n        [multiselect]=\"formElementRef._eoFormElement.multiselect\"\n        [filterFunction]=\"formElementRef._eoFormElement.filterFunction\"\n        [disablingFilterFunction]=\"formElementRef._eoFormElement.disablingFilterFunction\"\n        [formControlName]=\"element._eoFormControlWrapper.controlName\"></eo-codesystem>\n    </eo-form-input>\n  </ng-template>\n\n  <!-- ORGANIZATION -->\n  <ng-template eoFormElementTemplate propertyType=\"ORGANIZATION\" let-element=\"element\"\n    let-formElementRef=\"formElementRef\">\n    <eo-form-input [tag]=\"tag\"\n      [label]=\"formElementRef._eoFormElement.label ? formElementRef._eoFormElement.label : formElementRef._eoFormElement.name\"\n      [isNull]=\"isNull\"\n      [skipToggle]=\"skipToggle || situation !== 'SEARCH'\" (onToggleLabel)=\"labelToggled($event)\"\n      [required]=\"formElementRef._eoFormElement.required\" [disabled]=\"formElementRef._eoFormElement.readonly\"\n      [invalid]=\"formElementRef.invalid\">\n\n      <eo-organization [situation]=\"element._eoFormControlWrapper.situation\"\n        [dataMeta]=\"formElementRef._eoFormElement.dataMeta\" [readonly]=\"formElementRef._eoFormElement.readonly\"\n        [filterObject]=\"formElementRef._eoFormElement.filter\" [multiselect]=\"formElementRef._eoFormElement.multiselect\"\n        (onDataMetaChanged)=\"organizationDataMetaResolved($event)\"\n        [formControlName]=\"element._eoFormControlWrapper.controlName\"></eo-organization>\n    </eo-form-input>\n  </ng-template>\n\n  <!-- NUMBER -->\n  <ng-template eoFormElementTemplate propertyType=\"NUMBER\" let-element=\"element\" let-formElementRef=\"formElementRef\">\n    <eo-form-input [tag]=\"tag\"\n      [label]=\"formElementRef._eoFormElement.label ? formElementRef._eoFormElement.label : formElementRef._eoFormElement.name\"\n      [isNull]=\"isNull\"\n      [skipToggle]=\"skipToggle || situation !== 'SEARCH'\" (onToggleLabel)=\"labelToggled($event)\"\n      [required]=\"formElementRef._eoFormElement.required\" [disabled]=\"formElementRef._eoFormElement.readonly\"\n      [invalid]=\"formElementRef.invalid\">\n\n      <eo-number *ngIf=\"situation !== 'SEARCH'\" [readonly]=\"formElementRef._eoFormElement.readonly\"\n        [precision]=\"formElementRef._eoFormElement.precision\" [scale]=\"formElementRef._eoFormElement.scale\"\n        [grouping]=\"formElementRef._eoFormElement.grouping\" [pattern]=\"formElementRef._eoFormElement.pattern\"\n        [formControlName]=\"element._eoFormControlWrapper.controlName\">\n      </eo-number>\n\n      <eo-number-range *ngIf=\"situation === 'SEARCH'\" [readonly]=\"formElementRef._eoFormElement.readonly\"\n        [precision]=\"formElementRef._eoFormElement.precision\" [scale]=\"formElementRef._eoFormElement.scale\"\n        [grouping]=\"formElementRef._eoFormElement.grouping\" [pattern]=\"formElementRef._eoFormElement.pattern\"\n        [formControlName]=\"element._eoFormControlWrapper.controlName\"></eo-number-range>\n    </eo-form-input>\n  </ng-template>\n\n  <!-- DATE AND DATETIME -->\n  <ng-template eoFormElementTemplate propertyType=\"DATETIME\" let-element=\"element\" let-formElementRef=\"formElementRef\">\n    <eo-form-input [tag]=\"tag\"\n      [label]=\"formElementRef._eoFormElement.label ? formElementRef._eoFormElement.label : formElementRef._eoFormElement.name\"\n      [isNull]=\"isNull\"\n      [skipToggle]=\"skipToggle || situation !== 'SEARCH'\" (onToggleLabel)=\"labelToggled($event)\"\n      [required]=\"formElementRef._eoFormElement.required\" [disabled]=\"formElementRef._eoFormElement.readonly\"\n      [invalid]=\"formElementRef.invalid\">\n\n      <eo-date *ngIf=\"situation !== 'SEARCH'\" [withTime]=\"formElementRef._eoFormElement.withtime\"\n        [readonly]=\"formElementRef._eoFormElement.readonly\"\n        [formControlName]=\"element._eoFormControlWrapper.controlName\"></eo-date>\n\n      <eo-datetime-range *ngIf=\"situation === 'SEARCH'\" [pickerTitle]=\"formElementRef._eoFormElement.label\"\n        [withTime]=\"formElementRef._eoFormElement.withtime\"\n        [formControlName]=\"element._eoFormControlWrapper.controlName\"></eo-datetime-range>\n    </eo-form-input>\n  </ng-template>\n\n  <ng-content></ng-content>\n\n  <!-- print out the type if it's not matching anything -->\n  <ng-template #tplUnknown><b>{{formElementRef._eoFormElement.type}}</b></ng-template>\n</div>\n", styles: [":host-context(.dark) .form-element .form-field .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{flex:1 1 auto}:host.label-toggled::ng-deep eo-form-input label{text-decoration:line-through}.form-element{box-sizing:border-box}.form-element .form-field{margin:calc(var(--app-pane-padding) / 4) calc(var(--app-pane-padding) / 2)}.form-element .form-field .description{border:0;font-size:var(--font-hint);font-style:italic;padding:calc(var(--app-pane-padding) / 8) calc(var(--app-pane-padding) / 8) 0 calc(var(--app-pane-padding) / 8)}.form-element .form-field .err-msg{color:var(--color-error);padding:calc(var(--app-pane-padding) / 4) 0;border:0}.form-element .form-field .table{flex-flow:column;align-items:flex-start;border-color:transparent}.form-element .form-field .table .label{padding-bottom:calc(var(--app-pane-padding) / 4)}.form-element.ng-dirty:not(.ng-invalid)>.form-field:not(.focused)::ng-deep label{background-color:var(--color-dirty-background);color:var(--color-dirty-font)!important}\n"] }]
+            args: [{ selector: 'eo-form-element', template: "<div class=\"form-element\" [formGroup]=\"element\" *ngIf=\"element\">\n\n  <div class=\"form-field t-{{formElementRef._eoFormElement.type}}\" #formField\n    [ngClass]=\"{disabled: !!formElementRef._eoFormElement.readonly}\" *ngIf=\"elementTemplate\">\n\n    <ng-container *ngTemplateOutlet=\"elementTemplate; context: {element, formElementRef}\"></ng-container>\n\n    <!-- the fields description -->\n    <div class=\"description\" *ngIf=\"formElementRef._eoFormElement.description\">{{formElementRef._eoFormElement.description}}</div>\n\n    <!-- error/validation messages -->\n    <div class=\"err-msg\" *ngIf=\"formElementRef.errors\">\n\n      <div *ngIf=\"formElementRef.errors.daterange\" translate>eo.form.property.daterange.invalid</div>\n      <div *ngIf=\"formElementRef.errors.numberrange\" translate>eo.form.property.numberrange.invalid</div>\n      <div *ngIf=\"formElementRef.errors.number\" translate>eo.form.property.number</div>\n      <div *ngIf=\"formElementRef.errors.precision\" translate\n        [translateParams]=\"formElementRef.errors.precision.translateValues\">\n        {{formElementRef.errors.precision.translateKey}}</div>\n      <div *ngIf=\"formElementRef.errors.scale\" translate\n        [translateParams]=\"formElementRef.errors.scale.translateValues\">{{formElementRef.errors.scale.translateKey}}\n      </div>\n\n      <div *ngIf=\"formElementRef.errors.regex || formElementRef.errors.pattern\" translate>\n        eo.form.property.string.regex.nomatch</div>\n      <div *ngIf=\"formElementRef.errors.classificationemail\" translate>\n        eo.form.property.string.error.classification.email</div>\n      <div *ngIf=\"formElementRef.errors.classificationurl\" translate>eo.form.property.string.error.classification.url\n      </div>\n      <div *ngIf=\"formElementRef.errors.onlyWhitespaces\" translate>eo.form.property.string.error.whitespaces</div>\n      <div *ngIf=\"formElementRef.errors.datecontrol\" translate>eo.form.property.date.invalid</div>\n      <div *ngIf=\"formElementRef.errors.codesystem\" translate>eo.form.property.codesystem.value.invalid</div>\n      <div *ngIf=\"formElementRef.errors.eoformScript\">{{formElementRef._eoFormElement.error.msg}}</div>\n      <div *ngIf=\"formElementRef.errors.required\" translate>eo.form.property.required</div>\n      <div *ngIf=\"formElementRef.errors.maxlength\" translate\n        [translateParams]=\"{maxlength: formElementRef._eoFormElement.maxlen}\">eo.form.property.maxlength</div>\n      <div *ngIf=\"formElementRef.errors.minlength\" translate\n        [translateParams]=\"{minlength: formElementRef._eoFormElement.minlen}\">eo.form.property.minlength</div>\n      <div *ngIf=\"formElementRef.errors.deletedIDReference\" translate>eo.form.property.idreference.deleted</div>\n      <div *ngIf=\"formElementRef.errors.deletedOrgObject\" translate>eo.form.property.orgobject.deleted</div>\n    </div>\n\n  </div>\n\n\n\n  <!-- STRING -->\n  <ng-template eoFormElementTemplate propertyType=\"STRING\" let-element=\"element\" let-formElementRef=\"formElementRef\">\n    <eo-form-input [tag]=\"tag\"\n      [label]=\"formElementRef._eoFormElement.label ? formElementRef._eoFormElement.label : formElementRef._eoFormElement.name\"\n      [isNull]=\"isNull\"\n      [skipToggle]=\"skipToggle || situation !== 'SEARCH'\" (onToggleLabel)=\"labelToggled($event)\"\n      [required]=\"formElementRef._eoFormElement.required\" [disabled]=\"formElementRef._eoFormElement.readonly\"\n      [invalid]=\"formElementRef.invalid\">\n\n      <eo-string\n        *ngIf=\"!formElementRef._eoFormElement.reference && formElementRef._eoFormElement.classification !== 'selector'\"\n        [situation]=\"element._eoFormControlWrapper.situation\"\n        [formControlName]=\"element._eoFormControlWrapper.controlName\"\n        [autocomplete]=\"formElementRef._eoFormElement.autocomplete\"\n        [multiselect]=\"!!formElementRef._eoFormElement.multiselect\"\n        [multiline]=\"formElementRef._eoFormElement.multiline\"\n        [classification]=\"formElementRef._eoFormElement.classification\" [regex]=\"formElementRef._eoFormElement.regex\"\n        [qname]=\"formElementRef._eoFormElement.qname\" [size]=\"formElementRef._eoFormElement.size\"\n        [readonly]=\"formElementRef._eoFormElement.readonly\" [minLength]=\"formElementRef._eoFormElement.minlen\"\n        [maxLength]=\"formElementRef._eoFormElement.maxlen\"></eo-string>\n\n      <!-- Dynamic List -->\n      <eo-dynamic-list\n        *ngIf=\"!formElementRef._eoFormElement.reference && formElementRef._eoFormElement.classification === 'selector'\"\n        [situation]=\"element._eoFormControlWrapper.situation\" [pickerTitle]=\"formElementRef._eoFormElement.label\"\n        [filterFunction]=\"formElementRef._eoFormElement.filterFunction\"\n        [multiselect]=\"formElementRef._eoFormElement.multiselect\" [listObject]=\"formElementRef._eoFormElement.list\"\n        [readonly]=\"formElementRef._eoFormElement.readonly\"\n        [formControlName]=\"element._eoFormControlWrapper.controlName\"></eo-dynamic-list>\n\n\n      <!-- Reference -->\n      <eo-reference *ngIf=\"formElementRef._eoFormElement.reference\"\n        [formControlName]=\"element._eoFormControlWrapper.controlName\"\n        [readonly]=\"formElementRef._eoFormElement.readonly\" [reference]=\"formElementRef._eoFormElement.reference\"\n        [multiselect]=\"!!formElementRef._eoFormElement.multiselect ? formElementRef._eoFormElement.multiselect : situation === 'SEARCH'\"\n        [minLength]=\"formElementRef._eoFormElement.minlen\"\n        [maxLength]=\"formElementRef._eoFormElement.maxlen\"></eo-reference>\n    </eo-form-input>\n  </ng-template>\n\n  <!-- ID-Reference -->\n  <ng-template eoFormElementTemplate propertyType=\"REFERENCE\" let-element=\"element\" let-formElementRef=\"formElementRef\">\n    <eo-form-input [tag]=\"tag\"\n      [label]=\"formElementRef._eoFormElement.label ? formElementRef._eoFormElement.label : formElementRef._eoFormElement.name\"\n      [isNull]=\"isNull\"\n      [skipToggle]=\"skipToggle || situation !== 'SEARCH'\" (onToggleLabel)=\"labelToggled($event)\"\n      [required]=\"formElementRef._eoFormElement.required\" [disabled]=\"formElementRef._eoFormElement.readonly\"\n      [invalid]=\"formElementRef.invalid\">\n\n      <eo-id-reference [formControlName]=\"element._eoFormControlWrapper.controlName\"\n        [situation]=\"element._eoFormControlWrapper.situation\"\n        [dataToRender]=\"formElementRef._eoFormElement.dataToRender\"\n        [reference]=\"formElementRef._eoFormElement.reference\" [readonly]=\"formElementRef._eoFormElement.readonly\"\n        [multiselect]=\"formElementRef._eoFormElement.multiselect\" [contextId]=\"formElementRef._eoFormElement.contextId\"\n        [exceptionIDs]=\"formElementRef._eoFormElement.exceptionIDs\"\n        [queryFilters]=\"formElementRef._eoFormElement.queryFilters\"\n        [objectTypesFilter]=\"formElementRef._eoFormElement.objectTypesFilter\"></eo-id-reference>\n    </eo-form-input>\n  </ng-template>\n\n  <!-- ID -->\n  <ng-template eoFormElementTemplate propertyType=\"ID\" let-element=\"element\" let-formElementRef=\"formElementRef\">\n    <eo-form-input [tag]=\"tag\"\n      [label]=\"formElementRef._eoFormElement.label ? formElementRef._eoFormElement.label : formElementRef._eoFormElement.name\"\n      [isNull]=\"isNull\"\n      [skipToggle]=\"skipToggle || situation !== 'SEARCH'\" (onToggleLabel)=\"labelToggled($event)\"\n      [required]=\"formElementRef._eoFormElement.required\" [disabled]=\"formElementRef._eoFormElement.readonly\"\n      [invalid]=\"formElementRef.invalid\">\n\n      <eo-string [situation]=\"element._eoFormControlWrapper.situation\"\n        [formControlName]=\"element._eoFormControlWrapper.controlName\"\n        [autocomplete]=\"formElementRef._eoFormElement.autocomplete\"\n        [multiselect]=\"formElementRef._eoFormElement.multiselect\" [regex]=\"'^[0-9a-fA-F]*$'\"\n        [qname]=\"formElementRef._eoFormElement.qname\" [readonly]=\"formElementRef._eoFormElement.readonly\"\n        [minLength]=\"32\" [maxLength]=\"32\"></eo-string>\n\n    </eo-form-input>\n  </ng-template>\n\n\n  <!-- BOOLEAN -->\n  <ng-template eoFormElementTemplate propertyType=\"BOOLEAN\" let-element=\"element\" let-formElementRef=\"formElementRef\">\n    <eo-form-input [tag]=\"tag\" class=\"checkbox\"\n      [label]=\"formElementRef._eoFormElement.label ? formElementRef._eoFormElement.label : formElementRef._eoFormElement.name\"\n      [isNull]=\"isNull\"\n      [skipToggle]=\"skipToggle || situation !== 'SEARCH'\" [required]=\"formElementRef._eoFormElement.required\"\n      [disabled]=\"formElementRef._eoFormElement.readonly\" (onToggleLabel)=\"labelToggled($event)\"\n      [invalid]=\"formElementRef.invalid\">\n\n      <eo-checkbox [formControlName]=\"element._eoFormControlWrapper.controlName\"\n        [required]=\"formElementRef._eoFormElement.required\" [readonly]=\"formElementRef._eoFormElement.readonly\"\n        [tristate]=\"true\"></eo-checkbox>\n    </eo-form-input>\n  </ng-template>\n\n  <!-- CODESYSTEM -->\n  <ng-template eoFormElementTemplate propertyType=\"CODESYSTEM\" let-element=\"element\"\n    let-formElementRef=\"formElementRef\">\n    <eo-form-input [tag]=\"tag\"\n      [label]=\"formElementRef._eoFormElement.label ? formElementRef._eoFormElement.label : formElementRef._eoFormElement.name\"\n      [isNull]=\"isNull\"\n      [skipToggle]=\"skipToggle || situation !== 'SEARCH'\" (onToggleLabel)=\"labelToggled($event)\"\n      [required]=\"formElementRef._eoFormElement.required\" [disabled]=\"formElementRef._eoFormElement.readonly\"\n      [invalid]=\"formElementRef.invalid\">\n\n      <eo-codesystem [situation]=\"element._eoFormControlWrapper.situation\"\n        [pickerTitle]=\"formElementRef._eoFormElement.label\" [readonly]=\"formElementRef._eoFormElement.readonly\"\n        [codesystem]=\"formElementRef._eoFormElement.codesystem\"\n        [multiselect]=\"formElementRef._eoFormElement.multiselect\"\n        [filterFunction]=\"formElementRef._eoFormElement.filterFunction\"\n        [disablingFilterFunction]=\"formElementRef._eoFormElement.disablingFilterFunction\"\n        [formControlName]=\"element._eoFormControlWrapper.controlName\"></eo-codesystem>\n    </eo-form-input>\n  </ng-template>\n\n  <!-- ORGANIZATION -->\n  <ng-template eoFormElementTemplate propertyType=\"ORGANIZATION\" let-element=\"element\"\n    let-formElementRef=\"formElementRef\">\n    <eo-form-input [tag]=\"tag\"\n      [label]=\"formElementRef._eoFormElement.label ? formElementRef._eoFormElement.label : formElementRef._eoFormElement.name\"\n      [isNull]=\"isNull\"\n      [skipToggle]=\"skipToggle || situation !== 'SEARCH'\" (onToggleLabel)=\"labelToggled($event)\"\n      [required]=\"formElementRef._eoFormElement.required\" [disabled]=\"formElementRef._eoFormElement.readonly\"\n      [invalid]=\"formElementRef.invalid\">\n\n      <eo-organization [situation]=\"element._eoFormControlWrapper.situation\"\n        [dataMeta]=\"formElementRef._eoFormElement.dataMeta\" [readonly]=\"formElementRef._eoFormElement.readonly\"\n        [filterObject]=\"formElementRef._eoFormElement.filter\" [multiselect]=\"formElementRef._eoFormElement.multiselect\"\n        (onDataMetaChanged)=\"organizationDataMetaResolved($event)\"\n        [formControlName]=\"element._eoFormControlWrapper.controlName\"></eo-organization>\n    </eo-form-input>\n  </ng-template>\n\n  <!-- NUMBER -->\n  <ng-template eoFormElementTemplate propertyType=\"NUMBER\" let-element=\"element\" let-formElementRef=\"formElementRef\">\n    <eo-form-input [tag]=\"tag\"\n      [label]=\"formElementRef._eoFormElement.label ? formElementRef._eoFormElement.label : formElementRef._eoFormElement.name\"\n      [isNull]=\"isNull\"\n      [skipToggle]=\"skipToggle || situation !== 'SEARCH'\" (onToggleLabel)=\"labelToggled($event)\"\n      [required]=\"formElementRef._eoFormElement.required\" [disabled]=\"formElementRef._eoFormElement.readonly\"\n      [invalid]=\"formElementRef.invalid\">\n\n      <eo-number *ngIf=\"situation !== 'SEARCH'\" [readonly]=\"formElementRef._eoFormElement.readonly\"\n        [precision]=\"formElementRef._eoFormElement.precision\" [scale]=\"formElementRef._eoFormElement.scale\"\n        [grouping]=\"formElementRef._eoFormElement.grouping\" [pattern]=\"formElementRef._eoFormElement.pattern\"\n        [formControlName]=\"element._eoFormControlWrapper.controlName\">\n      </eo-number>\n\n      <eo-number-range *ngIf=\"situation === 'SEARCH'\" [readonly]=\"formElementRef._eoFormElement.readonly\"\n        [precision]=\"formElementRef._eoFormElement.precision\" [scale]=\"formElementRef._eoFormElement.scale\"\n        [grouping]=\"formElementRef._eoFormElement.grouping\" [pattern]=\"formElementRef._eoFormElement.pattern\"\n        [formControlName]=\"element._eoFormControlWrapper.controlName\"></eo-number-range>\n    </eo-form-input>\n  </ng-template>\n\n  <!-- DATE AND DATETIME -->\n  <ng-template eoFormElementTemplate propertyType=\"DATETIME\" let-element=\"element\" let-formElementRef=\"formElementRef\">\n    <eo-form-input [tag]=\"tag\"\n      [label]=\"formElementRef._eoFormElement.label ? formElementRef._eoFormElement.label : formElementRef._eoFormElement.name\"\n      [isNull]=\"isNull\"\n      [skipToggle]=\"skipToggle || situation !== 'SEARCH'\" (onToggleLabel)=\"labelToggled($event)\"\n      [required]=\"formElementRef._eoFormElement.required\" [disabled]=\"formElementRef._eoFormElement.readonly\"\n      [invalid]=\"formElementRef.invalid\">\n\n      <eo-date *ngIf=\"situation !== 'SEARCH'\" [withTime]=\"formElementRef._eoFormElement.withtime\"\n        [readonly]=\"formElementRef._eoFormElement.readonly\"\n        [formControlName]=\"element._eoFormControlWrapper.controlName\"></eo-date>\n\n      <eo-datetime-range *ngIf=\"situation === 'SEARCH'\" [pickerTitle]=\"formElementRef._eoFormElement.label\"\n        [withTime]=\"formElementRef._eoFormElement.withtime\"\n        [formControlName]=\"element._eoFormControlWrapper.controlName\"></eo-datetime-range>\n    </eo-form-input>\n  </ng-template>\n\n  <ng-content></ng-content>\n\n  <!-- print out the type if it's not matching anything -->\n  <ng-template #tplUnknown><b>{{formElementRef._eoFormElement.type}}</b></ng-template>\n</div>\n", styles: [":host-context(.dark) .form-element .form-field .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{flex:1 1 auto}:host.label-toggled::ng-deep eo-form-input label{text-decoration:line-through}.form-element{box-sizing:border-box}.form-element .form-field{margin:calc(var(--app-pane-padding) / 4) calc(var(--app-pane-padding) / 2)}.form-element .form-field .description{border:0;font-size:var(--font-hint);font-style:italic;padding:calc(var(--app-pane-padding) / 8) calc(var(--app-pane-padding) / 8) 0 calc(var(--app-pane-padding) / 8)}.form-element .form-field .err-msg{color:var(--color-error);padding:calc(var(--app-pane-padding) / 4) 0;border:0}.form-element .form-field .table{flex-flow:column;align-items:flex-start;border-color:transparent}.form-element .form-field .table .label{padding-bottom:calc(var(--app-pane-padding) / 4)}.form-element.ng-dirty:not(.ng-invalid)>.form-field:not(.focused)::ng-deep label{background-color:var(--color-dirty-background);color:var(--color-dirty-font)!important}\n"] }]
         }], ctorParameters: () => [{ type: i1.TranslateService }, { type: i0.Renderer2 }, { type: i0.ElementRef }], propDecorators: { elementTemplates: [{
                 type: ViewChildren,
                 args: [FormElementTemplate, { emitDistinctChangesOnly: true }]
@@ -7725,10 +7739,9 @@ let MediaComponent = class MediaComponent {
         return this._previewUri;
     }
     set previewFile(file) {
+        this._previewFile = file;
         if (file) {
-            this.viewer = this.getViewer(file);
-            this.mediaType = file.mediaTypeName && this.system.getObjectType(file.mediaTypeName);
-            this.previewUri = this.viewer.previewUri;
+            this.setupViewer();
         }
         else {
             this.previewUri = '';
@@ -7755,28 +7768,24 @@ let MediaComponent = class MediaComponent {
                 path: file.path,
                 mediaTypeName: item.typeName
             };
-            if (!!file.mimegroup?.match(/^mail|octet-stream/) && this.viewer.viewer.match('/view/api/pdf/')) {
-                this.slideUri = this.dms.getSlide(item.content.id, item.content.type, this.useVersion ? item.version : null, 256);
-                this.attachmentsLoading = this.dms.getAttachments(item).subscribe(a => this.setAttachments = a);
-            }
-            if (this.viewer.viewer.match('/view/api/mail/')) {
-                this.dms.getAttachments(item).subscribe(a => window.api.content.attachments = a);
-            }
+            this.setupViewer();
         }
         else {
             this.previewUri = '';
         }
     }
-    constructor(translate, dms, renderer, system, config, pluginsService) {
+    constructor(translate, dms, renderer, system, config, pluginsService, backend) {
         this.translate = translate;
         this.dms = dms;
         this.renderer = renderer;
         this.system = system;
         this.config = config;
         this.pluginsService = pluginsService;
+        this.backend = backend;
         this.SIZE_LIMIT = 1024 * 1024 * 10; // 10MB
         this.attachments = [];
         this.customConfig = [];
+        this.requiredServices = [];
         this.popoutTriggerPosition = PopoutTriggerPosition.BOTTOM_RIGHT;
         this.defaultViewers = [
             {
@@ -7795,15 +7804,47 @@ let MediaComponent = class MediaComponent {
                 "mimeType": ["message/rfc822", "application/vnd.ms-outlook"],
                 "viewer": "viewer/view/api/mail/?path=${path}&mimeType=${mimeType}&fileExtension=${fileExtension}&lang=${lang}&theme=${theme}"
             },
+            {
+                "requiredService": "office365",
+                "supportsAttachments": false,
+                "mimeType": [
+                    "application/msword",
+                    "application/vnd.openxmlformats-officedocument.wordprocessingml.document",
+                    "application/vnd.ms-word.document.macroEnabled.12",
+                    "application/vnd.openxmlformats-officedocument.wordprocessingml.template",
+                    "application/vnd.ms-word.template.macroEnabled.12",
+                    "application/vnd.ms-excel",
+                    "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet",
+                    "application/vnd.ms-excel.sheet.macroEnabled.12",
+                    "application/vnd.openxmlformats-officedocument.spreadsheetml.template",
+                    "application/vnd.ms-excel.template.macroEnabled.12",
+                    "application/vnd.ms-excel.sheet.binary.macroEnabled.12",
+                    "application/vnd.ms-excel.addin.macroEnabled.12",
+                    "application/vnd.ms-powerpoint",
+                    "application/vnd.openxmlformats-officedocument.presentationml.presentation",
+                    "application/vnd.openxmlformats-officedocument.presentationml.template",
+                    "application/vnd.openxmlformats-officedocument.presentationml.slideshow",
+                    "application/vnd.ms-powerpoint.addin.macroEnabled.12",
+                    "application/vnd.ms-powerpoint.presentation.macroEnabled.12",
+                    "application/vnd.ms-powerpoint.template.macroEnabled.12",
+                    "application/vnd.ms-powerpoint.slideshow.macroEnabled.12"
+                ],
+                "viewer": "() => { let url = ''; let isLinkedDocument = dmsObject.id !== dmsObject.content.id; url = location.origin + '/dashlet365/?id=' + dmsObject.content.id + '&version=' + (!isLinkedDocument ? dmsObject.version : -1) + '&type=' + dmsObject.content.type + (parameters.mimeType ? '&mimeType=' + parameters.mimeType : ''); return url; }"
+            },
+            {
+                "type": "extend",
+                "viewer": "() => { window._o365 = window._o365 || window.addEventListener('message', (e) => { if (!e || !e.data || !e.data.match || !e.data.match('MessageId')) return; var data = JSON.parse(e.data); if (!data) return; if (data.MessageId === 'Host_PostmessageObjectUpdating' || data.MessageId === 'Host_PostmessageObjectConverted') { setTimeout(() => { var btn = api.util.$('eo-object-details .refresh-button'); btn && btn.click(); }, 3500) } else if(data.MessageId === 'UI_EditClick' && data.Values.url) { var w = window.open(decodeURIComponent(data.Values.url)); window['api'].content.windows = (window['api'].content.windows || []).concat([w]); } }); return parameters.viewer; }"
+            },
             // ONLY applies to localhost env; fixed email cors for localhost testing
             {
                 "type": "extend",
                 "viewer": "() => { if (parameters.viewer.match('/view/api/mail/') && parameters.path.match('localhost')) { var host = 'localhost:4200'; var cors = 'kolibriproliant.optimal-systems.de'; parameters.path = parameters.path.replace(host, cors); return parameters.viewer + '&cors=' + cors;} return parameters.viewer; }"
             },
             // We need another pathPdf for email attachment files. This will only come in place if the mimetype is pdf or one of the not supported ones. (viewer attachments & api attachments can be parsed in different order, so we have to match them by filename)
-            { "viewer": "() => {var attachment = parameters.pathPdf.match(new RegExp('attachment=(\\\\d+)')); var a = attachment && api.content.viewer().document.querySelector('iframe').contentDocument.querySelector('a[data-src$=\"' + attachment[0] + '\"]');  var params = a && (api.content.attachments || []).find(att => api.util.decodeHtmlCharCodes(att.name) === a.getAttribute('data-filename')); if(params && params.previewUri) { debugger; parameters.pathPdf = location.origin + params.previewUri; } return parameters.defaultViewer;}" },
+            { "viewer": "() => {var attachment = parameters.pathPdf.match(new RegExp('attachment=(\\\\d+)')); var a = attachment && api.content.viewer().document.querySelector('iframe').contentDocument.querySelector('a[data-src$=\"' + attachment[0] + '\"]');  var params = a && (api.content.attachments || []).find(att => api.util.decodeHtmlCharCodes(att.name) === a.getAttribute('data-filename')); if(params && params.previewUri) { parameters.pathPdf = location.origin + params.previewUri; } return parameters.defaultViewer;}" },
             { "error": true, "type": "error", "viewer": "viewer/view/api/error/?path=${path}&mimeType=${mimeType}&fileExtension=${fileExtension}&lang=${lang}&theme=${theme}" }
         ];
+        this.initialized = false;
         this.undockDisabled = false;
         this.enableCloseBtn = false;
         // by default, the viewer ignores the version of the dms object. This will always show the latest version.
@@ -7821,6 +7862,39 @@ let MediaComponent = class MediaComponent {
             ]);
             uri && win && (win.location.href = this.resolveUri(uri, parameters));
         });
+        this.customConfig.forEach((c) => {
+            if (c.requiredService && !this.requiredServices.find(requiredService => requiredService.name === c.requiredService)) {
+                this.requiredServices.push({ name: c.requiredService });
+            }
+        });
+        const tasks = this.requiredServices.map((rS) => this.backend.get('/manage/health', '/' + rS.name).pipe(tap$1((res) => rS.running = res?.status === 'UP')));
+        forkJoin(tasks).subscribe(() => {
+            this.initialized = true;
+            this.setupViewer();
+        }, () => {
+            this.initialized = true;
+            this.setupViewer();
+        });
+    }
+    setupViewer() {
+        if (!this.initialized || !this._previewFile) {
+            return;
+        }
+        this.viewer = this.getViewer(this._previewFile);
+        this.mediaType = this._previewFile.mediaTypeName && this.system.getObjectType(this._previewFile.mediaTypeName);
+        this.previewUri = this.viewer.previewUri;
+        if (this._dmsObject) {
+            if (!!this._previewFile.mimegroup?.match(/^mail|octet-stream/) && this.viewer.viewer.match('/view/api/pdf/')) {
+                this.slideUri = this.dms.getSlide(this._dmsObject.content.id, this._dmsObject.content.type, this.useVersion ? this._dmsObject.version : null, 256);
+                this.attachmentsLoading = this.dms.getAttachments(this._dmsObject).subscribe(a => this.setAttachments = a);
+            }
+            if (this.viewer.viewer.match('/view/api/mail/')) {
+                this.dms.getAttachments(this._dmsObject).subscribe(a => {
+                    window.api.content.attachments = a;
+                    this.setAttachments = a;
+                });
+            }
+        }
     }
     _setPopoutWindowConfig(reset) {
         const winInset = 20;
@@ -7848,16 +7922,23 @@ let MediaComponent = class MediaComponent {
     refresh() {
         this.loadDocument(this.previewUri, true);
     }
+    getMatchingConfig(fileExtension, mimeType, matchingConfig) {
+        return this.customConfig.find((c) => {
+            const matchMT = !c.mimeType || (typeof c.mimeType === 'string' ? [c.mimeType] : c.mimeType).includes(mimeType?.toLowerCase());
+            const matchFE = !c.fileExtension || (typeof c.fileExtension === 'string' ? [c.fileExtension] : c.fileExtension).includes((fileExtension).toLowerCase());
+            const supportsAttachments = !this.attachments.length || typeof c.supportsAttachments === 'undefined' || c.supportsAttachments;
+            return matchMT && matchFE && (!c.type || c.type === 'default') && supportsAttachments && c !== matchingConfig;
+        });
+    }
     getViewer(file) {
         const isVideo = !!file.mimegroup?.match(/^audio|^video/);
         const defaultViewer = isVideo ? MediaComponent_1.VIDEO_VIEWER : MediaComponent_1.PDF_VIEWER;
         const fileExtension = file.fileExtension || (file.path?.includes('.') ? file.path.split('.').pop() : '');
         const mimeType = file.mimetype;
-        const config = this.customConfig.find((c) => {
-            const matchMT = !c.mimeType || (typeof c.mimeType === 'string' ? [c.mimeType] : c.mimeType).includes(mimeType?.toLowerCase());
-            const matchFE = !c.fileExtension || (typeof c.fileExtension === 'string' ? [c.fileExtension] : c.fileExtension).includes((fileExtension).toLowerCase());
-            return matchMT && matchFE && (!c.type || c.type === 'default');
-        });
+        let config = this.getMatchingConfig(fileExtension, mimeType);
+        if (!(config.requiredService && this.requiredServices.find(requiredService => requiredService.name === config.requiredService)?.running)) {
+            config = this.getMatchingConfig(fileExtension, mimeType, config);
+        }
         const parameters = {
             file,
             path: location.origin + file.uri,
@@ -7970,7 +8051,7 @@ let MediaComponent = class MediaComponent {
     }
     ngOnDestroy() {
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: MediaComponent, deps: [{ token: i1.TranslateService }, { token: i1.DmsService }, { token: i0.Renderer2 }, { token: i1.SystemService }, { token: i1.Config }, { token: PluginsService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: MediaComponent, deps: [{ token: i1.TranslateService }, { token: i1.DmsService }, { token: i0.Renderer2 }, { token: i1.SystemService }, { token: i1.Config }, { token: PluginsService }, { token: i1.BackendService }], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.2", type: MediaComponent, selector: "eo-media", inputs: { undockDisabled: "undockDisabled", enableCloseBtn: "enableCloseBtn", useVersion: "useVersion", setAttachments: ["attachments", "setAttachments"], setSearchTerm: ["searchTerm", "setSearchTerm"], previewUri: "previewUri", previewFile: "previewFile", dmsObject: "dmsObject" }, host: { properties: { "class.open": "this.open" } }, providers: [ContentPreviewService], viewQueries: [{ propertyName: "iframe", first: true, predicate: ["iframe"], descendants: true, static: true }], ngImport: i0, template: "<div [hidden]=\"!open\">\n  <!-- attachments overlay -->\n  <div class=\"attachments\" *ngIf=\"attachments?.length\"\n    [ngClass]=\"{notmain: latestUri !== previewUri && !attachmentsShown, active: attachmentsShown}\"\n    (eoOutsideClick)=\"attachmentsShown = false\">\n    <div class=\"attachments-list\" *ngIf=\"attachmentsShown\">\n      <div class=\"attachment main\" (click)=\"selectAttachment(null)\" [ngClass]=\"{current: latestUri === previewUri}\">{{dmsObjectTitle}}</div>\n      <div class=\"attachment\" *ngFor=\"let a of attachments\" (click)=\"selectAttachment(a)\" [ngClass]=\"{current: latestUri === a.previewUri}\">\n        {{a.name}}\n      </div>\n    </div>\n\n    <eo-icon class=\"button\" [badge]=\"attachments?.length\" (click)=\"attachmentsShown = !attachmentsShown\"\n      [iconSrc]=\"attachmentsShown ? 'assets/_default/svg/ic_clear.svg' : 'assets/_default/svg/ic_attachment.svg'\"></eo-icon>\n  </div>\n\n  <yvc-popout\n  [popoutWindowConfig]=\"popoutWindowConfig\"\n  [triggerPosition]=\"popoutTriggerPosition\" [disabled]=\"undockDisabled\">\n\n    <div class=\"preview-container\" [style.overflow]=\"'hidden'\">\n      <iframe [hidden]=\"isUndocked || loading\" #iframe height=\"100%\" width=\"100%\" frameborder=\"0\"></iframe>\n      <div class=\"loader-overlay__mask\" *ngIf=\"loading\">\n        <eo-loading-spinner class=\"iframe__loader\"></eo-loading-spinner>\n      </div>\n      <div class=\"slide\" *ngIf=\"isUndocked\">\n        <eo-icon *ngIf=\"mediaType\" [objectType]=\"mediaType\"></eo-icon>\n      </div>\n    </div>\n  </yvc-popout>\n</div>\n\n<div [hidden]=\"open\" class=\"empty-container\">\n  <eo-icon class=\"nofile\" [iconSrc]=\"'assets/_default/svg/ic_no-file.svg'\"></eo-icon>\n</div>\n", styles: [":host>div{height:100%}:host ::ng-deep .popoutWrapper{height:100%}:host ::ng-deep .popoutWrapper button.trigger{z-index:100}:host ::ng-deep .popoutWrapper button.trigger .yvc-icon{width:100%;height:100%}:host .empty-container{display:flex;justify-content:center;align-items:center;height:100%}:host .empty-container .nofile{width:128px;height:128px;opacity:.09}:host .preview-container{position:absolute;inset:0;overflow:hidden}:host .preview-container .slide{display:flex;flex:1;flex-direction:column;min-height:0;min-width:0;height:100%;align-items:center;justify-content:center}:host .preview-container .slide .large-content{position:absolute;top:0;cursor:pointer;display:flex;flex:1;flex-direction:row;min-height:0;min-width:0;justify-content:center;width:100%;padding:var(--app-pane-padding);color:var(--color-white);background-color:rgba(var(--color-primary-rgb),.5)}:host .preview-container .slide .large-content.not-supported,:host .preview-container .slide .large-content:hover{background-color:rgba(var(--color-primary-rgb),.9)}:host .preview-container .slide .large-content.not-supported{cursor:inherit}:host .preview-container .slide img{padding:var(--app-pane-padding);width:100%}:host .preview-container .slide eo-icon{width:128px;height:128px;opacity:.2}:host .attachments{position:absolute;z-index:5;color:var(--color-white);background-color:rgba(var(--color-primary-rgb),.6);right:calc(var(--app-pane-padding) / 2);bottom:calc(var(--app-pane-padding) * 3);display:flex;flex-flow:row;align-items:flex-end;border-radius:2px;max-width:calc(100% - 16px)}:host .attachments:hover{background-color:rgba(var(--color-primary-rgb),.9)}:host .attachments eo-icon{flex:0 0 auto;margin:calc(var(--app-pane-padding) / 2)}:host .attachments .attachments-list{display:flex;flex:1;flex-direction:row;min-height:0;min-width:0;overflow:auto;max-height:150px;padding:calc(var(--app-pane-padding) / 2);flex-flow:wrap}:host .attachments .attachments-list .attachment{border-radius:4px;background-color:rgba(var(--color-white-rgb),.1);padding:calc(var(--app-pane-padding) / 4);margin:calc(var(--app-pane-padding) / 8);cursor:pointer;border:1px solid rgba(var(--color-white-rgb),0);transition:all var(--app-default-transition-duration) ease-in-out;-webkit-transition:all var(--app-default-transition-duration) ease-in-out;-moz-transition:all var(--app-default-transition-duration) ease-in-out;-o-transition:all var(--app-default-transition-duration) ease-in-out;display:inline-block;max-width:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host .attachments .attachments-list .attachment:hover{border-color:rgba(var(--color-white-rgb),.5)}:host .attachments .attachments-list .attachment.current{background-color:var(--color-accent)}:host .attachments .attachments-list .attachment.main{background-color:var(--color-primary);order:100;flex:1 1 100%}:host .attachments .attachments-list .attachment:not(.main){font-style:italic}:host .attachments.notmain{background-color:var(--color-accent)}:host .attachments.active{background-color:rgba(var(--color-primary-rgb),.9);align-items:center;bottom:calc(var(--app-pane-padding) / 2)}:host .loader-overlay__mask{display:flex;width:100%;height:100%;z-index:11;position:absolute;background:rgba(var(--color-white-rgb),.8);-webkit-animation:eoFadeIn .5s;animation:eoFadeIn .5s}:host .loader-overlay__mask .iframe__loader{margin:auto}\n"], dependencies: [{ kind: "directive", type: i1$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: EoIconComponent, selector: "eo-icon", inputs: ["objectType", "iconId", "iconSrc", "badge", "iconTitle"] }, { kind: "directive", type: OutsideClickDirective, selector: "[eoOutsideClick]", outputs: ["eoOutsideClick"] }, { kind: "component", type: LoadingSpinnerComponent, selector: "eo-loading-spinner", inputs: ["size", "mode"] }, { kind: "component", type: i7$1.PopoutComponent, selector: "yvc-popout", inputs: ["triggerPosition", "triggerIconSVG", "triggerTooltip", "popoutWindowConfig", "disabled"], outputs: ["popOut", "popIn"] }] }); }
 };
 MediaComponent = MediaComponent_1 = __decorate([
@@ -7979,7 +8060,7 @@ MediaComponent = MediaComponent_1 = __decorate([
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: MediaComponent, decorators: [{
             type: Component,
             args: [{ selector: 'eo-media', providers: [ContentPreviewService], template: "<div [hidden]=\"!open\">\n  <!-- attachments overlay -->\n  <div class=\"attachments\" *ngIf=\"attachments?.length\"\n    [ngClass]=\"{notmain: latestUri !== previewUri && !attachmentsShown, active: attachmentsShown}\"\n    (eoOutsideClick)=\"attachmentsShown = false\">\n    <div class=\"attachments-list\" *ngIf=\"attachmentsShown\">\n      <div class=\"attachment main\" (click)=\"selectAttachment(null)\" [ngClass]=\"{current: latestUri === previewUri}\">{{dmsObjectTitle}}</div>\n      <div class=\"attachment\" *ngFor=\"let a of attachments\" (click)=\"selectAttachment(a)\" [ngClass]=\"{current: latestUri === a.previewUri}\">\n        {{a.name}}\n      </div>\n    </div>\n\n    <eo-icon class=\"button\" [badge]=\"attachments?.length\" (click)=\"attachmentsShown = !attachmentsShown\"\n      [iconSrc]=\"attachmentsShown ? 'assets/_default/svg/ic_clear.svg' : 'assets/_default/svg/ic_attachment.svg'\"></eo-icon>\n  </div>\n\n  <yvc-popout\n  [popoutWindowConfig]=\"popoutWindowConfig\"\n  [triggerPosition]=\"popoutTriggerPosition\" [disabled]=\"undockDisabled\">\n\n    <div class=\"preview-container\" [style.overflow]=\"'hidden'\">\n      <iframe [hidden]=\"isUndocked || loading\" #iframe height=\"100%\" width=\"100%\" frameborder=\"0\"></iframe>\n      <div class=\"loader-overlay__mask\" *ngIf=\"loading\">\n        <eo-loading-spinner class=\"iframe__loader\"></eo-loading-spinner>\n      </div>\n      <div class=\"slide\" *ngIf=\"isUndocked\">\n        <eo-icon *ngIf=\"mediaType\" [objectType]=\"mediaType\"></eo-icon>\n      </div>\n    </div>\n  </yvc-popout>\n</div>\n\n<div [hidden]=\"open\" class=\"empty-container\">\n  <eo-icon class=\"nofile\" [iconSrc]=\"'assets/_default/svg/ic_no-file.svg'\"></eo-icon>\n</div>\n", styles: [":host>div{height:100%}:host ::ng-deep .popoutWrapper{height:100%}:host ::ng-deep .popoutWrapper button.trigger{z-index:100}:host ::ng-deep .popoutWrapper button.trigger .yvc-icon{width:100%;height:100%}:host .empty-container{display:flex;justify-content:center;align-items:center;height:100%}:host .empty-container .nofile{width:128px;height:128px;opacity:.09}:host .preview-container{position:absolute;inset:0;overflow:hidden}:host .preview-container .slide{display:flex;flex:1;flex-direction:column;min-height:0;min-width:0;height:100%;align-items:center;justify-content:center}:host .preview-container .slide .large-content{position:absolute;top:0;cursor:pointer;display:flex;flex:1;flex-direction:row;min-height:0;min-width:0;justify-content:center;width:100%;padding:var(--app-pane-padding);color:var(--color-white);background-color:rgba(var(--color-primary-rgb),.5)}:host .preview-container .slide .large-content.not-supported,:host .preview-container .slide .large-content:hover{background-color:rgba(var(--color-primary-rgb),.9)}:host .preview-container .slide .large-content.not-supported{cursor:inherit}:host .preview-container .slide img{padding:var(--app-pane-padding);width:100%}:host .preview-container .slide eo-icon{width:128px;height:128px;opacity:.2}:host .attachments{position:absolute;z-index:5;color:var(--color-white);background-color:rgba(var(--color-primary-rgb),.6);right:calc(var(--app-pane-padding) / 2);bottom:calc(var(--app-pane-padding) * 3);display:flex;flex-flow:row;align-items:flex-end;border-radius:2px;max-width:calc(100% - 16px)}:host .attachments:hover{background-color:rgba(var(--color-primary-rgb),.9)}:host .attachments eo-icon{flex:0 0 auto;margin:calc(var(--app-pane-padding) / 2)}:host .attachments .attachments-list{display:flex;flex:1;flex-direction:row;min-height:0;min-width:0;overflow:auto;max-height:150px;padding:calc(var(--app-pane-padding) / 2);flex-flow:wrap}:host .attachments .attachments-list .attachment{border-radius:4px;background-color:rgba(var(--color-white-rgb),.1);padding:calc(var(--app-pane-padding) / 4);margin:calc(var(--app-pane-padding) / 8);cursor:pointer;border:1px solid rgba(var(--color-white-rgb),0);transition:all var(--app-default-transition-duration) ease-in-out;-webkit-transition:all var(--app-default-transition-duration) ease-in-out;-moz-transition:all var(--app-default-transition-duration) ease-in-out;-o-transition:all var(--app-default-transition-duration) ease-in-out;display:inline-block;max-width:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host .attachments .attachments-list .attachment:hover{border-color:rgba(var(--color-white-rgb),.5)}:host .attachments .attachments-list .attachment.current{background-color:var(--color-accent)}:host .attachments .attachments-list .attachment.main{background-color:var(--color-primary);order:100;flex:1 1 100%}:host .attachments .attachments-list .attachment:not(.main){font-style:italic}:host .attachments.notmain{background-color:var(--color-accent)}:host .attachments.active{background-color:rgba(var(--color-primary-rgb),.9);align-items:center;bottom:calc(var(--app-pane-padding) / 2)}:host .loader-overlay__mask{display:flex;width:100%;height:100%;z-index:11;position:absolute;background:rgba(var(--color-white-rgb),.8);-webkit-animation:eoFadeIn .5s;animation:eoFadeIn .5s}:host .loader-overlay__mask .iframe__loader{margin:auto}\n"] }]
-        }], ctorParameters: () => [{ type: i1.TranslateService }, { type: i1.DmsService }, { type: i0.Renderer2 }, { type: i1.SystemService }, { type: i1.Config }, { type: PluginsService }], propDecorators: { undockDisabled: [{
+        }], ctorParameters: () => [{ type: i1.TranslateService }, { type: i1.DmsService }, { type: i0.Renderer2 }, { type: i1.SystemService }, { type: i1.Config }, { type: PluginsService }, { type: i1.BackendService }], propDecorators: { undockDisabled: [{
                 type: Input
             }], enableCloseBtn: [{
                 type: Input
@@ -12226,7 +12307,7 @@ let GridComponent = class GridComponent {
         if (!this.api) {
             return;
         }
-        const rowNode = typeof row === 'number' ? this.api.getModel().getRow(row) : this.api.getRowNode(row);
+        const rowNode = typeof row === 'number' ? this.api.getModel()?.getRow(row) : this.api.getRowNode(row);
         let index = rowNode ? rowNode.rowIndex : 0;
         if (rowNode && rowNode.data) {
             if (selection) {
@@ -15291,6 +15372,14 @@ class SequenceListComponent {
             event.stopPropagation();
         }
     }
+    get duplicateEmailValidation() {
+        const { errors, controls } = this.entryForm;
+        let duplicateEmailValidationError = false;
+        if (errors) {
+            duplicateEmailValidationError = (controls.email.touched || controls.email.dirty) && errors.duplicateEmail;
+        }
+        return duplicateEmailValidationError;
+    }
     get maxSigners() {
         return this.entries.length === this.MAX_SIGNERS;
     }
@@ -15335,12 +15424,24 @@ class SequenceListComponent {
             name: ['', [Validators.required, Validators.maxLength(100)]],
             email: ['', [Validators.required, Validators.maxLength(100), Validators.email]],
             phone: ['', [Validators.maxLength(100)]]
+        }, {
+            validator: Validators.compose([
+                this.duplicateEmailValidator()
+            ])
         });
         if (entry) {
             this.entryForm.patchValue({ name: entry.name, email: entry.email, phone: entry.phone });
         }
         this.itemEdit.emit(true);
     }
+    duplicateEmailValidator() {
+        return (group) => {
+            if (group.controls['email'].invalid || group.controls['email'].value === null || !this.entries.find(entry => entry.email === group.controls['email'].value)) {
+                return null;
+            }
+            return { 'duplicateEmail': true };
+        };
+    }
     removeEntry(index) {
         const entry = this.entries[index];
         if (!entry) {
@@ -15403,7 +15504,7 @@ class SequenceListComponent {
                 useExisting: forwardRef(() => SequenceListComponent),
                 multi: true
             }
-        ], ngImport: i0, template: "<div class=\"toolbar\" *ngIf=\"!entryForm; else tplEntryForm\">\n  <h4>{{ 'eo.action.signature.signers' | translate }}</h4>\n  <button id=\"add-item\" class=\"add primary\" (click)=\"showEntryForm()\" [disabled]=\"maxSigners\">\n    <eo-icon [iconTitle]=\"('eo.action.signature.add.button.tooltip' | translate)\"\n             [iconSrc]=\"'assets/_default/svg/ic_add.svg'\">\n    </eo-icon>\n  </button>\n</div>\n\n<div class=\"entries\" cdkDropList (cdkDropListDropped)=\"dragDrop($event)\" [cdkDropListData]=\"entries\">\n  <div [ngClass]=\"{ disabled: !!entryForm, single: entries.length === 1 }\" cdkDrag *ngFor=\"let entry of entries; let i = index\">\n    <eo-sequence-list-item [index]=\"i\" (changeEntry)=\"changeEntry($event)\" [disableAdd]=\"maxSigners\">\n      <ng-template #content>\n        <div class=\"signer-list-entry\">\n          <div class=\"signer-name\" title=\"{{entry.name}}\">{{ entry.name }}</div>\n          <div class=\"signer-email\" title=\"{{entry.email}}\">{{ entry.email }}</div>\n          <div class=\"signer-phone\" *ngIf=\"entry.phone\" title=\"{{entry.phone}}\">{{ entry.phone }}</div>\n        </div>\n      </ng-template>\n    </eo-sequence-list-item>\n  </div>\n</div>\n\n<ng-template #tplEntryForm>\n  <form class=\"entryForm\" [formGroup]=\"entryForm\" (ngSubmit)=\"addSigner()\">\n    <div class=\"form-body\">\n      <eo-form-input\n        class=\"name\"\n        [invalid]=\"entryForm.get('name').dirty && entryForm.get('name').invalid\"\n        [skipToggle]=\"true\"\n        [label]=\"'eo.action.signature.yuvsigners.yuvsignername' | translate\"\n        [required]=\"true\"\n      >\n        <eo-string maxLength=\"100\" [qname]=\"'yuvsigning.yuvsigners.yuvsignername'\" [autocomplete]=\"true\" [autofocus]=\"true\" formControlName=\"name\"></eo-string>\n      </eo-form-input>\n      <small class=\"errors\" *ngIf=\"entryForm.get('name').hasError('maxlength')\" [translateParams]=\"{maxlength: 100}\"\n             translate>eo.form.property.maxlength</small>\n      <eo-form-input\n        class=\"task\"\n        [invalid]=\"entryForm.get('email').dirty && entryForm.get('email').invalid\"\n        [skipToggle]=\"true\"\n        [label]=\"'eo.action.signature.yuvsigners.yuvsigneremail' | translate\"\n        [required]=\"true\"\n      >\n        <eo-string maxLength=\"100\" [qname]=\"'yuvsigning.yuvsigners.yuvsigneremail'\" [autocomplete]=\"true\" formControlName=\"email\"></eo-string>\n      </eo-form-input>\n      <small class=\"errors\" *ngIf=\"entryForm.get('email').hasError('email')\" translate>eo.form.property.string.error.classification.email</small>\n      <small class=\"errors\" *ngIf=\"!entryForm.get('email').hasError('email') && entryForm.get('email').hasError('maxlength')\"\n             [translateParams]=\"{maxlength: 100}\" translate>eo.form.property.maxlength</small>\n      <eo-form-input\n        class=\"task\"\n        *ngIf=\"phoneRequired\"\n        [invalid]=\"entryForm.get('phone').dirty && entryForm.get('phone').invalid\"\n        [skipToggle]=\"true\"\n        [label]=\"'eo.action.signature.yuvsigners.yuvsignerphone' | translate\"\n        [required]=\"true\"\n      >\n        <eo-string maxLength=\"100\" [qname]=\"'yuvsigning.yuvsigners.yuvsignerphone'\" formControlName=\"phone\"> </eo-string>\n        <small class=\"errors\" *ngIf=\"entryForm.get('phone').hasError('maxlength')\" [translateParams]=\"{maxlength: 100}\"\n               translate>eo.form.property.maxlength</small>\n      </eo-form-input>\n    </div>\n    <footer class=\"footer-action\">\n      <button class=\"secondary\" type=\"button\" (click)=\"cancel()\" translate>eo.action.signature.cancel</button>\n      <ng-container [ngSwitch]=\"mode\">\n        <button *ngSwitchCase=\"'edit'\" class=\"primary\" [disabled]=\"entryForm.invalid || entryForm.pristine\" type=\"submit\" translate>eo.action.signature.editSigner</button>\n        <button *ngSwitchDefault class=\"primary\" [disabled]=\"entryForm.invalid\" type=\"submit\" translate>eo.action.signature.addSigner</button>\n      </ng-container>\n    </footer>\n  </form>\n</ng-template>\n", styles: [":host{display:block;border:1px solid var(--panel-divider-color);padding:1px;background-color:var(--panel-background)}:host:focus{border-color:var(--color-accent)}:host.ng-invalid{border-color:var(--color-error)}:host.dense form.entryForm{display:flex;flex-flow:column}:host form.entryForm{display:grid;grid-template-rows:auto auto auto auto;grid-template-columns:1fr;padding:calc(var(--app-pane-padding) / 2);gap:calc(var(--app-pane-padding) / 2);grid-template-areas:\"title\" \"task\" \"nextAssignee\" \"expiryDatetime\" \"buttons\";border:1px solid var(--panel-divider-color)}:host form.entryForm eo-form-input.task{grid-area:task}:host form.entryForm eo-form-input.nextAssignee{grid-area:nextAssignee}:host form.entryForm eo-form-input.expiryDatetime{grid-area:expiryDatetime}:host form.entryForm .buttons{grid-area:buttons;display:flex;justify-content:end;margin:0 -2px}:host form.entryForm .buttons button{margin:0 2px}:host form.entryForm .errors{color:var(--color-error)}:host .toolbar{display:flex;justify-content:space-between;align-items:center;padding:calc(var(--app-pane-padding) / 4);border:1px solid var(--panel-divider-color)}:host .toolbar:focus{border-color:var(--color-accent)}:host .toolbar h4{padding:0;margin:0 calc(var(--app-pane-padding) * .75);flex:1;color:var(--color-primary-2)}:host .toolbar button{padding:calc(var(--app-pane-padding) / 4);border-radius:2px}:host .entries .entry{position:relative;transition:background-color .1s ease-in-out;border:1px solid var(--panel-divider-color);display:grid;padding:calc(var(--app-pane-padding) * .75);column-gap:calc(var(--app-pane-padding) / 2);row-gap:calc(var(--app-pane-padding) / 4);grid-template-rows:auto auto;grid-template-columns:auto auto 1fr auto;grid-template-areas:\"handle index content action\" \"handle index content action\";margin-top:1px}:host .entries .entry.disabled{background-color:var(--panel-background-lightgrey);opacity:.85}:host .entries .entry.disabled.current{background-color:var(--panel-background);border-color:var(--color-accent)}:host .entries .entry.disabled .innerAdd:not(.active){opacity:0;pointer-events:none}:host .entries .entry.disabled button,:host .entries .entry.disabled .handle{pointer-events:none;cursor:default;opacity:.5}:host .entries .entry.single .handle,:host .entries .entry.single .index{display:none}:host .entries .entry .innerAdd{position:absolute;top:-12px;left:calc(50% - 12px);border-radius:2px;color:var(--text-color-caption);cursor:pointer;background-color:var(--panel-background);border:1px solid var(--panel-divider-color);width:20px;height:20px}:host .entries .entry .innerAdd.active{background-color:var(--color-accent);border-color:var(--color-accent);color:#fff}:host .entries .entry .index{grid-area:index;display:flex;flex-flow:column;align-items:center;justify-content:center;color:var(--color-accent);padding:0 calc(var(--app-pane-padding) / 4)}:host .entries .entry .handle{grid-area:handle;color:var(--text-color-caption);align-self:center;cursor:n-resize}:host .entries .entry .content{grid-area:content}:host .entries .entry .content ::ng-deep .list-entry .task{word-break:break-all}:host .entries .entry .action{grid-area:action;display:flex;align-items:center}:host .entries .entry .action button{padding:2px}:host .entries .entry .action button eo-icon{width:18px;height:18px}.footer-action{display:flex;justify-content:flex-end;padding:var(--app-pane-padding) 0;background-color:transparent;border-top:none}\n"], dependencies: [{ kind: "directive", type: i1$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$2.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1$2.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i1$2.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { kind: "directive", type: i4.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "component", type: EoIconComponent, selector: "eo-icon", inputs: ["objectType", "iconId", "iconSrc", "badge", "iconTitle"] }, { kind: "directive", type: i1$3.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$3.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: FormInputComponent, selector: "eo-form-input", inputs: ["label", "tag", "description", "skipToggle", "isNull", "invalid", "disabled", "required"], outputs: ["onToggleLabel"] }, { kind: "component", type: StringComponent, selector: "eo-string", inputs: ["autocomplete", "multiselect", "multiline", "readonly", "autofocus", "classification", "situation", "regex", "qname", "size", "minLength", "maxLength"] }, { kind: "directive", type: i4$2.CdkDropList, selector: "[cdkDropList], cdk-drop-list", inputs: ["cdkDropListConnectedTo", "cdkDropListData", "cdkDropListOrientation", "id", "cdkDropListLockAxis", "cdkDropListDisabled", "cdkDropListSortingDisabled", "cdkDropListEnterPredicate", "cdkDropListSortPredicate", "cdkDropListAutoScrollDisabled", "cdkDropListAutoScrollStep"], outputs: ["cdkDropListDropped", "cdkDropListEntered", "cdkDropListExited", "cdkDropListSorted"], exportAs: ["cdkDropList"] }, { kind: "directive", type: i4$2.CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "component", type: SequenceListItemComponent, selector: "eo-sequence-list-item", inputs: ["index", "disableAdd", "addTargetIndex"], outputs: ["changeEntry", "edit", "delete", "insert"] }, { kind: "pipe", type: i4.TranslatePipe, name: "translate" }] }); }
+        ], ngImport: i0, template: "<div class=\"toolbar\" *ngIf=\"!entryForm; else tplEntryForm\">\n  <h4>{{ 'eo.action.signature.signers' | translate }}</h4>\n  <button id=\"add-item\" class=\"add primary\" (click)=\"showEntryForm()\" [disabled]=\"maxSigners\">\n    <eo-icon [iconTitle]=\"('eo.action.signature.add.button.tooltip' | translate)\"\n             [iconSrc]=\"'assets/_default/svg/ic_add.svg'\">\n    </eo-icon>\n  </button>\n</div>\n\n<div class=\"entries\" cdkDropList (cdkDropListDropped)=\"dragDrop($event)\" [cdkDropListData]=\"entries\">\n  <div [ngClass]=\"{ disabled: !!entryForm, single: entries.length === 1 }\" cdkDrag *ngFor=\"let entry of entries; let i = index\">\n    <eo-sequence-list-item [index]=\"i\" (changeEntry)=\"changeEntry($event)\" [disableAdd]=\"maxSigners\">\n      <ng-template #content>\n        <div class=\"signer-list-entry\">\n          <div class=\"signer-name\" title=\"{{entry.name}}\">{{ entry.name }}</div>\n          <div class=\"signer-email\" title=\"{{entry.email}}\">{{ entry.email }}</div>\n          <div class=\"signer-phone\" *ngIf=\"entry.phone\" title=\"{{entry.phone}}\">{{ entry.phone }}</div>\n        </div>\n      </ng-template>\n    </eo-sequence-list-item>\n  </div>\n</div>\n\n<ng-template #tplEntryForm>\n  <form class=\"entryForm\" [formGroup]=\"entryForm\" (ngSubmit)=\"addSigner()\">\n    <div class=\"form-body\">\n      <eo-form-input\n        class=\"name\"\n        [invalid]=\"entryForm.get('name').dirty && entryForm.get('name').invalid\"\n        [skipToggle]=\"true\"\n        [label]=\"'eo.action.signature.yuvsigners.yuvsignername' | translate\"\n        [required]=\"true\"\n      >\n        <eo-string maxLength=\"100\" [qname]=\"'yuvsigning.yuvsigners.yuvsignername'\" [autocomplete]=\"true\" [autofocus]=\"true\" formControlName=\"name\"></eo-string>\n      </eo-form-input>\n      <small class=\"errors\" *ngIf=\"entryForm.get('name').hasError('maxlength')\" [translateParams]=\"{maxlength: 100}\"\n             translate>eo.form.property.maxlength</small>\n      <eo-form-input\n        class=\"task\"\n        [invalid]=\"entryForm.get('email').dirty && entryForm.get('email').invalid\"\n        [skipToggle]=\"true\"\n        [label]=\"'eo.action.signature.yuvsigners.yuvsigneremail' | translate\"\n        [required]=\"true\"\n      >\n        <eo-string maxLength=\"100\" [qname]=\"'yuvsigning.yuvsigners.yuvsigneremail'\" [autocomplete]=\"true\" formControlName=\"email\"></eo-string>\n      </eo-form-input>\n      <small class=\"errors\" *ngIf=\"entryForm.get('email').hasError('email')\" translate>eo.form.property.string.error.classification.email</small>\n      <small class=\"errors\" *ngIf=\"!entryForm.get('email').hasError('email') && entryForm.get('email').hasError('maxlength')\"\n             [translateParams]=\"{maxlength: 100}\" translate>eo.form.property.maxlength</small>\n      <small class=\"errors\" *ngIf=\"duplicateEmailValidation\" translate>eo.form.property.string.error.classification.email.duplicate</small>\n      <eo-form-input\n        class=\"task\"\n        *ngIf=\"phoneRequired\"\n        [invalid]=\"entryForm.get('phone').dirty && entryForm.get('phone').invalid\"\n        [skipToggle]=\"true\"\n        [label]=\"'eo.action.signature.yuvsigners.yuvsignerphone' | translate\"\n        [required]=\"true\"\n      >\n        <eo-string maxLength=\"100\" [qname]=\"'yuvsigning.yuvsigners.yuvsignerphone'\" formControlName=\"phone\"> </eo-string>\n        <small class=\"errors\" *ngIf=\"entryForm.get('phone').hasError('maxlength')\" [translateParams]=\"{maxlength: 100}\"\n               translate>eo.form.property.maxlength</small>\n      </eo-form-input>\n    </div>\n    <footer class=\"footer-action\">\n      <button class=\"secondary\" type=\"button\" (click)=\"cancel()\" translate>eo.action.signature.cancel</button>\n      <ng-container [ngSwitch]=\"mode\">\n        <button *ngSwitchCase=\"'edit'\" class=\"primary\" [disabled]=\"entryForm.invalid || entryForm.pristine\" type=\"submit\" translate>eo.action.signature.editSigner</button>\n        <button *ngSwitchDefault class=\"primary\" [disabled]=\"entryForm.invalid\" type=\"submit\" translate>eo.action.signature.addSigner</button>\n      </ng-container>\n    </footer>\n  </form>\n</ng-template>\n", styles: [":host{display:block;border:1px solid var(--panel-divider-color);padding:1px;background-color:var(--panel-background)}:host:focus{border-color:var(--color-accent)}:host.ng-invalid{border-color:var(--color-error)}:host.dense form.entryForm{display:flex;flex-flow:column}:host form.entryForm{display:grid;grid-template-rows:auto auto auto auto;grid-template-columns:1fr;padding:calc(var(--app-pane-padding) / 2);gap:calc(var(--app-pane-padding) / 2);grid-template-areas:\"title\" \"task\" \"nextAssignee\" \"expiryDatetime\" \"buttons\";border:1px solid var(--panel-divider-color)}:host form.entryForm eo-form-input.task{grid-area:task}:host form.entryForm eo-form-input.nextAssignee{grid-area:nextAssignee}:host form.entryForm eo-form-input.expiryDatetime{grid-area:expiryDatetime}:host form.entryForm .buttons{grid-area:buttons;display:flex;justify-content:end;margin:0 -2px}:host form.entryForm .buttons button{margin:0 2px}:host form.entryForm .errors{color:var(--color-error)}:host .toolbar{display:flex;justify-content:space-between;align-items:center;padding:calc(var(--app-pane-padding) / 4);border:1px solid var(--panel-divider-color)}:host .toolbar:focus{border-color:var(--color-accent)}:host .toolbar h4{padding:0;margin:0 calc(var(--app-pane-padding) * .75);flex:1;color:var(--color-primary-2)}:host .toolbar button{padding:calc(var(--app-pane-padding) / 4);border-radius:2px}:host .entries .entry{position:relative;transition:background-color .1s ease-in-out;border:1px solid var(--panel-divider-color);display:grid;padding:calc(var(--app-pane-padding) * .75);column-gap:calc(var(--app-pane-padding) / 2);row-gap:calc(var(--app-pane-padding) / 4);grid-template-rows:auto auto;grid-template-columns:auto auto 1fr auto;grid-template-areas:\"handle index content action\" \"handle index content action\";margin-top:1px}:host .entries .entry.disabled{background-color:var(--panel-background-lightgrey);opacity:.85}:host .entries .entry.disabled.current{background-color:var(--panel-background);border-color:var(--color-accent)}:host .entries .entry.disabled .innerAdd:not(.active){opacity:0;pointer-events:none}:host .entries .entry.disabled button,:host .entries .entry.disabled .handle{pointer-events:none;cursor:default;opacity:.5}:host .entries .entry.single .handle,:host .entries .entry.single .index{display:none}:host .entries .entry .innerAdd{position:absolute;top:-12px;left:calc(50% - 12px);border-radius:2px;color:var(--text-color-caption);cursor:pointer;background-color:var(--panel-background);border:1px solid var(--panel-divider-color);width:20px;height:20px}:host .entries .entry .innerAdd.active{background-color:var(--color-accent);border-color:var(--color-accent);color:#fff}:host .entries .entry .index{grid-area:index;display:flex;flex-flow:column;align-items:center;justify-content:center;color:var(--color-accent);padding:0 calc(var(--app-pane-padding) / 4)}:host .entries .entry .handle{grid-area:handle;color:var(--text-color-caption);align-self:center;cursor:n-resize}:host .entries .entry .content{grid-area:content}:host .entries .entry .content ::ng-deep .list-entry .task{word-break:break-all}:host .entries .entry .action{grid-area:action;display:flex;align-items:center}:host .entries .entry .action button{padding:2px}:host .entries .entry .action button eo-icon{width:18px;height:18px}.footer-action{display:flex;justify-content:flex-end;padding:var(--app-pane-padding) 0;background-color:transparent;border-top:none}\n"], dependencies: [{ kind: "directive", type: i1$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$2.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1$2.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i1$2.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { kind: "directive", type: i4.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "component", type: EoIconComponent, selector: "eo-icon", inputs: ["objectType", "iconId", "iconSrc", "badge", "iconTitle"] }, { kind: "directive", type: i1$3.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$3.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: FormInputComponent, selector: "eo-form-input", inputs: ["label", "tag", "description", "skipToggle", "isNull", "invalid", "disabled", "required"], outputs: ["onToggleLabel"] }, { kind: "component", type: StringComponent, selector: "eo-string", inputs: ["autocomplete", "multiselect", "multiline", "readonly", "autofocus", "classification", "situation", "regex", "qname", "size", "minLength", "maxLength"] }, { kind: "directive", type: i4$2.CdkDropList, selector: "[cdkDropList], cdk-drop-list", inputs: ["cdkDropListConnectedTo", "cdkDropListData", "cdkDropListOrientation", "id", "cdkDropListLockAxis", "cdkDropListDisabled", "cdkDropListSortingDisabled", "cdkDropListEnterPredicate", "cdkDropListSortPredicate", "cdkDropListAutoScrollDisabled", "cdkDropListAutoScrollStep"], outputs: ["cdkDropListDropped", "cdkDropListEntered", "cdkDropListExited", "cdkDropListSorted"], exportAs: ["cdkDropList"] }, { kind: "directive", type: i4$2.CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "component", type: SequenceListItemComponent, selector: "eo-sequence-list-item", inputs: ["index", "disableAdd", "addTargetIndex"], outputs: ["changeEntry", "edit", "delete", "insert"] }, { kind: "pipe", type: i4.TranslatePipe, name: "translate" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: SequenceListComponent, decorators: [{
             type: Component,
@@ -15420,7 +15521,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImpor
                         }
                     ], host: {
                         tabindex: '0'
-                    }, template: "<div class=\"toolbar\" *ngIf=\"!entryForm; else tplEntryForm\">\n  <h4>{{ 'eo.action.signature.signers' | translate }}</h4>\n  <button id=\"add-item\" class=\"add primary\" (click)=\"showEntryForm()\" [disabled]=\"maxSigners\">\n    <eo-icon [iconTitle]=\"('eo.action.signature.add.button.tooltip' | translate)\"\n             [iconSrc]=\"'assets/_default/svg/ic_add.svg'\">\n    </eo-icon>\n  </button>\n</div>\n\n<div class=\"entries\" cdkDropList (cdkDropListDropped)=\"dragDrop($event)\" [cdkDropListData]=\"entries\">\n  <div [ngClass]=\"{ disabled: !!entryForm, single: entries.length === 1 }\" cdkDrag *ngFor=\"let entry of entries; let i = index\">\n    <eo-sequence-list-item [index]=\"i\" (changeEntry)=\"changeEntry($event)\" [disableAdd]=\"maxSigners\">\n      <ng-template #content>\n        <div class=\"signer-list-entry\">\n          <div class=\"signer-name\" title=\"{{entry.name}}\">{{ entry.name }}</div>\n          <div class=\"signer-email\" title=\"{{entry.email}}\">{{ entry.email }}</div>\n          <div class=\"signer-phone\" *ngIf=\"entry.phone\" title=\"{{entry.phone}}\">{{ entry.phone }}</div>\n        </div>\n      </ng-template>\n    </eo-sequence-list-item>\n  </div>\n</div>\n\n<ng-template #tplEntryForm>\n  <form class=\"entryForm\" [formGroup]=\"entryForm\" (ngSubmit)=\"addSigner()\">\n    <div class=\"form-body\">\n      <eo-form-input\n        class=\"name\"\n        [invalid]=\"entryForm.get('name').dirty && entryForm.get('name').invalid\"\n        [skipToggle]=\"true\"\n        [label]=\"'eo.action.signature.yuvsigners.yuvsignername' | translate\"\n        [required]=\"true\"\n      >\n        <eo-string maxLength=\"100\" [qname]=\"'yuvsigning.yuvsigners.yuvsignername'\" [autocomplete]=\"true\" [autofocus]=\"true\" formControlName=\"name\"></eo-string>\n      </eo-form-input>\n      <small class=\"errors\" *ngIf=\"entryForm.get('name').hasError('maxlength')\" [translateParams]=\"{maxlength: 100}\"\n             translate>eo.form.property.maxlength</small>\n      <eo-form-input\n        class=\"task\"\n        [invalid]=\"entryForm.get('email').dirty && entryForm.get('email').invalid\"\n        [skipToggle]=\"true\"\n        [label]=\"'eo.action.signature.yuvsigners.yuvsigneremail' | translate\"\n        [required]=\"true\"\n      >\n        <eo-string maxLength=\"100\" [qname]=\"'yuvsigning.yuvsigners.yuvsigneremail'\" [autocomplete]=\"true\" formControlName=\"email\"></eo-string>\n      </eo-form-input>\n      <small class=\"errors\" *ngIf=\"entryForm.get('email').hasError('email')\" translate>eo.form.property.string.error.classification.email</small>\n      <small class=\"errors\" *ngIf=\"!entryForm.get('email').hasError('email') && entryForm.get('email').hasError('maxlength')\"\n             [translateParams]=\"{maxlength: 100}\" translate>eo.form.property.maxlength</small>\n      <eo-form-input\n        class=\"task\"\n        *ngIf=\"phoneRequired\"\n        [invalid]=\"entryForm.get('phone').dirty && entryForm.get('phone').invalid\"\n        [skipToggle]=\"true\"\n        [label]=\"'eo.action.signature.yuvsigners.yuvsignerphone' | translate\"\n        [required]=\"true\"\n      >\n        <eo-string maxLength=\"100\" [qname]=\"'yuvsigning.yuvsigners.yuvsignerphone'\" formControlName=\"phone\"> </eo-string>\n        <small class=\"errors\" *ngIf=\"entryForm.get('phone').hasError('maxlength')\" [translateParams]=\"{maxlength: 100}\"\n               translate>eo.form.property.maxlength</small>\n      </eo-form-input>\n    </div>\n    <footer class=\"footer-action\">\n      <button class=\"secondary\" type=\"button\" (click)=\"cancel()\" translate>eo.action.signature.cancel</button>\n      <ng-container [ngSwitch]=\"mode\">\n        <button *ngSwitchCase=\"'edit'\" class=\"primary\" [disabled]=\"entryForm.invalid || entryForm.pristine\" type=\"submit\" translate>eo.action.signature.editSigner</button>\n        <button *ngSwitchDefault class=\"primary\" [disabled]=\"entryForm.invalid\" type=\"submit\" translate>eo.action.signature.addSigner</button>\n      </ng-container>\n    </footer>\n  </form>\n</ng-template>\n", styles: [":host{display:block;border:1px solid var(--panel-divider-color);padding:1px;background-color:var(--panel-background)}:host:focus{border-color:var(--color-accent)}:host.ng-invalid{border-color:var(--color-error)}:host.dense form.entryForm{display:flex;flex-flow:column}:host form.entryForm{display:grid;grid-template-rows:auto auto auto auto;grid-template-columns:1fr;padding:calc(var(--app-pane-padding) / 2);gap:calc(var(--app-pane-padding) / 2);grid-template-areas:\"title\" \"task\" \"nextAssignee\" \"expiryDatetime\" \"buttons\";border:1px solid var(--panel-divider-color)}:host form.entryForm eo-form-input.task{grid-area:task}:host form.entryForm eo-form-input.nextAssignee{grid-area:nextAssignee}:host form.entryForm eo-form-input.expiryDatetime{grid-area:expiryDatetime}:host form.entryForm .buttons{grid-area:buttons;display:flex;justify-content:end;margin:0 -2px}:host form.entryForm .buttons button{margin:0 2px}:host form.entryForm .errors{color:var(--color-error)}:host .toolbar{display:flex;justify-content:space-between;align-items:center;padding:calc(var(--app-pane-padding) / 4);border:1px solid var(--panel-divider-color)}:host .toolbar:focus{border-color:var(--color-accent)}:host .toolbar h4{padding:0;margin:0 calc(var(--app-pane-padding) * .75);flex:1;color:var(--color-primary-2)}:host .toolbar button{padding:calc(var(--app-pane-padding) / 4);border-radius:2px}:host .entries .entry{position:relative;transition:background-color .1s ease-in-out;border:1px solid var(--panel-divider-color);display:grid;padding:calc(var(--app-pane-padding) * .75);column-gap:calc(var(--app-pane-padding) / 2);row-gap:calc(var(--app-pane-padding) / 4);grid-template-rows:auto auto;grid-template-columns:auto auto 1fr auto;grid-template-areas:\"handle index content action\" \"handle index content action\";margin-top:1px}:host .entries .entry.disabled{background-color:var(--panel-background-lightgrey);opacity:.85}:host .entries .entry.disabled.current{background-color:var(--panel-background);border-color:var(--color-accent)}:host .entries .entry.disabled .innerAdd:not(.active){opacity:0;pointer-events:none}:host .entries .entry.disabled button,:host .entries .entry.disabled .handle{pointer-events:none;cursor:default;opacity:.5}:host .entries .entry.single .handle,:host .entries .entry.single .index{display:none}:host .entries .entry .innerAdd{position:absolute;top:-12px;left:calc(50% - 12px);border-radius:2px;color:var(--text-color-caption);cursor:pointer;background-color:var(--panel-background);border:1px solid var(--panel-divider-color);width:20px;height:20px}:host .entries .entry .innerAdd.active{background-color:var(--color-accent);border-color:var(--color-accent);color:#fff}:host .entries .entry .index{grid-area:index;display:flex;flex-flow:column;align-items:center;justify-content:center;color:var(--color-accent);padding:0 calc(var(--app-pane-padding) / 4)}:host .entries .entry .handle{grid-area:handle;color:var(--text-color-caption);align-self:center;cursor:n-resize}:host .entries .entry .content{grid-area:content}:host .entries .entry .content ::ng-deep .list-entry .task{word-break:break-all}:host .entries .entry .action{grid-area:action;display:flex;align-items:center}:host .entries .entry .action button{padding:2px}:host .entries .entry .action button eo-icon{width:18px;height:18px}.footer-action{display:flex;justify-content:flex-end;padding:var(--app-pane-padding) 0;background-color:transparent;border-top:none}\n"] }]
+                    }, template: "<div class=\"toolbar\" *ngIf=\"!entryForm; else tplEntryForm\">\n  <h4>{{ 'eo.action.signature.signers' | translate }}</h4>\n  <button id=\"add-item\" class=\"add primary\" (click)=\"showEntryForm()\" [disabled]=\"maxSigners\">\n    <eo-icon [iconTitle]=\"('eo.action.signature.add.button.tooltip' | translate)\"\n             [iconSrc]=\"'assets/_default/svg/ic_add.svg'\">\n    </eo-icon>\n  </button>\n</div>\n\n<div class=\"entries\" cdkDropList (cdkDropListDropped)=\"dragDrop($event)\" [cdkDropListData]=\"entries\">\n  <div [ngClass]=\"{ disabled: !!entryForm, single: entries.length === 1 }\" cdkDrag *ngFor=\"let entry of entries; let i = index\">\n    <eo-sequence-list-item [index]=\"i\" (changeEntry)=\"changeEntry($event)\" [disableAdd]=\"maxSigners\">\n      <ng-template #content>\n        <div class=\"signer-list-entry\">\n          <div class=\"signer-name\" title=\"{{entry.name}}\">{{ entry.name }}</div>\n          <div class=\"signer-email\" title=\"{{entry.email}}\">{{ entry.email }}</div>\n          <div class=\"signer-phone\" *ngIf=\"entry.phone\" title=\"{{entry.phone}}\">{{ entry.phone }}</div>\n        </div>\n      </ng-template>\n    </eo-sequence-list-item>\n  </div>\n</div>\n\n<ng-template #tplEntryForm>\n  <form class=\"entryForm\" [formGroup]=\"entryForm\" (ngSubmit)=\"addSigner()\">\n    <div class=\"form-body\">\n      <eo-form-input\n        class=\"name\"\n        [invalid]=\"entryForm.get('name').dirty && entryForm.get('name').invalid\"\n        [skipToggle]=\"true\"\n        [label]=\"'eo.action.signature.yuvsigners.yuvsignername' | translate\"\n        [required]=\"true\"\n      >\n        <eo-string maxLength=\"100\" [qname]=\"'yuvsigning.yuvsigners.yuvsignername'\" [autocomplete]=\"true\" [autofocus]=\"true\" formControlName=\"name\"></eo-string>\n      </eo-form-input>\n      <small class=\"errors\" *ngIf=\"entryForm.get('name').hasError('maxlength')\" [translateParams]=\"{maxlength: 100}\"\n             translate>eo.form.property.maxlength</small>\n      <eo-form-input\n        class=\"task\"\n        [invalid]=\"entryForm.get('email').dirty && entryForm.get('email').invalid\"\n        [skipToggle]=\"true\"\n        [label]=\"'eo.action.signature.yuvsigners.yuvsigneremail' | translate\"\n        [required]=\"true\"\n      >\n        <eo-string maxLength=\"100\" [qname]=\"'yuvsigning.yuvsigners.yuvsigneremail'\" [autocomplete]=\"true\" formControlName=\"email\"></eo-string>\n      </eo-form-input>\n      <small class=\"errors\" *ngIf=\"entryForm.get('email').hasError('email')\" translate>eo.form.property.string.error.classification.email</small>\n      <small class=\"errors\" *ngIf=\"!entryForm.get('email').hasError('email') && entryForm.get('email').hasError('maxlength')\"\n             [translateParams]=\"{maxlength: 100}\" translate>eo.form.property.maxlength</small>\n      <small class=\"errors\" *ngIf=\"duplicateEmailValidation\" translate>eo.form.property.string.error.classification.email.duplicate</small>\n      <eo-form-input\n        class=\"task\"\n        *ngIf=\"phoneRequired\"\n        [invalid]=\"entryForm.get('phone').dirty && entryForm.get('phone').invalid\"\n        [skipToggle]=\"true\"\n        [label]=\"'eo.action.signature.yuvsigners.yuvsignerphone' | translate\"\n        [required]=\"true\"\n      >\n        <eo-string maxLength=\"100\" [qname]=\"'yuvsigning.yuvsigners.yuvsignerphone'\" formControlName=\"phone\"> </eo-string>\n        <small class=\"errors\" *ngIf=\"entryForm.get('phone').hasError('maxlength')\" [translateParams]=\"{maxlength: 100}\"\n               translate>eo.form.property.maxlength</small>\n      </eo-form-input>\n    </div>\n    <footer class=\"footer-action\">\n      <button class=\"secondary\" type=\"button\" (click)=\"cancel()\" translate>eo.action.signature.cancel</button>\n      <ng-container [ngSwitch]=\"mode\">\n        <button *ngSwitchCase=\"'edit'\" class=\"primary\" [disabled]=\"entryForm.invalid || entryForm.pristine\" type=\"submit\" translate>eo.action.signature.editSigner</button>\n        <button *ngSwitchDefault class=\"primary\" [disabled]=\"entryForm.invalid\" type=\"submit\" translate>eo.action.signature.addSigner</button>\n      </ng-container>\n    </footer>\n  </form>\n</ng-template>\n", styles: [":host{display:block;border:1px solid var(--panel-divider-color);padding:1px;background-color:var(--panel-background)}:host:focus{border-color:var(--color-accent)}:host.ng-invalid{border-color:var(--color-error)}:host.dense form.entryForm{display:flex;flex-flow:column}:host form.entryForm{display:grid;grid-template-rows:auto auto auto auto;grid-template-columns:1fr;padding:calc(var(--app-pane-padding) / 2);gap:calc(var(--app-pane-padding) / 2);grid-template-areas:\"title\" \"task\" \"nextAssignee\" \"expiryDatetime\" \"buttons\";border:1px solid var(--panel-divider-color)}:host form.entryForm eo-form-input.task{grid-area:task}:host form.entryForm eo-form-input.nextAssignee{grid-area:nextAssignee}:host form.entryForm eo-form-input.expiryDatetime{grid-area:expiryDatetime}:host form.entryForm .buttons{grid-area:buttons;display:flex;justify-content:end;margin:0 -2px}:host form.entryForm .buttons button{margin:0 2px}:host form.entryForm .errors{color:var(--color-error)}:host .toolbar{display:flex;justify-content:space-between;align-items:center;padding:calc(var(--app-pane-padding) / 4);border:1px solid var(--panel-divider-color)}:host .toolbar:focus{border-color:var(--color-accent)}:host .toolbar h4{padding:0;margin:0 calc(var(--app-pane-padding) * .75);flex:1;color:var(--color-primary-2)}:host .toolbar button{padding:calc(var(--app-pane-padding) / 4);border-radius:2px}:host .entries .entry{position:relative;transition:background-color .1s ease-in-out;border:1px solid var(--panel-divider-color);display:grid;padding:calc(var(--app-pane-padding) * .75);column-gap:calc(var(--app-pane-padding) / 2);row-gap:calc(var(--app-pane-padding) / 4);grid-template-rows:auto auto;grid-template-columns:auto auto 1fr auto;grid-template-areas:\"handle index content action\" \"handle index content action\";margin-top:1px}:host .entries .entry.disabled{background-color:var(--panel-background-lightgrey);opacity:.85}:host .entries .entry.disabled.current{background-color:var(--panel-background);border-color:var(--color-accent)}:host .entries .entry.disabled .innerAdd:not(.active){opacity:0;pointer-events:none}:host .entries .entry.disabled button,:host .entries .entry.disabled .handle{pointer-events:none;cursor:default;opacity:.5}:host .entries .entry.single .handle,:host .entries .entry.single .index{display:none}:host .entries .entry .innerAdd{position:absolute;top:-12px;left:calc(50% - 12px);border-radius:2px;color:var(--text-color-caption);cursor:pointer;background-color:var(--panel-background);border:1px solid var(--panel-divider-color);width:20px;height:20px}:host .entries .entry .innerAdd.active{background-color:var(--color-accent);border-color:var(--color-accent);color:#fff}:host .entries .entry .index{grid-area:index;display:flex;flex-flow:column;align-items:center;justify-content:center;color:var(--color-accent);padding:0 calc(var(--app-pane-padding) / 4)}:host .entries .entry .handle{grid-area:handle;color:var(--text-color-caption);align-self:center;cursor:n-resize}:host .entries .entry .content{grid-area:content}:host .entries .entry .content ::ng-deep .list-entry .task{word-break:break-all}:host .entries .entry .action{grid-area:action;display:flex;align-items:center}:host .entries .entry .action button{padding:2px}:host .entries .entry .action button eo-icon{width:18px;height:18px}.footer-action{display:flex;justify-content:flex-end;padding:var(--app-pane-padding) 0;background-color:transparent;border-top:none}\n"] }]
         }], ctorParameters: () => [{ type: undefined, decorators: [{
                     type: Attribute,
                     args: ['form-open']
@@ -16602,6 +16703,9 @@ let AppSearchComponent = class AppSearchComponent {
     }
     resetExpertModeInput() {
         this.query.term = '';
+        this.termForm.patchValue({
+            term: ''
+        });
         this.appSearchService.aggregate();
     }
     toggleExpertMode() {
@@ -16960,8 +17064,9 @@ let AppSearchComponent = class AppSearchComponent {
         // subscribe to query state as well to fetch result count and aggregations as they change
         this.queryStateSubscription = this.appSearchService.queryState$.subscribe((queryState) => this.processQueryState(queryState));
         this.appSearchService.aggregate();
-        this.termForm.valueChanges.pipe(debounceTime(1000), untilDestroyed(this)).subscribe(res => {
+        this.termForm.valueChanges.pipe(tap$1(res => {
             this.query.term = res.term;
+        }), debounceTime(1000), untilDestroyed(this)).subscribe(res => {
             this.autocompleteSuggest(this.query.term);
         });
     }
@@ -16972,6 +17077,9 @@ let AppSearchComponent = class AppSearchComponent {
         this._overlayRef = this.overlay.open(this.tplSearch, null, {
             centered: false
         });
+        this.termForm.patchValue({
+            term: this.query.term
+        });
         this._overlayRef.afterClosed$.subscribe({
             next: () => {
                 const queryParams = { queryParamsHandling: 'preserve' };
@@ -18536,6 +18644,7 @@ let InboxDetailsComponent = class InboxDetailsComponent {
             this.setupWorkItem();
             this.setFormOptions(form, data, actions);
             this.updateInboxSate();
+            this.eventService.trigger(EnaioEvent.INBOX_ITEM_LOCKED);
         }, error => {
             if (error.status === 409) {
                 Utils.throw(null, this.translate.instant('eo.bpm.event.script.execution.error'), this.workItem.title).call(this, {});
@@ -18556,6 +18665,7 @@ let InboxDetailsComponent = class InboxDetailsComponent {
                 this.workItem = res;
                 this.setupWorkItem();
                 this.updateInboxSate();
+                this.eventService.trigger(EnaioEvent.INBOX_ITEM_UNLOCKED);
             }, Utils.throw(null, this.translate.instant('eo.process.activity.unlock.denied'), this.workItem.title));
         }
     }
@@ -19652,9 +19762,10 @@ let ObjectDetailsComponent = class ObjectDetailsComponent {
         const _pTabs = [..._primary, ...plugins.filter(p => !_primary.includes(p))];
         const pTabs = primary ? [...primary, ...diff] : _pTabs;
         const sTabs = secondary || _secondary;
+        const p = pTabs.filter(t => tabs.includes(t));
         const s = sTabs.filter(t => tabs.includes(t));
         // reset primary tabs order if no secondary tabs are available
-        const p = sTabs.length ? pTabs.filter(t => tabs.includes(t)) : _pTabs;
+        !s.length && p.sort((a, b) => tabs.indexOf(a) - tabs.indexOf(b));
         this.splitTabConfig = {
             primary: { tabs: p, active: p.includes(cachedOrder?.primary?.active) ? cachedOrder?.primary?.active : p[0] || '' },
             secondary: { tabs: s, active: s.includes(cachedOrder?.secondary?.active) ? cachedOrder?.secondary?.active : s[0] || '' },
@@ -21607,6 +21718,15 @@ let ResultListComponent = class ResultListComponent {
             }
         });
     }
+    ngAfterViewInit() {
+        setTimeout(() => {
+            if (this.grid) {
+                this._query.sortOptions = (this.grid.api.getColumnState() || [])
+                    .map(model => new SortOption(GridService.qnameFormatter(model.colId + this.postfixSort(model.colId)), model.sort));
+                this.query = this._query;
+            }
+        }, 200);
+    }
     updateRow(id, data) {
         const matchRow = this.resultGridOptions.rowData.find((r) => r.id === id);
         const systemFields = ['created', 'creatortitle', 'modified', 'modifiertitle', 'title', 'description', 'type', 'version', 'filesize', 'filename', 'mimetypegroup', 'mimetype'];
@@ -21656,7 +21776,9 @@ let ResultListComponent = class ResultListComponent {
     }
     refreshGrid() {
         if (this.query) {
-            this.query = this.defaultQuery;
+            this._query.sortOptions = (this.grid.api.getColumnState() || [])
+                .map(model => new SortOption(GridService.qnameFormatter(model.colId + this.postfixSort(model.colId)), model.sort));
+            this.query = this._query;
         }
         this.onRefresh.emit(this.query);
     }
@@ -22828,10 +22950,10 @@ class AboutStateComponent {
         this.backend = backend;
         this.userService = userService;
         this.config = config;
-        this.__libraries__ = [{ "name": "@ag-grid-community/angular", "version": "31.0.3", "license": "MIT" }, { "name": "@ag-grid-community/client-side-row-model", "version": "31.0.3", "license": "MIT" }, { "name": "@ag-grid-community/core", "version": "31.0.3", "license": "MIT" }, { "name": "@ag-grid-community/csv-export", "version": "31.0.3", "license": "MIT" }, { "name": "@ag-grid-community/styles", "version": "31.1.1", "license": "MIT" }, { "name": "@angular/animations", "version": "17.1.2", "license": "MIT" }, { "name": "@angular/cdk", "version": "17.1.2", "license": "MIT" }, { "name": "@angular/common", "version": "17.1.2", "license": "MIT" }, { "name": "@angular/compiler", "version": "17.1.2", "license": "MIT" }, { "name": "@angular/core", "version": "17.1.2", "license": "MIT" }, { "name": "@angular/forms", "version": "17.1.2", "license": "MIT" }, { "name": "@angular/platform-browser", "version": "17.1.2", "license": "MIT" }, { "name": "@angular/platform-browser-dynamic", "version": "17.1.2", "license": "MIT" }, { "name": "@angular/router", "version": "17.1.2", "license": "MIT" }, { "name": "@carbon/charts-angular", "version": "1.14.0", "license": "Apache-2.0" }, { "name": "@eo-sdk/core", "version": "11.0.0-rc.3", "license": "MIT" }, { "name": "@ngneat/until-destroy", "version": "10.0.0", "license": "MIT" }, { "name": "@ngx-pwa/local-storage", "version": "17.0.0", "license": "MIT" }, { "name": "@ngx-translate/core", "version": "15.0.0", "license": "SEE LICENSE IN LICENSE" }, { "name": "@yuuvis/components", "version": "2.0.1", "license": "MIT" }, { "name": "@yuuvis/widget-grid", "version": "2.0.2", "license": "MIT" }, { "name": "core-js", "version": "2.6.12", "license": "MIT" }, { "name": "file-saver", "version": "2.0.5", "license": "MIT" }, { "name": "font-awesome", "version": "4.7.0", "license": "(OFL-1.1 AND MIT)" }, { "name": "lodash-es", "version": "4.17.21", "license": "MIT" }, { "name": "moment", "version": "2.30.1", "license": "MIT" }, { "name": "ngx-toastr", "version": "18.0.0", "license": "MIT" }, { "name": "rxjs", "version": "7.8.1", "license": "Apache-2.0" }, { "name": "tslib", "version": "2.6.2", "license": "0BSD" }, { "name": "zone.js", "version": "0.14.4", "license": "MIT" }];
+        this.__libraries__ = [{ "name": "@ag-grid-community/angular", "version": "31.0.3", "license": "MIT" }, { "name": "@ag-grid-community/client-side-row-model", "version": "31.0.3", "license": "MIT" }, { "name": "@ag-grid-community/core", "version": "31.0.3", "license": "MIT" }, { "name": "@ag-grid-community/csv-export", "version": "31.0.3", "license": "MIT" }, { "name": "@ag-grid-community/styles", "version": "31.1.1", "license": "MIT" }, { "name": "@angular/animations", "version": "17.1.2", "license": "MIT" }, { "name": "@angular/cdk", "version": "17.1.2", "license": "MIT" }, { "name": "@angular/common", "version": "17.1.2", "license": "MIT" }, { "name": "@angular/compiler", "version": "17.1.2", "license": "MIT" }, { "name": "@angular/core", "version": "17.1.2", "license": "MIT" }, { "name": "@angular/forms", "version": "17.1.2", "license": "MIT" }, { "name": "@angular/platform-browser", "version": "17.1.2", "license": "MIT" }, { "name": "@angular/platform-browser-dynamic", "version": "17.1.2", "license": "MIT" }, { "name": "@angular/router", "version": "17.1.2", "license": "MIT" }, { "name": "@carbon/charts-angular", "version": "1.14.0", "license": "Apache-2.0" }, { "name": "@eo-sdk/core", "version": "11.0.0-rc.5", "license": "MIT" }, { "name": "@ngneat/until-destroy", "version": "10.0.0", "license": "MIT" }, { "name": "@ngx-pwa/local-storage", "version": "17.0.0", "license": "MIT" }, { "name": "@ngx-translate/core", "version": "15.0.0", "license": "SEE LICENSE IN LICENSE" }, { "name": "@yuuvis/components", "version": "2.0.1", "license": "MIT" }, { "name": "@yuuvis/widget-grid", "version": "2.0.2", "license": "MIT" }, { "name": "core-js", "version": "2.6.12", "license": "MIT" }, { "name": "file-saver", "version": "2.0.5", "license": "MIT" }, { "name": "font-awesome", "version": "4.7.0", "license": "(OFL-1.1 AND MIT)" }, { "name": "lodash-es", "version": "4.17.21", "license": "MIT" }, { "name": "moment", "version": "2.30.1", "license": "MIT" }, { "name": "ngx-toastr", "version": "18.0.0", "license": "MIT" }, { "name": "rxjs", "version": "7.8.1", "license": "Apache-2.0" }, { "name": "tslib", "version": "2.6.2", "license": "0BSD" }, { "name": "zone.js", "version": "0.14.4", "license": "MIT" }];
         this.ctrl = {
             componentName: 'yuuvis® RAD client',
-            componentVersion: '11.0.0-rc.5',
+            componentVersion: '11.0.0-rc.6',
             productName: '',
             productVersion: ''
         };
@@ -23240,14 +23362,14 @@ let LastEditedAndCreatedComponent = class LastEditedAndCreatedComponent {
         });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: LastEditedAndCreatedComponent, deps: [{ token: i1.UserService }, { token: i1.SearchService }, { token: i1.SystemService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.1.2", type: LastEditedAndCreatedComponent, selector: "eo-last-edited-and-created", inputs: { widgetConfig: "widgetConfig" }, viewQueries: [{ propertyName: "availableTabs", predicate: YvcTabDirective, descendants: true }], ngImport: i0, template: "@if (tabs) {\n  <yvc-tabs [tabs]=\"tabs\" layoutSettingsID=\"eo.lastEdited.widget.tabs\"></yvc-tabs>\n}\n\n<ng-template [yvcTab]=\"{id: 'LastEdited', label: 'eo.dashboard.modified.title' | translate}\">\n  @if (modifiedByMe?.lately.length) {\n    <div class=\"container\">\n      <main class=\"body\">\n        @for (item of modifiedByMe.lately; track $index) {\n          <div class=\"item\" [routerLink]=\"['/object/', item.id]\">\n            <eo-icon [objectType]=\"item.type\"></eo-icon>\n            <div>\n              <div class=\"modified\">{{ item.modified | localeDate }}</div>\n              <div class=\"title\">{{ item.title }}</div>\n              <div class=\"description\">{{ item.description }}</div>\n            </div>\n          </div>\n        }\n      </main>\n    </div>\n  }\n</ng-template>\n\n<ng-template [yvcTab]=\"{id: 'LastCreated', label: 'eo.dashboard.created.title' | translate}\">\n  @if (createdByMe?.lately.length) {\n    <div class=\"container\">\n      <main class=\"body\">\n        @for (item of createdByMe.lately; track $index) {\n          <div class=\"item\" [routerLink]=\"['/object/', item.id]\">\n            <eo-icon [objectType]=\"item.type\"></eo-icon>\n            <div>\n              <div class=\"modified\">{{ item.created | localeDate }}</div>\n              <div class=\"title\">{{ item.title }}</div>\n              <div class=\"description\">{{ item.description }}</div>\n            </div>\n          </div>\n        }\n      </main>\n    </div>\n  }\n</ng-template>\n", styles: [":host{display:contents}@media screen and (max-width: 800px){:host{height:40%;padding:0 var(--app-pane-padding) var(--app-pane-padding) var(--app-pane-padding)}}:host yvc-tabs{--text-color-body: #fff;color:var(--text-color-body);background-color:var(--text-color-body);height:100%}:host yvc-tabs ::ng-deep>header{height:50px;background-color:var(--color-primary-2)}:host .container{display:flex;flex-flow:column}:host .container .header{flex:0 0 auto;border-radius:2px;color:var(--color-white);background-color:var(--color-primary-2);padding:calc(var(--app-pane-padding) / 2) var(--app-pane-padding) var(--app-pane-padding) var(--app-pane-padding)}:host .container .header h2{margin:0;padding:0;font-size:var(--font-subhead);font-weight:var(--font-weight-normal)}:host .container .header .total{font-size:var(--font-caption);opacity:.7}:host .container .body{flex:1 1 auto;overflow-y:auto}:host .container .body .item{border-radius:2px;display:flex;flex-flow:row nowrap;color:var(--text-color-caption);padding:calc(var(--app-pane-padding) / 2);margin:calc(var(--app-pane-padding) / 4) 0;align-items:center;background-color:rgba(var(--color-white-rgb),.9);text-decoration:none;cursor:pointer}:host .container .body .item:focus,:host .container .body .item:hover{background-color:var(--list-item-hover-background)}:host .container .body .item eo-icon{flex:0 0 auto;padding:0 calc(var(--app-pane-padding) / 2)}:host .container .body .item>div{flex:1 1 auto;width:90%;overflow-x:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 calc(var(--app-pane-padding) / 2)}:host .container .body .item .modified,:host .container .body .item .description,:host .container .body .item .title{width:100%;max-width:250px;overflow-x:hidden;text-overflow:ellipsis;white-space:nowrap}:host .container .body .item .modified,:host .container .body .item .description{font-size:var(--font-hint)}:host .container .body .item .title{font-weight:var(--font-weight-bold)}\n"], dependencies: [{ kind: "directive", type: i2$1.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: EoIconComponent, selector: "eo-icon", inputs: ["objectType", "iconId", "iconSrc", "badge", "iconTitle"] }, { kind: "component", type: i12.Tabs, selector: "yvc-tabs", inputs: ["tabs", "layoutSettingsID", "panelOrder", "panelOrderIncludeUnmentioned", "cacheViews", "tabSplitEnabled", "tabRemoveEnabled"], outputs: ["tabSplit", "tabRemove", "tabChange"] }, { kind: "directive", type: i12.YvcTabDirective, selector: "[yvcTab]", inputs: ["yvcTab"] }, { kind: "pipe", type: i4.TranslatePipe, name: "translate" }, { kind: "pipe", type: LocaleDatePipe, name: "localeDate" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.1.2", type: LastEditedAndCreatedComponent, selector: "eo-last-edited-and-created", inputs: { widgetConfig: "widgetConfig" }, viewQueries: [{ propertyName: "availableTabs", predicate: YvcTabDirective, descendants: true }], ngImport: i0, template: "@if (tabs) {\n<yvc-tabs [tabs]=\"tabs\" layoutSettingsID=\"eo.lastEdited.widget.tabs\">\n\n  <ng-template [yvcTab]=\"{id: 'LastEdited', label: 'eo.dashboard.modified.title' | translate}\">\n    @if (modifiedByMe?.lately.length) {\n    <div class=\"container\">\n      <main class=\"body\">\n        @for (item of modifiedByMe.lately; track $index) {\n          <div class=\"item\" [routerLink]=\"['/object/', item.id]\">\n            <eo-icon [objectType]=\"item.type\"></eo-icon>\n            <div>\n              <div class=\"modified\">{{ item.modified | localeDate }}</div>\n              <div class=\"title\">{{ item.title }}</div>\n              <div class=\"description\">{{ item.description }}</div>\n            </div>\n          </div>\n        }\n      </main>\n    </div>\n    }\n  </ng-template>\n\n  <ng-template [yvcTab]=\"{id: 'LastCreated', label: 'eo.dashboard.created.title' | translate}\">\n    @if (createdByMe?.lately.length) {\n    <div class=\"container\">\n      <main class=\"body\">\n        @for (item of createdByMe.lately; track $index) {\n          <div class=\"item\" [routerLink]=\"['/object/', item.id]\">\n            <eo-icon [objectType]=\"item.type\"></eo-icon>\n            <div>\n              <div class=\"modified\">{{ item.created | localeDate }}</div>\n              <div class=\"title\">{{ item.title }}</div>\n              <div class=\"description\">{{ item.description }}</div>\n            </div>\n          </div>\n        }\n      </main>\n    </div>\n    }\n  </ng-template>\n</yvc-tabs>\n}", styles: [":host{display:contents}@media screen and (max-width: 800px){:host{height:40%;padding:0 var(--app-pane-padding) var(--app-pane-padding) var(--app-pane-padding)}}:host yvc-tabs{--text-color-body: #fff;color:var(--text-color-body);background-color:var(--text-color-body);height:100%}:host yvc-tabs ::ng-deep>header{height:50px;background-color:var(--color-primary-2)}:host .container{display:flex;flex-flow:column}:host .container .header{flex:0 0 auto;border-radius:2px;color:var(--color-white);background-color:var(--color-primary-2);padding:calc(var(--app-pane-padding) / 2) var(--app-pane-padding) var(--app-pane-padding) var(--app-pane-padding)}:host .container .header h2{margin:0;padding:0;font-size:var(--font-subhead);font-weight:var(--font-weight-normal)}:host .container .header .total{font-size:var(--font-caption);opacity:.7}:host .container .body{flex:1 1 auto;overflow-y:auto}:host .container .body .item{border-radius:2px;display:flex;flex-flow:row nowrap;color:var(--text-color-caption);padding:calc(var(--app-pane-padding) / 2);margin:calc(var(--app-pane-padding) / 4) 0;align-items:center;background-color:rgba(var(--color-white-rgb),.9);text-decoration:none;cursor:pointer}:host .container .body .item:focus,:host .container .body .item:hover{background-color:var(--list-item-hover-background)}:host .container .body .item eo-icon{flex:0 0 auto;padding:0 calc(var(--app-pane-padding) / 2)}:host .container .body .item>div{flex:1 1 auto;width:90%;overflow-x:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 calc(var(--app-pane-padding) / 2)}:host .container .body .item .modified,:host .container .body .item .description,:host .container .body .item .title{width:100%;max-width:250px;overflow-x:hidden;text-overflow:ellipsis;white-space:nowrap}:host .container .body .item .modified,:host .container .body .item .description{font-size:var(--font-hint)}:host .container .body .item .title{font-weight:var(--font-weight-bold)}\n"], dependencies: [{ kind: "directive", type: i2$1.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: EoIconComponent, selector: "eo-icon", inputs: ["objectType", "iconId", "iconSrc", "badge", "iconTitle"] }, { kind: "component", type: i12.Tabs, selector: "yvc-tabs", inputs: ["tabs", "layoutSettingsID", "panelOrder", "panelOrderIncludeUnmentioned", "cacheViews", "tabSplitEnabled", "tabRemoveEnabled"], outputs: ["tabSplit", "tabRemove", "tabChange"] }, { kind: "directive", type: i12.YvcTabDirective, selector: "[yvcTab]", inputs: ["yvcTab"] }, { kind: "pipe", type: i4.TranslatePipe, name: "translate" }, { kind: "pipe", type: LocaleDatePipe, name: "localeDate" }] }); }
 };
 LastEditedAndCreatedComponent = __decorate([
     UntilDestroy()
 ], LastEditedAndCreatedComponent);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: LastEditedAndCreatedComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'eo-last-edited-and-created', template: "@if (tabs) {\n  <yvc-tabs [tabs]=\"tabs\" layoutSettingsID=\"eo.lastEdited.widget.tabs\"></yvc-tabs>\n}\n\n<ng-template [yvcTab]=\"{id: 'LastEdited', label: 'eo.dashboard.modified.title' | translate}\">\n  @if (modifiedByMe?.lately.length) {\n    <div class=\"container\">\n      <main class=\"body\">\n        @for (item of modifiedByMe.lately; track $index) {\n          <div class=\"item\" [routerLink]=\"['/object/', item.id]\">\n            <eo-icon [objectType]=\"item.type\"></eo-icon>\n            <div>\n              <div class=\"modified\">{{ item.modified | localeDate }}</div>\n              <div class=\"title\">{{ item.title }}</div>\n              <div class=\"description\">{{ item.description }}</div>\n            </div>\n          </div>\n        }\n      </main>\n    </div>\n  }\n</ng-template>\n\n<ng-template [yvcTab]=\"{id: 'LastCreated', label: 'eo.dashboard.created.title' | translate}\">\n  @if (createdByMe?.lately.length) {\n    <div class=\"container\">\n      <main class=\"body\">\n        @for (item of createdByMe.lately; track $index) {\n          <div class=\"item\" [routerLink]=\"['/object/', item.id]\">\n            <eo-icon [objectType]=\"item.type\"></eo-icon>\n            <div>\n              <div class=\"modified\">{{ item.created | localeDate }}</div>\n              <div class=\"title\">{{ item.title }}</div>\n              <div class=\"description\">{{ item.description }}</div>\n            </div>\n          </div>\n        }\n      </main>\n    </div>\n  }\n</ng-template>\n", styles: [":host{display:contents}@media screen and (max-width: 800px){:host{height:40%;padding:0 var(--app-pane-padding) var(--app-pane-padding) var(--app-pane-padding)}}:host yvc-tabs{--text-color-body: #fff;color:var(--text-color-body);background-color:var(--text-color-body);height:100%}:host yvc-tabs ::ng-deep>header{height:50px;background-color:var(--color-primary-2)}:host .container{display:flex;flex-flow:column}:host .container .header{flex:0 0 auto;border-radius:2px;color:var(--color-white);background-color:var(--color-primary-2);padding:calc(var(--app-pane-padding) / 2) var(--app-pane-padding) var(--app-pane-padding) var(--app-pane-padding)}:host .container .header h2{margin:0;padding:0;font-size:var(--font-subhead);font-weight:var(--font-weight-normal)}:host .container .header .total{font-size:var(--font-caption);opacity:.7}:host .container .body{flex:1 1 auto;overflow-y:auto}:host .container .body .item{border-radius:2px;display:flex;flex-flow:row nowrap;color:var(--text-color-caption);padding:calc(var(--app-pane-padding) / 2);margin:calc(var(--app-pane-padding) / 4) 0;align-items:center;background-color:rgba(var(--color-white-rgb),.9);text-decoration:none;cursor:pointer}:host .container .body .item:focus,:host .container .body .item:hover{background-color:var(--list-item-hover-background)}:host .container .body .item eo-icon{flex:0 0 auto;padding:0 calc(var(--app-pane-padding) / 2)}:host .container .body .item>div{flex:1 1 auto;width:90%;overflow-x:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 calc(var(--app-pane-padding) / 2)}:host .container .body .item .modified,:host .container .body .item .description,:host .container .body .item .title{width:100%;max-width:250px;overflow-x:hidden;text-overflow:ellipsis;white-space:nowrap}:host .container .body .item .modified,:host .container .body .item .description{font-size:var(--font-hint)}:host .container .body .item .title{font-weight:var(--font-weight-bold)}\n"] }]
+            args: [{ selector: 'eo-last-edited-and-created', template: "@if (tabs) {\n<yvc-tabs [tabs]=\"tabs\" layoutSettingsID=\"eo.lastEdited.widget.tabs\">\n\n  <ng-template [yvcTab]=\"{id: 'LastEdited', label: 'eo.dashboard.modified.title' | translate}\">\n    @if (modifiedByMe?.lately.length) {\n    <div class=\"container\">\n      <main class=\"body\">\n        @for (item of modifiedByMe.lately; track $index) {\n          <div class=\"item\" [routerLink]=\"['/object/', item.id]\">\n            <eo-icon [objectType]=\"item.type\"></eo-icon>\n            <div>\n              <div class=\"modified\">{{ item.modified | localeDate }}</div>\n              <div class=\"title\">{{ item.title }}</div>\n              <div class=\"description\">{{ item.description }}</div>\n            </div>\n          </div>\n        }\n      </main>\n    </div>\n    }\n  </ng-template>\n\n  <ng-template [yvcTab]=\"{id: 'LastCreated', label: 'eo.dashboard.created.title' | translate}\">\n    @if (createdByMe?.lately.length) {\n    <div class=\"container\">\n      <main class=\"body\">\n        @for (item of createdByMe.lately; track $index) {\n          <div class=\"item\" [routerLink]=\"['/object/', item.id]\">\n            <eo-icon [objectType]=\"item.type\"></eo-icon>\n            <div>\n              <div class=\"modified\">{{ item.created | localeDate }}</div>\n              <div class=\"title\">{{ item.title }}</div>\n              <div class=\"description\">{{ item.description }}</div>\n            </div>\n          </div>\n        }\n      </main>\n    </div>\n    }\n  </ng-template>\n</yvc-tabs>\n}", styles: [":host{display:contents}@media screen and (max-width: 800px){:host{height:40%;padding:0 var(--app-pane-padding) var(--app-pane-padding) var(--app-pane-padding)}}:host yvc-tabs{--text-color-body: #fff;color:var(--text-color-body);background-color:var(--text-color-body);height:100%}:host yvc-tabs ::ng-deep>header{height:50px;background-color:var(--color-primary-2)}:host .container{display:flex;flex-flow:column}:host .container .header{flex:0 0 auto;border-radius:2px;color:var(--color-white);background-color:var(--color-primary-2);padding:calc(var(--app-pane-padding) / 2) var(--app-pane-padding) var(--app-pane-padding) var(--app-pane-padding)}:host .container .header h2{margin:0;padding:0;font-size:var(--font-subhead);font-weight:var(--font-weight-normal)}:host .container .header .total{font-size:var(--font-caption);opacity:.7}:host .container .body{flex:1 1 auto;overflow-y:auto}:host .container .body .item{border-radius:2px;display:flex;flex-flow:row nowrap;color:var(--text-color-caption);padding:calc(var(--app-pane-padding) / 2);margin:calc(var(--app-pane-padding) / 4) 0;align-items:center;background-color:rgba(var(--color-white-rgb),.9);text-decoration:none;cursor:pointer}:host .container .body .item:focus,:host .container .body .item:hover{background-color:var(--list-item-hover-background)}:host .container .body .item eo-icon{flex:0 0 auto;padding:0 calc(var(--app-pane-padding) / 2)}:host .container .body .item>div{flex:1 1 auto;width:90%;overflow-x:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 calc(var(--app-pane-padding) / 2)}:host .container .body .item .modified,:host .container .body .item .description,:host .container .body .item .title{width:100%;max-width:250px;overflow-x:hidden;text-overflow:ellipsis;white-space:nowrap}:host .container .body .item .modified,:host .container .body .item .description{font-size:var(--font-hint)}:host .container .body .item .title{font-weight:var(--font-weight-bold)}\n"] }]
         }], ctorParameters: () => [{ type: i1.UserService }, { type: i1.SearchService }, { type: i1.SystemService }], propDecorators: { availableTabs: [{
                 type: ViewChildren,
                 args: [YvcTabDirective]
@@ -23369,14 +23491,14 @@ let InfoInboxWidgetComponent = class InfoInboxWidgetComponent {
         }
     }
     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: i1$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2$1.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: EoIconComponent, selector: "eo-icon", inputs: ["objectType", "iconId", "iconSrc", "badge", "iconTitle"] }, { kind: "directive", type: RouterLinkDirective, selector: "a[routerLink]" }] }); }
+    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: i1$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2$1.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: EoIconComponent, selector: "eo-icon", inputs: ["objectType", "iconId", "iconSrc", "badge", "iconTitle"] }, { kind: "directive", type: RouterLinkDirective, selector: "a[routerLink]" }] }); }
 };
 InfoInboxWidgetComponent = __decorate([
     UntilDestroy()
 ], InfoInboxWidgetComponent);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", 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"] }]
+            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: [{
                 type: Input
             }] } });
@@ -23606,7 +23728,7 @@ let HitlistSetupComponent = class HitlistSetupComponent {
             sortRevert: [],
         });
         this.storedQueriesPicker = {
-            title: this.translate.instant('eo.search.title.storedqueries'),
+            title: this.translate.instant('eo.workspace.widget.label.storedquery'),
             codesystem: null,
         };
         this.propertyPicker = {
@@ -23743,14 +23865,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$3.UntypedFormBuilder }, { token: i1.StoredQueriesService }, { token: i1.TranslateService }, { token: i1.UserService }, { token: i1.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.search.title.storedqueries' | 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>\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-bottom:var(--app-pane-padding)}:host .setup .propertyPicker{padding-bottom:30px;padding-top:30px}: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{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$3.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$3.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i4.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "component", type: ErrorMessageComponent, selector: "eo-error-message", inputs: ["emptyState"] }, { kind: "component", type: FormInputComponent, selector: "eo-form-input", inputs: ["label", "tag", "description", "skipToggle", "isNull", "invalid", "disabled", "required"], outputs: ["onToggleLabel"] }, { kind: "component", type: CodesystemComponent, selector: "eo-codesystem", inputs: ["situation", "pickerTitle", "placeholder", "codesystem", "multiselect", "readonly", "inputStyleClass", "emptyMessage", "filterFunction", "disablingFilterFunction"] }, { kind: "component", type: NumberComponent, selector: "eo-number", inputs: ["scale", "precision", "grouping", "pattern", "readonly"] }, { kind: "component", type: CheckboxComponent, selector: "eo-checkbox", inputs: ["required", "tristate", "readonly"] }, { kind: "component", type: HitlistWidgetComponent, selector: "eo-hitlist-widget", inputs: ["editMode", "widgetConfig"] }, { kind: "pipe", type: i4.TranslatePipe, name: "translate" }] }); }
+    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>\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-bottom:var(--app-pane-padding)}:host .setup .propertyPicker{padding-bottom:30px;padding-top:30px}: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{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$3.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$3.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i4.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "component", type: ErrorMessageComponent, selector: "eo-error-message", inputs: ["emptyState"] }, { kind: "component", type: FormInputComponent, selector: "eo-form-input", inputs: ["label", "tag", "description", "skipToggle", "isNull", "invalid", "disabled", "required"], outputs: ["onToggleLabel"] }, { kind: "component", type: CodesystemComponent, selector: "eo-codesystem", inputs: ["situation", "pickerTitle", "placeholder", "codesystem", "multiselect", "readonly", "inputStyleClass", "emptyMessage", "filterFunction", "disablingFilterFunction"] }, { kind: "component", type: NumberComponent, selector: "eo-number", inputs: ["scale", "precision", "grouping", "pattern", "readonly"] }, { kind: "component", type: CheckboxComponent, selector: "eo-checkbox", inputs: ["required", "tristate", "readonly"] }, { kind: "component", type: HitlistWidgetComponent, selector: "eo-hitlist-widget", inputs: ["editMode", "widgetConfig"] }, { kind: "pipe", type: i4.TranslatePipe, name: "translate" }] }); }
 };
 HitlistSetupComponent = __decorate([
     UntilDestroy()
 ], HitlistSetupComponent);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", 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.search.title.storedqueries' | 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>\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-bottom:var(--app-pane-padding)}:host .setup .propertyPicker{padding-bottom:30px;padding-top:30px}: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{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"] }]
+            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>\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-bottom:var(--app-pane-padding)}:host .setup .propertyPicker{padding-bottom:30px;padding-top:30px}: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{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$3.UntypedFormBuilder }, { type: i1.StoredQueriesService }, { type: i1.TranslateService }, { type: i1.UserService }, { type: i1.SystemService }], propDecorators: { widgetConfigChange: [{
                 type: Output
             }], widgetConfigStateChange: [{
@@ -23933,6 +24055,7 @@ let ChartsWidgetComponent = class ChartsWidgetComponent {
                     size: this._widgetConfig?.formValue?.size || 10,
                     order: sort ? 'asc' : 'desc',
                     sort: attributMetricKey + '.value',
+                    min_doc_count: minDocCount,
                     sub: {
                         [attributMetricKey]: {
                             metrics: this._widgetConfig?.formValue?.metric
@@ -23950,7 +24073,7 @@ let ChartsWidgetComponent = class ChartsWidgetComponent {
                     this.chartData = res.aggregations[Object.keys(res.aggregations)[0]].buckets.map((e) => {
                         return {
                             group: e.key.replace('_', '-'),
-                            value: e[metric + '#' + attributMetric].value,
+                            value: e[metric + '#' + attributMetricKey].value,
                         };
                     });
                 }
@@ -24049,7 +24172,7 @@ let ChartsWidgetComponent = class ChartsWidgetComponent {
                 if (this._widgetConfig?.formValue?.aggregation === 'sysdocument.filesize') {
                     this.chartData = res.aggregations.filesize.buckets.map((e) => {
                         return {
-                            group: this.translate.instant('eo.search.agg.filesize.' + e.key),
+                            group: e.key.replace('_', '-'),
                             value: e.doc_count,
                         };
                     });
@@ -24143,7 +24266,7 @@ let ChartsSetupComponent = class ChartsSetupComponent {
             yAxe: ['', [Validators.maxLength(50)]]
         });
         this.storedQueriesPicker = {
-            title: this.translate.instant('eo.search.title.storedqueries'),
+            title: this.translate.instant('eo.workspace.widget.label.storedquery'),
             codesystem: null,
         };
         this.aggregationPicker = {
@@ -24185,7 +24308,7 @@ let ChartsSetupComponent = class ChartsSetupComponent {
             this.widgetConfig = {
                 storedQuery: this.storedQuery?.id,
                 formValue: this.setupForm.value,
-                aggregationType: ''
+                aggregationType: 'DATETIME'
             };
             if (this.setupForm.get('storedQuery').value !== this.selectedSavedSearchName) {
                 if (this.storedQuery) {
@@ -24488,14 +24611,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$3.UntypedFormBuilder }, { token: i1.StoredQueriesService }, { token: i1.TranslateService }, { token: i1.UserService }, { token: i1.SystemService }], 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.search.title.storedqueries' | 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      <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      @if (setupForm.dirty && setupForm.get('size').invalid) {\n        <div class=\"err-msg\" translate>\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\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        <eo-codesystem formControlName=\"histogramType\" [pickerTitle]=\"histogramTypePicker.title\"\n                       [codesystem]=\"histogramTypePicker.codesystem\"></eo-codesystem>\n      </eo-form-input>\n    }\n    @if (widgetConfig?.formValue?.aggregation && !isDateTimeType) {\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) {\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 !== 'lineStraight' && widgetConfig?.formValue?.chartType !== 'lineCurve' &&\n    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?.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)}:host .setup eo-form-input{display:block;margin-bottom:var(--app-pane-padding)}:host .setup .propertyPicker{display:block;padding-top:40px}: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{grid-area:preview;overflow-y:auto;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$3.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$3.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i4.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "component", type: ErrorMessageComponent, selector: "eo-error-message", inputs: ["emptyState"] }, { kind: "component", type: FormInputComponent, selector: "eo-form-input", inputs: ["label", "tag", "description", "skipToggle", "isNull", "invalid", "disabled", "required"], outputs: ["onToggleLabel"] }, { kind: "component", type: CodesystemComponent, selector: "eo-codesystem", inputs: ["situation", "pickerTitle", "placeholder", "codesystem", "multiselect", "readonly", "inputStyleClass", "emptyMessage", "filterFunction", "disablingFilterFunction"] }, { kind: "component", type: NumberComponent, selector: "eo-number", inputs: ["scale", "precision", "grouping", "pattern", "readonly"] }, { kind: "component", type: CheckboxComponent, selector: "eo-checkbox", inputs: ["required", "tristate", "readonly"] }, { kind: "component", type: StringComponent, selector: "eo-string", inputs: ["autocomplete", "multiselect", "multiline", "readonly", "autofocus", "classification", "situation", "regex", "qname", "size", "minLength", "maxLength"] }, { kind: "component", type: ChartsWidgetComponent, selector: "eo-charts-widget", inputs: ["editMode", "widgetConfig"] }, { kind: "pipe", type: i4.TranslatePipe, name: "translate" }] }); }
+    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      <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      @if (setupForm.dirty && setupForm.get('size').invalid) {\n        <div class=\"err-msg\" translate>\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\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        <eo-codesystem formControlName=\"histogramType\" [pickerTitle]=\"histogramTypePicker.title\"\n                       [codesystem]=\"histogramTypePicker.codesystem\"></eo-codesystem>\n      </eo-form-input>\n    }\n    @if (widgetConfig?.formValue?.aggregation && !isDateTimeType) {\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) {\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 !== 'lineStraight' && widgetConfig?.formValue?.chartType !== 'lineCurve' &&\n    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?.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)}:host .setup eo-form-input{display:block;margin-bottom:var(--app-pane-padding)}:host .setup .propertyPicker{display:block;padding-top:40px}: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{grid-area:preview;overflow-y:auto;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$3.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$3.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i4.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "component", type: ErrorMessageComponent, selector: "eo-error-message", inputs: ["emptyState"] }, { kind: "component", type: FormInputComponent, selector: "eo-form-input", inputs: ["label", "tag", "description", "skipToggle", "isNull", "invalid", "disabled", "required"], outputs: ["onToggleLabel"] }, { kind: "component", type: CodesystemComponent, selector: "eo-codesystem", inputs: ["situation", "pickerTitle", "placeholder", "codesystem", "multiselect", "readonly", "inputStyleClass", "emptyMessage", "filterFunction", "disablingFilterFunction"] }, { kind: "component", type: NumberComponent, selector: "eo-number", inputs: ["scale", "precision", "grouping", "pattern", "readonly"] }, { kind: "component", type: CheckboxComponent, selector: "eo-checkbox", inputs: ["required", "tristate", "readonly"] }, { kind: "component", type: StringComponent, selector: "eo-string", inputs: ["autocomplete", "multiselect", "multiline", "readonly", "autofocus", "classification", "situation", "regex", "qname", "size", "minLength", "maxLength"] }, { kind: "component", type: ChartsWidgetComponent, selector: "eo-charts-widget", inputs: ["editMode", "widgetConfig"] }, { kind: "pipe", type: i4.TranslatePipe, name: "translate" }] }); }
 };
 ChartsSetupComponent = __decorate([
     UntilDestroy()
 ], ChartsSetupComponent);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", 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.search.title.storedqueries' | 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      <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      @if (setupForm.dirty && setupForm.get('size').invalid) {\n        <div class=\"err-msg\" translate>\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\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        <eo-codesystem formControlName=\"histogramType\" [pickerTitle]=\"histogramTypePicker.title\"\n                       [codesystem]=\"histogramTypePicker.codesystem\"></eo-codesystem>\n      </eo-form-input>\n    }\n    @if (widgetConfig?.formValue?.aggregation && !isDateTimeType) {\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) {\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 !== 'lineStraight' && widgetConfig?.formValue?.chartType !== 'lineCurve' &&\n    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?.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)}:host .setup eo-form-input{display:block;margin-bottom:var(--app-pane-padding)}:host .setup .propertyPicker{display:block;padding-top:40px}: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{grid-area:preview;overflow-y:auto;background-color:var(--main-background);padding:var(--app-pane-padding)}:host .preview eo-charts-widget{border:1px transparent var(--panel-divider-color)}\n"] }]
+            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      <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      @if (setupForm.dirty && setupForm.get('size').invalid) {\n        <div class=\"err-msg\" translate>\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\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        <eo-codesystem formControlName=\"histogramType\" [pickerTitle]=\"histogramTypePicker.title\"\n                       [codesystem]=\"histogramTypePicker.codesystem\"></eo-codesystem>\n      </eo-form-input>\n    }\n    @if (widgetConfig?.formValue?.aggregation && !isDateTimeType) {\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) {\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 !== 'lineStraight' && widgetConfig?.formValue?.chartType !== 'lineCurve' &&\n    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?.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)}:host .setup eo-form-input{display:block;margin-bottom:var(--app-pane-padding)}:host .setup .propertyPicker{display:block;padding-top:40px}: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{grid-area:preview;overflow-y:auto;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$3.UntypedFormBuilder }, { type: i1.StoredQueriesService }, { type: i1.TranslateService }, { type: i1.UserService }, { type: i1.SystemService }], propDecorators: { widgetConfigChange: [{
                 type: Output
             }], widgetConfigStateChange: [{
@@ -24649,7 +24772,7 @@ let CountObjectsSetupComponent = class CountObjectsSetupComponent {
         });
         this.countTileThresholdDesc = this.translate.instant('eo.widget.hitcount.form.desc.threshold');
         this.storedQueriesPicker = {
-            title: this.translate.instant('eo.search.title.storedqueries'),
+            title: this.translate.instant('eo.workspace.widget.label.storedquery'),
             codesystem: null,
             value: null,
             parameter: null,
@@ -24721,14 +24844,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$3.UntypedFormBuilder }, { token: i4.TranslateService }, { token: i1.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.search.title.storedqueries' | 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    <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  </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-bottom:var(--app-pane-padding)}:host .setup .checkboxCountTitle{padding-bottom:30px;padding-top:30px}: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 .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$3.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$3.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i4.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "component", type: ErrorMessageComponent, selector: "eo-error-message", inputs: ["emptyState"] }, { kind: "component", type: FormInputComponent, selector: "eo-form-input", inputs: ["label", "tag", "description", "skipToggle", "isNull", "invalid", "disabled", "required"], outputs: ["onToggleLabel"] }, { kind: "component", type: CodesystemComponent, selector: "eo-codesystem", inputs: ["situation", "pickerTitle", "placeholder", "codesystem", "multiselect", "readonly", "inputStyleClass", "emptyMessage", "filterFunction", "disablingFilterFunction"] }, { kind: "component", type: NumberComponent, selector: "eo-number", inputs: ["scale", "precision", "grouping", "pattern", "readonly"] }, { kind: "component", type: CheckboxComponent, selector: "eo-checkbox", inputs: ["required", "tristate", "readonly"] }, { kind: "component", type: CountObjectsWidgetComponent, selector: "eo-count-objects-widget", inputs: ["widgetConfig"] }, { kind: "pipe", type: i4.TranslatePipe, name: "translate" }] }); }
+    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    <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  </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-bottom:var(--app-pane-padding)}:host .setup .checkboxCountTitle{padding-bottom:30px;padding-top:30px}: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 .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$3.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$3.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i4.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "component", type: ErrorMessageComponent, selector: "eo-error-message", inputs: ["emptyState"] }, { kind: "component", type: FormInputComponent, selector: "eo-form-input", inputs: ["label", "tag", "description", "skipToggle", "isNull", "invalid", "disabled", "required"], outputs: ["onToggleLabel"] }, { kind: "component", type: CodesystemComponent, selector: "eo-codesystem", inputs: ["situation", "pickerTitle", "placeholder", "codesystem", "multiselect", "readonly", "inputStyleClass", "emptyMessage", "filterFunction", "disablingFilterFunction"] }, { kind: "component", type: NumberComponent, selector: "eo-number", inputs: ["scale", "precision", "grouping", "pattern", "readonly"] }, { kind: "component", type: CheckboxComponent, selector: "eo-checkbox", inputs: ["required", "tristate", "readonly"] }, { kind: "component", type: CountObjectsWidgetComponent, selector: "eo-count-objects-widget", inputs: ["widgetConfig"] }, { kind: "pipe", type: i4.TranslatePipe, name: "translate" }] }); }
 };
 CountObjectsSetupComponent = __decorate([
     UntilDestroy()
 ], CountObjectsSetupComponent);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", 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.search.title.storedqueries' | 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    <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  </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-bottom:var(--app-pane-padding)}:host .setup .checkboxCountTitle{padding-bottom:30px;padding-top:30px}: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 .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"] }]
+            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    <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  </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-bottom:var(--app-pane-padding)}:host .setup .checkboxCountTitle{padding-bottom:30px;padding-top:30px}: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 .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$3.UntypedFormBuilder }, { type: i4.TranslateService }, { type: i1.StoredQueriesService }], propDecorators: { widgetConfigChange: [{
                 type: Output
             }], widgetConfigStateChange: [{
@@ -24799,23 +24922,230 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImpor
                 type: Input
             }] } });
 
-let DashboardComponent = class DashboardComponent {
-    onKey(event) {
-        if (event.which === 27) {
-            this.selectStoredQuery(null);
+let TodoWidgetComponent = class TodoWidgetComponent {
+    set widgetConfig(c) {
+        this._widgetConfig = c;
+        this.todos = c ? c.todos : [];
+        if (this._widgetConfig?.id) {
+            this.loadTaskList(this._widgetConfig?.id);
         }
     }
-    constructor(userService, widgetGridRegistry, titleService, router, http, config, storageService, translate, capabilityService, storedQueriesService, pendingChanges) {
+    get widgetConfig() {
+        return this._widgetConfig;
+    }
+    constructor(userService, widgetGridRegistry, fb) {
+        this.userService = userService;
+        this.widgetGridRegistry = widgetGridRegistry;
+        this.fb = fb;
+        this.subscriptions = [];
+        this.labels = {};
+        this.showForm = true;
+        this.addForm = this.fb.group({
+            task: ['', [Validators.required, Validators.maxLength(50)]],
+        });
+        this.todoWidgets = [];
+        this.subscriptions.push(this.widgetGridRegistry.labels$.subscribe({
+            next: (labels) => (this.labels = labels),
+        }));
+    }
+    addTask() {
+        if (!this.todos) {
+            this.todos = [];
+        }
+        if (this.addForm.valid) {
+            this.todos.push({
+                title: this.addForm.value.task,
+            });
+            this.addForm.reset();
+            this.emitChange(this._widgetConfig.id);
+        }
+    }
+    loadTaskList(id) {
+        this.todoWidgets = this.userService.getCurrentUser().userSettings.tasks;
+        if (this.todoWidgets) {
+            const todoItem = this.todoWidgets?.find(item => item.id === id);
+            return this.todos = todoItem ? todoItem.todos : [];
+        }
+    }
+    removeTask(idx) {
+        this.todos.splice(idx, 1);
+        this.emitChange();
+    }
+    toggleDone(t) {
+        t.done = !t.done;
+        this.emitChange();
+    }
+    drop(event) {
+        moveItemInArray(this.todos, event.previousIndex, event.currentIndex);
+        this.emitChange();
+    }
+    emitChange(id) {
+        if (!this.todoWidgets) {
+            this.todoWidgets = [];
+        }
+        const currentIndex = this.todoWidgets.findIndex(item => item.id === id);
+        if (currentIndex !== -1) {
+            this.todoWidgets[currentIndex].todos = this.todos;
+        }
+        else {
+            this._widgetConfig.todos = this.todos;
+            this.todoWidgets.push(this._widgetConfig);
+        }
+        return this.userService.saveTodoWidget(this.todoWidgets).subscribe();
+    }
+    ngOnDestroy() {
+        this.subscriptions.forEach((s) => s.unsubscribe());
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: TodoWidgetComponent, deps: [{ token: i1.UserService }, { token: i2$5.WidgetGridRegistry }, { token: i1$3.UntypedFormBuilder }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.1.2", type: TodoWidgetComponent, selector: "eo-todo-widget", inputs: { widgetConfig: "widgetConfig" }, ngImport: i0, template: "<div class=\"container\">\n\n  <header>\n    <div class=\"header-title\">\n      @if (widgetConfig?.headline) {\n        <div class=\"title\">{{ widgetConfig?.headline }}</div>\n      }\n    </div>\n  </header>\n\n  <main class=\"todos\" cdkDropList (cdkDropListDropped)=\"drop($event)\">\n    @if (todos.length > 0) {\n      @for (t of todos; track $index) {\n        <div class=\"todo\" cdkDrag [ngClass]=\"{done: t.done}\">\n          <div class=\"dragHandle\" cdkDragHandle>\n            <svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24\" width=\"24\">\n              <path\n                d=\"M9 20q-.825 0-1.412-.587Q7 18.825 7 18q0-.825.588-1.413Q8.175 16 9 16t1.413.587Q11 17.175 11 18q0 .825-.587 1.413Q9.825 20 9 20Zm6 0q-.825 0-1.412-.587Q13 18.825 13 18q0-.825.588-1.413Q14.175 16 15 16t1.413.587Q17 17.175 17 18q0 .825-.587 1.413Q15.825 20 15 20Zm-6-6q-.825 0-1.412-.588Q7 12.825 7 12t.588-1.413Q8.175 10 9 10t1.413.587Q11 11.175 11 12q0 .825-.587 1.412Q9.825 14 9 14Zm6 0q-.825 0-1.412-.588Q13 12.825 13 12t.588-1.413Q14.175 10 15 10t1.413.587Q17 11.175 17 12q0 .825-.587 1.412Q15.825 14 15 14ZM9 8q-.825 0-1.412-.588Q7 6.825 7 6t.588-1.412Q8.175 4 9 4t1.413.588Q11 5.175 11 6t-.587 1.412Q9.825 8 9 8Zm6 0q-.825 0-1.412-.588Q13 6.825 13 6t.588-1.412Q14.175 4 15 4t1.413.588Q17 5.175 17 6t-.587 1.412Q15.825 8 15 8Z\"/>\n            </svg>\n          </div>\n          <button class=\"checkbox\" (click)=\"toggleDone(t)\"></button>\n          <div class=\"task\" (click)=\"toggleDone(t)\">{{ t.title }}</div>\n          <button class=\"remove\" *ngIf=\"t.done\" (click)=\"removeTask($index)\">\n            <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\">\n              <path d=\"M6 19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7H6v12zM19 4h-3.5l-1-1h-5l-1 1H5v2h14V4z\"/>\n            </svg>\n          </button>\n        </div>\n      }\n    } @else {\n      <div class=\"empty\">\n        <eo-error-message\n          [emptyState]=\"{icon: 'ic_task.svg', text: 'eo.workspace.widget.todo.noTasks'}\"></eo-error-message>\n      </div>\n    }\n  </main>\n\n  <footer>\n    <form [formGroup]=\"addForm\">\n      <eo-form-input tabindex=\"0\" [invalid]=\"addForm.dirty && addForm.get('task').invalid\"\n                     [label]=\"'eo.workspace.widget.todo.taskTitle' | translate\" [skipToggle]=\"true\">\n        <eo-string [autofocus]=\"true\" [size]=\"'large'\" [maxlength]=\"50\" autocomplete=\"true\" (keyup.enter)=\"addTask()\"\n                   formControlName=\"task\"></eo-string>\n      </eo-form-input>\n\n      <button class=\"primary add\" [disabled]=\"!addForm.dirty\" (click)=\"addTask()\">\n        <svg\n          xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\">\n          <path d=\"M0 0h24v24H0V0z\" fill=\"none\"/>\n          <path d=\"M13 7h-2v4H7v2h4v4h2v-4h4v-2h-4V7z\"/>\n        </svg>\n      </button>\n\n      @if (addForm.dirty && addForm.get('task').invalid) {\n        <div class=\"err-msg\" [translateParams]=\"{maxlength: 50}\" translate>\n          eo.form.property.maxlength\n        </div>\n      }\n    </form>\n  </footer>\n</div>\n", styles: [":host .container{height:100%;display:grid;grid-template-rows:auto 1fr;grid-template-columns:1fr;grid-template-areas:\"header\" \"main\" \"footer\";background:var(--panel-background);color:var(--text-color-body)}:host .container header{grid-area:header;grid-row:1;color:var(--text-color-body);display:grid;height:40px}:host .container header .header-title{background-color:var(--color-primary-2);display:flex;justify-content:space-between;align-items:center}:host .container header .title{text-align:center;flex-grow:1;justify-content:center}:host .container .todos{grid-area:main;grid-row:2;max-width:100%;min-height:60px;display:block;overflow-y:auto}:host .container .todos .todo{padding:calc(var(--app-pane-padding) / 2) var(--app-pane-padding);border-bottom:solid 1px var(--panel-divider-color);color:var(--text-color-body);display:flex;flex-direction:row;align-items:center;justify-content:space-between;box-sizing:border-box}:host .container .todos .todo:last-child{border:none}:host .container .todos .todo.done .checkbox:after{content:\"\";width:50%;height:50%;background-color:var(--text-color-body);border-radius:50%}:host .container .todos .todo.done .task{text-decoration:line-through}:host .container .todos .todo .dragHandle{cursor:move}:host .container .todos .todo .remove{padding:0}:host .container .todos .todo .checkbox{border:2px solid var(--text-color-hint);width:24px;height:24px;margin:0 var(--app-pane-padding);padding:0;display:flex;align-items:center;justify-content:center}:host .container .todos .todo .task{flex:1;word-break:break-all;line-height:1.5em}:host .container .todos .empty{display:contents}:host .container footer{grid-area:footer;grid-row:3;display:flex}:host .container footer form{display:flex;flex:1;padding:calc(var(--app-pane-padding) / 8) 0 calc(var(--app-pane-padding) / 8) calc(var(--app-pane-padding) / 2);border-bottom:1px solid var(--panel-divider-color);background-color:var(--panel-divider-color);justify-content:space-between}:host .container footer form eo-form-input{flex:1;padding:calc(var(--app-pane-padding) / 4)}:host .container footer form .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 .container footer form>button{display:flex;align-items:center;margin:calc(var(--app-pane-padding) / 4);border-radius:calc(var(--app-pane-padding) / 4)}:host .container footer form label{width:100%;color:var(--text-color-body);flex:1;align-items:center;display:flex}:host .container footer form label input{color:var(--text-color-body);border:0;flex:1;padding:.5em;background-color:var(--panel-background);margin:calc(var(--app-pane-padding) / 2);border-radius:2px;box-shadow:0 1px 3px #0003}:host .cdk-drag-placeholder{opacity:.5}:host .cdk-drag-animating{transition:transform .25s cubic-bezier(0,0,.2,1)}:host .todos.cdk-drop-list-dragging .todo:not(.cdk-drag-placeholder){transition:transform .25s cubic-bezier(0,0,.2,1)}\n"], dependencies: [{ kind: "directive", type: i1$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$3.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$3.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i1$3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$3.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i4.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "component", type: ErrorMessageComponent, selector: "eo-error-message", inputs: ["emptyState"] }, { kind: "component", type: FormInputComponent, selector: "eo-form-input", inputs: ["label", "tag", "description", "skipToggle", "isNull", "invalid", "disabled", "required"], outputs: ["onToggleLabel"] }, { kind: "component", type: StringComponent, selector: "eo-string", inputs: ["autocomplete", "multiselect", "multiline", "readonly", "autofocus", "classification", "situation", "regex", "qname", "size", "minLength", "maxLength"] }, { kind: "directive", type: i4$2.CdkDropList, selector: "[cdkDropList], cdk-drop-list", inputs: ["cdkDropListConnectedTo", "cdkDropListData", "cdkDropListOrientation", "id", "cdkDropListLockAxis", "cdkDropListDisabled", "cdkDropListSortingDisabled", "cdkDropListEnterPredicate", "cdkDropListSortPredicate", "cdkDropListAutoScrollDisabled", "cdkDropListAutoScrollStep"], outputs: ["cdkDropListDropped", "cdkDropListEntered", "cdkDropListExited", "cdkDropListSorted"], exportAs: ["cdkDropList"] }, { kind: "directive", type: i4$2.CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "directive", type: i4$2.CdkDragHandle, selector: "[cdkDragHandle]", inputs: ["cdkDragHandleDisabled"] }, { kind: "pipe", type: i4.TranslatePipe, name: "translate" }] }); }
+};
+TodoWidgetComponent = __decorate([
+    UntilDestroy()
+], TodoWidgetComponent);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: TodoWidgetComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'eo-todo-widget', template: "<div class=\"container\">\n\n  <header>\n    <div class=\"header-title\">\n      @if (widgetConfig?.headline) {\n        <div class=\"title\">{{ widgetConfig?.headline }}</div>\n      }\n    </div>\n  </header>\n\n  <main class=\"todos\" cdkDropList (cdkDropListDropped)=\"drop($event)\">\n    @if (todos.length > 0) {\n      @for (t of todos; track $index) {\n        <div class=\"todo\" cdkDrag [ngClass]=\"{done: t.done}\">\n          <div class=\"dragHandle\" cdkDragHandle>\n            <svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24\" width=\"24\">\n              <path\n                d=\"M9 20q-.825 0-1.412-.587Q7 18.825 7 18q0-.825.588-1.413Q8.175 16 9 16t1.413.587Q11 17.175 11 18q0 .825-.587 1.413Q9.825 20 9 20Zm6 0q-.825 0-1.412-.587Q13 18.825 13 18q0-.825.588-1.413Q14.175 16 15 16t1.413.587Q17 17.175 17 18q0 .825-.587 1.413Q15.825 20 15 20Zm-6-6q-.825 0-1.412-.588Q7 12.825 7 12t.588-1.413Q8.175 10 9 10t1.413.587Q11 11.175 11 12q0 .825-.587 1.412Q9.825 14 9 14Zm6 0q-.825 0-1.412-.588Q13 12.825 13 12t.588-1.413Q14.175 10 15 10t1.413.587Q17 11.175 17 12q0 .825-.587 1.412Q15.825 14 15 14ZM9 8q-.825 0-1.412-.588Q7 6.825 7 6t.588-1.412Q8.175 4 9 4t1.413.588Q11 5.175 11 6t-.587 1.412Q9.825 8 9 8Zm6 0q-.825 0-1.412-.588Q13 6.825 13 6t.588-1.412Q14.175 4 15 4t1.413.588Q17 5.175 17 6t-.587 1.412Q15.825 8 15 8Z\"/>\n            </svg>\n          </div>\n          <button class=\"checkbox\" (click)=\"toggleDone(t)\"></button>\n          <div class=\"task\" (click)=\"toggleDone(t)\">{{ t.title }}</div>\n          <button class=\"remove\" *ngIf=\"t.done\" (click)=\"removeTask($index)\">\n            <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\">\n              <path d=\"M6 19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7H6v12zM19 4h-3.5l-1-1h-5l-1 1H5v2h14V4z\"/>\n            </svg>\n          </button>\n        </div>\n      }\n    } @else {\n      <div class=\"empty\">\n        <eo-error-message\n          [emptyState]=\"{icon: 'ic_task.svg', text: 'eo.workspace.widget.todo.noTasks'}\"></eo-error-message>\n      </div>\n    }\n  </main>\n\n  <footer>\n    <form [formGroup]=\"addForm\">\n      <eo-form-input tabindex=\"0\" [invalid]=\"addForm.dirty && addForm.get('task').invalid\"\n                     [label]=\"'eo.workspace.widget.todo.taskTitle' | translate\" [skipToggle]=\"true\">\n        <eo-string [autofocus]=\"true\" [size]=\"'large'\" [maxlength]=\"50\" autocomplete=\"true\" (keyup.enter)=\"addTask()\"\n                   formControlName=\"task\"></eo-string>\n      </eo-form-input>\n\n      <button class=\"primary add\" [disabled]=\"!addForm.dirty\" (click)=\"addTask()\">\n        <svg\n          xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\">\n          <path d=\"M0 0h24v24H0V0z\" fill=\"none\"/>\n          <path d=\"M13 7h-2v4H7v2h4v4h2v-4h4v-2h-4V7z\"/>\n        </svg>\n      </button>\n\n      @if (addForm.dirty && addForm.get('task').invalid) {\n        <div class=\"err-msg\" [translateParams]=\"{maxlength: 50}\" translate>\n          eo.form.property.maxlength\n        </div>\n      }\n    </form>\n  </footer>\n</div>\n", styles: [":host .container{height:100%;display:grid;grid-template-rows:auto 1fr;grid-template-columns:1fr;grid-template-areas:\"header\" \"main\" \"footer\";background:var(--panel-background);color:var(--text-color-body)}:host .container header{grid-area:header;grid-row:1;color:var(--text-color-body);display:grid;height:40px}:host .container header .header-title{background-color:var(--color-primary-2);display:flex;justify-content:space-between;align-items:center}:host .container header .title{text-align:center;flex-grow:1;justify-content:center}:host .container .todos{grid-area:main;grid-row:2;max-width:100%;min-height:60px;display:block;overflow-y:auto}:host .container .todos .todo{padding:calc(var(--app-pane-padding) / 2) var(--app-pane-padding);border-bottom:solid 1px var(--panel-divider-color);color:var(--text-color-body);display:flex;flex-direction:row;align-items:center;justify-content:space-between;box-sizing:border-box}:host .container .todos .todo:last-child{border:none}:host .container .todos .todo.done .checkbox:after{content:\"\";width:50%;height:50%;background-color:var(--text-color-body);border-radius:50%}:host .container .todos .todo.done .task{text-decoration:line-through}:host .container .todos .todo .dragHandle{cursor:move}:host .container .todos .todo .remove{padding:0}:host .container .todos .todo .checkbox{border:2px solid var(--text-color-hint);width:24px;height:24px;margin:0 var(--app-pane-padding);padding:0;display:flex;align-items:center;justify-content:center}:host .container .todos .todo .task{flex:1;word-break:break-all;line-height:1.5em}:host .container .todos .empty{display:contents}:host .container footer{grid-area:footer;grid-row:3;display:flex}:host .container footer form{display:flex;flex:1;padding:calc(var(--app-pane-padding) / 8) 0 calc(var(--app-pane-padding) / 8) calc(var(--app-pane-padding) / 2);border-bottom:1px solid var(--panel-divider-color);background-color:var(--panel-divider-color);justify-content:space-between}:host .container footer form eo-form-input{flex:1;padding:calc(var(--app-pane-padding) / 4)}:host .container footer form .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 .container footer form>button{display:flex;align-items:center;margin:calc(var(--app-pane-padding) / 4);border-radius:calc(var(--app-pane-padding) / 4)}:host .container footer form label{width:100%;color:var(--text-color-body);flex:1;align-items:center;display:flex}:host .container footer form label input{color:var(--text-color-body);border:0;flex:1;padding:.5em;background-color:var(--panel-background);margin:calc(var(--app-pane-padding) / 2);border-radius:2px;box-shadow:0 1px 3px #0003}:host .cdk-drag-placeholder{opacity:.5}:host .cdk-drag-animating{transition:transform .25s cubic-bezier(0,0,.2,1)}:host .todos.cdk-drop-list-dragging .todo:not(.cdk-drag-placeholder){transition:transform .25s cubic-bezier(0,0,.2,1)}\n"] }]
+        }], ctorParameters: () => [{ type: i1.UserService }, { type: i2$5.WidgetGridRegistry }, { type: i1$3.UntypedFormBuilder }], propDecorators: { widgetConfig: [{
+                type: Input
+            }] } });
+
+let TodoSetupComponent = class TodoSetupComponent {
+    set widgetConfig(wc) {
+        this._widgetConfig = wc;
+        this.setupForm.patchValue({
+            headline: wc ? wc.headline : '',
+        });
+    }
+    get widgetConfig() {
+        return this._widgetConfig;
+    }
+    constructor(fb, widgetGridRegistry) {
+        this.fb = fb;
+        this.widgetGridRegistry = widgetGridRegistry;
+        this.subscriptions = [];
+        this.labels = {};
+        this.widgetConfigChange = new EventEmitter();
+        this.widgetConfigStateChange = new EventEmitter();
+        this.setupForm = this.fb.group({
+            headline: ['', [Validators.maxLength(50)]]
+        });
+        this.setupForm.valueChanges.pipe(debounceTime$1(1000), untilDestroyed(this)).subscribe((_) => {
+            this.setWidgetConfig();
+            this.setupForm.statusChanges.pipe(untilDestroyed(this)).subscribe((v) => {
+                this.widgetConfigStateChange.emit(v);
+            });
+        });
+        this.subscriptions.push(this.widgetGridRegistry.labels$.subscribe({
+            next: (labels) => (this.labels = labels),
+        }));
+    }
+    setWidgetConfig() {
+        if (this.setupForm.valid) {
+            this._widgetConfig = {
+                id: this._widgetConfig?.id || WidgetGridUtils.uuid(),
+                todos: this._widgetConfig?.todos || [],
+                ...this.setupForm.value,
+            };
+            this.widgetConfigChange.emit(this._widgetConfig);
+        }
+    }
+    ngOnInit() {
+        this.setWidgetConfig();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: TodoSetupComponent, deps: [{ token: i1$3.UntypedFormBuilder }, { token: i2$5.WidgetGridRegistry }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.1.2", type: TodoSetupComponent, selector: "eo-todo-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      <eo-string autocomplete=\"true\" formControlName=\"headline\"></eo-string>\n    </eo-form-input>\n    @if (setupForm.dirty && setupForm.get('headline').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-todo-widget [widgetConfig]=\"widgetConfig\"></eo-todo-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{grid-area:preview;overflow-y:auto;background-color:var(--main-background);padding:var(--app-pane-padding);pointer-events:none}:host .preview eo-todo-widget{border:1px transparent var(--panel-divider-color)}:host .empty{background-color:var(--main-background);padding:var(--app-pane-padding)}\n"], dependencies: [{ kind: "directive", type: i1$3.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$3.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i4.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "component", type: FormInputComponent, selector: "eo-form-input", inputs: ["label", "tag", "description", "skipToggle", "isNull", "invalid", "disabled", "required"], outputs: ["onToggleLabel"] }, { kind: "component", type: StringComponent, selector: "eo-string", inputs: ["autocomplete", "multiselect", "multiline", "readonly", "autofocus", "classification", "situation", "regex", "qname", "size", "minLength", "maxLength"] }, { kind: "component", type: TodoWidgetComponent, selector: "eo-todo-widget", inputs: ["widgetConfig"] }, { kind: "pipe", type: i4.TranslatePipe, name: "translate" }] }); }
+};
+TodoSetupComponent = __decorate([
+    UntilDestroy()
+], TodoSetupComponent);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: TodoSetupComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'eo-todo-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      <eo-string autocomplete=\"true\" formControlName=\"headline\"></eo-string>\n    </eo-form-input>\n    @if (setupForm.dirty && setupForm.get('headline').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-todo-widget [widgetConfig]=\"widgetConfig\"></eo-todo-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{grid-area:preview;overflow-y:auto;background-color:var(--main-background);padding:var(--app-pane-padding);pointer-events:none}:host .preview eo-todo-widget{border:1px transparent var(--panel-divider-color)}:host .empty{background-color:var(--main-background);padding:var(--app-pane-padding)}\n"] }]
+        }], ctorParameters: () => [{ type: i1$3.UntypedFormBuilder }, { type: i2$5.WidgetGridRegistry }], propDecorators: { widgetConfigChange: [{
+                type: Output
+            }], widgetConfigStateChange: [{
+                type: Output
+            }], widgetConfig: [{
+                type: Input
+            }] } });
+
+class PictureWidgetComponent {
+    constructor() {
+        this.style = {};
+    }
+    set widgetConfig(c) {
+        this.imageUri = c?.image || undefined;
+        this.style['background-image'] = this.imageUri
+            ? `url(${this.imageUri})`
+            : 'none';
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: PictureWidgetComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.2", type: PictureWidgetComponent, selector: "eo-picture-widget", inputs: { widgetConfig: "widgetConfig" }, ngImport: i0, template: "<div [ngStyle]=\"style\"></div>\n", styles: [":host{height:100%;width:100%;display:block}:host>div{max-width:100%;max-height:100%;width:100%;height:100%;background-size:contain;background-position:center;background-repeat:no-repeat}:host img{object-fit:cover}:host.wholeImage{display:inline-block;height:auto;width:auto}\n"], dependencies: [{ kind: "directive", type: i1$2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: PictureWidgetComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'eo-picture-widget', template: "<div [ngStyle]=\"style\"></div>\n", styles: [":host{height:100%;width:100%;display:block}:host>div{max-width:100%;max-height:100%;width:100%;height:100%;background-size:contain;background-position:center;background-repeat:no-repeat}:host img{object-fit:cover}:host.wholeImage{display:inline-block;height:auto;width:auto}\n"] }]
+        }], propDecorators: { widgetConfig: [{
+                type: Input
+            }] } });
+
+class PictureWidgetSetupComponent {
+    constructor() {
+        this.widgetConfig = {
+            image: undefined,
+        };
+        this.MAX_FILE_SIZE = 1048576;
+        this.widgetConfigChange = new EventEmitter();
+    }
+    pick() {
+        this.fileInputEl.nativeElement.click();
+    }
+    fileInputChangeListener(event) {
+        const file = event.target.files[0];
+        if (file) {
+            this.fileName = file.name;
+            if (!(file.type.includes('image/') && file.type.includes('jpeg') || file.type.includes('png'))) {
+                this.errorType = 'image';
+                this.showErrorDialog = true;
+            }
+            else if (file.size > this.MAX_FILE_SIZE) {
+                this.errorType = 'size';
+                this.showErrorDialog = true;
+            }
+            else {
+                const reader = new FileReader();
+                reader.onload = () => {
+                    this.widgetConfig = { image: reader.result };
+                    this.widgetConfigChange.emit(this.widgetConfig);
+                };
+                reader.readAsDataURL(file);
+            }
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: PictureWidgetSetupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.1.2", type: PictureWidgetSetupComponent, selector: "eo-picture-widget-setup", inputs: { widgetConfig: "widgetConfig" }, outputs: { widgetConfigChange: "widgetConfigChange" }, viewQueries: [{ propertyName: "fileInputEl", first: true, predicate: ["fileInput"], descendants: true }], ngImport: i0, template: "<div class=\"setup\">\n  <button class=\"primary\" (click)=\"pick(); $event.target.value = null\">\n    <input type=\"file\" accept=\"image/*\" #fileInput (change)=\"fileInputChangeListener($event)\">\n    <eo-icon class=\"button sync-tab-btn\" [iconSrc]=\"'assets/_default/svg/ic_photo_library.svg'\"\n             [iconTitle]=\"'eo.workspace.widget.picture.tooltip' | translate\"></eo-icon>\n  </button>\n</div>\n<div class=\"preview\">\n  <eo-picture-widget [widgetConfig]=\"widgetConfig\"></eo-picture-widget>\n</div>\n\n<eo-dialog [title]=\"'eo.workspace.widget.picture.dialog.title' | translate\" [(visible)]=\"showErrorDialog\"\n           [focusOnShow]=\"false\" [minWidth]=\"400\" [styleClass]=\"'delete__dialog'\">\n  <div>\n    <p>{{ fileName }}</p>\n    @if (errorType === 'size') {\n      <p translate>eo.workspace.widget.picture.dialog.sizeError</p>\n    }\n    @if (errorType === 'image') {\n      <p translate>eo.state.settings.details.upload.dialog.fileError </p>\n    }\n  </div>\n\n  <div class=\"action-buttons image-delete--action-buttons flex-row\">\n    <button type=\"button\" class=\"button cancel\" (click)=\"showErrorDialog = false\"\n            translate>eo.state.settings.details.delete.dialog.cancel\n    </button>\n    <button type=\"button\" (click)=\"pick(); showErrorDialog = false\" class=\"button primary\"\n            translate>eo.state.settings.details.upload.dialog.back\n    </button>\n  </div>\n</eo-dialog>\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{display:flex;grid-area:setup;padding:var(--app-pane-padding);border-right:1px solid var(--panel-divider-color);justify-content:center;align-items:center;height:100%;width:100%}:host .setup input[type=file]{display:none}:host .setup .primary{display:flex;height:5cm;align-content:center;align-items:center;width:5cm;justify-content:center}:host .setup .primary eo-icon{--eoSvgIcon-size: 100px}:host .preview{grid-area:preview;background-color:var(--panel-background);padding:var(--app-pane-padding);pointer-events:none;display:flex;align-items:center;justify-content:center}::ng-deep .delete__dialog{padding:8px;min-height:unset!important}::ng-deep .delete__dialog--header{font-size:1.17em!important;font-weight:400!important;color:rgba(var(--color-black-rgb),.54)!important;padding:0 0 1em!important;margin:0;background:#fff!important}\n"], dependencies: [{ kind: "directive", type: i4.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "component", type: EoIconComponent, selector: "eo-icon", inputs: ["objectType", "iconId", "iconSrc", "badge", "iconTitle"] }, { kind: "component", type: EoDialogComponent, selector: "eo-dialog", inputs: ["hasPreviewFile", "title", "subtitle", "styleClass", "dirtyCheck", "minWidth", "minHeight", "height", "width", "focusOnShow", "align", "isFormTable", "showPreview", "visible"], outputs: ["onTogglePreview", "visibleChange", "hide", "show"] }, { kind: "component", type: PictureWidgetComponent, selector: "eo-picture-widget", inputs: ["widgetConfig"] }, { kind: "pipe", type: i4.TranslatePipe, name: "translate" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: PictureWidgetSetupComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'eo-picture-widget-setup', template: "<div class=\"setup\">\n  <button class=\"primary\" (click)=\"pick(); $event.target.value = null\">\n    <input type=\"file\" accept=\"image/*\" #fileInput (change)=\"fileInputChangeListener($event)\">\n    <eo-icon class=\"button sync-tab-btn\" [iconSrc]=\"'assets/_default/svg/ic_photo_library.svg'\"\n             [iconTitle]=\"'eo.workspace.widget.picture.tooltip' | translate\"></eo-icon>\n  </button>\n</div>\n<div class=\"preview\">\n  <eo-picture-widget [widgetConfig]=\"widgetConfig\"></eo-picture-widget>\n</div>\n\n<eo-dialog [title]=\"'eo.workspace.widget.picture.dialog.title' | translate\" [(visible)]=\"showErrorDialog\"\n           [focusOnShow]=\"false\" [minWidth]=\"400\" [styleClass]=\"'delete__dialog'\">\n  <div>\n    <p>{{ fileName }}</p>\n    @if (errorType === 'size') {\n      <p translate>eo.workspace.widget.picture.dialog.sizeError</p>\n    }\n    @if (errorType === 'image') {\n      <p translate>eo.state.settings.details.upload.dialog.fileError </p>\n    }\n  </div>\n\n  <div class=\"action-buttons image-delete--action-buttons flex-row\">\n    <button type=\"button\" class=\"button cancel\" (click)=\"showErrorDialog = false\"\n            translate>eo.state.settings.details.delete.dialog.cancel\n    </button>\n    <button type=\"button\" (click)=\"pick(); showErrorDialog = false\" class=\"button primary\"\n            translate>eo.state.settings.details.upload.dialog.back\n    </button>\n  </div>\n</eo-dialog>\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{display:flex;grid-area:setup;padding:var(--app-pane-padding);border-right:1px solid var(--panel-divider-color);justify-content:center;align-items:center;height:100%;width:100%}:host .setup input[type=file]{display:none}:host .setup .primary{display:flex;height:5cm;align-content:center;align-items:center;width:5cm;justify-content:center}:host .setup .primary eo-icon{--eoSvgIcon-size: 100px}:host .preview{grid-area:preview;background-color:var(--panel-background);padding:var(--app-pane-padding);pointer-events:none;display:flex;align-items:center;justify-content:center}::ng-deep .delete__dialog{padding:8px;min-height:unset!important}::ng-deep .delete__dialog--header{font-size:1.17em!important;font-weight:400!important;color:rgba(var(--color-black-rgb),.54)!important;padding:0 0 1em!important;margin:0;background:#fff!important}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { fileInputEl: [{
+                type: ViewChild,
+                args: ['fileInput']
+            }], widgetConfig: [{
+                type: Input
+            }], widgetConfigChange: [{
+                type: Output
+            }] } });
+
+let DashboardComponent = class DashboardComponent {
+    constructor(userService, widgetGridRegistry, titleService, http, config, storageService, translate, pendingChanges) {
         this.userService = userService;
         this.widgetGridRegistry = widgetGridRegistry;
         this.titleService = titleService;
-        this.router = router;
         this.http = http;
         this.config = config;
         this.storageService = storageService;
         this.translate = translate;
-        this.capabilityService = capabilityService;
-        this.storedQueriesService = storedQueriesService;
         this.pendingChanges = pendingChanges;
         this.workspaceOptions = {
             gridConfig: {
@@ -24824,8 +25154,6 @@ let DashboardComponent = class DashboardComponent {
                 newItemHeight: 5
             }
         };
-        this.storedQueries = [];
-        this.tree = {};
         this.STORAGE_KEY = 'eo.client.dashboard.currentWorkspace';
         this.pendingTaskID = '';
         this.titleService.setDefaultTitle();
@@ -24879,7 +25207,7 @@ let DashboardComponent = class DashboardComponent {
             {
                 name: 'yuv.widget.todo',
                 label: this.translate.instant('eo.workspace.widgetGrid.widgetTodoHeadlineLabel'),
-                setupComponent: TodoWidgetSetupComponent,
+                setupComponent: TodoSetupComponent,
                 widgetComponent: TodoWidgetComponent,
             },
             {
@@ -24931,46 +25259,9 @@ let DashboardComponent = class DashboardComponent {
             }
         ].sort(Utils.sortValues('label')));
     }
-    selectStoredQuery(q) {
-        this.selectedQuery = q;
-    }
-    // user changed input of quickSearch component
-    onQuickSearchInputChange(term) {
-        this.quickSearchResult = null;
-    }
-    // quickSearch component is returning results
-    onQuickSearchResult(result) {
-        this.quickSearchResult = result;
-        Object.keys(this.quickSearchResult.groups).map(key => (this.tree[key] = this.getTreeNodes(key)));
-    }
-    onStoredQueryLoaded() {
-        this.selectStoredQuery(null);
-        this.router.navigate([{ outlets: { modal: 'search' } }]);
-    }
-    onStoredQueryExecute(evt) {
-        this.selectStoredQuery(null);
-        const uriParam = encodeURIComponent(JSON.stringify(evt.queryJson));
-        const uriParamQuery = { queryParams: { 'query': uriParam } };
-        this.router.navigate(['/result'], uriParamQuery);
-    }
-    getTreeNodes(key) {
-        return this.quickSearchResult.groups[key].map(group => ({
-            id: group.data.id,
-            name: group.label,
-            selectable: true,
-            data: group.data,
-            badges: [{ value: group.count }]
-        }));
-    }
     ngOnInit() {
         this.loadWorkspacesConfig();
         this.registerWidgets();
-        this.capabilities = this.capabilityService.getCapabilities();
-        if (this.capabilities.storedqueries) {
-            this.storedQueriesService.getStoredQueries$()
-                .pipe(untilDestroyed(this))
-                .subscribe(queriesSubscription => this.storedQueries = queriesSubscription.queries.filter(q => q.favorite).sort(Utils.sortValues('name')));
-        }
     }
     ngAfterViewInit() {
         setTimeout(() => {
@@ -25052,8 +25343,8 @@ let DashboardComponent = class DashboardComponent {
             this.pendingChanges.finishTask(this.pendingTaskID);
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: DashboardComponent, deps: [{ token: i1.UserService }, { token: i2$5.WidgetGridRegistry }, { token: PageTitleService }, { token: i2$1.Router }, { token: i2.HttpClient }, { token: i1.Config }, { token: i1.LocalStorageService }, { token: i1.TranslateService }, { token: i1.CapabilitiesService }, { token: i1.StoredQueriesService }, { token: PendingChangesService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.2", type: DashboardComponent, selector: "eo-dashboard", host: { listeners: { "window:keyup": "onKey($event)" } }, viewQueries: [{ propertyName: "quickSearchEl", first: true, predicate: ["quickSearch"], descendants: true }], ngImport: i0, template: "<ng-container>\n  <div class=\"fade\"></div>\n  <div class=\"dashboard\" [style.background-image]=\"backgroundImage\">\n    <div class=\"footerButton\" eoRtlAware=\"full\">\n      <eo-icon id=\"dashboardButton\" [iconSrc]=\"toolbarIconSrc\" [iconTitle]=\"toolbarIconTooltip | translate\"></eo-icon>\n    </div>\n    <yuv-widget-grid-workspaces *ngIf=\"workspaceConfig\"\n    [workspaceLabelMaxLength]=\"50\"\n    [workspaceConfig]=\"workspaceConfig\"\n      (configChange)=\"onWorkspacesConfigChange($event)\" (editModeChange)=\"onWorkspaceEditMode($event)\" [options]=\"workspaceOptions\">\n    </yuv-widget-grid-workspaces>\n  </div>\n</ng-container>\n", styles: [".fade{position:absolute;opacity:.3;left:0;right:0;top:0;z-index:1;height:500px;background:linear-gradient(to bottom,rgba(var(--color-black-rgb),1) 0,transparent 100%)}.dashboard{position:absolute;inset:0;background-size:cover;background-position:center center}.footerButton{position:absolute;z-index:1000;bottom:10px;cursor:pointer;right:5px}.footerButton.rtl{left:5px;right:unset}.footerButton:hover{color:var(--list-item-hover-background)}.footerButton:hover eo-icon{background-color:var(--list-item-hover-background)}.footerButton #dashboardButton{color:var(--text-color-caption)}::ng-deep .cds--cc--title p.title,::ng-deep .yuv-widget-headline{font-size:var(--font-body);font-weight:700;color:var(--text-color-caption);font-style:italic;margin:0;padding:0}::ng-deep svg{width:24px;height:24px}::ng-deep .legend-item svg{width:11px;height:11px}::ng-deep yuv-widget-grid{top:60px;height:92%!important;--color-admin-primary: var(--color-primary)}::ng-deep yuv-widget-grid.editMode gridster-item{outline:2px dotted var(--color-admin-primary);border-radius:2px}::ng-deep yuv-widget-grid-workspaces{background-size:cover;background-position:center center}::ng-deep yuv-widget-grid-workspaces>.confirm{align-items:center!important;justify-content:center!important}::ng-deep yuv-widget-grid-workspaces>.toolbar{padding-inline-end:36px!important;background-color:#d3d3d380!important}::ng-deep yuv-widget-grid-workspaces>.toolbar>.workspace-edit input{position:relative;left:6px;width:230px}::ng-deep yuv-widget-grid-workspaces yuv-picture-widget{box-sizing:border-box}::ng-deep gridster{background:none!important}::ng-deep gridster gridster-item:has(yuv-todo-widget),::ng-deep gridster gridster-item:has(yuv-picture-widget){border:1px solid var(--panel-divider-color)}::ng-deep gridster gridster-item:has(yuv-picture-widget){box-shadow:0 0 10px #0003}::ng-deep gridster .yuv-widget{border:1px solid var(--panel-divider-color)}::ng-deep gridster .gridster-row,::ng-deep gridster .gridster-column{border-color:#0003}.dark ::ng-deep gridster .gridster-row,.dark ::ng-deep gridster .gridster-column{border-color:var(--panel-divider-color)}\n"], dependencies: [{ kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: EoIconComponent, selector: "eo-icon", inputs: ["objectType", "iconId", "iconSrc", "badge", "iconTitle"] }, { kind: "directive", type: RtlAwareDirective, selector: "[eoRtlAware]", inputs: ["eoRtlAware"] }, { kind: "component", type: i2$5.WidgetGridWorkspacesComponent, selector: "yuv-widget-grid-workspaces", inputs: ["options", "workspaceConfig", "preventAdd", "workspaceLabelMaxLength"], outputs: ["configChange", "gridItemEvent", "editModeChange"] }, { kind: "pipe", type: i4.TranslatePipe, name: "translate" }], animations: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: DashboardComponent, deps: [{ token: i1.UserService }, { token: i2$5.WidgetGridRegistry }, { token: PageTitleService }, { token: i2.HttpClient }, { token: i1.Config }, { token: i1.LocalStorageService }, { token: i1.TranslateService }, { token: PendingChangesService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.2", type: DashboardComponent, selector: "eo-dashboard", ngImport: i0, template: "<ng-container>\n  <div class=\"fade\"></div>\n  <div class=\"dashboard\" [style.background-image]=\"backgroundImage\">\n    <div class=\"footerButton\" eoRtlAware=\"full\">\n      <eo-icon id=\"dashboardButton\" [iconSrc]=\"toolbarIconSrc\" [iconTitle]=\"toolbarIconTooltip | translate\"></eo-icon>\n    </div>\n    <yuv-widget-grid-workspaces *ngIf=\"workspaceConfig\"\n    [workspaceLabelMaxLength]=\"50\"\n    [workspaceConfig]=\"workspaceConfig\"\n      (configChange)=\"onWorkspacesConfigChange($event)\" (editModeChange)=\"onWorkspaceEditMode($event)\" [options]=\"workspaceOptions\">\n    </yuv-widget-grid-workspaces>\n  </div>\n</ng-container>\n", styles: [".fade{position:absolute;opacity:.3;left:0;right:0;top:0;z-index:1;height:500px;background:linear-gradient(to bottom,rgba(var(--color-black-rgb),1) 0,transparent 100%)}.dashboard{position:absolute;inset:0;background-size:cover;background-position:center center}.footerButton{position:absolute;z-index:1000;bottom:10px;cursor:pointer;right:5px}.footerButton.rtl{left:5px;right:unset}.footerButton:hover{color:var(--list-item-hover-background)}.footerButton:hover eo-icon{background-color:var(--list-item-hover-background)}.footerButton #dashboardButton{color:var(--text-color-caption)}::ng-deep .cds--cc--title p.title,::ng-deep .yuv-widget-headline{font-size:var(--font-body);font-weight:700;color:var(--text-color-caption);font-style:italic;margin:0;padding:0}::ng-deep svg{width:24px;height:24px}::ng-deep .legend-item svg{width:11px;height:11px}::ng-deep yuv-widget-grid{top:60px;height:92%!important;--color-admin-primary: var(--color-primary)}::ng-deep yuv-widget-grid.editMode gridster-item{outline:2px dotted var(--color-admin-primary);border-radius:2px}::ng-deep yuv-widget-grid-workspaces{background-size:cover;background-position:center center}::ng-deep yuv-widget-grid-workspaces>.confirm{align-items:center!important;justify-content:center!important}::ng-deep yuv-widget-grid-workspaces>.toolbar{padding-inline-end:36px!important;background-color:#d3d3d380!important}::ng-deep yuv-widget-grid-workspaces>.toolbar>.workspace-edit input{position:relative;left:6px;width:230px}::ng-deep yuv-widget-grid-workspaces yuv-picture-widget{box-sizing:border-box}::ng-deep gridster{background:none!important}::ng-deep gridster gridster-item:has(yuv-todo-widget),::ng-deep gridster gridster-item:has(yuv-picture-widget){border:1px solid var(--panel-divider-color)}::ng-deep gridster gridster-item:has(yuv-picture-widget){box-shadow:0 0 10px #0003}::ng-deep gridster .yuv-widget{border:1px solid var(--panel-divider-color)}::ng-deep gridster .gridster-row,::ng-deep gridster .gridster-column{border-color:#0003}.dark ::ng-deep gridster .gridster-row,.dark ::ng-deep gridster .gridster-column{border-color:var(--panel-divider-color)}\n"], dependencies: [{ kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: EoIconComponent, selector: "eo-icon", inputs: ["objectType", "iconId", "iconSrc", "badge", "iconTitle"] }, { kind: "directive", type: RtlAwareDirective, selector: "[eoRtlAware]", inputs: ["eoRtlAware"] }, { kind: "component", type: i2$5.WidgetGridWorkspacesComponent, selector: "yuv-widget-grid-workspaces", inputs: ["options", "workspaceConfig", "preventAdd", "workspaceLabelMaxLength"], outputs: ["configChange", "gridItemEvent", "editModeChange"] }, { kind: "pipe", type: i4.TranslatePipe, name: "translate" }], animations: [
             listAnimation
         ] }); }
 };
@@ -25065,13 +25356,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImpor
             args: [{ selector: 'eo-dashboard', animations: [
                         listAnimation
                     ], template: "<ng-container>\n  <div class=\"fade\"></div>\n  <div class=\"dashboard\" [style.background-image]=\"backgroundImage\">\n    <div class=\"footerButton\" eoRtlAware=\"full\">\n      <eo-icon id=\"dashboardButton\" [iconSrc]=\"toolbarIconSrc\" [iconTitle]=\"toolbarIconTooltip | translate\"></eo-icon>\n    </div>\n    <yuv-widget-grid-workspaces *ngIf=\"workspaceConfig\"\n    [workspaceLabelMaxLength]=\"50\"\n    [workspaceConfig]=\"workspaceConfig\"\n      (configChange)=\"onWorkspacesConfigChange($event)\" (editModeChange)=\"onWorkspaceEditMode($event)\" [options]=\"workspaceOptions\">\n    </yuv-widget-grid-workspaces>\n  </div>\n</ng-container>\n", styles: [".fade{position:absolute;opacity:.3;left:0;right:0;top:0;z-index:1;height:500px;background:linear-gradient(to bottom,rgba(var(--color-black-rgb),1) 0,transparent 100%)}.dashboard{position:absolute;inset:0;background-size:cover;background-position:center center}.footerButton{position:absolute;z-index:1000;bottom:10px;cursor:pointer;right:5px}.footerButton.rtl{left:5px;right:unset}.footerButton:hover{color:var(--list-item-hover-background)}.footerButton:hover eo-icon{background-color:var(--list-item-hover-background)}.footerButton #dashboardButton{color:var(--text-color-caption)}::ng-deep .cds--cc--title p.title,::ng-deep .yuv-widget-headline{font-size:var(--font-body);font-weight:700;color:var(--text-color-caption);font-style:italic;margin:0;padding:0}::ng-deep svg{width:24px;height:24px}::ng-deep .legend-item svg{width:11px;height:11px}::ng-deep yuv-widget-grid{top:60px;height:92%!important;--color-admin-primary: var(--color-primary)}::ng-deep yuv-widget-grid.editMode gridster-item{outline:2px dotted var(--color-admin-primary);border-radius:2px}::ng-deep yuv-widget-grid-workspaces{background-size:cover;background-position:center center}::ng-deep yuv-widget-grid-workspaces>.confirm{align-items:center!important;justify-content:center!important}::ng-deep yuv-widget-grid-workspaces>.toolbar{padding-inline-end:36px!important;background-color:#d3d3d380!important}::ng-deep yuv-widget-grid-workspaces>.toolbar>.workspace-edit input{position:relative;left:6px;width:230px}::ng-deep yuv-widget-grid-workspaces yuv-picture-widget{box-sizing:border-box}::ng-deep gridster{background:none!important}::ng-deep gridster gridster-item:has(yuv-todo-widget),::ng-deep gridster gridster-item:has(yuv-picture-widget){border:1px solid var(--panel-divider-color)}::ng-deep gridster gridster-item:has(yuv-picture-widget){box-shadow:0 0 10px #0003}::ng-deep gridster .yuv-widget{border:1px solid var(--panel-divider-color)}::ng-deep gridster .gridster-row,::ng-deep gridster .gridster-column{border-color:#0003}.dark ::ng-deep gridster .gridster-row,.dark ::ng-deep gridster .gridster-column{border-color:var(--panel-divider-color)}\n"] }]
-        }], ctorParameters: () => [{ type: i1.UserService }, { type: i2$5.WidgetGridRegistry }, { type: PageTitleService }, { type: i2$1.Router }, { type: i2.HttpClient }, { type: i1.Config }, { type: i1.LocalStorageService }, { type: i1.TranslateService }, { type: i1.CapabilitiesService }, { type: i1.StoredQueriesService }, { type: PendingChangesService }], propDecorators: { quickSearchEl: [{
-                type: ViewChild,
-                args: ['quickSearch']
-            }], onKey: [{
-                type: HostListener,
-                args: ['window:keyup', ['$event']]
-            }] } });
+        }], ctorParameters: () => [{ type: i1.UserService }, { type: i2$5.WidgetGridRegistry }, { type: PageTitleService }, { type: i2.HttpClient }, { type: i1.Config }, { type: i1.LocalStorageService }, { type: i1.TranslateService }, { type: PendingChangesService }] });
 
 let SettingsComponent = class SettingsComponent {
     constructor(renderer, userService, config, notify, systemService, eventService, capabilitiesService, titleService, agentService, fb, cacheService, storageService, translate, elemRef, notification) {
@@ -26720,6 +27005,22 @@ let InboxStateComponent = class InboxStateComponent {
                 setTimeout(() => this.eoGrid.selectRow(lastInboxItemID), 500);
             }
         });
+        this.eventService
+            .on(EnaioEvent.INBOX_ITEM_LOCKED)
+            .pipe(untilDestroyed(this))
+            .subscribe(() => {
+            const lastInboxItemID = this.storageService.getItem(this.storageKeyLastItemID);
+            this.gridData.find(i => i.id === lastInboxItemID).accepted = true;
+            this.eoGrid.api.redrawRows();
+        });
+        this.eventService
+            .on(EnaioEvent.INBOX_ITEM_UNLOCKED)
+            .pipe(untilDestroyed(this))
+            .subscribe(() => {
+            const lastInboxItemID = this.storageService.getItem(this.storageKeyLastItemID);
+            this.gridData.find(i => i.id === lastInboxItemID).accepted = false;
+            this.eoGrid.api.redrawRows();
+        });
     }
     ngOnDestroy() {
         this.selection.clear();
@@ -27475,13 +27776,17 @@ class EoClientModule {
             SearchWidgetComponent,
             SafeUrlPipe,
             LastEditedAndCreatedComponent,
+            LastEditedAndCreatedSetupComponent,
             HitlistSetupComponent,
             HitlistWidgetComponent,
             ChartsWidgetComponent,
             ChartsSetupComponent,
             CountObjectsWidgetComponent,
             CountObjectsSetupComponent,
-            LastEditedAndCreatedSetupComponent], imports: [CommonModule,
+            TodoWidgetComponent,
+            TodoSetupComponent,
+            PictureWidgetComponent,
+            PictureWidgetSetupComponent], imports: [CommonModule,
             FormsModule,
             ReactiveFormsModule,
             ObjectStateModule,
@@ -27496,7 +27801,8 @@ class EoClientModule {
             YvcDropdownModule,
             YuvWidgetGridModule,
             HttpClientModule,
-            ChartsModule], exports: [RouterModule, EoFrameworkModule] }); }
+            ChartsModule,
+            DragDropModule], exports: [RouterModule, EoFrameworkModule] }); }
     static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: EoClientModule, imports: [CommonModule,
             FormsModule,
             ReactiveFormsModule,
@@ -27512,7 +27818,8 @@ class EoClientModule {
             YvcDropdownModule,
             YuvWidgetGridModule,
             HttpClientModule,
-            ChartsModule, RouterModule, EoFrameworkModule] }); }
+            ChartsModule,
+            DragDropModule, RouterModule, EoFrameworkModule] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: EoClientModule, decorators: [{
             type: NgModule,
@@ -27533,7 +27840,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImpor
                         YvcDropdownModule,
                         YuvWidgetGridModule,
                         HttpClientModule,
-                        ChartsModule
+                        ChartsModule,
+                        DragDropModule,
                     ],
                     declarations: [
                         DashboardComponent,
@@ -27556,13 +27864,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImpor
                         SearchWidgetComponent,
                         SafeUrlPipe,
                         LastEditedAndCreatedComponent,
+                        LastEditedAndCreatedSetupComponent,
                         HitlistSetupComponent,
                         HitlistWidgetComponent,
                         ChartsWidgetComponent,
                         ChartsSetupComponent,
                         CountObjectsWidgetComponent,
                         CountObjectsSetupComponent,
-                        LastEditedAndCreatedSetupComponent
+                        TodoWidgetComponent,
+                        TodoSetupComponent,
+                        PictureWidgetComponent,
+                        PictureWidgetSetupComponent
                     ],
                     exports: [RouterModule, EoFrameworkModule]
                 }]