npm - @eo-sdk/client - Versions diffs - 11.0.0-rc.9 → 11.0.0 - Mend

@eo-sdk/client 11.0.0-rc.9 → 11.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (86) hide show

package/fesm2022/eo-sdk-client.mjs CHANGED Viewed

@@ -30,7 +30,8 @@ import * as i7 from '@yuuvis/components/autocomplete';
 import { YvcAutocompleteModule } from '@yuuvis/components/autocomplete';
 import * as i3 from '@yuuvis/components/datepicker';
 import { YvcDatepickerModule } from '@yuuvis/components/datepicker';
-import * as i5$1 from '@yuuvis/components/dropdown';
+import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
+import * as i6 from '@yuuvis/components/dropdown';
 import { YvcDropdownModule } from '@yuuvis/components/dropdown';
 import * as i2$3 from '@yuuvis/components/icon';
 import { YvcIconModule } from '@yuuvis/components/icon';
@@ -813,7 +814,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImpor
 function onLoad() {
     window.addEventListener('message', (e) => {
-        console.log(e);
         if (!e || !e.data || !e.data.match || !e.data.match('MessageId'))
             return;
         var data = JSON.parse(e.data);
@@ -832,9 +832,7 @@ function onLoad() {
                 if (!e || !e.data || !e.data.match || !e.data.match('MessageId'))
                     return;
                 if (e.data.match('User_Activity')) {
-                    console.log(e);
                     http.get('auth/info', '/').then(() => {
-                        console.log('dashlet session extended...');
                     });
                 }
                 ;
@@ -872,7 +870,6 @@ class PluginsService {
             return new Function(...(params || 'api').split(',').map((a) => a.trim()), f).apply(this.api, args || [this.api]);
         }
         catch (e) {
-            console.error(e);
             return;
         }
     }
@@ -898,11 +895,12 @@ class PluginsService {
             EXTERNAL: 'eo.agent.action.external'
         };
         this.unload = () => { };
+        this.isReady = new Subject();
         window['api'] = this.api;
         this.userService
             .user$
             .subscribe((user) => this.user = user);
-        this.backend.get(`config/services`, '/').subscribe((services) => (this.services = services));
+        this.backend.get(`config/services`, '/').subscribe((services) => (this.services = services)).add(() => this.isReady.next(1));
         this.unload = onLoad();
         this.eventService.on(EnaioEvent.LOGOUT).subscribe(() => this.unload());
     }
@@ -5426,6 +5424,10 @@ class DatetimeRangeComponent {
         this.translate = translate;
         this.operator = 'eq';
         this.swapInputs = false;
+        this.rangeForm = this.fb.group({
+            dateValue: [],
+            dateValueFrom: []
+        });
         this.isValid = true;
         // options for search situation
         this.availableSearchOptions = [
@@ -5439,15 +5441,7 @@ class DatetimeRangeComponent {
         this.propagateChange = (_) => { };
         this.validationChange = () => { };
         this.datePipe = new LocaleDatePipe(translate);
-    }
-    createForm() {
-        this.rangeForm = this.fb.group({
-            dateValue: [],
-            dateValueFrom: []
-        });
-    }
-    onFormValueChange() {
-        this.rangeForm.valueChanges.subscribe(() => this.onValueChange());
+        this.rangeForm.valueChanges.pipe(takeUntilDestroyed()).subscribe(() => this.onValueChange());
     }
     writeValue(value) {
         this._setValue(value);
@@ -5460,6 +5454,9 @@ class DatetimeRangeComponent {
     }
     registerOnTouched(fn) {
     }
+    reset() {
+        this._setValue(new RangeValue(this.searchOption, null, null));
+    }
     onValueChange(searchOption = this.searchOption) {
         let dateValue = this.formatDate(this.rangeForm.get('dateValue').value);
         if (searchOption === SearchFilter.OPERATOR.INTERVAL_INCLUDE_BOTH) {
@@ -5480,12 +5477,14 @@ class DatetimeRangeComponent {
             this.isValid = this.rangeForm.valid;
             if (searchOption === SearchFilter.OPERATOR.LESS_OR_EQUAL && dateValue) {
                 const newDateValue = new Date(dateValue);
-                newDateValue.setHours(23, 59);
+                if (!this.withTime)
+                    newDateValue.setHours(23, 59);
                 dateValue = newDateValue.toISOString();
             }
             else if (searchOption === SearchFilter.OPERATOR.GREATER_OR_EQUAL && dateValue) {
                 const newDateValue = new Date(dateValue);
-                newDateValue.setHours(0, 0);
+                if (!this.withTime)
+                    newDateValue.setHours(0, 0);
                 dateValue = newDateValue.toISOString();
             }
             if (this.isValid) {
@@ -5555,8 +5554,6 @@ class DatetimeRangeComponent {
     }
     ngOnInit() {
         this.searchOption = this.operator;
-        this.createForm();
-        this.onFormValueChange();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: DatetimeRangeComponent, deps: [{ token: i1$3.UntypedFormBuilder }, { token: i1.TranslateService }], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.2", type: DatetimeRangeComponent, selector: "eo-datetime-range", inputs: { withTime: "withTime", pickerTitle: "pickerTitle", operator: "operator" }, host: { properties: { "class.swap": "this.swapInputs" }, classAttribute: "form-element-range" }, providers: [
@@ -5570,7 +5567,7 @@ class DatetimeRangeComponent {
                 useExisting: forwardRef(() => DatetimeRangeComponent),
                 multi: true,
             }
-        ], ngImport: i0, template: "<form class=\"eo-datetime-range\" [formGroup]=\"rangeForm\">\n  <eo-date *ngIf=\"searchOption === 'gtelte'\" [withTime]=\"withTime\"\n    formControlName=\"dateValueFrom\"></eo-date>\n\n  <yvc-dropdown [ngModel]=\"searchOption\" (ngModelChange)=\"onValueChange($event)\" [ngModelOptions]=\"{standalone: true}\"\n    [options]=\"availableSearchOptions\"></yvc-dropdown>\n\n  <eo-date [withTime]=\"withTime\" formControlName=\"dateValue\"></eo-date>\n</form>\n\n<div class=\"errors\">\n  <div class=\"err-msg\" *ngIf=\"rangeForm.invalid\" translate>eo.form.property.date.invalid</div>\n</div>\n", styles: [".eo-datetime-range{display:flex;flex-flow:row nowrap;align-items:stretch;gap:2px}.eo-datetime-range yvc-dropdown{border-radius:2px;outline:1px solid rgba(0,0,0,.2);background-color:var(--list-item-hover-background)}.eo-datetime-range yvc-dropdown:hover{background-color:var(--list-item-selected-background)}.eo-datetime-range eo-date{flex:1 1 auto}.err-msg{color:var(--color-error);margin:calc(var(--app-pane-padding) / 4) 0;padding:calc(var(--app-pane-padding) / 4)}.errors .err-msg:before{content:\"!\";padding:0 calc(var(--app-pane-padding) / 4)}\n"], dependencies: [{ 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.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { 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: i5$1.Dropdown, selector: "yvc-dropdown", inputs: ["options", "filter", "disabled", "multiple", "disableClearButton"] }, { kind: "component", type: DateComponent, selector: "eo-date", inputs: ["withTime", "readonly", "onlyFutureDates"] }] }); }
+        ], ngImport: i0, template: "<form class=\"eo-datetime-range\" [formGroup]=\"rangeForm\">\n  <eo-date *ngIf=\"searchOption === 'gtelte'\" [withTime]=\"withTime\"\n    formControlName=\"dateValueFrom\"></eo-date>\n\n  <yvc-dropdown [ngModel]=\"searchOption\" (ngModelChange)=\"onValueChange($event)\" [ngModelOptions]=\"{standalone: true}\"\n    [options]=\"availableSearchOptions\"></yvc-dropdown>\n\n  <eo-date [withTime]=\"withTime\" formControlName=\"dateValue\"></eo-date>\n</form>\n\n<div class=\"errors\" *ngIf=\"rangeForm.invalid\">\n  <div class=\"err-msg\" translate>eo.form.property.date.invalid</div>\n  <eo-icon class=\"button\" [iconSrc]=\"'assets/_default/svg/ic_clear.svg'\" (click)=\"reset()\"></eo-icon>\n</div>\n", styles: [".eo-datetime-range{display:flex;flex-flow:row nowrap;align-items:stretch;gap:2px}.eo-datetime-range yvc-dropdown{border-radius:2px;outline:1px solid rgba(0,0,0,.2);background-color:var(--list-item-hover-background)}.eo-datetime-range yvc-dropdown:hover{background-color:var(--list-item-selected-background)}.eo-datetime-range eo-date{flex:1 1 auto}.err-msg{color:var(--color-error);margin:calc(var(--app-pane-padding) / 4) 0;padding:calc(var(--app-pane-padding) / 4)}.errors{display:flex;align-items:center;justify-content:space-between;gap:.5em}.errors .err-msg:before{content:\"!\";padding:0 calc(var(--app-pane-padding) / 4)}.errors eo-icon{color:var(--color-error);width:18px;height:18px}\n"], dependencies: [{ 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.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { 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: EoIconComponent, selector: "eo-icon", inputs: ["objectType", "iconId", "iconSrc", "badge", "iconTitle"] }, { kind: "component", type: i6.Dropdown, selector: "yvc-dropdown", inputs: ["options", "filter", "disabled", "multiple", "disableClearButton"] }, { kind: "component", type: DateComponent, selector: "eo-date", inputs: ["withTime", "readonly", "onlyFutureDates"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: DatetimeRangeComponent, decorators: [{
             type: Component,
@@ -5587,7 +5584,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImpor
                         }
                     ], host: {
                         class: 'form-element-range'
-                    }, template: "<form class=\"eo-datetime-range\" [formGroup]=\"rangeForm\">\n  <eo-date *ngIf=\"searchOption === 'gtelte'\" [withTime]=\"withTime\"\n    formControlName=\"dateValueFrom\"></eo-date>\n\n  <yvc-dropdown [ngModel]=\"searchOption\" (ngModelChange)=\"onValueChange($event)\" [ngModelOptions]=\"{standalone: true}\"\n    [options]=\"availableSearchOptions\"></yvc-dropdown>\n\n  <eo-date [withTime]=\"withTime\" formControlName=\"dateValue\"></eo-date>\n</form>\n\n<div class=\"errors\">\n  <div class=\"err-msg\" *ngIf=\"rangeForm.invalid\" translate>eo.form.property.date.invalid</div>\n</div>\n", styles: [".eo-datetime-range{display:flex;flex-flow:row nowrap;align-items:stretch;gap:2px}.eo-datetime-range yvc-dropdown{border-radius:2px;outline:1px solid rgba(0,0,0,.2);background-color:var(--list-item-hover-background)}.eo-datetime-range yvc-dropdown:hover{background-color:var(--list-item-selected-background)}.eo-datetime-range eo-date{flex:1 1 auto}.err-msg{color:var(--color-error);margin:calc(var(--app-pane-padding) / 4) 0;padding:calc(var(--app-pane-padding) / 4)}.errors .err-msg:before{content:\"!\";padding:0 calc(var(--app-pane-padding) / 4)}\n"] }]
+                    }, template: "<form class=\"eo-datetime-range\" [formGroup]=\"rangeForm\">\n  <eo-date *ngIf=\"searchOption === 'gtelte'\" [withTime]=\"withTime\"\n    formControlName=\"dateValueFrom\"></eo-date>\n\n  <yvc-dropdown [ngModel]=\"searchOption\" (ngModelChange)=\"onValueChange($event)\" [ngModelOptions]=\"{standalone: true}\"\n    [options]=\"availableSearchOptions\"></yvc-dropdown>\n\n  <eo-date [withTime]=\"withTime\" formControlName=\"dateValue\"></eo-date>\n</form>\n\n<div class=\"errors\" *ngIf=\"rangeForm.invalid\">\n  <div class=\"err-msg\" translate>eo.form.property.date.invalid</div>\n  <eo-icon class=\"button\" [iconSrc]=\"'assets/_default/svg/ic_clear.svg'\" (click)=\"reset()\"></eo-icon>\n</div>\n", styles: [".eo-datetime-range{display:flex;flex-flow:row nowrap;align-items:stretch;gap:2px}.eo-datetime-range yvc-dropdown{border-radius:2px;outline:1px solid rgba(0,0,0,.2);background-color:var(--list-item-hover-background)}.eo-datetime-range yvc-dropdown:hover{background-color:var(--list-item-selected-background)}.eo-datetime-range eo-date{flex:1 1 auto}.err-msg{color:var(--color-error);margin:calc(var(--app-pane-padding) / 4) 0;padding:calc(var(--app-pane-padding) / 4)}.errors{display:flex;align-items:center;justify-content:space-between;gap:.5em}.errors .err-msg:before{content:\"!\";padding:0 calc(var(--app-pane-padding) / 4)}.errors eo-icon{color:var(--color-error);width:18px;height:18px}\n"] }]
         }], ctorParameters: () => [{ type: i1$3.UntypedFormBuilder }, { type: i1.TranslateService }], propDecorators: { withTime: [{
                 type: Input
             }], pickerTitle: [{
@@ -5860,7 +5857,7 @@ class NumberRangeComponent {
                 useExisting: forwardRef(() => NumberRangeComponent),
                 multi: true,
             }
-        ], ngImport: i0, template: "<form class=\"eo-number-range\" [formGroup]=\"rangeForm\">\n\n  <eo-number *ngIf=\"searchOption === 'gtelte'\"\n             [readonly]=\"readonly\"\n             [scale]=\"scale\"\n             [precision]=\"precision\"\n             [grouping]=\"grouping\"\n             [pattern]=\"pattern\"\n             formControlName=\"numberValueFrom\"></eo-number>\n\n  <yvc-dropdown class=\"no-trigger\" [(ngModel)]=\"searchOption\"\n              (ngModelChange)=\"onValueChange()\"\n              [disabled]=\"readonly\"\n              [disableClearButton]=\"true\"\n              [ngModelOptions]=\"{standalone: true}\"\n              [options]=\"availableSearchOptions\"></yvc-dropdown>\n\n  <eo-number [scale]=\"scale\"\n             [readonly]=\"readonly\"\n             [precision]=\"precision\"\n             [grouping]=\"grouping\"\n             [pattern]=\"pattern\"\n             formControlName=\"numberValue\"></eo-number>\n\n</form>\n", styles: [".eo-number-range{display:flex;flex-flow:row;align-items:center}.eo-number-range yvc-dropdown{border-radius:2px;outline:1px solid rgba(0,0,0,.2);background-color:var(--list-item-hover-background)}.eo-number-range yvc-dropdown:hover{background-color:var(--list-item-selected-background)}.eo-number-range eo-number{flex:1 1 auto}\n"], dependencies: [{ 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.PatternValidator, selector: "[pattern][formControlName],[pattern][formControl],[pattern][ngModel]", inputs: ["pattern"] }, { kind: "directive", type: i1$3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { 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: i5$1.Dropdown, selector: "yvc-dropdown", inputs: ["options", "filter", "disabled", "multiple", "disableClearButton"] }, { kind: "component", type: NumberComponent, selector: "eo-number", inputs: ["scale", "precision", "grouping", "pattern", "readonly"] }] }); }
+        ], ngImport: i0, template: "<form class=\"eo-number-range\" [formGroup]=\"rangeForm\">\n\n  <eo-number *ngIf=\"searchOption === 'gtelte'\"\n             [readonly]=\"readonly\"\n             [scale]=\"scale\"\n             [precision]=\"precision\"\n             [grouping]=\"grouping\"\n             [pattern]=\"pattern\"\n             formControlName=\"numberValueFrom\"></eo-number>\n\n  <yvc-dropdown class=\"no-trigger\" [(ngModel)]=\"searchOption\"\n              (ngModelChange)=\"onValueChange()\"\n              [disabled]=\"readonly\"\n              [disableClearButton]=\"true\"\n              [ngModelOptions]=\"{standalone: true}\"\n              [options]=\"availableSearchOptions\"></yvc-dropdown>\n\n  <eo-number [scale]=\"scale\"\n             [readonly]=\"readonly\"\n             [precision]=\"precision\"\n             [grouping]=\"grouping\"\n             [pattern]=\"pattern\"\n             formControlName=\"numberValue\"></eo-number>\n\n</form>\n", styles: [".eo-number-range{display:flex;flex-flow:row;align-items:center}.eo-number-range yvc-dropdown{border-radius:2px;outline:1px solid rgba(0,0,0,.2);background-color:var(--list-item-hover-background)}.eo-number-range yvc-dropdown:hover{background-color:var(--list-item-selected-background)}.eo-number-range eo-number{flex:1 1 auto}\n"], dependencies: [{ 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.PatternValidator, selector: "[pattern][formControlName],[pattern][formControl],[pattern][ngModel]", inputs: ["pattern"] }, { kind: "directive", type: i1$3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { 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: i6.Dropdown, selector: "yvc-dropdown", inputs: ["options", "filter", "disabled", "multiple", "disableClearButton"] }, { kind: "component", type: NumberComponent, selector: "eo-number", inputs: ["scale", "precision", "grouping", "pattern", "readonly"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: NumberRangeComponent, decorators: [{
             type: Component,
@@ -6654,11 +6651,13 @@ class DynamicListComponent {
                     if (this.multiselect) {
                         this.selectedNodes = this.selectedNodes.map(sn => {
                             sn[lo.config.valueField] = sn[this.valueField];
+                            sn['value'] = sn[this.valueField];
                             return sn;
                         });
                     }
                     else {
                         this.selectedNodes[lo.config.valueField] = this.selectedNodes[this.valueField];
+                        this.selectedNodes['value'] = this.selectedNodes[this.valueField];
                     }
                 }
                 this.valueField = lo.config.valueField;
@@ -6677,7 +6676,7 @@ class DynamicListComponent {
     }
     set selectedNodes(n) {
         if (n && !Array.isArray(n)) {
-            this.autocompleteFn(n.value || n.name);
+            this.autocompleteFn(n[this._list.config.valueField || 'value'] || n.name);
         }
         this._selectedNodes = structuredClone(n);
     }
@@ -6712,12 +6711,14 @@ class DynamicListComponent {
                 this.selectedNodes = values.map(v => {
                     let node = {};
                     node[this.valueField] = v;
+                    node['value'] = value;
                     return node;
                 });
             }
             else {
                 let node = {};
                 node[this.valueField] = value;
+                node['value'] = value;
                 this.selectedNodes = node;
             }
         }
@@ -6858,6 +6859,7 @@ class DynamicListComponent {
             data: listEntry
         };
         treeNode[this.valueField] = listEntry[this.valueField];
+        treeNode.data['value'] = listEntry[this.valueField];
         treeNode[this.descriptionField] = listEntry[this.descriptionField];
         treeNode[this.subEntriesField] = listEntry[this.subEntriesField];
         return treeNode;
@@ -7650,11 +7652,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\" 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"] }] }); }
+    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        [operator]=\"element?.value[element._eoFormControlWrapper.controlName] ? element.value[element._eoFormControlWrapper.controlName]?.operator: 'eq'\"\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\" 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"] }]
+            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        [operator]=\"element?.value[element._eoFormControlWrapper.controlName] ? element.value[element._eoFormControlWrapper.controlName]?.operator: 'eq'\"\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 }]
@@ -7873,7 +7875,7 @@ let MediaComponent = class MediaComponent {
                     "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; }"
+                "viewer": "() => { var content = dmsObject.content || {}; var id = content.id || dmsObject.id; var type = content.type || dmsObject.typeName || ''; var isLinkedDocument = dmsObject.id !== id; return location.origin + '/dashlet365/?id=' + id + '&version=' + (!isLinkedDocument ? dmsObject.version : -1) + '&type=' + type + (parameters.mimeType ? '&mimeType=' + parameters.mimeType : ''); }"
                 // "viewer": "() => {            parameters.path = parameters.path.replace('localhost:4200', 'kolibriproliant.optimal-systems.de');                var edit = true;                return 'dashlet365/?id=' + dmsObject.content.id + (edit ? '' : '_' + dmsObject.version) + '&version=' + dmsObject.version + '&mimeType=${mimeType}&path=${path}&fileExtension=${fileExtension}&locale=${lang}&allowedExtensions=doc,docx,xls,xlsx,ppt,pptx&editMode=' + edit + '&displayName=' + '';            }"
             },
             // ONLY applies to localhost env; fixed email cors for localhost testing
@@ -7907,10 +7909,13 @@ let MediaComponent = class MediaComponent {
         if (!this._previewFile) {
             return;
         }
+        else if (!this.pluginsService.isReady.observed) {
+            return this.pluginsService.isReady.subscribe(() => this.setupViewer());
+        }
         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._dmsObject?.content) {
             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);
@@ -8061,6 +8066,8 @@ let MediaComponent = class MediaComponent {
         // set api to iframe window
         const win = iframe?.contentWindow || iframe;
         win['api'] = window['api'];
+        // disable beforeunload popup (Reload site? Changes that you made may not be saved.)
+        win.addEventListener('beforeunload', (event) => event.stopImmediatePropagation());
         if (win['api']?.content) {
             win['api'].content.resolveViewerParams = (parameters) => {
                 const uri = parameters.path.replace(location.origin, '');
@@ -8075,14 +8082,14 @@ 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.ɵ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"] }] }); }
+    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\" [triggerTooltip]=\"('eo.object.details.content.undock'| translate)\" [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}::ng-deep button.trigger{bottom:4%!important}\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"] }, { kind: "pipe", type: i4.TranslatePipe, name: "translate" }] }); }
 };
 MediaComponent = MediaComponent_1 = __decorate([
     UntilDestroy()
 ], MediaComponent);
 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"] }]
+            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\" [triggerTooltip]=\"('eo.object.details.content.undock'| translate)\" [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}::ng-deep button.trigger{bottom:4%!important}\n"] }]
         }], ctorParameters: () => [{ type: i1.TranslateService }, { type: i1.DmsService }, { type: i0.Renderer2 }, { type: i1.SystemService }, { type: i1.Config }, { type: PluginsService }], propDecorators: { undockDisabled: [{
                 type: Input
             }], enableCloseBtn: [{
@@ -9991,24 +9998,28 @@ class IndexdataSummaryEntryComponent {
     }
     set value(v) {
         this.showDiff = v && typeof v === 'object' && v.hasOwnProperty('val1');
-        if (v && !v.startsWith('<')) {
-            if (this.showDiff) {
-                v.val1 = v.val1.replace(/\n/gi, '<br>');
-                v.val2 = v.val2.replace(/\n/gi, '<br>');
+        if (v) {
+            if (typeof v === 'string') {
+                if (!v.startsWith('<')) {
+                    v = v.replace(/\n/gi, '<br>');
+                }
             }
             else {
-                v = v.replace(/\n/gi, '<br>');
+                v.val1 = v?.val1?.replace(/\n/gi, '<br>');
+                if (!this.showDiff) {
+                    v.val2 = v?.val2?.replace(/\n/gi, '<br>');
+                }
             }
         }
-        this.value1 = this.showDiff ? v.val1 : v;
-        this.value2 = this.showDiff && v.val2;
+        this.value1 = this.showDiff ? v?.val1 : v;
+        this.value2 = this.showDiff && v?.val2;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: IndexdataSummaryEntryComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.2", type: IndexdataSummaryEntryComponent, selector: "eo-indexdata-summary-entry", inputs: { label: "label", item: "item", value: "value", className: "className" }, outputs: { onValueClicked: "onValueClicked" }, ngImport: i0, template: "<div [class]=\"className || ''\"  [ngClass]=\"classes(value1, value2)\" *ngIf=\"showDiff || !isEmpty(value1)\">\n  <span class=\"label\">{{label}}</span>\n  <span class=\"value inner first\" [innerHTML]=\"value1 | safeHtml\" (click)=\"onValueClicked.emit($event)\"></span>\n  <span class=\"value inner second\" [innerHTML]=\"value2 | safeHtml\" (click)=\"onValueClicked.emit($event)\" *ngIf=\"showDiff\"></span>\n</div>", styles: [":host{display:block}:host .entry{margin:0 calc(var(--app-pane-padding) / -4) 2px;display:flex;flex:1;flex-direction:row;min-height:0;min-width:0}:host .entry.diffActive{margin-bottom:calc(var(--app-pane-padding) / 2)}:host .entry.diffActive .label{margin-right:var(--app-pane-padding)}[dir=rtl] :host .entry.diffActive .label{margin-left:var(--app-pane-padding);margin-right:var(--app-pane-padding)}:host .entry.diffActive .value{margin:0;padding:calc(var(--app-pane-padding) / 2);border:1px solid rgba(0,0,0,.1);background-color:#fff}:host .entry.diffActive .value.first{border-radius:2px 0 0 2px;padding-right:var(--app-pane-padding)}:host .entry.diffActive .value.second{border-radius:0 2px 2px 0;padding-left:var(--app-pane-padding)}:host .entry.diffActive .value:before{display:block;position:absolute;left:calc(var(--app-pane-padding) / 2 * -1);top:calc(50% - var(--app-pane-padding) / 2);width:var(--app-pane-padding);height:var(--app-pane-padding);background-color:var(--color-primary-3);background-position:center center;background-repeat:no-repeat;border-radius:2px}:host .entry.diffActive.new .value.first{display:none}:host .entry.diffActive.new .value.second{border-color:#9abd1e}:host .entry.diffActive.new .value.second:before{content:\"\";background-color:#9abd1e;background-image:url(data:image/gif;base64,R0lGODlhCgAIAIABAP///////yH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDIgNzkuMTYwOTI0LCAyMDE3LzA3LzEzLTAxOjA2OjM5ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOCAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QjAyRTUzMTJFRkRGMTFFOUE5MDQ5N0UwQzE3RDA5MTkiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QjAyRTUzMTNFRkRGMTFFOUE5MDQ5N0UwQzE3RDA5MTkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpCMDJFNTMxMEVGREYxMUU5QTkwNDk3RTBDMTdEMDkxOSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpCMDJFNTMxMUVGREYxMUU5QTkwNDk3RTBDMTdEMDkxOSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PgH//v38+/r5+Pf29fTz8vHw7+7t7Ovq6ejn5uXk4+Lh4N/e3dzb2tnY19bV1NPS0dDPzs3My8rJyMfGxcTDwsHAv769vLu6ubi3trW0s7KxsK+urayrqqmop6alpKOioaCfnp2cm5qZmJeWlZSTkpGQj46NjIuKiYiHhoWEg4KBgH9+fXx7enl4d3Z1dHNycXBvbm1sa2ppaGdmZWRjYmFgX15dXFtaWVhXVlVUU1JRUE9OTUxLSklIR0ZFRENCQUA/Pj08Ozo5ODc2NTQzMjEwLy4tLCsqKSgnJiUkIyIhIB8eHRwbGhkYFxYVFBMSERAPDg0MCwoJCAcGBQQDAgEAACH5BAEAAAEALAAAAAAKAAgAAAIQjANwi8qWWJoT0rria5ufAgA7)}:host .entry.diffActive.modified .value.second{border-left:0}:host .entry.diffActive.modified .value.second:before{content:\"\";background-image:url(data:image/gif;base64,R0lGODlhCgAIAIABAP///////yH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDIgNzkuMTYwOTI0LCAyMDE3LzA3LzEzLTAxOjA2OjM5ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOCAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QTBCNzE3QTRFRkRGMTFFOUI5MzdDMzM0OTM1MDRBRDAiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QTBCNzE3QTVFRkRGMTFFOUI5MzdDMzM0OTM1MDRBRDAiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBMEI3MTdBMkVGREYxMUU5QjkzN0MzMzQ5MzUwNEFEMCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBMEI3MTdBM0VGREYxMUU5QjkzN0MzMzQ5MzUwNEFEMCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PgH//v38+/r5+Pf29fTz8vHw7+7t7Ovq6ejn5uXk4+Lh4N/e3dzb2tnY19bV1NPS0dDPzs3My8rJyMfGxcTDwsHAv769vLu6ubi3trW0s7KxsK+urayrqqmop6alpKOioaCfnp2cm5qZmJeWlZSTkpGQj46NjIuKiYiHhoWEg4KBgH9+fXx7enl4d3Z1dHNycXBvbm1sa2ppaGdmZWRjYmFgX15dXFtaWVhXVlVUU1JRUE9OTUxLSklIR0ZFRENCQUA/Pj08Ozo5ODc2NTQzMjEwLy4tLCsqKSgnJiUkIyIhIB8eHRwbGhkYFxYVFBMSERAPDg0MCwoJCAcGBQQDAgEAACH5BAEAAAEALAAAAAAKAAgAAAIRDIKWwMjnmpETvmjbrbyrlRQAOw==)}:host .entry.diffActive.removed .value.first{border-color:#ed5564;padding-left:var(--app-pane-padding)}:host .entry.diffActive.removed .value.first:before{content:\"\";background-image:url(data:image/gif;base64,R0lGODlhCgAIAIABAP///////yH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDIgNzkuMTYwOTI0LCAyMDE3LzA3LzEzLTAxOjA2OjM5ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOCAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QUFDMTY4MUZFRkRGMTFFOUEwM0M4Qjc0NDlFMjhDMDkiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QUFDMTY4MjBFRkRGMTFFOUEwM0M4Qjc0NDlFMjhDMDkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBQUMxNjgxREVGREYxMUU5QTAzQzhCNzQ0OUUyOEMwOSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBQUMxNjgxRUVGREYxMUU5QTAzQzhCNzQ0OUUyOEMwOSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PgH//v38+/r5+Pf29fTz8vHw7+7t7Ovq6ejn5uXk4+Lh4N/e3dzb2tnY19bV1NPS0dDPzs3My8rJyMfGxcTDwsHAv769vLu6ubi3trW0s7KxsK+urayrqqmop6alpKOioaCfnp2cm5qZmJeWlZSTkpGQj46NjIuKiYiHhoWEg4KBgH9+fXx7enl4d3Z1dHNycXBvbm1sa2ppaGdmZWRjYmFgX15dXFtaWVhXVlVUU1JRUE9OTUxLSklIR0ZFRENCQUA/Pj08Ozo5ODc2NTQzMjEwLy4tLCsqKSgnJiUkIyIhIB8eHRwbGhkYFxYVFBMSERAPDg0MCwoJCAcGBQQDAgEAACH5BAEAAAEALAAAAAAKAAgAAAIMjI+pe+DvDISsWlQAADs=);background-color:#ed5564}:host .entry.diffActive.removed .value.second{display:none}:host .entry .label{flex-basis:30%;flex-shrink:0;background-color:var(--color-primary-3);color:var(--color-white);padding:calc(var(--app-pane-padding) / 4);margin:0 calc(var(--app-pane-padding) / 4);border-radius:2px;display:inline-block;max-width:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;white-space:normal}:host .baseparams-section .label,:host .storageinfo-subentry .label{background-color:var(--color-white);color:var(--text-color-caption)}:host .value{flex-basis:70%;position:relative;flex-grow:1;flex-shrink:1;border-radius:2px;padding:calc(var(--app-pane-padding) / 4);margin:0 calc(var(--app-pane-padding) / 4)}:host .value:not(.inner){white-space:pre-wrap}:host .value.version{cursor:pointer;color:inherit;text-decoration:none;margin:0 5px}:host .value.version:hover{color:var(--color-white)}:host .storageinfo-subentry{display:flex;margin-bottom:2px}\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: "pipe", type: SafeHtmlPipe, name: "safeHtml" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.2", type: IndexdataSummaryEntryComponent, selector: "eo-indexdata-summary-entry", inputs: { label: "label", item: "item", value: "value", className: "className" }, outputs: { onValueClicked: "onValueClicked" }, ngImport: i0, template: "<div [class]=\"className || ''\"  [ngClass]=\"classes(value1, value2)\" *ngIf=\"showDiff || !isEmpty(value1)\">\n  <span class=\"label\">{{label}}</span>\n  <span class=\"value inner first\" [innerHTML]=\"value1 | safeHtml\" (click)=\"onValueClicked.emit($event)\"></span>\n  <span class=\"value inner second\" [innerHTML]=\"value2 | safeHtml\" (click)=\"onValueClicked.emit($event)\" *ngIf=\"showDiff\"></span>\n</div>", styles: [":host{display:block}:host .entry{margin:0 calc(var(--app-pane-padding) / -4) 2px;display:flex;flex:1;flex-direction:row;min-height:0;min-width:0}:host .entry.diffActive{margin-bottom:calc(var(--app-pane-padding) / 2)}:host .entry.diffActive .label{margin-right:var(--app-pane-padding)}[dir=rtl] :host .entry.diffActive .label{margin-left:var(--app-pane-padding);margin-right:var(--app-pane-padding)}:host .entry.diffActive .value{margin:0;padding:calc(var(--app-pane-padding) / 2);align-items:center;border:1px solid rgba(0,0,0,.1);background-color:#fff}:host .entry.diffActive .value.first{border-radius:2px 0 0 2px;padding-right:var(--app-pane-padding)}:host .entry.diffActive .value.second{border-radius:0 2px 2px 0;padding-left:var(--app-pane-padding)}:host .entry.diffActive .value:before{display:block;position:absolute;left:calc(var(--app-pane-padding) / 2 * -1);top:calc(50% - var(--app-pane-padding) / 2);width:var(--app-pane-padding);height:var(--app-pane-padding);background-color:var(--color-primary-3);background-position:center center;background-repeat:no-repeat;border-radius:2px}:host .entry.diffActive.new .value.first{display:none}:host .entry.diffActive.new .value.second{border-color:#9abd1e}:host .entry.diffActive.new .value.second:before{content:\"\";background-color:#9abd1e;background-image:url(data:image/gif;base64,R0lGODlhCgAIAIABAP///////yH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDIgNzkuMTYwOTI0LCAyMDE3LzA3LzEzLTAxOjA2OjM5ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOCAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QjAyRTUzMTJFRkRGMTFFOUE5MDQ5N0UwQzE3RDA5MTkiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QjAyRTUzMTNFRkRGMTFFOUE5MDQ5N0UwQzE3RDA5MTkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpCMDJFNTMxMEVGREYxMUU5QTkwNDk3RTBDMTdEMDkxOSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpCMDJFNTMxMUVGREYxMUU5QTkwNDk3RTBDMTdEMDkxOSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PgH//v38+/r5+Pf29fTz8vHw7+7t7Ovq6ejn5uXk4+Lh4N/e3dzb2tnY19bV1NPS0dDPzs3My8rJyMfGxcTDwsHAv769vLu6ubi3trW0s7KxsK+urayrqqmop6alpKOioaCfnp2cm5qZmJeWlZSTkpGQj46NjIuKiYiHhoWEg4KBgH9+fXx7enl4d3Z1dHNycXBvbm1sa2ppaGdmZWRjYmFgX15dXFtaWVhXVlVUU1JRUE9OTUxLSklIR0ZFRENCQUA/Pj08Ozo5ODc2NTQzMjEwLy4tLCsqKSgnJiUkIyIhIB8eHRwbGhkYFxYVFBMSERAPDg0MCwoJCAcGBQQDAgEAACH5BAEAAAEALAAAAAAKAAgAAAIQjANwi8qWWJoT0rria5ufAgA7)}:host .entry.diffActive.modified .value.second{border-left:0}:host .entry.diffActive.modified .value.second:before{content:\"\";background-image:url(data:image/gif;base64,R0lGODlhCgAIAIABAP///////yH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDIgNzkuMTYwOTI0LCAyMDE3LzA3LzEzLTAxOjA2OjM5ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOCAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QTBCNzE3QTRFRkRGMTFFOUI5MzdDMzM0OTM1MDRBRDAiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QTBCNzE3QTVFRkRGMTFFOUI5MzdDMzM0OTM1MDRBRDAiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBMEI3MTdBMkVGREYxMUU5QjkzN0MzMzQ5MzUwNEFEMCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBMEI3MTdBM0VGREYxMUU5QjkzN0MzMzQ5MzUwNEFEMCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PgH//v38+/r5+Pf29fTz8vHw7+7t7Ovq6ejn5uXk4+Lh4N/e3dzb2tnY19bV1NPS0dDPzs3My8rJyMfGxcTDwsHAv769vLu6ubi3trW0s7KxsK+urayrqqmop6alpKOioaCfnp2cm5qZmJeWlZSTkpGQj46NjIuKiYiHhoWEg4KBgH9+fXx7enl4d3Z1dHNycXBvbm1sa2ppaGdmZWRjYmFgX15dXFtaWVhXVlVUU1JRUE9OTUxLSklIR0ZFRENCQUA/Pj08Ozo5ODc2NTQzMjEwLy4tLCsqKSgnJiUkIyIhIB8eHRwbGhkYFxYVFBMSERAPDg0MCwoJCAcGBQQDAgEAACH5BAEAAAEALAAAAAAKAAgAAAIRDIKWwMjnmpETvmjbrbyrlRQAOw==)}:host .entry.diffActive.removed .value.first{border-color:#ed5564;padding-left:var(--app-pane-padding)}:host .entry.diffActive.removed .value.first:before{content:\"\";background-image:url(data:image/gif;base64,R0lGODlhCgAIAIABAP///////yH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDIgNzkuMTYwOTI0LCAyMDE3LzA3LzEzLTAxOjA2OjM5ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOCAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QUFDMTY4MUZFRkRGMTFFOUEwM0M4Qjc0NDlFMjhDMDkiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QUFDMTY4MjBFRkRGMTFFOUEwM0M4Qjc0NDlFMjhDMDkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBQUMxNjgxREVGREYxMUU5QTAzQzhCNzQ0OUUyOEMwOSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBQUMxNjgxRUVGREYxMUU5QTAzQzhCNzQ0OUUyOEMwOSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PgH//v38+/r5+Pf29fTz8vHw7+7t7Ovq6ejn5uXk4+Lh4N/e3dzb2tnY19bV1NPS0dDPzs3My8rJyMfGxcTDwsHAv769vLu6ubi3trW0s7KxsK+urayrqqmop6alpKOioaCfnp2cm5qZmJeWlZSTkpGQj46NjIuKiYiHhoWEg4KBgH9+fXx7enl4d3Z1dHNycXBvbm1sa2ppaGdmZWRjYmFgX15dXFtaWVhXVlVUU1JRUE9OTUxLSklIR0ZFRENCQUA/Pj08Ozo5ODc2NTQzMjEwLy4tLCsqKSgnJiUkIyIhIB8eHRwbGhkYFxYVFBMSERAPDg0MCwoJCAcGBQQDAgEAACH5BAEAAAEALAAAAAAKAAgAAAIMjI+pe+DvDISsWlQAADs=);background-color:#ed5564}:host .entry.diffActive.removed .value.second{display:none}:host .entry .label{flex-basis:30%;flex-shrink:0;background-color:var(--color-primary-3);color:var(--color-white);padding:calc(var(--app-pane-padding) / 4);margin:0 calc(var(--app-pane-padding) / 4);border-radius:2px;display:inline-block;max-width:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;white-space:normal}:host .baseparams-section .label,:host .storageinfo-subentry .label{background-color:var(--color-white);color:var(--text-color-caption)}:host .value{flex-basis:70%;position:relative;flex-grow:1;flex-shrink:1;border-radius:2px;padding:calc(var(--app-pane-padding) / 4);margin:0 calc(var(--app-pane-padding) / 4)}:host .value:not(.inner){white-space:pre-wrap}:host .value.version{cursor:pointer;color:inherit;text-decoration:none;margin:0 5px}:host .value.version:hover{color:var(--color-white)}:host .storageinfo-subentry{display:flex;margin-bottom:2px}\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: "pipe", type: SafeHtmlPipe, name: "safeHtml" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: IndexdataSummaryEntryComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'eo-indexdata-summary-entry', template: "<div [class]=\"className || ''\"  [ngClass]=\"classes(value1, value2)\" *ngIf=\"showDiff || !isEmpty(value1)\">\n  <span class=\"label\">{{label}}</span>\n  <span class=\"value inner first\" [innerHTML]=\"value1 | safeHtml\" (click)=\"onValueClicked.emit($event)\"></span>\n  <span class=\"value inner second\" [innerHTML]=\"value2 | safeHtml\" (click)=\"onValueClicked.emit($event)\" *ngIf=\"showDiff\"></span>\n</div>", styles: [":host{display:block}:host .entry{margin:0 calc(var(--app-pane-padding) / -4) 2px;display:flex;flex:1;flex-direction:row;min-height:0;min-width:0}:host .entry.diffActive{margin-bottom:calc(var(--app-pane-padding) / 2)}:host .entry.diffActive .label{margin-right:var(--app-pane-padding)}[dir=rtl] :host .entry.diffActive .label{margin-left:var(--app-pane-padding);margin-right:var(--app-pane-padding)}:host .entry.diffActive .value{margin:0;padding:calc(var(--app-pane-padding) / 2);border:1px solid rgba(0,0,0,.1);background-color:#fff}:host .entry.diffActive .value.first{border-radius:2px 0 0 2px;padding-right:var(--app-pane-padding)}:host .entry.diffActive .value.second{border-radius:0 2px 2px 0;padding-left:var(--app-pane-padding)}:host .entry.diffActive .value:before{display:block;position:absolute;left:calc(var(--app-pane-padding) / 2 * -1);top:calc(50% - var(--app-pane-padding) / 2);width:var(--app-pane-padding);height:var(--app-pane-padding);background-color:var(--color-primary-3);background-position:center center;background-repeat:no-repeat;border-radius:2px}:host .entry.diffActive.new .value.first{display:none}:host .entry.diffActive.new .value.second{border-color:#9abd1e}:host .entry.diffActive.new .value.second:before{content:\"\";background-color:#9abd1e;background-image:url(data:image/gif;base64,R0lGODlhCgAIAIABAP///////yH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDIgNzkuMTYwOTI0LCAyMDE3LzA3LzEzLTAxOjA2OjM5ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOCAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QjAyRTUzMTJFRkRGMTFFOUE5MDQ5N0UwQzE3RDA5MTkiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QjAyRTUzMTNFRkRGMTFFOUE5MDQ5N0UwQzE3RDA5MTkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpCMDJFNTMxMEVGREYxMUU5QTkwNDk3RTBDMTdEMDkxOSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpCMDJFNTMxMUVGREYxMUU5QTkwNDk3RTBDMTdEMDkxOSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PgH//v38+/r5+Pf29fTz8vHw7+7t7Ovq6ejn5uXk4+Lh4N/e3dzb2tnY19bV1NPS0dDPzs3My8rJyMfGxcTDwsHAv769vLu6ubi3trW0s7KxsK+urayrqqmop6alpKOioaCfnp2cm5qZmJeWlZSTkpGQj46NjIuKiYiHhoWEg4KBgH9+fXx7enl4d3Z1dHNycXBvbm1sa2ppaGdmZWRjYmFgX15dXFtaWVhXVlVUU1JRUE9OTUxLSklIR0ZFRENCQUA/Pj08Ozo5ODc2NTQzMjEwLy4tLCsqKSgnJiUkIyIhIB8eHRwbGhkYFxYVFBMSERAPDg0MCwoJCAcGBQQDAgEAACH5BAEAAAEALAAAAAAKAAgAAAIQjANwi8qWWJoT0rria5ufAgA7)}:host .entry.diffActive.modified .value.second{border-left:0}:host .entry.diffActive.modified .value.second:before{content:\"\";background-image:url(data:image/gif;base64,R0lGODlhCgAIAIABAP///////yH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDIgNzkuMTYwOTI0LCAyMDE3LzA3LzEzLTAxOjA2OjM5ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOCAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QTBCNzE3QTRFRkRGMTFFOUI5MzdDMzM0OTM1MDRBRDAiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QTBCNzE3QTVFRkRGMTFFOUI5MzdDMzM0OTM1MDRBRDAiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBMEI3MTdBMkVGREYxMUU5QjkzN0MzMzQ5MzUwNEFEMCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBMEI3MTdBM0VGREYxMUU5QjkzN0MzMzQ5MzUwNEFEMCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PgH//v38+/r5+Pf29fTz8vHw7+7t7Ovq6ejn5uXk4+Lh4N/e3dzb2tnY19bV1NPS0dDPzs3My8rJyMfGxcTDwsHAv769vLu6ubi3trW0s7KxsK+urayrqqmop6alpKOioaCfnp2cm5qZmJeWlZSTkpGQj46NjIuKiYiHhoWEg4KBgH9+fXx7enl4d3Z1dHNycXBvbm1sa2ppaGdmZWRjYmFgX15dXFtaWVhXVlVUU1JRUE9OTUxLSklIR0ZFRENCQUA/Pj08Ozo5ODc2NTQzMjEwLy4tLCsqKSgnJiUkIyIhIB8eHRwbGhkYFxYVFBMSERAPDg0MCwoJCAcGBQQDAgEAACH5BAEAAAEALAAAAAAKAAgAAAIRDIKWwMjnmpETvmjbrbyrlRQAOw==)}:host .entry.diffActive.removed .value.first{border-color:#ed5564;padding-left:var(--app-pane-padding)}:host .entry.diffActive.removed .value.first:before{content:\"\";background-image:url(data:image/gif;base64,R0lGODlhCgAIAIABAP///////yH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDIgNzkuMTYwOTI0LCAyMDE3LzA3LzEzLTAxOjA2OjM5ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOCAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QUFDMTY4MUZFRkRGMTFFOUEwM0M4Qjc0NDlFMjhDMDkiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QUFDMTY4MjBFRkRGMTFFOUEwM0M4Qjc0NDlFMjhDMDkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBQUMxNjgxREVGREYxMUU5QTAzQzhCNzQ0OUUyOEMwOSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBQUMxNjgxRUVGREYxMUU5QTAzQzhCNzQ0OUUyOEMwOSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PgH//v38+/r5+Pf29fTz8vHw7+7t7Ovq6ejn5uXk4+Lh4N/e3dzb2tnY19bV1NPS0dDPzs3My8rJyMfGxcTDwsHAv769vLu6ubi3trW0s7KxsK+urayrqqmop6alpKOioaCfnp2cm5qZmJeWlZSTkpGQj46NjIuKiYiHhoWEg4KBgH9+fXx7enl4d3Z1dHNycXBvbm1sa2ppaGdmZWRjYmFgX15dXFtaWVhXVlVUU1JRUE9OTUxLSklIR0ZFRENCQUA/Pj08Ozo5ODc2NTQzMjEwLy4tLCsqKSgnJiUkIyIhIB8eHRwbGhkYFxYVFBMSERAPDg0MCwoJCAcGBQQDAgEAACH5BAEAAAEALAAAAAAKAAgAAAIMjI+pe+DvDISsWlQAADs=);background-color:#ed5564}:host .entry.diffActive.removed .value.second{display:none}:host .entry .label{flex-basis:30%;flex-shrink:0;background-color:var(--color-primary-3);color:var(--color-white);padding:calc(var(--app-pane-padding) / 4);margin:0 calc(var(--app-pane-padding) / 4);border-radius:2px;display:inline-block;max-width:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;white-space:normal}:host .baseparams-section .label,:host .storageinfo-subentry .label{background-color:var(--color-white);color:var(--text-color-caption)}:host .value{flex-basis:70%;position:relative;flex-grow:1;flex-shrink:1;border-radius:2px;padding:calc(var(--app-pane-padding) / 4);margin:0 calc(var(--app-pane-padding) / 4)}:host .value:not(.inner){white-space:pre-wrap}:host .value.version{cursor:pointer;color:inherit;text-decoration:none;margin:0 5px}:host .value.version:hover{color:var(--color-white)}:host .storageinfo-subentry{display:flex;margin-bottom:2px}\n"] }]
+            args: [{ selector: 'eo-indexdata-summary-entry', template: "<div [class]=\"className || ''\"  [ngClass]=\"classes(value1, value2)\" *ngIf=\"showDiff || !isEmpty(value1)\">\n  <span class=\"label\">{{label}}</span>\n  <span class=\"value inner first\" [innerHTML]=\"value1 | safeHtml\" (click)=\"onValueClicked.emit($event)\"></span>\n  <span class=\"value inner second\" [innerHTML]=\"value2 | safeHtml\" (click)=\"onValueClicked.emit($event)\" *ngIf=\"showDiff\"></span>\n</div>", styles: [":host{display:block}:host .entry{margin:0 calc(var(--app-pane-padding) / -4) 2px;display:flex;flex:1;flex-direction:row;min-height:0;min-width:0}:host .entry.diffActive{margin-bottom:calc(var(--app-pane-padding) / 2)}:host .entry.diffActive .label{margin-right:var(--app-pane-padding)}[dir=rtl] :host .entry.diffActive .label{margin-left:var(--app-pane-padding);margin-right:var(--app-pane-padding)}:host .entry.diffActive .value{margin:0;padding:calc(var(--app-pane-padding) / 2);align-items:center;border:1px solid rgba(0,0,0,.1);background-color:#fff}:host .entry.diffActive .value.first{border-radius:2px 0 0 2px;padding-right:var(--app-pane-padding)}:host .entry.diffActive .value.second{border-radius:0 2px 2px 0;padding-left:var(--app-pane-padding)}:host .entry.diffActive .value:before{display:block;position:absolute;left:calc(var(--app-pane-padding) / 2 * -1);top:calc(50% - var(--app-pane-padding) / 2);width:var(--app-pane-padding);height:var(--app-pane-padding);background-color:var(--color-primary-3);background-position:center center;background-repeat:no-repeat;border-radius:2px}:host .entry.diffActive.new .value.first{display:none}:host .entry.diffActive.new .value.second{border-color:#9abd1e}:host .entry.diffActive.new .value.second:before{content:\"\";background-color:#9abd1e;background-image:url(data:image/gif;base64,R0lGODlhCgAIAIABAP///////yH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDIgNzkuMTYwOTI0LCAyMDE3LzA3LzEzLTAxOjA2OjM5ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOCAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QjAyRTUzMTJFRkRGMTFFOUE5MDQ5N0UwQzE3RDA5MTkiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QjAyRTUzMTNFRkRGMTFFOUE5MDQ5N0UwQzE3RDA5MTkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpCMDJFNTMxMEVGREYxMUU5QTkwNDk3RTBDMTdEMDkxOSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpCMDJFNTMxMUVGREYxMUU5QTkwNDk3RTBDMTdEMDkxOSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PgH//v38+/r5+Pf29fTz8vHw7+7t7Ovq6ejn5uXk4+Lh4N/e3dzb2tnY19bV1NPS0dDPzs3My8rJyMfGxcTDwsHAv769vLu6ubi3trW0s7KxsK+urayrqqmop6alpKOioaCfnp2cm5qZmJeWlZSTkpGQj46NjIuKiYiHhoWEg4KBgH9+fXx7enl4d3Z1dHNycXBvbm1sa2ppaGdmZWRjYmFgX15dXFtaWVhXVlVUU1JRUE9OTUxLSklIR0ZFRENCQUA/Pj08Ozo5ODc2NTQzMjEwLy4tLCsqKSgnJiUkIyIhIB8eHRwbGhkYFxYVFBMSERAPDg0MCwoJCAcGBQQDAgEAACH5BAEAAAEALAAAAAAKAAgAAAIQjANwi8qWWJoT0rria5ufAgA7)}:host .entry.diffActive.modified .value.second{border-left:0}:host .entry.diffActive.modified .value.second:before{content:\"\";background-image:url(data:image/gif;base64,R0lGODlhCgAIAIABAP///////yH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDIgNzkuMTYwOTI0LCAyMDE3LzA3LzEzLTAxOjA2OjM5ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOCAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QTBCNzE3QTRFRkRGMTFFOUI5MzdDMzM0OTM1MDRBRDAiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QTBCNzE3QTVFRkRGMTFFOUI5MzdDMzM0OTM1MDRBRDAiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBMEI3MTdBMkVGREYxMUU5QjkzN0MzMzQ5MzUwNEFEMCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBMEI3MTdBM0VGREYxMUU5QjkzN0MzMzQ5MzUwNEFEMCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PgH//v38+/r5+Pf29fTz8vHw7+7t7Ovq6ejn5uXk4+Lh4N/e3dzb2tnY19bV1NPS0dDPzs3My8rJyMfGxcTDwsHAv769vLu6ubi3trW0s7KxsK+urayrqqmop6alpKOioaCfnp2cm5qZmJeWlZSTkpGQj46NjIuKiYiHhoWEg4KBgH9+fXx7enl4d3Z1dHNycXBvbm1sa2ppaGdmZWRjYmFgX15dXFtaWVhXVlVUU1JRUE9OTUxLSklIR0ZFRENCQUA/Pj08Ozo5ODc2NTQzMjEwLy4tLCsqKSgnJiUkIyIhIB8eHRwbGhkYFxYVFBMSERAPDg0MCwoJCAcGBQQDAgEAACH5BAEAAAEALAAAAAAKAAgAAAIRDIKWwMjnmpETvmjbrbyrlRQAOw==)}:host .entry.diffActive.removed .value.first{border-color:#ed5564;padding-left:var(--app-pane-padding)}:host .entry.diffActive.removed .value.first:before{content:\"\";background-image:url(data:image/gif;base64,R0lGODlhCgAIAIABAP///////yH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDIgNzkuMTYwOTI0LCAyMDE3LzA3LzEzLTAxOjA2OjM5ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOCAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QUFDMTY4MUZFRkRGMTFFOUEwM0M4Qjc0NDlFMjhDMDkiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QUFDMTY4MjBFRkRGMTFFOUEwM0M4Qjc0NDlFMjhDMDkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBQUMxNjgxREVGREYxMUU5QTAzQzhCNzQ0OUUyOEMwOSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBQUMxNjgxRUVGREYxMUU5QTAzQzhCNzQ0OUUyOEMwOSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PgH//v38+/r5+Pf29fTz8vHw7+7t7Ovq6ejn5uXk4+Lh4N/e3dzb2tnY19bV1NPS0dDPzs3My8rJyMfGxcTDwsHAv769vLu6ubi3trW0s7KxsK+urayrqqmop6alpKOioaCfnp2cm5qZmJeWlZSTkpGQj46NjIuKiYiHhoWEg4KBgH9+fXx7enl4d3Z1dHNycXBvbm1sa2ppaGdmZWRjYmFgX15dXFtaWVhXVlVUU1JRUE9OTUxLSklIR0ZFRENCQUA/Pj08Ozo5ODc2NTQzMjEwLy4tLCsqKSgnJiUkIyIhIB8eHRwbGhkYFxYVFBMSERAPDg0MCwoJCAcGBQQDAgEAACH5BAEAAAEALAAAAAAKAAgAAAIMjI+pe+DvDISsWlQAADs=);background-color:#ed5564}:host .entry.diffActive.removed .value.second{display:none}:host .entry .label{flex-basis:30%;flex-shrink:0;background-color:var(--color-primary-3);color:var(--color-white);padding:calc(var(--app-pane-padding) / 4);margin:0 calc(var(--app-pane-padding) / 4);border-radius:2px;display:inline-block;max-width:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;white-space:normal}:host .baseparams-section .label,:host .storageinfo-subentry .label{background-color:var(--color-white);color:var(--text-color-caption)}:host .value{flex-basis:70%;position:relative;flex-grow:1;flex-shrink:1;border-radius:2px;padding:calc(var(--app-pane-padding) / 4);margin:0 calc(var(--app-pane-padding) / 4)}:host .value:not(.inner){white-space:pre-wrap}:host .value.version{cursor:pointer;color:inherit;text-decoration:none;margin:0 5px}:host .value.version:hover{color:var(--color-white)}:host .storageinfo-subentry{display:flex;margin-bottom:2px}\n"] }]
         }], propDecorators: { label: [{
                 type: Input
             }], item: [{
@@ -10092,6 +10103,7 @@ let IndexdataSummaryComponent = class IndexdataSummaryComponent {
         this.diffActive = false;
         this.emptyState = false;
         this.enableVersions = true;
+        this.isChangesTab = false;
     }
     onValueClick(event, item = {}) {
         if (item.reference || item.version) {
@@ -10129,14 +10141,14 @@ let IndexdataSummaryComponent = class IndexdataSummaryComponent {
         this.isUserAllowedToShowStorageSection = this.userService.getCurrentUser().hasPrivilege('MANAGE_STORAGES');
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: IndexdataSummaryComponent, deps: [{ token: i1.TranslateService }, { token: GridService }, { token: i1.DmsService }, { token: i1.UserService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.1.2", type: IndexdataSummaryComponent, selector: "eo-indexdata-summary", inputs: { indexdata: "indexdata", dmsObject: "dmsObject", baseparams: "baseparams", enableVersions: "enableVersions", diff: "diff" }, viewQueries: [{ propertyName: "storageAccordion", first: true, predicate: ["storageAccordion"], descendants: true }], ngImport: i0, template: "<div class=\"empty-container\" *ngIf=\"emptyState\">{{'eo.indexdata.summary.no.change' | translate}}</div>\n<div class=\"indexdata-summary\">\n\n  <div class=\"core-section\" *ngIf=\"coreValues?.length\">\n\n    <eo-indexdata-summary-entry *ngFor=\"let item of coreValues\"\n                                [label]=\"item.label\"\n                                [value]=\"item._value\"\n                                (onValueClicked)=\"onValueClick($event, item)\">\n    </eo-indexdata-summary-entry>\n\n     <eo-indexdata-summary-entry *ngIf=\"item && item.contextFolder\"\n                                [label]=\"'eo.indexdata.summary.folder' | translate\"\n                                [className]=\"'baseparams-section'\"\n                                [value]=\"getLink(item.contextFolder.title ? item.contextFolder.title : item.contextFolder.id)\"\n                                (onValueClicked)=\"onValueClick($event, item)\">\n    </eo-indexdata-summary-entry>\n  </div>\n  <div class=\"data-section\" *ngIf=\"dataValues && dataValues.length\">\n    <eo-simple-accordion #dataAccordion\n                         [header]=\"('eo.indexdata.summary.more' | translate)\"\n                         [selected]=\"moreInfoAcc\"\n                         (selectChange)=\"onMoreInfoToggle($event)\">\n      <div class=\"data\">\n\n        <eo-indexdata-summary-entry *ngFor=\"let item of dataValues\"\n                                    [label]=\"item.label\"\n                                    [value]=\"item._value\"\n                                    (onValueClicked)=\"onValueClick($event, item)\">\n        </eo-indexdata-summary-entry>\n      </div>\n    </eo-simple-accordion>\n  </div>\n\n  <div class=\"baseparams-section\" *ngIf=\"baseparams\">\n\n    <eo-indexdata-summary-entry *ngIf=\"baseparams.modifiedOn && !diffActive\"\n                                [className]=\"'baseparams-section'\"\n                                [label]=\"'eo.global.baseparam.modified' | translate\"\n                                [value]=\"baseparams.modifiedOn | localeDate\">\n    </eo-indexdata-summary-entry>\n\n    <eo-indexdata-summary-entry *ngIf=\"!diffActive\"\n                                [className]=\"'baseparams-section'\"\n                                [label]=\"'eo.global.baseparam.modifier' | translate\"\n                                [value]=\"baseparams.modifiedBy\">\n    </eo-indexdata-summary-entry>\n\n    <eo-indexdata-summary-entry *ngIf=\"baseparams.createdOn && !diffActive\"\n                                [className]=\"'baseparams-section'\"\n                                [label]=\"'eo.global.baseparam.created' | translate\"\n                                [value]=\"baseparams.createdOn | localeDate\">\n    </eo-indexdata-summary-entry>\n\n    <eo-indexdata-summary-entry *ngIf=\"!diffActive\"\n                                [className]=\"'baseparams-section'\"\n                                [label]=\"'eo.global.baseparam.creator' | translate\"\n                                [value]=\"baseparams.createdBy\">\n    </eo-indexdata-summary-entry>\n\n    <eo-indexdata-summary-entry *ngIf=\"!diffActive\"\n                                [className]=\"'baseparams-section'\"\n                                [label]=\"'eo.object.summary.version' | translate\"\n                                [value]=\"getVersionLink(baseparams.version)\"\n                                (onValueClicked)=\"onValueClick($event, {version: baseparams.version})\">\n    </eo-indexdata-summary-entry>\n\n\n    <eo-indexdata-summary-entry [className]=\"'baseparams-section'\"\n                                [label]=\"'eo.global.baseparam.filename' | translate\"\n                                [value]=\"baseparams.contentFileName\">\n    </eo-indexdata-summary-entry>\n\n    <eo-indexdata-summary-entry *ngIf=\"baseparams.contentFileSize\"\n                                [className]=\"'baseparams-section'\"\n                                [label]=\"'eo.global.baseparam.filesize' | translate\"\n                                [value]=\"diffActive ? {val1: baseparams.contentFileSize['val1'] | fileSize, val2: baseparams.contentFileSize['val2'] | fileSize} : (baseparams.contentFileSize | fileSize)\">\n    </eo-indexdata-summary-entry>\n\n    <eo-indexdata-summary-entry [className]=\"'baseparams-section'\"\n                                [label]=\"'eo.global.baseparam.mimegroup' | translate\"\n                                [value]=\"baseparams.mimeGroup\">\n    </eo-indexdata-summary-entry>\n\n    <eo-indexdata-summary-entry [className]=\"'baseparams-section'\"\n                                [label]=\"'eo.global.baseparam.mimetype' | translate\"\n                                [value]=\"baseparams.mimeType\">\n    </eo-indexdata-summary-entry>\n\n    <eo-indexdata-summary-entry *ngIf=\"!diffActive\"\n                                [className]=\"'baseparams-section'\"\n                                [label]=\"'eo.global.baseparam.id' | translate\"\n                                [value]=\"baseparams.id\">\n    </eo-indexdata-summary-entry>\n\n    <eo-indexdata-summary-entry *ngIf=\"baseparams.contentId !== baseparams.id && !diffActive\"\n                                [className]=\"'baseparams-section'\"\n                                [label]=\"'eo.global.baseparam.contentId' | translate\"\n                                [value]=\"baseparams.contentId\">\n    </eo-indexdata-summary-entry>\n  </div>\n\n  @if(storageInfos?.length && isUserAllowedToShowStorageSection) {\n    <div class=\"storageinfo\">\n      <eo-simple-accordion #storageAccordion\n                           [header]=\"('eo.state.settings.storageinfo' | translate)\"\n                           [selected]=\"dataInfoAcc\"\n                           (selectChange)=\"onStorageInfoToggle($event)\">\n\n        <div class=\"storageinfo-entry baseparams-section\">\n          <eo-indexdata-summary-entry [className]=\"'storageinfo-subentry'\"\n                                      [label]=\"'eo.global.baseparam.digest' | translate\"\n                                      [value]=\"baseparams.digest\">\n          </eo-indexdata-summary-entry>\n        </div>\n\n        <div class=\"storageinfo-entry baseparams-section\" *ngFor=\"let stInfo of storageInfos; trackBy: trackByIndex\">\n          <eo-indexdata-summary-entry [className]=\"'storageinfo-subentry'\"\n                                      [label]=\"'eo.object.storageinfo.retention' | translate\"\n                                      [value]=\"stInfo.retention | localeDate : 'eoShortDate'\">\n          </eo-indexdata-summary-entry>\n\n          <eo-indexdata-summary-entry [className]=\"'storageinfo-subentry'\"\n                                      [label]=\"'eo.object.storageinfo.permanence' | translate\"\n                                      [value]=\"stInfo.permanence\">\n          </eo-indexdata-summary-entry>\n\n          <eo-indexdata-summary-entry [className]=\"'storageinfo-subentry'\"\n                                      [label]=\"'eo.object.storageinfo.setname' | translate\"\n                                      [value]=\"stInfo.setname\">\n          </eo-indexdata-summary-entry>\n\n          <eo-indexdata-summary-entry [className]=\"'storageinfo-subentry'\"\n                                      [label]=\"'eo.object.storageinfo.storagename' | translate\"\n                                      [value]=\"stInfo.storagename\">\n          </eo-indexdata-summary-entry>\n\n          <eo-indexdata-summary-entry [className]=\"'storageinfo-subentry'\"\n                                      [label]=\"'eo.object.storageinfo.location' | translate\"\n                                      [value]=\"stInfo.location\">\n          </eo-indexdata-summary-entry>\n        </div>\n      </eo-simple-accordion>\n    </div>\n  }\n\n</div>\n", styles: [":host{display:block}:host .core-section,:host .data-section,:host .baseparams-section{list-style:none;margin:0;line-height:1.5em}:host .core-section{margin-bottom:calc(var(--app-pane-padding) / 2)}:host .data-section{margin-bottom:calc(var(--app-pane-padding) / 2)}:host .data-section .data{margin-bottom:var(--app-pane-padding);margin-top:calc(var(--app-pane-padding) / 2)}:host .storageinfo{margin-top:var(--app-pane-padding)}:host .storageinfo .storageinfo-entry{margin-top:var(--app-pane-padding)}:host .empty-container{position:absolute;inset:0;overflow:hidden;display:flex;justify-content:center;align-items:center}:host ::ng-deep .chip{width:max-content}\n"], dependencies: [{ 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: SimpleAccordionComponent, selector: "eo-simple-accordion", inputs: ["header", "styles", "headerClass", "selected"], outputs: ["selectChange"] }, { kind: "component", type: IndexdataSummaryEntryComponent, selector: "eo-indexdata-summary-entry", inputs: ["label", "item", "value", "className"], outputs: ["onValueClicked"] }, { kind: "pipe", type: i4.TranslatePipe, name: "translate" }, { kind: "pipe", type: FileSizePipe, name: "fileSize" }, { kind: "pipe", type: LocaleDatePipe, name: "localeDate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.1.2", type: IndexdataSummaryComponent, selector: "eo-indexdata-summary", inputs: { indexdata: "indexdata", dmsObject: "dmsObject", baseparams: "baseparams", enableVersions: "enableVersions", isChangesTab: "isChangesTab", diff: "diff" }, viewQueries: [{ propertyName: "storageAccordion", first: true, predicate: ["storageAccordion"], descendants: true }], ngImport: i0, template: "<div class=\"empty-container\" *ngIf=\"emptyState\">{{'eo.indexdata.summary.no.change' | translate}}</div>\n<div class=\"indexdata-summary\">\n\n  <div class=\"core-section\" *ngIf=\"coreValues?.length\">\n\n    <eo-indexdata-summary-entry *ngFor=\"let item of coreValues\"\n                                [label]=\"item.label\"\n                                [value]=\"item._value\"\n                                (onValueClicked)=\"onValueClick($event, item)\">\n    </eo-indexdata-summary-entry>\n\n     <eo-indexdata-summary-entry *ngIf=\"item && item.contextFolder\"\n                                [label]=\"'eo.indexdata.summary.folder' | translate\"\n                                [className]=\"'baseparams-section'\"\n                                [value]=\"getLink(item.contextFolder.title ? item.contextFolder.title : item.contextFolder.id)\"\n                                (onValueClicked)=\"onValueClick($event, item)\">\n    </eo-indexdata-summary-entry>\n  </div>\n  <div class=\"data-section\" *ngIf=\"dataValues && dataValues.length\">\n    <eo-simple-accordion #dataAccordion\n                         [header]=\"('eo.indexdata.summary.more' | translate)\"\n                         [selected]=\"moreInfoAcc\"\n                         (selectChange)=\"onMoreInfoToggle($event)\">\n      <div class=\"data\">\n\n        <eo-indexdata-summary-entry *ngFor=\"let item of dataValues\"\n                                    [label]=\"item.label\"\n                                    [value]=\"item._value\"\n                                    (onValueClicked)=\"onValueClick($event, item)\">\n        </eo-indexdata-summary-entry>\n      </div>\n    </eo-simple-accordion>\n  </div>\n\n  <div class=\"baseparams-section\" *ngIf=\"baseparams\">\n\n    <eo-indexdata-summary-entry *ngIf=\"baseparams.modifiedOn && !diffActive\"\n                                [className]=\"'baseparams-section'\"\n                                [label]=\"'eo.global.baseparam.modified' | translate\"\n                                [value]=\"baseparams.modifiedOn | localeDate\">\n    </eo-indexdata-summary-entry>\n\n    <eo-indexdata-summary-entry *ngIf=\"!diffActive\"\n                                [className]=\"'baseparams-section'\"\n                                [label]=\"'eo.global.baseparam.modifier' | translate\"\n                                [value]=\"baseparams.modifiedBy\">\n    </eo-indexdata-summary-entry>\n\n    <eo-indexdata-summary-entry *ngIf=\"baseparams.createdOn && !diffActive\"\n                                [className]=\"'baseparams-section'\"\n                                [label]=\"'eo.global.baseparam.created' | translate\"\n                                [value]=\"baseparams.createdOn | localeDate\">\n    </eo-indexdata-summary-entry>\n\n    <eo-indexdata-summary-entry *ngIf=\"!diffActive\"\n                                [className]=\"'baseparams-section'\"\n                                [label]=\"'eo.global.baseparam.creator' | translate\"\n                                [value]=\"baseparams.createdBy\">\n    </eo-indexdata-summary-entry>\n\n    <eo-indexdata-summary-entry *ngIf=\"!diffActive\"\n                                [className]=\"'baseparams-section'\"\n                                [label]=\"'eo.object.summary.version' | translate\"\n                                [value]=\"getVersionLink(baseparams.version)\"\n                                (onValueClicked)=\"onValueClick($event, {version: baseparams.version})\">\n    </eo-indexdata-summary-entry>\n\n\n    <eo-indexdata-summary-entry [className]=\"'baseparams-section'\"\n                                [label]=\"'eo.global.baseparam.filename' | translate\"\n                                [value]=\"baseparams.contentFileName\">\n    </eo-indexdata-summary-entry>\n\n    <eo-indexdata-summary-entry *ngIf=\"baseparams.contentFileSize\"\n                                [className]=\"'baseparams-section'\"\n                                [label]=\"'eo.global.baseparam.filesize' | translate\"\n                                [value]=\"diffActive ? {val1: baseparams.contentFileSize['val1'] | fileSize, val2: baseparams.contentFileSize['val2'] | fileSize} : (baseparams.contentFileSize | fileSize)\">\n    </eo-indexdata-summary-entry>\n\n    <eo-indexdata-summary-entry [className]=\"'baseparams-section'\"\n                                [label]=\"'eo.global.baseparam.mimegroup' | translate\"\n                                [value]=\"baseparams.mimeGroup\">\n    </eo-indexdata-summary-entry>\n\n    <eo-indexdata-summary-entry [className]=\"'baseparams-section'\"\n                                [label]=\"'eo.global.baseparam.mimetype' | translate\"\n                                [value]=\"baseparams.mimeType\">\n    </eo-indexdata-summary-entry>\n\n    <eo-indexdata-summary-entry *ngIf=\"!diffActive\"\n                                [className]=\"'baseparams-section'\"\n                                [label]=\"'eo.global.baseparam.id' | translate\"\n                                [value]=\"baseparams.id\">\n    </eo-indexdata-summary-entry>\n\n    <eo-indexdata-summary-entry *ngIf=\"baseparams.contentId !== baseparams.id && !diffActive\"\n                                [className]=\"'baseparams-section'\"\n                                [label]=\"'eo.global.baseparam.contentId' | translate\"\n                                [value]=\"baseparams.contentId\">\n    </eo-indexdata-summary-entry>\n  </div>\n\n  @if(storageInfos?.length && isUserAllowedToShowStorageSection && !isChangesTab) {\n    <div class=\"storageinfo\">\n      <eo-simple-accordion #storageAccordion\n                           [header]=\"('eo.state.settings.storageinfo' | translate)\"\n                           [selected]=\"dataInfoAcc\"\n                           (selectChange)=\"onStorageInfoToggle($event)\">\n\n        <div class=\"storageinfo-entry baseparams-section\">\n          <eo-indexdata-summary-entry [className]=\"'storageinfo-subentry'\"\n                                      [label]=\"'eo.global.baseparam.digest' | translate\"\n                                      [value]=\"baseparams.digest\">\n          </eo-indexdata-summary-entry>\n        </div>\n\n        <div class=\"storageinfo-entry baseparams-section\" *ngFor=\"let stInfo of storageInfos; trackBy: trackByIndex\">\n          <eo-indexdata-summary-entry [className]=\"'storageinfo-subentry'\"\n                                      [label]=\"'eo.object.storageinfo.retention' | translate\"\n                                      [value]=\"stInfo.retention | localeDate : 'eoShortDate'\">\n          </eo-indexdata-summary-entry>\n\n          <eo-indexdata-summary-entry [className]=\"'storageinfo-subentry'\"\n                                      [label]=\"'eo.object.storageinfo.permanence' | translate\"\n                                      [value]=\"stInfo.permanence\">\n          </eo-indexdata-summary-entry>\n\n          <eo-indexdata-summary-entry [className]=\"'storageinfo-subentry'\"\n                                      [label]=\"'eo.object.storageinfo.setname' | translate\"\n                                      [value]=\"stInfo.setname\">\n          </eo-indexdata-summary-entry>\n\n          <eo-indexdata-summary-entry [className]=\"'storageinfo-subentry'\"\n                                      [label]=\"'eo.object.storageinfo.storagename' | translate\"\n                                      [value]=\"stInfo.storagename\">\n          </eo-indexdata-summary-entry>\n\n          <eo-indexdata-summary-entry [className]=\"'storageinfo-subentry'\"\n                                      [label]=\"'eo.object.storageinfo.location' | translate\"\n                                      [value]=\"stInfo.location\">\n          </eo-indexdata-summary-entry>\n        </div>\n      </eo-simple-accordion>\n    </div>\n  }\n\n</div>\n", styles: [":host{display:block}:host .core-section,:host .data-section,:host .baseparams-section{list-style:none;margin:0;line-height:1.5em}:host .core-section{margin-bottom:calc(var(--app-pane-padding) / 2)}:host .data-section{margin-bottom:calc(var(--app-pane-padding) / 2)}:host .data-section .data{margin-bottom:var(--app-pane-padding);margin-top:calc(var(--app-pane-padding) / 2)}:host .storageinfo{margin-top:var(--app-pane-padding)}:host .storageinfo .storageinfo-entry{margin-top:var(--app-pane-padding)}:host .empty-container{position:absolute;inset:0;overflow:hidden;display:flex;justify-content:center;align-items:center}:host ::ng-deep .chip{width:max-content}\n"], dependencies: [{ 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: SimpleAccordionComponent, selector: "eo-simple-accordion", inputs: ["header", "styles", "headerClass", "selected"], outputs: ["selectChange"] }, { kind: "component", type: IndexdataSummaryEntryComponent, selector: "eo-indexdata-summary-entry", inputs: ["label", "item", "value", "className"], outputs: ["onValueClicked"] }, { kind: "pipe", type: i4.TranslatePipe, name: "translate" }, { kind: "pipe", type: FileSizePipe, name: "fileSize" }, { kind: "pipe", type: LocaleDatePipe, name: "localeDate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 };
 IndexdataSummaryComponent = IndexdataSummaryComponent_1 = __decorate([
     UntilDestroy()
 ], IndexdataSummaryComponent);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: IndexdataSummaryComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'eo-indexdata-summary', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"empty-container\" *ngIf=\"emptyState\">{{'eo.indexdata.summary.no.change' | translate}}</div>\n<div class=\"indexdata-summary\">\n\n  <div class=\"core-section\" *ngIf=\"coreValues?.length\">\n\n    <eo-indexdata-summary-entry *ngFor=\"let item of coreValues\"\n                                [label]=\"item.label\"\n                                [value]=\"item._value\"\n                                (onValueClicked)=\"onValueClick($event, item)\">\n    </eo-indexdata-summary-entry>\n\n     <eo-indexdata-summary-entry *ngIf=\"item && item.contextFolder\"\n                                [label]=\"'eo.indexdata.summary.folder' | translate\"\n                                [className]=\"'baseparams-section'\"\n                                [value]=\"getLink(item.contextFolder.title ? item.contextFolder.title : item.contextFolder.id)\"\n                                (onValueClicked)=\"onValueClick($event, item)\">\n    </eo-indexdata-summary-entry>\n  </div>\n  <div class=\"data-section\" *ngIf=\"dataValues && dataValues.length\">\n    <eo-simple-accordion #dataAccordion\n                         [header]=\"('eo.indexdata.summary.more' | translate)\"\n                         [selected]=\"moreInfoAcc\"\n                         (selectChange)=\"onMoreInfoToggle($event)\">\n      <div class=\"data\">\n\n        <eo-indexdata-summary-entry *ngFor=\"let item of dataValues\"\n                                    [label]=\"item.label\"\n                                    [value]=\"item._value\"\n                                    (onValueClicked)=\"onValueClick($event, item)\">\n        </eo-indexdata-summary-entry>\n      </div>\n    </eo-simple-accordion>\n  </div>\n\n  <div class=\"baseparams-section\" *ngIf=\"baseparams\">\n\n    <eo-indexdata-summary-entry *ngIf=\"baseparams.modifiedOn && !diffActive\"\n                                [className]=\"'baseparams-section'\"\n                                [label]=\"'eo.global.baseparam.modified' | translate\"\n                                [value]=\"baseparams.modifiedOn | localeDate\">\n    </eo-indexdata-summary-entry>\n\n    <eo-indexdata-summary-entry *ngIf=\"!diffActive\"\n                                [className]=\"'baseparams-section'\"\n                                [label]=\"'eo.global.baseparam.modifier' | translate\"\n                                [value]=\"baseparams.modifiedBy\">\n    </eo-indexdata-summary-entry>\n\n    <eo-indexdata-summary-entry *ngIf=\"baseparams.createdOn && !diffActive\"\n                                [className]=\"'baseparams-section'\"\n                                [label]=\"'eo.global.baseparam.created' | translate\"\n                                [value]=\"baseparams.createdOn | localeDate\">\n    </eo-indexdata-summary-entry>\n\n    <eo-indexdata-summary-entry *ngIf=\"!diffActive\"\n                                [className]=\"'baseparams-section'\"\n                                [label]=\"'eo.global.baseparam.creator' | translate\"\n                                [value]=\"baseparams.createdBy\">\n    </eo-indexdata-summary-entry>\n\n    <eo-indexdata-summary-entry *ngIf=\"!diffActive\"\n                                [className]=\"'baseparams-section'\"\n                                [label]=\"'eo.object.summary.version' | translate\"\n                                [value]=\"getVersionLink(baseparams.version)\"\n                                (onValueClicked)=\"onValueClick($event, {version: baseparams.version})\">\n    </eo-indexdata-summary-entry>\n\n\n    <eo-indexdata-summary-entry [className]=\"'baseparams-section'\"\n                                [label]=\"'eo.global.baseparam.filename' | translate\"\n                                [value]=\"baseparams.contentFileName\">\n    </eo-indexdata-summary-entry>\n\n    <eo-indexdata-summary-entry *ngIf=\"baseparams.contentFileSize\"\n                                [className]=\"'baseparams-section'\"\n                                [label]=\"'eo.global.baseparam.filesize' | translate\"\n                                [value]=\"diffActive ? {val1: baseparams.contentFileSize['val1'] | fileSize, val2: baseparams.contentFileSize['val2'] | fileSize} : (baseparams.contentFileSize | fileSize)\">\n    </eo-indexdata-summary-entry>\n\n    <eo-indexdata-summary-entry [className]=\"'baseparams-section'\"\n                                [label]=\"'eo.global.baseparam.mimegroup' | translate\"\n                                [value]=\"baseparams.mimeGroup\">\n    </eo-indexdata-summary-entry>\n\n    <eo-indexdata-summary-entry [className]=\"'baseparams-section'\"\n                                [label]=\"'eo.global.baseparam.mimetype' | translate\"\n                                [value]=\"baseparams.mimeType\">\n    </eo-indexdata-summary-entry>\n\n    <eo-indexdata-summary-entry *ngIf=\"!diffActive\"\n                                [className]=\"'baseparams-section'\"\n                                [label]=\"'eo.global.baseparam.id' | translate\"\n                                [value]=\"baseparams.id\">\n    </eo-indexdata-summary-entry>\n\n    <eo-indexdata-summary-entry *ngIf=\"baseparams.contentId !== baseparams.id && !diffActive\"\n                                [className]=\"'baseparams-section'\"\n                                [label]=\"'eo.global.baseparam.contentId' | translate\"\n                                [value]=\"baseparams.contentId\">\n    </eo-indexdata-summary-entry>\n  </div>\n\n  @if(storageInfos?.length && isUserAllowedToShowStorageSection) {\n    <div class=\"storageinfo\">\n      <eo-simple-accordion #storageAccordion\n                           [header]=\"('eo.state.settings.storageinfo' | translate)\"\n                           [selected]=\"dataInfoAcc\"\n                           (selectChange)=\"onStorageInfoToggle($event)\">\n\n        <div class=\"storageinfo-entry baseparams-section\">\n          <eo-indexdata-summary-entry [className]=\"'storageinfo-subentry'\"\n                                      [label]=\"'eo.global.baseparam.digest' | translate\"\n                                      [value]=\"baseparams.digest\">\n          </eo-indexdata-summary-entry>\n        </div>\n\n        <div class=\"storageinfo-entry baseparams-section\" *ngFor=\"let stInfo of storageInfos; trackBy: trackByIndex\">\n          <eo-indexdata-summary-entry [className]=\"'storageinfo-subentry'\"\n                                      [label]=\"'eo.object.storageinfo.retention' | translate\"\n                                      [value]=\"stInfo.retention | localeDate : 'eoShortDate'\">\n          </eo-indexdata-summary-entry>\n\n          <eo-indexdata-summary-entry [className]=\"'storageinfo-subentry'\"\n                                      [label]=\"'eo.object.storageinfo.permanence' | translate\"\n                                      [value]=\"stInfo.permanence\">\n          </eo-indexdata-summary-entry>\n\n          <eo-indexdata-summary-entry [className]=\"'storageinfo-subentry'\"\n                                      [label]=\"'eo.object.storageinfo.setname' | translate\"\n                                      [value]=\"stInfo.setname\">\n          </eo-indexdata-summary-entry>\n\n          <eo-indexdata-summary-entry [className]=\"'storageinfo-subentry'\"\n                                      [label]=\"'eo.object.storageinfo.storagename' | translate\"\n                                      [value]=\"stInfo.storagename\">\n          </eo-indexdata-summary-entry>\n\n          <eo-indexdata-summary-entry [className]=\"'storageinfo-subentry'\"\n                                      [label]=\"'eo.object.storageinfo.location' | translate\"\n                                      [value]=\"stInfo.location\">\n          </eo-indexdata-summary-entry>\n        </div>\n      </eo-simple-accordion>\n    </div>\n  }\n\n</div>\n", styles: [":host{display:block}:host .core-section,:host .data-section,:host .baseparams-section{list-style:none;margin:0;line-height:1.5em}:host .core-section{margin-bottom:calc(var(--app-pane-padding) / 2)}:host .data-section{margin-bottom:calc(var(--app-pane-padding) / 2)}:host .data-section .data{margin-bottom:var(--app-pane-padding);margin-top:calc(var(--app-pane-padding) / 2)}:host .storageinfo{margin-top:var(--app-pane-padding)}:host .storageinfo .storageinfo-entry{margin-top:var(--app-pane-padding)}:host .empty-container{position:absolute;inset:0;overflow:hidden;display:flex;justify-content:center;align-items:center}:host ::ng-deep .chip{width:max-content}\n"] }]
+            args: [{ selector: 'eo-indexdata-summary', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"empty-container\" *ngIf=\"emptyState\">{{'eo.indexdata.summary.no.change' | translate}}</div>\n<div class=\"indexdata-summary\">\n\n  <div class=\"core-section\" *ngIf=\"coreValues?.length\">\n\n    <eo-indexdata-summary-entry *ngFor=\"let item of coreValues\"\n                                [label]=\"item.label\"\n                                [value]=\"item._value\"\n                                (onValueClicked)=\"onValueClick($event, item)\">\n    </eo-indexdata-summary-entry>\n\n     <eo-indexdata-summary-entry *ngIf=\"item && item.contextFolder\"\n                                [label]=\"'eo.indexdata.summary.folder' | translate\"\n                                [className]=\"'baseparams-section'\"\n                                [value]=\"getLink(item.contextFolder.title ? item.contextFolder.title : item.contextFolder.id)\"\n                                (onValueClicked)=\"onValueClick($event, item)\">\n    </eo-indexdata-summary-entry>\n  </div>\n  <div class=\"data-section\" *ngIf=\"dataValues && dataValues.length\">\n    <eo-simple-accordion #dataAccordion\n                         [header]=\"('eo.indexdata.summary.more' | translate)\"\n                         [selected]=\"moreInfoAcc\"\n                         (selectChange)=\"onMoreInfoToggle($event)\">\n      <div class=\"data\">\n\n        <eo-indexdata-summary-entry *ngFor=\"let item of dataValues\"\n                                    [label]=\"item.label\"\n                                    [value]=\"item._value\"\n                                    (onValueClicked)=\"onValueClick($event, item)\">\n        </eo-indexdata-summary-entry>\n      </div>\n    </eo-simple-accordion>\n  </div>\n\n  <div class=\"baseparams-section\" *ngIf=\"baseparams\">\n\n    <eo-indexdata-summary-entry *ngIf=\"baseparams.modifiedOn && !diffActive\"\n                                [className]=\"'baseparams-section'\"\n                                [label]=\"'eo.global.baseparam.modified' | translate\"\n                                [value]=\"baseparams.modifiedOn | localeDate\">\n    </eo-indexdata-summary-entry>\n\n    <eo-indexdata-summary-entry *ngIf=\"!diffActive\"\n                                [className]=\"'baseparams-section'\"\n                                [label]=\"'eo.global.baseparam.modifier' | translate\"\n                                [value]=\"baseparams.modifiedBy\">\n    </eo-indexdata-summary-entry>\n\n    <eo-indexdata-summary-entry *ngIf=\"baseparams.createdOn && !diffActive\"\n                                [className]=\"'baseparams-section'\"\n                                [label]=\"'eo.global.baseparam.created' | translate\"\n                                [value]=\"baseparams.createdOn | localeDate\">\n    </eo-indexdata-summary-entry>\n\n    <eo-indexdata-summary-entry *ngIf=\"!diffActive\"\n                                [className]=\"'baseparams-section'\"\n                                [label]=\"'eo.global.baseparam.creator' | translate\"\n                                [value]=\"baseparams.createdBy\">\n    </eo-indexdata-summary-entry>\n\n    <eo-indexdata-summary-entry *ngIf=\"!diffActive\"\n                                [className]=\"'baseparams-section'\"\n                                [label]=\"'eo.object.summary.version' | translate\"\n                                [value]=\"getVersionLink(baseparams.version)\"\n                                (onValueClicked)=\"onValueClick($event, {version: baseparams.version})\">\n    </eo-indexdata-summary-entry>\n\n\n    <eo-indexdata-summary-entry [className]=\"'baseparams-section'\"\n                                [label]=\"'eo.global.baseparam.filename' | translate\"\n                                [value]=\"baseparams.contentFileName\">\n    </eo-indexdata-summary-entry>\n\n    <eo-indexdata-summary-entry *ngIf=\"baseparams.contentFileSize\"\n                                [className]=\"'baseparams-section'\"\n                                [label]=\"'eo.global.baseparam.filesize' | translate\"\n                                [value]=\"diffActive ? {val1: baseparams.contentFileSize['val1'] | fileSize, val2: baseparams.contentFileSize['val2'] | fileSize} : (baseparams.contentFileSize | fileSize)\">\n    </eo-indexdata-summary-entry>\n\n    <eo-indexdata-summary-entry [className]=\"'baseparams-section'\"\n                                [label]=\"'eo.global.baseparam.mimegroup' | translate\"\n                                [value]=\"baseparams.mimeGroup\">\n    </eo-indexdata-summary-entry>\n\n    <eo-indexdata-summary-entry [className]=\"'baseparams-section'\"\n                                [label]=\"'eo.global.baseparam.mimetype' | translate\"\n                                [value]=\"baseparams.mimeType\">\n    </eo-indexdata-summary-entry>\n\n    <eo-indexdata-summary-entry *ngIf=\"!diffActive\"\n                                [className]=\"'baseparams-section'\"\n                                [label]=\"'eo.global.baseparam.id' | translate\"\n                                [value]=\"baseparams.id\">\n    </eo-indexdata-summary-entry>\n\n    <eo-indexdata-summary-entry *ngIf=\"baseparams.contentId !== baseparams.id && !diffActive\"\n                                [className]=\"'baseparams-section'\"\n                                [label]=\"'eo.global.baseparam.contentId' | translate\"\n                                [value]=\"baseparams.contentId\">\n    </eo-indexdata-summary-entry>\n  </div>\n\n  @if(storageInfos?.length && isUserAllowedToShowStorageSection && !isChangesTab) {\n    <div class=\"storageinfo\">\n      <eo-simple-accordion #storageAccordion\n                           [header]=\"('eo.state.settings.storageinfo' | translate)\"\n                           [selected]=\"dataInfoAcc\"\n                           (selectChange)=\"onStorageInfoToggle($event)\">\n\n        <div class=\"storageinfo-entry baseparams-section\">\n          <eo-indexdata-summary-entry [className]=\"'storageinfo-subentry'\"\n                                      [label]=\"'eo.global.baseparam.digest' | translate\"\n                                      [value]=\"baseparams.digest\">\n          </eo-indexdata-summary-entry>\n        </div>\n\n        <div class=\"storageinfo-entry baseparams-section\" *ngFor=\"let stInfo of storageInfos; trackBy: trackByIndex\">\n          <eo-indexdata-summary-entry [className]=\"'storageinfo-subentry'\"\n                                      [label]=\"'eo.object.storageinfo.retention' | translate\"\n                                      [value]=\"stInfo.retention | localeDate : 'eoShortDate'\">\n          </eo-indexdata-summary-entry>\n\n          <eo-indexdata-summary-entry [className]=\"'storageinfo-subentry'\"\n                                      [label]=\"'eo.object.storageinfo.permanence' | translate\"\n                                      [value]=\"stInfo.permanence\">\n          </eo-indexdata-summary-entry>\n\n          <eo-indexdata-summary-entry [className]=\"'storageinfo-subentry'\"\n                                      [label]=\"'eo.object.storageinfo.setname' | translate\"\n                                      [value]=\"stInfo.setname\">\n          </eo-indexdata-summary-entry>\n\n          <eo-indexdata-summary-entry [className]=\"'storageinfo-subentry'\"\n                                      [label]=\"'eo.object.storageinfo.storagename' | translate\"\n                                      [value]=\"stInfo.storagename\">\n          </eo-indexdata-summary-entry>\n\n          <eo-indexdata-summary-entry [className]=\"'storageinfo-subentry'\"\n                                      [label]=\"'eo.object.storageinfo.location' | translate\"\n                                      [value]=\"stInfo.location\">\n          </eo-indexdata-summary-entry>\n        </div>\n      </eo-simple-accordion>\n    </div>\n  }\n\n</div>\n", styles: [":host{display:block}:host .core-section,:host .data-section,:host .baseparams-section{list-style:none;margin:0;line-height:1.5em}:host .core-section{margin-bottom:calc(var(--app-pane-padding) / 2)}:host .data-section{margin-bottom:calc(var(--app-pane-padding) / 2)}:host .data-section .data{margin-bottom:var(--app-pane-padding);margin-top:calc(var(--app-pane-padding) / 2)}:host .storageinfo{margin-top:var(--app-pane-padding)}:host .storageinfo .storageinfo-entry{margin-top:var(--app-pane-padding)}:host .empty-container{position:absolute;inset:0;overflow:hidden;display:flex;justify-content:center;align-items:center}:host ::ng-deep .chip{width:max-content}\n"] }]
         }], ctorParameters: () => [{ type: i1.TranslateService }, { type: GridService }, { type: i1.DmsService }, { type: i1.UserService }, { type: i0.ChangeDetectorRef }], propDecorators: { storageAccordion: [{
                 type: ViewChild,
                 args: ['storageAccordion']
@@ -10148,6 +10160,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImpor
                 type: Input
             }], enableVersions: [{
                 type: Input
+            }], isChangesTab: [{
+                type: Input
             }], diff: [{
                 type: Input
             }] } });
@@ -12213,13 +12227,13 @@ let GridComponent = class GridComponent {
         let totalCount = this.contextCount;
         let rowIndex = this.gridOptions.context.rowIndex;
         let selection = this.gridOptions.context.selection;
-        if (this.api?.getGridOption('rowData')) {
+        if (!this.api?.isDestroyed() && this.api?.getGridOption('rowData')) {
             this.api.forEachNodeAfterFilter(n => n.group || rowCount++);
         }
         else {
             rowCount = this.gridOptions.context.rowCount || 0;
         }
-        if (this.selectFirst && !this.api.getFocusedCell() && (rowIndex !== null || !this.focusedRowID)) {
+        if (this.selectFirst && !this.api?.isDestroyed() && !this.api.getFocusedCell() && (rowIndex !== null || !this.focusedRowID)) {
             setTimeout(() => this.selectRow(rowIndex || 0, selection), 200);
         }
         else {
@@ -12229,14 +12243,16 @@ let GridComponent = class GridComponent {
         this.eoGridCountChanged.emit(this._gridCount);
     }
     updateFocus(id = this.focusedRowID) {
-        const cell = this.api.getFocusedCell();
-        const row = this.api.getRowNode(id);
-        if (!this.options.filterActive && (cell && cell.rowIndex) !== (row && row.rowIndex)) {
-            if (row) {
-                this.api.setFocusedCell(row.rowIndex, this.gridOptions.columnDefs[1].field);
-            }
-            else {
-                this.api.clearFocusedCell();
+        if (!this.api?.isDestroyed()) {
+            const cell = this.api.getFocusedCell();
+            const row = this.api.getRowNode(id);
+            if (!this.options.filterActive && (cell && cell.rowIndex) !== (row && row.rowIndex)) {
+                if (row) {
+                    this.api.setFocusedCell(row.rowIndex, this.gridOptions.columnDefs[1].field);
+                }
+                else {
+                    this.api.clearFocusedCell();
+                }
             }
         }
     }
@@ -12330,7 +12346,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?.isDestroyed() && this.api.getModel()?.getRow(row) : this.api.getRowNode(row);
         let index = rowNode ? rowNode.rowIndex : 0;
         if (rowNode && rowNode.data) {
             if (selection) {
@@ -12350,7 +12366,9 @@ let GridComponent = class GridComponent {
             this.selectRow(--index, selection, clearSelection);
         }
         else {
-            this.api.clearFocusedCell();
+            if (!this.api?.isDestroyed()) {
+                this.api.clearFocusedCell();
+            }
             this.eoGridFocusChanged.emit(null);
         }
     }
@@ -16050,13 +16068,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImpor
                 }]
         }] });
-class SideBarComponent {
-    constructor(capabilityService, config, sanitizer, elemRef) {
+let SideBarComponent = class SideBarComponent {
+    constructor(capabilityService, userService, config, sanitizer, elemRef) {
         this.capabilityService = capabilityService;
+        this.userService = userService;
         this.config = config;
         this.sanitizer = sanitizer;
         this.elemRef = elemRef;
         this.eoOutsideClick = new EventEmitter();
+        this.userService
+            .user$.pipe(untilDestroyed(this))
+            .subscribe(user => this.user = user);
     }
     getCapabilities() {
         this.capabilities = this.capabilityService.getCapabilities();
@@ -16064,6 +16086,15 @@ class SideBarComponent {
     setBackgroundImage() {
         this.backgroundImage = this.sanitizer.bypassSecurityTrustStyle(`url(${this.config.getSideBarHeaderImage()})`);
     }
+    getDocumentation() {
+        this.userService
+            .user$
+            .subscribe(data => {
+            const docu = this.config.getRaw('about.docu');
+            const link = docu.link.replace('###userLang###', data?.userSettings?.clientlocale?.substring(0, 2) || this.user?.getClientLocale());
+            this.docu = { ...docu, link };
+        });
+    }
     close() {
         this.eoOutsideClick.emit();
     }
@@ -16071,14 +16102,18 @@ class SideBarComponent {
         this.elemRef.nativeElement.querySelector('[tabindex="0"]').focus();
         this.getCapabilities();
         this.setBackgroundImage();
+        this.getDocumentation();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: SideBarComponent, deps: [{ token: i1.CapabilitiesService }, { token: i1.Config }, { token: i1$1.DomSanitizer }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.2", type: SideBarComponent, selector: "eo-side-bar", outputs: { eoOutsideClick: "eoOutsideClick" }, ngImport: i0, template: "<div class=\"eo-side-bar\" eoTrapFocus>\n  <eo-icon (click)=\"close()\" (keydown.enter)=\"close()\" tabindex=\"0\" class=\"button white close\"\n    [iconSrc]=\"'assets/_default/svg/ic_clear.svg'\" focusable></eo-icon>\n\n  <div class=\"head\" [style.background-image]=\"backgroundImage\"></div>\n\n  <div class=\"body\">\n        <div class=\"navigation\">\n          <div class=\"nav-item\" *ngIf=\"capabilities.favorites\">\n            <a routerLink=\"/favorites\" routerLinkActive=\"active-link\"\n               translate>eo.view.navigation.favorites</a>\n          </div>\n          <div class=\"nav-item\" *ngIf=\"capabilities.inbox\">\n            <a routerLink=\"/inbox\" routerLinkActive=\"active-link\"\n               translate>eo.view.navigation.inbox</a>\n          </div>\n\n          <div class=\"nav-item\" *ngIf=\"capabilities.intray\">\n            <a routerLink=\"/prepare\" routerLinkActive=\"active-link\"\n               translate>eo.view.navigation.prepare</a>\n          </div>\n\n          <div class=\"nav-item\" *ngIf=\"capabilities.bpm\">\n            <a routerLink=\"/process\" routerLinkActive=\"active-link\"\n               translate>eo.view.navigation.process</a>\n          </div>\n\n          <div class=\"nav-item\" *ngIf=\"capabilities.notifications\">\n            <a routerLink=\"/notifications\" routerLinkActive=\"active-link\"\n              translate>eo.view.navigation.notifications</a>\n          </div>\n\n          <div class=\"nav-item\" *ngIf=\"capabilities.storedqueries\">\n            <a routerLink=\"/stored-queries\" routerLinkActive=\"active-link\"\n              translate>eo.view.navigation.storedqueries</a>\n          </div>\n\n          <div class=\"nav-item\" *ngIf=\"capabilities.recyclebin\">\n            <a routerLink=\"/recyclebin\" routerLinkActive=\"active-link\"\n               translate>eo.view.navigation.recyclebin</a>\n          </div>\n          <ng-content select=\".navi\"></ng-content>\n          <div class=\"nav-item\" >\n            <a routerLink=\"/about\" translate>eo.sidebar.help.about.tooltip</a>\n          </div>\n        </div>\n  </div>\n</div>\n", styles: [":host{--sidebar-header-height: 250px}:host .eo-side-bar{background-color:var(--color-primary);position:absolute;box-shadow:0 0 20px rgba(var(--color-black-rgb),.5);top:0;bottom:0;animation-duration:.2s;z-index:20;width:300px}[dir=ltr] :host .eo-side-bar{left:0;right:inherit}[dir=rtl] :host .eo-side-bar{right:0;left:inherit}[dir=ltr] :host .eo-side-bar{animation-name:sidebarAppearLeft}[dir=rtl] :host .eo-side-bar{animation-name:sidebarAppearRight}:host .eo-side-bar .close{position:absolute;top:var(--app-pane-padding);z-index:22}[dir=ltr] :host .eo-side-bar .close{left:var(--app-pane-padding)}[dir=rtl] :host .eo-side-bar .close{right:var(--app-pane-padding)}:host .eo-side-bar .head{position:absolute;top:0;right:0;left:0;height:var(--sidebar-header-height);background-size:cover;background-position:center center;z-index:21}:host .eo-side-bar .body ::ng-deep{position:absolute;top:calc(var(--sidebar-header-height));right:0;left:0;bottom:0;z-index:22;overflow-y:auto}:host .eo-side-bar .body ::ng-deep a:focus eo-icon,:host .eo-side-bar .body ::ng-deep a:hover eo-icon{background:rgba(var(--color-white-rgb),.1)}:host .eo-side-bar .body ::ng-deep .nav-item{border-bottom:1px solid rgba(var(--color-white-rgb),.1)}:host .eo-side-bar .body ::ng-deep .nav-item a{color:var(--color-white);padding:var(--app-pane-padding);display:block;cursor:pointer;text-decoration:none;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}[dir=ltr] :host .eo-side-bar .body ::ng-deep .nav-item a{border-left:4px solid rgba(0,0,0,0)}[dir=rtl] :host .eo-side-bar .body ::ng-deep .nav-item a{border-right:4px solid rgba(0,0,0,0)}:host .eo-side-bar .body ::ng-deep .nav-item a.active-link{border-color:var(--color-accent);background:rgba(var(--color-white-rgb),.06);cursor:default}:host .eo-side-bar .body ::ng-deep .nav-item a:not(.active-link):focus,:host .eo-side-bar .body ::ng-deep .nav-item a:not(.active-link):hover{background:rgba(var(--color-white-rgb),.1)}@keyframes sidebarAppearLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes sidebarAppearRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}\n"], dependencies: [{ kind: "directive", type: i2$1.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i2$1.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { 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: RouterLinkDirective, selector: "a[routerLink]" }, { kind: "directive", type: TrapFocusDirective, selector: "[eoTrapFocus]" }] }); }
-}
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: SideBarComponent, deps: [{ token: i1.CapabilitiesService }, { token: i1.UserService }, { token: i1.Config }, { token: i1$1.DomSanitizer }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.2", type: SideBarComponent, selector: "eo-side-bar", outputs: { eoOutsideClick: "eoOutsideClick" }, ngImport: i0, template: "<div class=\"eo-side-bar\" eoTrapFocus>\n  <eo-icon (click)=\"close()\" (keydown.enter)=\"close()\" tabindex=\"0\" class=\"button white close\"\n    [iconSrc]=\"'assets/_default/svg/ic_clear.svg'\" focusable></eo-icon>\n\n  <div class=\"head\" [style.background-image]=\"backgroundImage\"></div>\n\n  <div class=\"body\">\n        <div class=\"navigation\">\n          <div class=\"nav-item dashboard\">\n            <a routerLink=\"/dashboard\" routerLinkActive=\"active-link\"\n               translate>eo.view.navigation.dashboard</a>\n          </div>\n          <div class=\"nav-item\" *ngIf=\"capabilities.favorites\">\n            <a routerLink=\"/favorites\" routerLinkActive=\"active-link\"\n               translate>eo.view.navigation.favorites</a>\n          </div>\n          <div class=\"nav-item\" *ngIf=\"capabilities.inbox\">\n            <a routerLink=\"/inbox\" routerLinkActive=\"active-link\"\n               translate>eo.view.navigation.inbox</a>\n          </div>\n\n          <div class=\"nav-item\" *ngIf=\"capabilities.intray\">\n            <a routerLink=\"/prepare\" routerLinkActive=\"active-link\"\n               translate>eo.view.navigation.prepare</a>\n          </div>\n\n          <div class=\"nav-item\" *ngIf=\"capabilities.bpm\">\n            <a routerLink=\"/process\" routerLinkActive=\"active-link\"\n               translate>eo.view.navigation.process</a>\n          </div>\n\n          <div class=\"nav-item\" *ngIf=\"capabilities.notifications\">\n            <a routerLink=\"/notifications\" routerLinkActive=\"active-link\"\n              translate>eo.view.navigation.notifications</a>\n          </div>\n\n          <div class=\"nav-item\" *ngIf=\"capabilities.storedqueries\">\n            <a routerLink=\"/stored-queries\" routerLinkActive=\"active-link\"\n              translate>eo.view.navigation.storedqueries</a>\n          </div>\n\n          <div class=\"nav-item\" *ngIf=\"capabilities.recyclebin\">\n            <a routerLink=\"/recyclebin\" routerLinkActive=\"active-link\"\n               translate>eo.view.navigation.recyclebin</a>\n          </div>\n          <ng-content select=\".navi\"></ng-content>\n          <div class=\"nav-item\" >\n            <a routerLink=\"/about\" translate>eo.sidebar.help.about.tooltip</a>\n          </div>\n            <div class=\"nav-item docu\">\n              <a href=\"{{docu.link}}\" target=\"_blank\" translate>eo.sidebar.help.manual</a>\n            </div>\n        </div>\n  </div>\n</div>\n", styles: [":host{--sidebar-header-height: 250px}:host .eo-side-bar{background-color:var(--color-primary);position:absolute;box-shadow:0 0 20px rgba(var(--color-black-rgb),.5);top:0;bottom:0;animation-duration:.2s;z-index:20;width:300px}[dir=ltr] :host .eo-side-bar{left:0;right:inherit}[dir=rtl] :host .eo-side-bar{right:0;left:inherit}[dir=ltr] :host .eo-side-bar{animation-name:sidebarAppearLeft}[dir=rtl] :host .eo-side-bar{animation-name:sidebarAppearRight}:host .eo-side-bar .close{position:absolute;top:var(--app-pane-padding);z-index:22}[dir=ltr] :host .eo-side-bar .close{left:var(--app-pane-padding)}[dir=rtl] :host .eo-side-bar .close{right:var(--app-pane-padding)}:host .eo-side-bar .head{position:absolute;top:0;right:0;left:0;height:var(--sidebar-header-height);background-size:cover;background-position:center center;z-index:21}:host .eo-side-bar .body ::ng-deep{position:absolute;top:calc(var(--sidebar-header-height));right:0;left:0;bottom:0;z-index:22;overflow-y:auto}:host .eo-side-bar .body ::ng-deep a:focus eo-icon,:host .eo-side-bar .body ::ng-deep a:hover eo-icon{background:rgba(var(--color-white-rgb),.1)}:host .eo-side-bar .body ::ng-deep .nav-item{border-bottom:1px solid rgba(var(--color-white-rgb),.1)}:host .eo-side-bar .body ::ng-deep .nav-item a{color:var(--color-white);padding:var(--app-pane-padding);display:block;cursor:pointer;text-decoration:none;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}[dir=ltr] :host .eo-side-bar .body ::ng-deep .nav-item a{border-left:4px solid rgba(0,0,0,0)}[dir=rtl] :host .eo-side-bar .body ::ng-deep .nav-item a{border-right:4px solid rgba(0,0,0,0)}:host .eo-side-bar .body ::ng-deep .nav-item a.active-link{border-color:var(--color-accent);background:rgba(var(--color-white-rgb),.06);cursor:default}:host .eo-side-bar .body ::ng-deep .nav-item a:not(.active-link):focus,:host .eo-side-bar .body ::ng-deep .nav-item a:not(.active-link):hover{background:rgba(var(--color-white-rgb),.1)}@keyframes sidebarAppearLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes sidebarAppearRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@media only screen and (max-width: 600px){:host .eo-side-bar>div{--sidebar-header-height: 50px}:host .head{display:none}}@media only screen and (min-width: 601px){:host .nav-item.dashboard,:host .nav-item.docu{display:none}}\n"], dependencies: [{ kind: "directive", type: i2$1.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i2$1.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { 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: RouterLinkDirective, selector: "a[routerLink]" }, { kind: "directive", type: TrapFocusDirective, selector: "[eoTrapFocus]" }] }); }
+};
+SideBarComponent = __decorate([
+    UntilDestroy()
+], SideBarComponent);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: SideBarComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'eo-side-bar', template: "<div class=\"eo-side-bar\" eoTrapFocus>\n  <eo-icon (click)=\"close()\" (keydown.enter)=\"close()\" tabindex=\"0\" class=\"button white close\"\n    [iconSrc]=\"'assets/_default/svg/ic_clear.svg'\" focusable></eo-icon>\n\n  <div class=\"head\" [style.background-image]=\"backgroundImage\"></div>\n\n  <div class=\"body\">\n        <div class=\"navigation\">\n          <div class=\"nav-item\" *ngIf=\"capabilities.favorites\">\n            <a routerLink=\"/favorites\" routerLinkActive=\"active-link\"\n               translate>eo.view.navigation.favorites</a>\n          </div>\n          <div class=\"nav-item\" *ngIf=\"capabilities.inbox\">\n            <a routerLink=\"/inbox\" routerLinkActive=\"active-link\"\n               translate>eo.view.navigation.inbox</a>\n          </div>\n\n          <div class=\"nav-item\" *ngIf=\"capabilities.intray\">\n            <a routerLink=\"/prepare\" routerLinkActive=\"active-link\"\n               translate>eo.view.navigation.prepare</a>\n          </div>\n\n          <div class=\"nav-item\" *ngIf=\"capabilities.bpm\">\n            <a routerLink=\"/process\" routerLinkActive=\"active-link\"\n               translate>eo.view.navigation.process</a>\n          </div>\n\n          <div class=\"nav-item\" *ngIf=\"capabilities.notifications\">\n            <a routerLink=\"/notifications\" routerLinkActive=\"active-link\"\n              translate>eo.view.navigation.notifications</a>\n          </div>\n\n          <div class=\"nav-item\" *ngIf=\"capabilities.storedqueries\">\n            <a routerLink=\"/stored-queries\" routerLinkActive=\"active-link\"\n              translate>eo.view.navigation.storedqueries</a>\n          </div>\n\n          <div class=\"nav-item\" *ngIf=\"capabilities.recyclebin\">\n            <a routerLink=\"/recyclebin\" routerLinkActive=\"active-link\"\n               translate>eo.view.navigation.recyclebin</a>\n          </div>\n          <ng-content select=\".navi\"></ng-content>\n          <div class=\"nav-item\" >\n            <a routerLink=\"/about\" translate>eo.sidebar.help.about.tooltip</a>\n          </div>\n        </div>\n  </div>\n</div>\n", styles: [":host{--sidebar-header-height: 250px}:host .eo-side-bar{background-color:var(--color-primary);position:absolute;box-shadow:0 0 20px rgba(var(--color-black-rgb),.5);top:0;bottom:0;animation-duration:.2s;z-index:20;width:300px}[dir=ltr] :host .eo-side-bar{left:0;right:inherit}[dir=rtl] :host .eo-side-bar{right:0;left:inherit}[dir=ltr] :host .eo-side-bar{animation-name:sidebarAppearLeft}[dir=rtl] :host .eo-side-bar{animation-name:sidebarAppearRight}:host .eo-side-bar .close{position:absolute;top:var(--app-pane-padding);z-index:22}[dir=ltr] :host .eo-side-bar .close{left:var(--app-pane-padding)}[dir=rtl] :host .eo-side-bar .close{right:var(--app-pane-padding)}:host .eo-side-bar .head{position:absolute;top:0;right:0;left:0;height:var(--sidebar-header-height);background-size:cover;background-position:center center;z-index:21}:host .eo-side-bar .body ::ng-deep{position:absolute;top:calc(var(--sidebar-header-height));right:0;left:0;bottom:0;z-index:22;overflow-y:auto}:host .eo-side-bar .body ::ng-deep a:focus eo-icon,:host .eo-side-bar .body ::ng-deep a:hover eo-icon{background:rgba(var(--color-white-rgb),.1)}:host .eo-side-bar .body ::ng-deep .nav-item{border-bottom:1px solid rgba(var(--color-white-rgb),.1)}:host .eo-side-bar .body ::ng-deep .nav-item a{color:var(--color-white);padding:var(--app-pane-padding);display:block;cursor:pointer;text-decoration:none;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}[dir=ltr] :host .eo-side-bar .body ::ng-deep .nav-item a{border-left:4px solid rgba(0,0,0,0)}[dir=rtl] :host .eo-side-bar .body ::ng-deep .nav-item a{border-right:4px solid rgba(0,0,0,0)}:host .eo-side-bar .body ::ng-deep .nav-item a.active-link{border-color:var(--color-accent);background:rgba(var(--color-white-rgb),.06);cursor:default}:host .eo-side-bar .body ::ng-deep .nav-item a:not(.active-link):focus,:host .eo-side-bar .body ::ng-deep .nav-item a:not(.active-link):hover{background:rgba(var(--color-white-rgb),.1)}@keyframes sidebarAppearLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes sidebarAppearRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}\n"] }]
-        }], ctorParameters: () => [{ type: i1.CapabilitiesService }, { type: i1.Config }, { type: i1$1.DomSanitizer }, { type: i0.ElementRef }], propDecorators: { eoOutsideClick: [{
+            args: [{ selector: 'eo-side-bar', template: "<div class=\"eo-side-bar\" eoTrapFocus>\n  <eo-icon (click)=\"close()\" (keydown.enter)=\"close()\" tabindex=\"0\" class=\"button white close\"\n    [iconSrc]=\"'assets/_default/svg/ic_clear.svg'\" focusable></eo-icon>\n\n  <div class=\"head\" [style.background-image]=\"backgroundImage\"></div>\n\n  <div class=\"body\">\n        <div class=\"navigation\">\n          <div class=\"nav-item dashboard\">\n            <a routerLink=\"/dashboard\" routerLinkActive=\"active-link\"\n               translate>eo.view.navigation.dashboard</a>\n          </div>\n          <div class=\"nav-item\" *ngIf=\"capabilities.favorites\">\n            <a routerLink=\"/favorites\" routerLinkActive=\"active-link\"\n               translate>eo.view.navigation.favorites</a>\n          </div>\n          <div class=\"nav-item\" *ngIf=\"capabilities.inbox\">\n            <a routerLink=\"/inbox\" routerLinkActive=\"active-link\"\n               translate>eo.view.navigation.inbox</a>\n          </div>\n\n          <div class=\"nav-item\" *ngIf=\"capabilities.intray\">\n            <a routerLink=\"/prepare\" routerLinkActive=\"active-link\"\n               translate>eo.view.navigation.prepare</a>\n          </div>\n\n          <div class=\"nav-item\" *ngIf=\"capabilities.bpm\">\n            <a routerLink=\"/process\" routerLinkActive=\"active-link\"\n               translate>eo.view.navigation.process</a>\n          </div>\n\n          <div class=\"nav-item\" *ngIf=\"capabilities.notifications\">\n            <a routerLink=\"/notifications\" routerLinkActive=\"active-link\"\n              translate>eo.view.navigation.notifications</a>\n          </div>\n\n          <div class=\"nav-item\" *ngIf=\"capabilities.storedqueries\">\n            <a routerLink=\"/stored-queries\" routerLinkActive=\"active-link\"\n              translate>eo.view.navigation.storedqueries</a>\n          </div>\n\n          <div class=\"nav-item\" *ngIf=\"capabilities.recyclebin\">\n            <a routerLink=\"/recyclebin\" routerLinkActive=\"active-link\"\n               translate>eo.view.navigation.recyclebin</a>\n          </div>\n          <ng-content select=\".navi\"></ng-content>\n          <div class=\"nav-item\" >\n            <a routerLink=\"/about\" translate>eo.sidebar.help.about.tooltip</a>\n          </div>\n            <div class=\"nav-item docu\">\n              <a href=\"{{docu.link}}\" target=\"_blank\" translate>eo.sidebar.help.manual</a>\n            </div>\n        </div>\n  </div>\n</div>\n", styles: [":host{--sidebar-header-height: 250px}:host .eo-side-bar{background-color:var(--color-primary);position:absolute;box-shadow:0 0 20px rgba(var(--color-black-rgb),.5);top:0;bottom:0;animation-duration:.2s;z-index:20;width:300px}[dir=ltr] :host .eo-side-bar{left:0;right:inherit}[dir=rtl] :host .eo-side-bar{right:0;left:inherit}[dir=ltr] :host .eo-side-bar{animation-name:sidebarAppearLeft}[dir=rtl] :host .eo-side-bar{animation-name:sidebarAppearRight}:host .eo-side-bar .close{position:absolute;top:var(--app-pane-padding);z-index:22}[dir=ltr] :host .eo-side-bar .close{left:var(--app-pane-padding)}[dir=rtl] :host .eo-side-bar .close{right:var(--app-pane-padding)}:host .eo-side-bar .head{position:absolute;top:0;right:0;left:0;height:var(--sidebar-header-height);background-size:cover;background-position:center center;z-index:21}:host .eo-side-bar .body ::ng-deep{position:absolute;top:calc(var(--sidebar-header-height));right:0;left:0;bottom:0;z-index:22;overflow-y:auto}:host .eo-side-bar .body ::ng-deep a:focus eo-icon,:host .eo-side-bar .body ::ng-deep a:hover eo-icon{background:rgba(var(--color-white-rgb),.1)}:host .eo-side-bar .body ::ng-deep .nav-item{border-bottom:1px solid rgba(var(--color-white-rgb),.1)}:host .eo-side-bar .body ::ng-deep .nav-item a{color:var(--color-white);padding:var(--app-pane-padding);display:block;cursor:pointer;text-decoration:none;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}[dir=ltr] :host .eo-side-bar .body ::ng-deep .nav-item a{border-left:4px solid rgba(0,0,0,0)}[dir=rtl] :host .eo-side-bar .body ::ng-deep .nav-item a{border-right:4px solid rgba(0,0,0,0)}:host .eo-side-bar .body ::ng-deep .nav-item a.active-link{border-color:var(--color-accent);background:rgba(var(--color-white-rgb),.06);cursor:default}:host .eo-side-bar .body ::ng-deep .nav-item a:not(.active-link):focus,:host .eo-side-bar .body ::ng-deep .nav-item a:not(.active-link):hover{background:rgba(var(--color-white-rgb),.1)}@keyframes sidebarAppearLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes sidebarAppearRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@media only screen and (max-width: 600px){:host .eo-side-bar>div{--sidebar-header-height: 50px}:host .head{display:none}}@media only screen and (min-width: 601px){:host .nav-item.dashboard,:host .nav-item.docu{display:none}}\n"] }]
+        }], ctorParameters: () => [{ type: i1.CapabilitiesService }, { type: i1.UserService }, { type: i1.Config }, { type: i1$1.DomSanitizer }, { type: i0.ElementRef }], propDecorators: { eoOutsideClick: [{
                 type: Output
             }] } });
@@ -16133,7 +16168,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImpor
             }] } });
 let AppBarComponent = class AppBarComponent {
-    constructor(userService, capabilityService, translate, inboxService, prepareService, router, bpmService, eventService, config, elemRef, pendingChanges) {
+    constructor(userService, capabilityService, translate, inboxService, prepareService, router, bpmService, eventService, config, pendingChanges) {
         this.userService = userService;
         this.capabilityService = capabilityService;
         this.translate = translate;
@@ -16143,7 +16178,6 @@ let AppBarComponent = class AppBarComponent {
         this.bpmService = bpmService;
         this.eventService = eventService;
         this.config = config;
-        this.elemRef = elemRef;
         this.pendingChanges = pendingChanges;
         this.transparent = false;
         this.sidebarShow = false;
@@ -16197,7 +16231,7 @@ let AppBarComponent = class AppBarComponent {
             .user$
             .subscribe(data => {
             const docu = this.config.getRaw('about.docu');
-            const link = docu.link.replace('###userLang###', data?.userSettings?.clientlocale?.substring(0, 2) || this.user.getClientLocale());
+            const link = docu.link.replace('###userLang###', data?.userSettings?.clientlocale?.substring(0, 2) || this.user?.getClientLocale());
             this.docu = { ...docu, link };
         });
     }
@@ -16300,16 +16334,16 @@ let AppBarComponent = class AppBarComponent {
         //   });
         this.initVisibilityChangeListener();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: AppBarComponent, deps: [{ token: i1.UserService }, { token: i1.CapabilitiesService }, { token: i1.TranslateService }, { token: i1.InboxService }, { token: i1.PrepareService }, { token: i2$1.Router }, { token: i1.BpmService }, { token: i1.EventService }, { token: i1.Config }, { token: i0.ElementRef }, { token: PendingChangesService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.2", type: AppBarComponent, selector: "eo-app-bar", inputs: { transparent: "transparent" }, viewQueries: [{ propertyName: "avatarComponents", predicate: UserAvatarComponent, descendants: true }], ngImport: i0, template: "<eo-side-bar (eoOutsideClick)=\"sidebarShow = !sidebarShow\" *ngIf=\"sidebarShow\">\n  <div class=\"navi\">\n    <ng-content select=\"eo-sidebar-plugin.navi\"></ng-content>\n  </div>\n  <div class=\"help\">\n    <ng-content select=\"eo-sidebar-plugin.help\"></ng-content>\n  </div>\n</eo-side-bar>\n\n<div class=\"eo-app-bar\" [ngClass]=\"{transparent: transparent}\" eoRtlAware>\n\n  <div class=\"left\">\n\n    <eo-icon id=\"app-menu\" class=\"menu white\" tabindex=\"0\"\n             (click)=\"toggleSidebar()\" (keyup.enter)=\"toggleSidebar()\"\n             [iconSrc]=\"'assets/_default/svg/ic_hamburger.svg'\"></eo-icon>\n    <eo-icon (click)=\"openDashboard($event.ctrlKey)\" (auxclick)=\"openDashboard(true)\"\n              (keyup.enter)=\"openDashboard(false)\" tabindex=\"0\"\n              class=\"logo white\" [iconSrc]=\"logo\"></eo-icon>\n\n    <div class=\"actions\">\n      <a tabindex=\"0\" (keydown.enter)=\"openSearchOverlay()\" (click)=\"openSearchOverlay()\">\n        <eo-icon id=\"app-search\" class=\"search white\" queryParamsHandling=\"preserve\"\n                [iconTitle]=\"iconTitles.search\"\n                [iconSrc]=\"'assets/_default/svg/ic_search.svg'\"></eo-icon>\n      </a>\n\n      <a tabindex=\"0\" (keydown.enter)=\"openCreateObjectOverlay()\" (click)=\"openCreateObjectOverlay()\">\n        <eo-icon id=\"app-add\" class=\"add white\" *ngIf=\"capabilities.intray\"\n                [iconTitle]=\"iconTitles.file\"\n                [iconSrc]=\"'assets/_default/svg/ic_add.svg'\"></eo-icon>\n      </a>\n      <a tabindex=\"0\" (keydown.enter)=\"openProcessOverlay()\" (click)=\"openProcessOverlay()\">\n        <eo-icon id=\"app-actions\" class=\"actions white\" *ngIf=\"exeActions\"\n                [iconTitle]=\"iconTitles.exeactions\"\n                [iconSrc]=\"'assets/_default/svg/ic_bpm_start.svg'\"></eo-icon>\n      </a>\n    </div>\n  </div>\n  <eo-license-warning [licenseState]=\"user.license\" [transparent]=\"transparent\"></eo-license-warning>\n  <div class=\"right\">\n    <div class=\"sub\">\n      <eo-clipboard></eo-clipboard>\n    </div>\n    <a tabindex=\"0\" (keydown.enter)=\"openState('/favorites')\" (click)=\"openState('/favorites')\">\n      <eo-icon class=\"button white favorite\"\n              [iconTitle]=\"iconTitles.favorites\" *ngIf=\"capabilities.favorites\"\n              [iconSrc]=\"'assets/_default/svg/ic_favorite.svg'\"></eo-icon>\n    </a>\n    <a tabindex=\"0\" (keydown.enter)=\"openState('/prepare')\" (click)=\"openState('/prepare')\">\n      <eo-icon class=\"button white prepare\" *ngIf=\"capabilities.intray\"\n              [iconTitle]=\"iconTitles.prepare\"\n              [badge]=\"preparedItemsCount\" [iconSrc]=\"'assets/_default/svg/ic_prepare.svg'\"></eo-icon>\n    </a>\n    <a tabindex=\"0\" (keydown.enter)=\"openState('/inbox')\" (click)=\"openState('/inbox')\">\n      <eo-icon class=\"button white inbox\" [ngClass]=\"{alert: inboxState?.overduemessages > 0}\" *ngIf=\"capabilities.inbox\"\n              [iconTitle]=\"iconTitles.index\"\n              [badge]=\"inboxState?.totalmessages\" [iconSrc]=\"'assets/_default/svg/ic_inbox.svg'\"></eo-icon>\n    </a>\n    <a tabindex=\"0\" href=\"{{docu.link}}\" target=\"_blank\">\n      <eo-icon class=\"button white about\"\n              [iconTitle]=\"iconTitles.about\" [iconSrc]=\"'assets/_default/svg/ic_about.svg'\"></eo-icon>\n    </a>\n    <eo-overlay #userpanel [userAvatar]=\"true\">\n      <eo-user-avatar-overlay [userPanel]=\"userpanel\"></eo-user-avatar-overlay>\n    </eo-overlay>\n\n\n  </div>\n</div>\n", styles: [":host .eo-app-bar{background:var(--color-primary);color:var(--color-white);height:var(--app-bar-height);position:absolute;left:0;right:0;top:0;display:flex;flex-flow:row nowrap;align-items:center;justify-content:space-between;z-index:5}:host .eo-app-bar eo-icon:focus,:host .eo-app-bar eo-icon:hover,:host .eo-app-bar a:focus eo-icon,:host .eo-app-bar a:hover eo-icon{background:rgba(var(--color-white-rgb),.25)}:host .eo-app-bar .left{display:flex;height:var(--app-bar-height);flex-flow:row nowrap;align-items:center}@media screen and (max-width: 480px){:host .eo-app-bar .left{padding-right:0}}:host .eo-app-bar .left eo-icon.menu{z-index:22;width:var(--app-bar-height);height:var(--app-bar-height);box-sizing:border-box;cursor:pointer;padding:20px;background-color:var(--color-accent)}:host .eo-app-bar .left eo-icon.menu:focus{outline:1px solid var(--color-white);outline-offset:-1px}:host .eo-app-bar .left eo-icon.logo{width:104px;height:auto;cursor:pointer;margin:0 4px;background-color:transparent;padding:var(--app-pane-padding) calc(var(--app-pane-padding) * 2) var(--app-pane-padding) calc(var(--app-pane-padding) / 2)}@media screen and (max-width: 480px){:host .eo-app-bar .left eo-icon.logo{width:80px}}:host .eo-app-bar .left eo-icon.logo:focus{outline:1px solid var(--color-accent)}:host .eo-app-bar .left .actions{display:flex;flex-flow:row nowrap;align-items:center}:host .eo-app-bar .left .actions a eo-icon{padding:8px;cursor:pointer;border-radius:50%;box-sizing:content-box;margin:4px;color:var(--color-white)}:host .eo-app-bar .left .actions a:focus eo-icon,:host .eo-app-bar .left .actions a:hover eo-icon{background:var(--color-accent)}:host .eo-app-bar .right{display:flex;flex-flow:row nowrap;align-items:center}:host .eo-app-bar .right .sub{display:flex;flex-flow:row nowrap;align-items:center;padding:calc(var(--app-pane-padding) / 4) calc(var(--app-pane-padding) / 2);margin:0 calc(var(--app-pane-padding) / 2)}:host .eo-app-bar .right .sub>*{margin:0 calc(var(--app-pane-padding) / 4)}:host .eo-app-bar .right eo-icon{margin:0 4px}:host .eo-app-bar .right eo-icon.alert{position:relative}:host .eo-app-bar .right eo-icon.alert:after{content:\"\";position:absolute;left:0;right:0;bottom:-4px;height:4px;background-color:var(--color-error)}@media screen and (max-width: 480px){:host .eo-app-bar .right eo-icon{display:none}}:host .eo-app-bar.transparent{background:transparent}:host .eo-app-bar.transparent .left eo-icon.menu{background-color:transparent}:host .eo-app-bar.transparent .left eo-icon.menu:focus{outline:1px solid var(--color-accent)}@media screen and (max-width: 480px){:host .eo-app-bar.rtl .left{padding-right:var(--app-pane-padding);padding-left:0}}@keyframes dropDownAppear{0%{opacity:0;-webkit-transform:translateY(-30px);transform:translateY(-30px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}\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: "component", type: EoIconComponent, selector: "eo-icon", inputs: ["objectType", "iconId", "iconSrc", "badge", "iconTitle"] }, { kind: "directive", type: OutsideClickDirective, selector: "[eoOutsideClick]", outputs: ["eoOutsideClick"] }, { kind: "directive", type: RtlAwareDirective, selector: "[eoRtlAware]", inputs: ["eoRtlAware"] }, { kind: "component", type: ClipboardComponent, selector: "eo-clipboard" }, { kind: "component", type: OverlayComponent, selector: "eo-overlay", inputs: ["iconSrc", "badge", "iconClass", "active", "iconTitle", "userAvatar"] }, { kind: "component", type: SideBarComponent, selector: "eo-side-bar", outputs: ["eoOutsideClick"] }, { kind: "component", type: UserAvatarOverlayComponent, selector: "eo-user-avatar-overlay", inputs: ["userPanel"] }, { kind: "component", type: LicenseWarningComponent, selector: "eo-license-warning", inputs: ["licenseState", "transparent"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: AppBarComponent, deps: [{ token: i1.UserService }, { token: i1.CapabilitiesService }, { token: i1.TranslateService }, { token: i1.InboxService }, { token: i1.PrepareService }, { token: i2$1.Router }, { token: i1.BpmService }, { token: i1.EventService }, { token: i1.Config }, { token: PendingChangesService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.2", type: AppBarComponent, selector: "eo-app-bar", inputs: { transparent: "transparent" }, viewQueries: [{ propertyName: "avatarComponents", predicate: UserAvatarComponent, descendants: true }], ngImport: i0, template: "<eo-side-bar (eoOutsideClick)=\"sidebarShow = !sidebarShow\" *ngIf=\"sidebarShow\">\n  <div class=\"navi\">\n    <ng-content select=\"eo-sidebar-plugin.navi\"></ng-content>\n  </div>\n  <div class=\"help\">\n    <ng-content select=\"eo-sidebar-plugin.help\"></ng-content>\n  </div>\n</eo-side-bar>\n\n<div class=\"eo-app-bar\" [ngClass]=\"{transparent: transparent}\" eoRtlAware>\n\n  <div class=\"left\">\n\n    <eo-icon id=\"app-menu\" class=\"menu white\" tabindex=\"0\"\n             (click)=\"toggleSidebar()\" (keyup.enter)=\"toggleSidebar()\"\n             [iconSrc]=\"'assets/_default/svg/ic_hamburger.svg'\"></eo-icon>\n    <eo-icon (click)=\"openDashboard($event.ctrlKey)\" (auxclick)=\"openDashboard(true)\"\n              (keyup.enter)=\"openDashboard(false)\" tabindex=\"0\"\n              class=\"logo white\" [iconSrc]=\"logo\"></eo-icon>\n\n    <div class=\"actions\">\n      <a tabindex=\"0\" (keydown.enter)=\"openSearchOverlay()\" (click)=\"openSearchOverlay()\">\n        <eo-icon id=\"app-search\" class=\"search white\" queryParamsHandling=\"preserve\"\n                [iconTitle]=\"iconTitles.search\"\n                [iconSrc]=\"'assets/_default/svg/ic_search.svg'\"></eo-icon>\n      </a>\n\n      <a tabindex=\"0\" (keydown.enter)=\"openCreateObjectOverlay()\" (click)=\"openCreateObjectOverlay()\">\n        <eo-icon id=\"app-add\" class=\"add white\" *ngIf=\"capabilities.intray\"\n                [iconTitle]=\"iconTitles.file\"\n                [iconSrc]=\"'assets/_default/svg/ic_add.svg'\"></eo-icon>\n      </a>\n      <a tabindex=\"0\" (keydown.enter)=\"openProcessOverlay()\" (click)=\"openProcessOverlay()\">\n        <eo-icon id=\"app-actions\" class=\"actions white\" *ngIf=\"exeActions\"\n                [iconTitle]=\"iconTitles.exeactions\"\n                [iconSrc]=\"'assets/_default/svg/ic_bpm_start.svg'\"></eo-icon>\n      </a>\n    </div>\n  </div>\n  <eo-license-warning [licenseState]=\"user.license\" [transparent]=\"transparent\"></eo-license-warning>\n  <div class=\"right\">\n    <div class=\"sub\">\n      <eo-clipboard></eo-clipboard>\n    </div>\n    <a tabindex=\"0\" (keydown.enter)=\"openState('/favorites')\" (click)=\"openState('/favorites')\">\n      <eo-icon class=\"button white favorite\"\n              [iconTitle]=\"iconTitles.favorites\" *ngIf=\"capabilities.favorites\"\n              [iconSrc]=\"'assets/_default/svg/ic_favorite.svg'\"></eo-icon>\n    </a>\n    <a tabindex=\"0\" (keydown.enter)=\"openState('/prepare')\" (click)=\"openState('/prepare')\">\n      <eo-icon class=\"button white prepare\" *ngIf=\"capabilities.intray\"\n              [iconTitle]=\"iconTitles.prepare\"\n              [badge]=\"preparedItemsCount\" [iconSrc]=\"'assets/_default/svg/ic_prepare.svg'\"></eo-icon>\n    </a>\n    <a tabindex=\"0\" (keydown.enter)=\"openState('/inbox')\" (click)=\"openState('/inbox')\">\n      <eo-icon class=\"button white inbox\" [ngClass]=\"{alert: inboxState?.overduemessages > 0}\" *ngIf=\"capabilities.inbox\"\n              [iconTitle]=\"iconTitles.index\"\n              [badge]=\"inboxState?.totalmessages\" [iconSrc]=\"'assets/_default/svg/ic_inbox.svg'\"></eo-icon>\n    </a>\n    <a tabindex=\"0\" href=\"{{docu.link}}\" target=\"_blank\">\n      <eo-icon class=\"button white about\"\n              [iconTitle]=\"iconTitles.about\" [iconSrc]=\"'assets/_default/svg/ic_about.svg'\"></eo-icon>\n    </a>\n    <eo-overlay #userpanel [userAvatar]=\"true\">\n      <eo-user-avatar-overlay [userPanel]=\"userpanel\"></eo-user-avatar-overlay>\n    </eo-overlay>\n\n\n  </div>\n</div>\n", styles: [":host .eo-app-bar{background:var(--color-primary);color:var(--color-white);height:var(--app-bar-height);position:absolute;left:0;right:0;top:0;display:flex;flex-flow:row nowrap;align-items:center;justify-content:space-between;z-index:5}@media only screen and (max-width: 700px){:host .eo-app-bar eo-license-warning{display:none}}@media only screen and (max-width: 600px){:host .eo-app-bar .right>a{display:none}}@media only screen and (max-width: 480px){:host .eo-app-bar eo-icon.logo{display:none}}:host .eo-app-bar eo-icon:focus,:host .eo-app-bar eo-icon:hover,:host .eo-app-bar a:focus eo-icon,:host .eo-app-bar a:hover eo-icon{background:rgba(var(--color-white-rgb),.25)}:host .eo-app-bar .left{display:flex;height:var(--app-bar-height);flex-flow:row nowrap;align-items:center}@media screen and (max-width: 480px){:host .eo-app-bar .left{padding-right:0}}:host .eo-app-bar .left eo-icon.menu{z-index:22;width:var(--app-bar-height);height:var(--app-bar-height);box-sizing:border-box;cursor:pointer;padding:20px;background-color:var(--color-accent)}:host .eo-app-bar .left eo-icon.menu:focus{outline:1px solid var(--color-white);outline-offset:-1px}:host .eo-app-bar .left eo-icon.logo{width:104px;height:auto;cursor:pointer;margin:0 4px;background-color:transparent;padding:var(--app-pane-padding) calc(var(--app-pane-padding) * 2) var(--app-pane-padding) calc(var(--app-pane-padding) / 2)}@media screen and (max-width: 480px){:host .eo-app-bar .left eo-icon.logo{width:80px}}:host .eo-app-bar .left eo-icon.logo:focus{outline:1px solid var(--color-accent)}:host .eo-app-bar .left .actions{display:flex;flex-flow:row nowrap;align-items:center}:host .eo-app-bar .left .actions a eo-icon{padding:8px;cursor:pointer;border-radius:50%;box-sizing:content-box;margin:4px;color:var(--color-white)}:host .eo-app-bar .left .actions a:focus eo-icon,:host .eo-app-bar .left .actions a:hover eo-icon{background:var(--color-accent)}:host .eo-app-bar .right{display:flex;flex-flow:row nowrap;align-items:center}:host .eo-app-bar .right .sub{display:flex;flex-flow:row nowrap;align-items:center;padding:calc(var(--app-pane-padding) / 4) calc(var(--app-pane-padding) / 2);margin:0 calc(var(--app-pane-padding) / 2)}:host .eo-app-bar .right .sub>*{margin:0 calc(var(--app-pane-padding) / 4)}:host .eo-app-bar .right eo-icon{margin:0 4px}:host .eo-app-bar .right eo-icon.alert{position:relative}:host .eo-app-bar .right eo-icon.alert:after{content:\"\";position:absolute;left:0;right:0;bottom:-4px;height:4px;background-color:var(--color-error)}@media screen and (max-width: 480px){:host .eo-app-bar .right eo-icon{display:none}}:host .eo-app-bar.transparent{background:transparent}:host .eo-app-bar.transparent .left eo-icon.menu{background-color:transparent}:host .eo-app-bar.transparent .left eo-icon.menu:focus{outline:1px solid var(--color-accent)}@media screen and (max-width: 480px){:host .eo-app-bar.rtl .left{padding-right:var(--app-pane-padding);padding-left:0}}@keyframes dropDownAppear{0%{opacity:0;-webkit-transform:translateY(-30px);transform:translateY(-30px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}\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: "component", type: EoIconComponent, selector: "eo-icon", inputs: ["objectType", "iconId", "iconSrc", "badge", "iconTitle"] }, { kind: "directive", type: OutsideClickDirective, selector: "[eoOutsideClick]", outputs: ["eoOutsideClick"] }, { kind: "directive", type: RtlAwareDirective, selector: "[eoRtlAware]", inputs: ["eoRtlAware"] }, { kind: "component", type: ClipboardComponent, selector: "eo-clipboard" }, { kind: "component", type: OverlayComponent, selector: "eo-overlay", inputs: ["iconSrc", "badge", "iconClass", "active", "iconTitle", "userAvatar"] }, { kind: "component", type: SideBarComponent, selector: "eo-side-bar", outputs: ["eoOutsideClick"] }, { kind: "component", type: UserAvatarOverlayComponent, selector: "eo-user-avatar-overlay", inputs: ["userPanel"] }, { kind: "component", type: LicenseWarningComponent, selector: "eo-license-warning", inputs: ["licenseState", "transparent"] }] }); }
 };
 AppBarComponent = __decorate([
     UntilDestroy()
 ], AppBarComponent);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: AppBarComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'eo-app-bar', template: "<eo-side-bar (eoOutsideClick)=\"sidebarShow = !sidebarShow\" *ngIf=\"sidebarShow\">\n  <div class=\"navi\">\n    <ng-content select=\"eo-sidebar-plugin.navi\"></ng-content>\n  </div>\n  <div class=\"help\">\n    <ng-content select=\"eo-sidebar-plugin.help\"></ng-content>\n  </div>\n</eo-side-bar>\n\n<div class=\"eo-app-bar\" [ngClass]=\"{transparent: transparent}\" eoRtlAware>\n\n  <div class=\"left\">\n\n    <eo-icon id=\"app-menu\" class=\"menu white\" tabindex=\"0\"\n             (click)=\"toggleSidebar()\" (keyup.enter)=\"toggleSidebar()\"\n             [iconSrc]=\"'assets/_default/svg/ic_hamburger.svg'\"></eo-icon>\n    <eo-icon (click)=\"openDashboard($event.ctrlKey)\" (auxclick)=\"openDashboard(true)\"\n              (keyup.enter)=\"openDashboard(false)\" tabindex=\"0\"\n              class=\"logo white\" [iconSrc]=\"logo\"></eo-icon>\n\n    <div class=\"actions\">\n      <a tabindex=\"0\" (keydown.enter)=\"openSearchOverlay()\" (click)=\"openSearchOverlay()\">\n        <eo-icon id=\"app-search\" class=\"search white\" queryParamsHandling=\"preserve\"\n                [iconTitle]=\"iconTitles.search\"\n                [iconSrc]=\"'assets/_default/svg/ic_search.svg'\"></eo-icon>\n      </a>\n\n      <a tabindex=\"0\" (keydown.enter)=\"openCreateObjectOverlay()\" (click)=\"openCreateObjectOverlay()\">\n        <eo-icon id=\"app-add\" class=\"add white\" *ngIf=\"capabilities.intray\"\n                [iconTitle]=\"iconTitles.file\"\n                [iconSrc]=\"'assets/_default/svg/ic_add.svg'\"></eo-icon>\n      </a>\n      <a tabindex=\"0\" (keydown.enter)=\"openProcessOverlay()\" (click)=\"openProcessOverlay()\">\n        <eo-icon id=\"app-actions\" class=\"actions white\" *ngIf=\"exeActions\"\n                [iconTitle]=\"iconTitles.exeactions\"\n                [iconSrc]=\"'assets/_default/svg/ic_bpm_start.svg'\"></eo-icon>\n      </a>\n    </div>\n  </div>\n  <eo-license-warning [licenseState]=\"user.license\" [transparent]=\"transparent\"></eo-license-warning>\n  <div class=\"right\">\n    <div class=\"sub\">\n      <eo-clipboard></eo-clipboard>\n    </div>\n    <a tabindex=\"0\" (keydown.enter)=\"openState('/favorites')\" (click)=\"openState('/favorites')\">\n      <eo-icon class=\"button white favorite\"\n              [iconTitle]=\"iconTitles.favorites\" *ngIf=\"capabilities.favorites\"\n              [iconSrc]=\"'assets/_default/svg/ic_favorite.svg'\"></eo-icon>\n    </a>\n    <a tabindex=\"0\" (keydown.enter)=\"openState('/prepare')\" (click)=\"openState('/prepare')\">\n      <eo-icon class=\"button white prepare\" *ngIf=\"capabilities.intray\"\n              [iconTitle]=\"iconTitles.prepare\"\n              [badge]=\"preparedItemsCount\" [iconSrc]=\"'assets/_default/svg/ic_prepare.svg'\"></eo-icon>\n    </a>\n    <a tabindex=\"0\" (keydown.enter)=\"openState('/inbox')\" (click)=\"openState('/inbox')\">\n      <eo-icon class=\"button white inbox\" [ngClass]=\"{alert: inboxState?.overduemessages > 0}\" *ngIf=\"capabilities.inbox\"\n              [iconTitle]=\"iconTitles.index\"\n              [badge]=\"inboxState?.totalmessages\" [iconSrc]=\"'assets/_default/svg/ic_inbox.svg'\"></eo-icon>\n    </a>\n    <a tabindex=\"0\" href=\"{{docu.link}}\" target=\"_blank\">\n      <eo-icon class=\"button white about\"\n              [iconTitle]=\"iconTitles.about\" [iconSrc]=\"'assets/_default/svg/ic_about.svg'\"></eo-icon>\n    </a>\n    <eo-overlay #userpanel [userAvatar]=\"true\">\n      <eo-user-avatar-overlay [userPanel]=\"userpanel\"></eo-user-avatar-overlay>\n    </eo-overlay>\n\n\n  </div>\n</div>\n", styles: [":host .eo-app-bar{background:var(--color-primary);color:var(--color-white);height:var(--app-bar-height);position:absolute;left:0;right:0;top:0;display:flex;flex-flow:row nowrap;align-items:center;justify-content:space-between;z-index:5}:host .eo-app-bar eo-icon:focus,:host .eo-app-bar eo-icon:hover,:host .eo-app-bar a:focus eo-icon,:host .eo-app-bar a:hover eo-icon{background:rgba(var(--color-white-rgb),.25)}:host .eo-app-bar .left{display:flex;height:var(--app-bar-height);flex-flow:row nowrap;align-items:center}@media screen and (max-width: 480px){:host .eo-app-bar .left{padding-right:0}}:host .eo-app-bar .left eo-icon.menu{z-index:22;width:var(--app-bar-height);height:var(--app-bar-height);box-sizing:border-box;cursor:pointer;padding:20px;background-color:var(--color-accent)}:host .eo-app-bar .left eo-icon.menu:focus{outline:1px solid var(--color-white);outline-offset:-1px}:host .eo-app-bar .left eo-icon.logo{width:104px;height:auto;cursor:pointer;margin:0 4px;background-color:transparent;padding:var(--app-pane-padding) calc(var(--app-pane-padding) * 2) var(--app-pane-padding) calc(var(--app-pane-padding) / 2)}@media screen and (max-width: 480px){:host .eo-app-bar .left eo-icon.logo{width:80px}}:host .eo-app-bar .left eo-icon.logo:focus{outline:1px solid var(--color-accent)}:host .eo-app-bar .left .actions{display:flex;flex-flow:row nowrap;align-items:center}:host .eo-app-bar .left .actions a eo-icon{padding:8px;cursor:pointer;border-radius:50%;box-sizing:content-box;margin:4px;color:var(--color-white)}:host .eo-app-bar .left .actions a:focus eo-icon,:host .eo-app-bar .left .actions a:hover eo-icon{background:var(--color-accent)}:host .eo-app-bar .right{display:flex;flex-flow:row nowrap;align-items:center}:host .eo-app-bar .right .sub{display:flex;flex-flow:row nowrap;align-items:center;padding:calc(var(--app-pane-padding) / 4) calc(var(--app-pane-padding) / 2);margin:0 calc(var(--app-pane-padding) / 2)}:host .eo-app-bar .right .sub>*{margin:0 calc(var(--app-pane-padding) / 4)}:host .eo-app-bar .right eo-icon{margin:0 4px}:host .eo-app-bar .right eo-icon.alert{position:relative}:host .eo-app-bar .right eo-icon.alert:after{content:\"\";position:absolute;left:0;right:0;bottom:-4px;height:4px;background-color:var(--color-error)}@media screen and (max-width: 480px){:host .eo-app-bar .right eo-icon{display:none}}:host .eo-app-bar.transparent{background:transparent}:host .eo-app-bar.transparent .left eo-icon.menu{background-color:transparent}:host .eo-app-bar.transparent .left eo-icon.menu:focus{outline:1px solid var(--color-accent)}@media screen and (max-width: 480px){:host .eo-app-bar.rtl .left{padding-right:var(--app-pane-padding);padding-left:0}}@keyframes dropDownAppear{0%{opacity:0;-webkit-transform:translateY(-30px);transform:translateY(-30px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}\n"] }]
-        }], ctorParameters: () => [{ type: i1.UserService }, { type: i1.CapabilitiesService }, { type: i1.TranslateService }, { type: i1.InboxService }, { type: i1.PrepareService }, { type: i2$1.Router }, { type: i1.BpmService }, { type: i1.EventService }, { type: i1.Config }, { type: i0.ElementRef }, { type: PendingChangesService }], propDecorators: { transparent: [{
+            args: [{ selector: 'eo-app-bar', template: "<eo-side-bar (eoOutsideClick)=\"sidebarShow = !sidebarShow\" *ngIf=\"sidebarShow\">\n  <div class=\"navi\">\n    <ng-content select=\"eo-sidebar-plugin.navi\"></ng-content>\n  </div>\n  <div class=\"help\">\n    <ng-content select=\"eo-sidebar-plugin.help\"></ng-content>\n  </div>\n</eo-side-bar>\n\n<div class=\"eo-app-bar\" [ngClass]=\"{transparent: transparent}\" eoRtlAware>\n\n  <div class=\"left\">\n\n    <eo-icon id=\"app-menu\" class=\"menu white\" tabindex=\"0\"\n             (click)=\"toggleSidebar()\" (keyup.enter)=\"toggleSidebar()\"\n             [iconSrc]=\"'assets/_default/svg/ic_hamburger.svg'\"></eo-icon>\n    <eo-icon (click)=\"openDashboard($event.ctrlKey)\" (auxclick)=\"openDashboard(true)\"\n              (keyup.enter)=\"openDashboard(false)\" tabindex=\"0\"\n              class=\"logo white\" [iconSrc]=\"logo\"></eo-icon>\n\n    <div class=\"actions\">\n      <a tabindex=\"0\" (keydown.enter)=\"openSearchOverlay()\" (click)=\"openSearchOverlay()\">\n        <eo-icon id=\"app-search\" class=\"search white\" queryParamsHandling=\"preserve\"\n                [iconTitle]=\"iconTitles.search\"\n                [iconSrc]=\"'assets/_default/svg/ic_search.svg'\"></eo-icon>\n      </a>\n\n      <a tabindex=\"0\" (keydown.enter)=\"openCreateObjectOverlay()\" (click)=\"openCreateObjectOverlay()\">\n        <eo-icon id=\"app-add\" class=\"add white\" *ngIf=\"capabilities.intray\"\n                [iconTitle]=\"iconTitles.file\"\n                [iconSrc]=\"'assets/_default/svg/ic_add.svg'\"></eo-icon>\n      </a>\n      <a tabindex=\"0\" (keydown.enter)=\"openProcessOverlay()\" (click)=\"openProcessOverlay()\">\n        <eo-icon id=\"app-actions\" class=\"actions white\" *ngIf=\"exeActions\"\n                [iconTitle]=\"iconTitles.exeactions\"\n                [iconSrc]=\"'assets/_default/svg/ic_bpm_start.svg'\"></eo-icon>\n      </a>\n    </div>\n  </div>\n  <eo-license-warning [licenseState]=\"user.license\" [transparent]=\"transparent\"></eo-license-warning>\n  <div class=\"right\">\n    <div class=\"sub\">\n      <eo-clipboard></eo-clipboard>\n    </div>\n    <a tabindex=\"0\" (keydown.enter)=\"openState('/favorites')\" (click)=\"openState('/favorites')\">\n      <eo-icon class=\"button white favorite\"\n              [iconTitle]=\"iconTitles.favorites\" *ngIf=\"capabilities.favorites\"\n              [iconSrc]=\"'assets/_default/svg/ic_favorite.svg'\"></eo-icon>\n    </a>\n    <a tabindex=\"0\" (keydown.enter)=\"openState('/prepare')\" (click)=\"openState('/prepare')\">\n      <eo-icon class=\"button white prepare\" *ngIf=\"capabilities.intray\"\n              [iconTitle]=\"iconTitles.prepare\"\n              [badge]=\"preparedItemsCount\" [iconSrc]=\"'assets/_default/svg/ic_prepare.svg'\"></eo-icon>\n    </a>\n    <a tabindex=\"0\" (keydown.enter)=\"openState('/inbox')\" (click)=\"openState('/inbox')\">\n      <eo-icon class=\"button white inbox\" [ngClass]=\"{alert: inboxState?.overduemessages > 0}\" *ngIf=\"capabilities.inbox\"\n              [iconTitle]=\"iconTitles.index\"\n              [badge]=\"inboxState?.totalmessages\" [iconSrc]=\"'assets/_default/svg/ic_inbox.svg'\"></eo-icon>\n    </a>\n    <a tabindex=\"0\" href=\"{{docu.link}}\" target=\"_blank\">\n      <eo-icon class=\"button white about\"\n              [iconTitle]=\"iconTitles.about\" [iconSrc]=\"'assets/_default/svg/ic_about.svg'\"></eo-icon>\n    </a>\n    <eo-overlay #userpanel [userAvatar]=\"true\">\n      <eo-user-avatar-overlay [userPanel]=\"userpanel\"></eo-user-avatar-overlay>\n    </eo-overlay>\n\n\n  </div>\n</div>\n", styles: [":host .eo-app-bar{background:var(--color-primary);color:var(--color-white);height:var(--app-bar-height);position:absolute;left:0;right:0;top:0;display:flex;flex-flow:row nowrap;align-items:center;justify-content:space-between;z-index:5}@media only screen and (max-width: 700px){:host .eo-app-bar eo-license-warning{display:none}}@media only screen and (max-width: 600px){:host .eo-app-bar .right>a{display:none}}@media only screen and (max-width: 480px){:host .eo-app-bar eo-icon.logo{display:none}}:host .eo-app-bar eo-icon:focus,:host .eo-app-bar eo-icon:hover,:host .eo-app-bar a:focus eo-icon,:host .eo-app-bar a:hover eo-icon{background:rgba(var(--color-white-rgb),.25)}:host .eo-app-bar .left{display:flex;height:var(--app-bar-height);flex-flow:row nowrap;align-items:center}@media screen and (max-width: 480px){:host .eo-app-bar .left{padding-right:0}}:host .eo-app-bar .left eo-icon.menu{z-index:22;width:var(--app-bar-height);height:var(--app-bar-height);box-sizing:border-box;cursor:pointer;padding:20px;background-color:var(--color-accent)}:host .eo-app-bar .left eo-icon.menu:focus{outline:1px solid var(--color-white);outline-offset:-1px}:host .eo-app-bar .left eo-icon.logo{width:104px;height:auto;cursor:pointer;margin:0 4px;background-color:transparent;padding:var(--app-pane-padding) calc(var(--app-pane-padding) * 2) var(--app-pane-padding) calc(var(--app-pane-padding) / 2)}@media screen and (max-width: 480px){:host .eo-app-bar .left eo-icon.logo{width:80px}}:host .eo-app-bar .left eo-icon.logo:focus{outline:1px solid var(--color-accent)}:host .eo-app-bar .left .actions{display:flex;flex-flow:row nowrap;align-items:center}:host .eo-app-bar .left .actions a eo-icon{padding:8px;cursor:pointer;border-radius:50%;box-sizing:content-box;margin:4px;color:var(--color-white)}:host .eo-app-bar .left .actions a:focus eo-icon,:host .eo-app-bar .left .actions a:hover eo-icon{background:var(--color-accent)}:host .eo-app-bar .right{display:flex;flex-flow:row nowrap;align-items:center}:host .eo-app-bar .right .sub{display:flex;flex-flow:row nowrap;align-items:center;padding:calc(var(--app-pane-padding) / 4) calc(var(--app-pane-padding) / 2);margin:0 calc(var(--app-pane-padding) / 2)}:host .eo-app-bar .right .sub>*{margin:0 calc(var(--app-pane-padding) / 4)}:host .eo-app-bar .right eo-icon{margin:0 4px}:host .eo-app-bar .right eo-icon.alert{position:relative}:host .eo-app-bar .right eo-icon.alert:after{content:\"\";position:absolute;left:0;right:0;bottom:-4px;height:4px;background-color:var(--color-error)}@media screen and (max-width: 480px){:host .eo-app-bar .right eo-icon{display:none}}:host .eo-app-bar.transparent{background:transparent}:host .eo-app-bar.transparent .left eo-icon.menu{background-color:transparent}:host .eo-app-bar.transparent .left eo-icon.menu:focus{outline:1px solid var(--color-accent)}@media screen and (max-width: 480px){:host .eo-app-bar.rtl .left{padding-right:var(--app-pane-padding);padding-left:0}}@keyframes dropDownAppear{0%{opacity:0;-webkit-transform:translateY(-30px);transform:translateY(-30px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}\n"] }]
+        }], ctorParameters: () => [{ type: i1.UserService }, { type: i1.CapabilitiesService }, { type: i1.TranslateService }, { type: i1.InboxService }, { type: i1.PrepareService }, { type: i2$1.Router }, { type: i1.BpmService }, { type: i1.EventService }, { type: i1.Config }, { type: PendingChangesService }], propDecorators: { transparent: [{
                 type: Input
             }], avatarComponents: [{
                 type: ViewChildren,
@@ -17119,14 +17153,14 @@ let AppSearchComponent = class AppSearchComponent {
         this.queryStateSubscription.unsubscribe();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: AppSearchComponent, deps: [{ token: AppSearchService }, { token: i2$2.YvcOverlayService }, { token: i1.SearchService }, { token: i1.SystemService }, { token: i1.NotificationsService }, { token: i1.TranslateService }, { token: i2$1.Router }, { token: i0.Renderer2 }, { token: i0.ChangeDetectorRef }, { token: i1.StoredQueriesService }, { token: i1.CapabilitiesService }, { token: i1.UserService }, { token: i1.Logger }, { token: i1.LocalStorageService }, { token: i1$3.FormBuilder }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.2", type: AppSearchComponent, selector: "eo-app-search", outputs: { onExecuteSearch: "onExecuteSearch" }, viewQueries: [{ propertyName: "tplSearch", first: true, predicate: ["tplSearch"], descendants: true, read: TemplateRef }, { propertyName: "searchInput", first: true, predicate: ["searchInput"], descendants: true }, { propertyName: "expertInput", first: true, predicate: ["xpinput"], descendants: true }, { propertyName: "indexdataForm", first: true, predicate: ["idxform"], descendants: true }, { propertyName: "contextForm", first: true, predicate: ["ctxform"], descendants: true }], ngImport: i0, template: "<!-- <eo-dialog [visible]=\"true\" [styleClass]=\"'eo-app-search-dialog'\" [align]=\"'start'\" [minWidth]=\"'80vw'\"\n  [minHeight]=\"'100vh'\" (hide)=\"closeSearchMenu($event)\"> -->\n<!-- <yvc-dialog [options]=\"{lightDismiss: true}\" [template]=\"tplSearch\" (closed)=\"closeSearchMenu()\"></yvc-dialog> -->\n<ng-template #tplSearch>\n\n  <div class=\"eo-app-search\" [ngClass]=\"{expert: query.expertMode}\" eoRtlAware=\"full\" *ngIf=\"query\">\n\n    <div class=\"head\">\n\n      <div class=\"search\">\n        <form (submit)=\"executeSearch()\">\n          <div class=\"title\" translate>eo.search</div>\n\n          <eo-query-scope-select [selection]=\"queryScope\" (select)=\"setQueryScope($event)\"></eo-query-scope-select>\n\n          <div class=\"search-box\" [formGroup]=\"termForm\">\n\n            <yvc-autocomplete *ngIf=\"!query.expertMode; else expertInput\" #searchInput formControlName=\"term\" [autocompleteValues]=\"autocompleteResults\"\n              (suggestionSelect)=\"autocompleteSelect()\" (keydown.enter)=\"executeSearch()\" (paste)=\"autocompletePaste($event)\">\n            </yvc-autocomplete>\n\n            <ng-template #expertInput>\n              <input autofocus=\"autofocus\" class=\"expert-search__input\" #xpinput type=\"text\"\n                (ngModelChange)=\"expertTermChanged()\" [(ngModel)]=\"query.term\" [ngModelOptions]=\"{standalone: true}\">\n            </ng-template>\n\n            <button class=\"btn expert-mode\" type=\"button\" (click)=\"toggleExpertMode()\">\n              <!--<span translate>eo.search.mode.expert</span>-->\n              <eo-icon [iconSrc]=\"'assets/_default/svg/ic_expert-search.svg'\"\n                [iconTitle]=\"('eo.search.mode.expert' | translate)\" *ngIf=\"!query?.expertMode; else close\"></eo-icon>\n              <ng-template #close>\n                <eo-icon [iconSrc]=\"'assets/_default/svg/ic_expert-search.svg'\"\n                  [iconTitle]=\"('eo.search.mode.expert.close' | translate)\"></eo-icon>\n              </ng-template>\n            </button>\n\n            <button type=\"button\" class=\"btn expert-mode expert-mode__reset\" [ngClass]=\"{active: query.term}\"\n              (click)=\"resetExpertModeInput()\">\n              <eo-icon [iconSrc]=\"'assets/_default/svg/ic_clear.svg'\"\n                [iconTitle]=\"('eo.search.clear.search' | translate)\"></eo-icon>\n            </button>\n\n            <button class=\"btn btn-default\" type=\"submit\" [disabled]=\"queryState.isEmpty\"\n              translate>eo.search.submit</button>\n          </div>\n        </form>\n      </div>\n\n      <div class=\"result\" *ngIf=\"!loading; else spinner\">{{queryState.totalCount | localeDecimal}}</div>\n      <ng-template #spinner>\n        <eo-loading-spinner class=\"search-aggregator__loader\" [size]=\"'medium'\" [mode]=\"'dark'\"></eo-loading-spinner>\n      </ng-template>\n      <eo-icon class=\"button white close\" [iconSrc]=\"'assets/_default/svg/ic_clear.svg'\"\n        [iconTitle]=\"('eo.search.close' | translate)\" (click)=\"closeSearchMenu()\"></eo-icon>\n\n    </div>\n\n    <div class=\"body\" *ngIf=\"!query.expertMode; else expert\">\n\n      <yvc-tabs (tabChange)=\"onTabChange($event)\">\n\n        <!-- object type select -->\n        <ng-template [yvcTab]=\"{id: 'restrictType', label: 'eo.search.restrict.type' | translate}\">\n\n          <div class=\"object-types rest-box-container\" [ngClass]=\"{idxenabled: query.types.length < 1}\"\n            *ngIf=\"objectTypeGroups && !idxSearch\">\n            <div class=\"group rest-box\" *ngFor=\"let group of objectTypeGroups; let i = index\">\n              <div class=\"group-header\">\n                <h3 *ngIf=\"group.label !== '0'\">{{group.label}}</h3>\n                <h3 *ngIf=\"group.label === '0'\" translate>{{'eo.search.group.general'}}</h3>\n                <div class=\"move-icons\">\n                  <eo-icon *ngIf=\"i !== 0\" class=\"move-left-icon\" (click)=\"moveObjectTypeGroup(group.label, 'left')\" [iconSrc]=\"'assets/_default/svg/ic_arrow_left.svg'\"></eo-icon>\n                  <eo-icon *ngIf=\"i !== objectTypeGroups.length - 1\" class=\"move-right-icon\" (click)=\"moveObjectTypeGroup(group.label, 'right')\" [iconSrc]=\"'assets/_default/svg/ic_arrow_right.svg'\"></eo-icon>\n                </div>\n              </div>\n              <div class=\"type\" *ngFor=\"let type of group.types\"\n                [ngClass]=\"{context: type.isContextFolder, folder: type.isFolder, abstract: type.isAbstract, selected: isTypeActive(type), saved: isTypeSaved(type)}\">\n\n                <div class=\"checkbox\" (click)=\"toggleType(type)\">\n                  <svg fill=\"#ffffff\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\">\n                    <path d=\"M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z\" />\n                  </svg>\n                </div>\n                <div class=\"item\" (click)=\"selectObjectType(type)\">\n                  <eo-icon [objectType]=\"type\"></eo-icon>\n                  <div class=\"label\">{{type.label}} {{type.isAbstract ? '('+ ('eo.search.type.abstract' | translate) +\n                    ')' : ''}}</div>\n                  <div class=\"count\">{{getAggregationCount(type) | localeDecimal}}</div>\n                </div>\n              </div>\n            </div>\n          </div>\n\n          <div class=\"indexdata-search\" *ngIf=\"idxSearch\">\n            <h2>\n              <eo-icon class=\"button\" [iconSrc]=\"'assets/_default/svg/ic_arrow_back.svg'\"\n                (click)=\"exitIndexdataSearch()\"></eo-icon>\n              <span translate [translateParams]=\"{type: idxSearch.type.label}\">eo.search.objecttype.form</span>\n            </h2>\n\n            <div class=\"context\" *ngIf=\"idxSearch.contextModels.length\">\n\n              <div class=\"context-select\">\n                <div translate>eo.search.objecttype.form.context</div>\n                <div class=\"spacer\"></div>\n\n                <eo-context-search *ngFor=\"let ctx of idxSearch.contextModels; index as i\" [ctx]=\"ctx\" [query]=\"query\"\n                  [selected]=\"currentContextFolderName === ctx.name\"\n                  [disabled]=\"(currentContextFolderName && currentContextFolderName !== ctx.name)\"\n                  [idxSearch]=\"idxSearch\" (setContext)=\"setContext($event)\">\n                </eo-context-search>\n              </div>\n\n              <section class=\"context form\">\n                <eo-object-form class=\"dark\" #ctxform\n                  *ngIf=\"idxSearch.contextFormOptions && idxSearch.contextFormOptions?.formModel?.elements?.length\"\n                  [formOptions]=\"idxSearch.contextFormOptions\" (statusChanged)=\"onIndexDataChanged($event)\">\n                </eo-object-form>\n              </section>\n            </div>\n\n\n            <section class=\"object-type form\" *ngIf=\"idxSearch.formOptions\">\n              <eo-object-form #idxform [formOptions]=\"idxSearch.formOptions\"\n                (statusChanged)=\"onIndexDataChanged($event)\" (onFormReady)=\"idxform.focusForm()\">\n              </eo-object-form>\n            </section>\n          </div>\n        </ng-template>\n\n        <!-- created tab -->\n        <ng-template [yvcTab]=\"{id: 'restrictCreated', label: 'eo.search.restrict.creation' | translate }\">\n          <div class=\"created rest-box-container\" *ngIf=\"queryState.aggregations\">\n\n            <div class=\"rest-box box-timespan\">\n              <h3 translate>eo.search.agg.time.span</h3>\n              <div class=\"rest-item\" *ngFor=\"let agg of aggregationsModel[PARAMS.CREATED]\"\n                (click)=\"toggleFilter(PARAMS.CREATED, OPERATOR.RANGE, agg.key, agg.selected)\"\n                [ngClass]=\"{selected: agg.selected, saved: agg.saved}\">\n                <div class=\"label\">{{agg.label}}</div>\n                <div class=\"count\">{{agg.value | localeDecimal}}</div>\n              </div>\n            </div>\n\n            <div class=\"rest-box box-timespan-custom\">\n              <h3 translate>eo.search.agg.time.span.custom</h3>\n              <form #createdForm=\"ngForm\">\n                <eo-form-input [label]=\"'eo.search.agg.time.span' | translate\">\n                  <eo-datetime-range #createdField [(ngModel)]=\"filtersModel[PARAMS.CREATED].value\" name=\"range\"\n                    [operator]=\"filtersModel[PARAMS.CREATED].value ? filtersModel[PARAMS.CREATED].value.operator : OPERATOR.EQUAL\"\n                    [withTime]=\"createdField.searchOption && createdField.searchOption !== OPERATOR.EQUAL\"\n                    (ngModelChange)=\"setFilter(PARAMS.CREATED, OPERATOR.EQUAL, $event, createdForm)\">\n                  </eo-datetime-range>\n                </eo-form-input>\n              </form>\n            </div>\n\n            <div class=\"rest-box box-creator\">\n              <h3 translate>eo.search.agg.creator</h3>\n              <form #creatorForm=\"ngForm\">\n                <eo-form-input [label]=\"'eo.search.agg.createdby' | translate\">\n                  <eo-organization [multiselect]=\"true\" [(ngModel)]=\"filtersModel[PARAMS.CREATOR].value\" name=\"creator\"\n                    (onValueResolved)=\"resolveLabel(filtersModel[PARAMS.CREATOR], $event)\" [situation]=\"'SEARCH'\"\n                    (ngModelChange)=\"setFilter(PARAMS.CREATOR, OPERATOR.IN, $event, creatorForm)\"></eo-organization>\n                </eo-form-input>\n              </form>\n            </div>\n\n          </div>\n        </ng-template>\n\n        <ng-template [yvcTab]=\"{id: 'restrictModification', label: 'eo.search.restrict.modification' | translate}\">\n          <div class=\"modified rest-box-container\" *ngIf=\"queryState.aggregations\">\n\n            <div class=\"rest-box box-timespan\">\n              <h3 translate>eo.search.agg.time.span</h3>\n              <div class=\"rest-item\" *ngFor=\"let agg of aggregationsModel[PARAMS.MODIFIED]\"\n                (click)=\"toggleFilter(PARAMS.MODIFIED, OPERATOR.RANGE, agg.key, agg.selected)\"\n                [ngClass]=\"{selected: agg.selected, saved: agg.saved}\">\n                <div class=\"label\">{{agg.label}}</div>\n                <div class=\"count\">{{agg.value | localeDecimal}}</div>\n              </div>\n            </div>\n\n            <div class=\"rest-box box-timespan-custom\">\n              <h3 translate>eo.search.agg.time.span.custom</h3>\n              <form #modifiedForm=\"ngForm\">\n                <eo-form-input [label]=\"'eo.search.agg.time.span' | translate\">\n                  <eo-datetime-range #modifiedField [(ngModel)]=\"filtersModel[PARAMS.MODIFIED].value\" name=\"range\"\n                    [operator]=\"filtersModel[PARAMS.MODIFIED].value ? filtersModel[PARAMS.MODIFIED].value.operator : OPERATOR.EQUAL\"\n                    [withTime]=\"modifiedField.searchOption && modifiedField.searchOption !== OPERATOR.EQUAL\"\n                    (ngModelChange)=\"setFilter(PARAMS.MODIFIED, OPERATOR.EQUAL, $event, modifiedForm)\">\n                  </eo-datetime-range>\n                </eo-form-input>\n              </form>\n            </div>\n\n            <div class=\"rest-box box-modifier\">\n              <h3 translate>eo.search.agg.modifier</h3>\n              <form #modifierForm=\"ngForm\">\n                <eo-form-input [label]=\"'eo.search.agg.modifiedby' | translate\">\n                  <eo-organization [multiselect]=\"true\" [(ngModel)]=\"filtersModel[PARAMS.MODIFIER].value\"\n                    name=\"modifier\" (onValueResolved)=\"resolveLabel(filtersModel[PARAMS.MODIFIER], $event)\"\n                    [situation]=\"'SEARCH'\"\n                    (ngModelChange)=\"setFilter(PARAMS.MODIFIER, OPERATOR.IN, $event, modifierForm)\"></eo-organization>\n                </eo-form-input>\n              </form>\n            </div>\n          </div>\n        </ng-template>\n\n        <ng-template [yvcTab]=\"{id: 'restrictFile', label: 'eo.search.restrict.file' | translate}\">\n          <div class=\"file rest-box-container\" *ngIf=\"queryState.aggregations\">\n\n            <div class=\"rest-box box-mimetype-group\">\n              <h3 translate>eo.search.restrict.mimetypegroup</h3>\n              <div class=\"rest-item\" *ngFor=\"let agg of aggregationsModel[PARAMS.MIMETYPEGROUP]\"\n                (click)=\"setFilter(PARAMS.MIMETYPEGROUP, OPERATOR.IN, resolveSelection(aggregationsModel[PARAMS.MIMETYPEGROUP], agg.key, agg.selected))\"\n                [ngClass]=\"{selected: agg.selected, saved: agg.saved}\">\n                <div class=\"checkbox\">\n                  <svg fill=\"#ffffff\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\">\n                    <path d=\"M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z\" />\n                  </svg>\n                </div>\n                <div class=\"label\">{{agg.label}}</div>\n                <div class=\"count\">{{agg.value | localeDecimal}}</div>\n              </div>\n            </div>\n\n            <div class=\"rest-box box-filesize\">\n              <h3 translate>eo.search.restrict.filesize</h3>\n              <div class=\"rest-item\" *ngFor=\"let agg of aggregationsModel[PARAMS.FILESIZE]\"\n                (click)=\"toggleFilter(PARAMS.FILESIZE, OPERATOR.RANGE, agg.key, agg.selected)\"\n                [ngClass]=\"{selected: agg.selected, saved: agg.saved}\">\n                <div class=\"label\">{{agg.label}}</div>\n                <div class=\"count\">{{agg.value | localeDecimal}}</div>\n              </div>\n            </div>\n\n            <div class=\"rest-box box-filename\">\n              <h3 translate>eo.search.restrict.filename</h3>\n              <form #filenameForm=\"ngForm\">\n                <eo-form-input [label]=\"'eo.search.restrict.filename' | translate\">\n                  <eo-string [autocomplete]=\"true\" [qname]=\"'filename'\"\n                    [(ngModel)]=\"filtersModel[PARAMS.FILENAME].value\" name=\"filename\"\n                    (ngModelChange)=\"setFilter(PARAMS.FILENAME, OPERATOR.EQUAL, $event, filenameForm)\"></eo-string>\n                </eo-form-input>\n              </form>\n            </div>\n          </div>\n        </ng-template>\n      </yvc-tabs>\n\n      <!-- summary of the current search filters -->\n      <div class=\"summary-panel\">\n\n        <div class=\"headline stored-query\" *ngIf=\"isStoredQuery; else reghead\">\n          <div class=\"spaceInbetwen\">\n            <div class=\"savedSearchIcon\">\n              <eo-icon [iconSrc]=\"'assets/_default/svg/ic_saved_search.svg'\"></eo-icon>\n            </div>\n            <div class=\"store\">\n              <div class=\"pre\" translate>eo.search.aside.summary.storedquery</div>\n              <div class=\"stored-query-name\">{{storedQuery.name}}</div>\n            </div>\n          </div>\n        </div>\n\n        <ng-template #reghead>\n          <div class=\"headline\" translate>eo.search.aside.summary</div>\n        </ng-template>\n\n        <section class=\"query-types\">\n          <div class=\"section section-searchterm\" *ngIf=\"query.term\">\n            <div class=\"title\" translate>eo.search.aside.summary.term</div>\n            <div class=\"filter\">\n              <div class=\"label\">{{query.term}}</div>\n              <eo-icon [iconSrc]=\"'assets/_default/svg/ic_clear.svg'\" (click)=\"removeTerm()\"></eo-icon>\n            </div>\n          </div>\n\n          <div class=\"section section-contexttype\" *ngIf=\"query.contextFolderTypes.length\">\n            <div class=\"title\" translate>eo.search.aside.summary.contextfoldertypes</div>\n            <div class=\"filter\" *ngFor=\"let type of query.contextFolderTypes\">\n              <div class=\"label\">{{type.label}}</div>\n              <eo-icon [iconSrc]=\"'assets/_default/svg/ic_clear.svg'\" (click)=\"removeContextType()\"></eo-icon>\n            </div>\n          </div>\n\n          <div class=\"section section-objecttype\" *ngIf=\"query.types.length\">\n            <div class=\"title\" translate>eo.search.aside.summary.types</div>\n            <div class=\"filter\" *ngFor=\"let type of query.types\">\n              <div class=\"label\">{{type.label}}</div>\n              <eo-icon [iconSrc]=\"'assets/_default/svg/ic_clear.svg'\" (click)=\"removeType(type)\"></eo-icon>\n            </div>\n          </div>\n\n          <ng-template #filterTemplate let-filter let-translate>\n            <ng-container *ngIf=\"filter.innerValue.length\">\n              <div class=\"filter\" *ngFor=\"let val of filter.innerValue; index as i\">\n                <div class=\"label\">{{filter.label[i] | async}}</div>\n                <eo-icon [iconSrc]=\"'assets/_default/svg/ic_clear.svg'\" (click)=\"resetFilter(filter, val)\"></eo-icon>\n              </div>\n            </ng-container>\n          </ng-template>\n\n          <div class=\"section section-creation\"\n            *ngIf=\"filtersModel[PARAMS.CREATED].innerValue?.length || filtersModel[PARAMS.CREATOR].innerValue?.length\">\n            <div class=\"title\" translate>eo.search.restrict.creation</div>\n            <ng-template [ngTemplateOutlet]=\"filterTemplate\"\n              [ngTemplateOutletContext]=\"{ $implicit: filtersModel[PARAMS.CREATED] }\"></ng-template>\n            <ng-template [ngTemplateOutlet]=\"filterTemplate\"\n              [ngTemplateOutletContext]=\"{ $implicit: filtersModel[PARAMS.CREATOR] }\"></ng-template>\n          </div>\n\n          <div class=\"section section-modification\"\n            *ngIf=\"filtersModel[PARAMS.MODIFIED].innerValue?.length || filtersModel[PARAMS.MODIFIER].innerValue?.length\">\n            <div class=\"title\" translate>eo.search.restrict.modification</div>\n            <ng-template [ngTemplateOutlet]=\"filterTemplate\"\n              [ngTemplateOutletContext]=\"{ $implicit: filtersModel[PARAMS.MODIFIED] }\"></ng-template>\n            <ng-template [ngTemplateOutlet]=\"filterTemplate\"\n              [ngTemplateOutletContext]=\"{ $implicit: filtersModel[PARAMS.MODIFIER] }\"></ng-template>\n          </div>\n\n          <div class=\"section section-mimetypegroup\"\n            *ngIf=\"filtersModel[PARAMS.MIMETYPEGROUP].innerValue.length || filtersModel[PARAMS.FILESIZE].innerValue.length || filtersModel[PARAMS.FILENAME].innerValue.length\">\n            <div class=\"title\" translate>eo.search.restrict.file</div>\n            <ng-template [ngTemplateOutlet]=\"filterTemplate\"\n              [ngTemplateOutletContext]=\"{ $implicit: filtersModel[PARAMS.MIMETYPEGROUP] }\"></ng-template>\n            <ng-template [ngTemplateOutlet]=\"filterTemplate\"\n              [ngTemplateOutletContext]=\"{ $implicit: filtersModel[PARAMS.FILESIZE] }\"></ng-template>\n            <ng-template [ngTemplateOutlet]=\"filterTemplate\"\n              [ngTemplateOutletContext]=\"{ $implicit: filtersModel[PARAMS.FILENAME] }\"></ng-template>\n          </div>\n        </section>\n\n        <div class=\"actions\" *ngIf=\"query.term || query.filters.length || query.types.length; else emptySearch\">\n\n          <ng-container *ngIf=\"isStoredQuery; else regactions\">\n            <button class=\"secondary btn-reset\" (click)=\"resetQuery()\" translate>eo.search.storedquery.close</button>\n            <button class=\"primary grey btn-update\" (click)=\"updateStoredQuery()\"\n              *ngIf=\"capabilities.storedqueries && isOwnQuery\" translate>eo.search.storedquery.update</button>\n            <button class=\"primary grey btn-save\" (click)=\"saveQuery()\"\n              *ngIf=\"capabilities.storedqueries && !isOwnQuery\" translate>eo.search.save</button>\n            <button class=\"primary btn-submit\" (click)=\"executeSearch()\" [disabled]=\"queryState.isEmpty\"\n              translate>eo.search.submit</button>\n          </ng-container>\n\n          <ng-template #regactions>\n            <button class=\"primary grey btn-reset\" (click)=\"resetQuery()\" translate>eo.search.reset</button>\n            <button class=\"primary grey btn-save\" (click)=\"saveQuery()\"\n              *ngIf=\"capabilities.storedqueries && !isOwnQuery\" translate>eo.search.save</button>\n            <button class=\"primary btn-submit\" (click)=\"executeSearch()\" [disabled]=\"queryState.isEmpty\"\n              translate>eo.search.submit</button>\n          </ng-template>\n\n\n        </div>\n\n        <ng-template #emptySearch>\n          <div class=\"empty-search\" translate>eo.search.summary.empty</div>\n        </ng-template>\n\n      </div>\n\n\n    </div>\n\n    <!-- expert mode body panel containing explanations -->\n    <ng-template #expert>\n      <div class=\"body expert\">\n\n        <div class=\"empty\" *ngIf=\"expertModeQueryEmpty\"><span translate>eo.search.mode.expert.result.empty</span></div>\n\n        <!--\n        <h2><span translate>eo.search.mode.expert</span></h2>\n        <div class=\"intro\" translate>eo.search.mode.expert.intro</div>\n\n        <div class=\"base-params fields\">\n          <h2 translate>eo.search.mode.expert.support.baseparams</h2>\n          <div class=\"items\">\n            <div class=\"item\" *ngFor=\"let el of expertModeSupport.baseParams\" (click)=\"xpAddToTerm(el.data)\">\n              <div class=\"label\"><span>{{el.label}}</span></div>\n              <div class=\"data\">{{el.data}}</div>\n            </div>\n          </div>\n        </div>\n\n        <div class=\"system-types fields\">\n\n          <div class=\"column column-group\">\n            <h2 translate>eo.search.mode.expert.support.group</h2>\n            <div class=\"items\">\n              <div class=\"item\" *ngFor=\"let group of typeGroupTree\"\n                   [ngClass]=\"{selected: expertModeSupport.selectedGroup && group.id === expertModeSupport.selectedGroup.id}\"\n                   (click)=\"xpSelectGroup(group)\">\n                <div *ngIf=\"group.label !== '0'\">{{group.label}}</div>\n                <div *ngIf=\"group.label === '0'\">{{'eo.search.group.general' | translate}}</div>\n              </div>\n            </div>\n          </div>\n\n          <div class=\"column column-type\" *ngIf=\"expertModeSupport.selectedGroup\">\n            <h2 translate>eo.search.mode.expert.support.type</h2>\n            <div class=\"items\">\n              <div class=\"item\" *ngFor=\"let type of expertModeSupport.selectedGroup.tree\"\n                   [ngClass]=\"{selected: expertModeSupport.selectedType && type.id === expertModeSupport.selectedType.id}\"\n                   (click)=\"xpSelectType(type)\">\n                <div>{{type.label}}</div>\n              </div>\n            </div>\n          </div>\n\n          <div class=\"column section-field\" *ngIf=\"expertModeSupport.selectedType\">\n            <h2 translate>eo.search.mode.expert.support.field</h2>\n            <div class=\"items\">\n              <div class=\"item\" *ngFor=\"let el of expertModeSupport.selectedType.children\" (click)=\"xpAddToTerm(el.data)\">\n                <div class=\"label\"><span>{{el.label}}</span><span class=\"type\">{{el.type}}</span></div>\n                <div class=\"data\">{{el.data}}</div>\n              </div>\n            </div>\n          </div>\n\n        </div>\n\n        -->\n      </div>\n    </ng-template>\n  </div>\n  <!-- </eo-dialog> -->\n</ng-template>\n", styles: ["eo-app-search dialog{height:100vh;margin:0!important;max-height:100vh;max-block-size:100%!important;min-width:500px;width:80%}@media screen and (max-width: 500px){.eo-app-search-dialog{width:100%!important;min-width:inherit}}.eo-app-search-dialog .eo-dialog-content{overflow:inherit;max-height:100%}.eo-app-search-dialog .eo-dialog-header{display:none}.eo-app-search.rtl .head .close{right:auto;left:var(--app-pane-padding)}.eo-app-search.rtl .body .indexdata-search h2 eo-icon{transform:rotate(180deg)}.eo-app-search{--search-min-width: 500px;--search-box-max-width: 600px;--search-summary-width: 350px;width:80vw;height:100vh;background:var(--panel-background-grey);display:flex;flex:1;flex-direction:column;min-height:0;min-width:0;min-width:var(--search-min-width)}.eo-app-search .head{background:var(--color-primary-2);flex:0 0 auto;color:var(--color-white);position:relative;display:flex;flex-flow:row nowrap;padding:var(--app-pane-padding) calc(var(--app-pane-padding) / 2) 0 calc(var(--app-pane-padding) / 2)}.eo-app-search .head .search{flex:1 1 auto;justify-content:space-between;margin:0 calc(var(--app-pane-padding) / 2);z-index:2}.eo-app-search .head .search .title{font-size:var(--font-display);font-weight:var(--font-weight-light);min-height:1em;line-height:1em}@media screen and (max-width: 480px){.eo-app-search .head .search .title{font-size:var(--font-title)}}.eo-app-search .head .search .query-scope{margin:calc(var(--app-pane-padding) * 2) 0 0 0;min-width:var(--search-min-width);max-width:var(--search-box-max-width)}.eo-app-search .head .search .search-box{margin-bottom:var(--app-pane-padding);display:flex;flex-flow:row nowrap;align-items:stretch;background:var(--color-white);max-width:var(--search-box-max-width);box-shadow:0 2px 2px rgba(var(--color-black-rgb),.2)}@media screen and (max-width: 480px){.eo-app-search .head .search .search-box{margin-top:var(--app-pane-padding)}}.eo-app-search .head .search .search-box yvc-autocomplete{flex:1 1 auto;background:transparent;outline:0;border:0}.eo-app-search .head .search .search-box yvc-autocomplete span.ui-autocomplete{width:100%}.eo-app-search .head .search .search-box input{width:100%;border:0;box-sizing:border-box;padding:calc(var(--app-pane-padding) / 2);font-size:var(--font-title)}.eo-app-search .head .search .search-box input::-ms-clear{display:none}.eo-app-search .head .search .search-box button[type=submit]{background:var(--color-accent);color:var(--color-white);border:0;padding:0 var(--app-pane-padding);font-size:var(--font-subhead)}.eo-app-search .head .search .search-box button.expert-mode{padding:0 calc(var(--app-pane-padding) / 2);background:transparent;border:0;color:var(--text-color-hint);display:flex;align-items:center}.eo-app-search .head .search .search-box button.expert-mode:focus{color:var(--color-accent)}.eo-app-search .head .search .search-box button.expert-mode__reset{opacity:0;width:0;padding:0;transition:all .2s ease-in-out}.eo-app-search .head .search .search-box button.expert-mode__reset.active{opacity:1;width:40px;padding:0 8px}.eo-app-search .head .search .search-box button.expert-mode span{display:none;padding:calc(var(--app-pane-padding) / 4);white-space:nowrap;animation:eoFadeIn var(--app-default-transition-duration)}.eo-app-search .head .search .search-box button.expert-mode:hover{color:var(--color-accent)}.eo-app-search .head .search .search-box button.expert-mode:hover span{display:block}.eo-app-search .head .result{position:absolute;right:var(--app-pane-padding);top:calc(var(--app-pane-padding) * 2.5);z-index:1;font-size:7em;line-height:1em;opacity:.1}@media screen and (max-width: 900px){.eo-app-search .head .result{font-size:3em;right:calc(var(--app-pane-padding) * 3);top:var(--app-pane-padding)}}.eo-app-search .head .search-aggregator__loader{z-index:11;position:absolute;right:13%;top:30%;-webkit-animation:eoFadeIn .5s;animation:eoFadeIn .5s}@media screen and (max-width: 900px){.eo-app-search .head .search-aggregator__loader{top:5%}}.eo-app-search .head .close{position:absolute;right:var(--app-pane-padding);top:var(--app-pane-padding);z-index:2}.eo-app-search .body{background:rgba(var(--color-white-rgb),.2);flex:1 1 auto;position:relative}@media screen and (max-width: 1000px){.eo-app-search .body .summary-panel{bottom:0;right:0!important;left:0!important;top:auto!important;width:auto!important;display:flex;flex-flow:row nowrap}.eo-app-search .body .summary-panel .headline:not(.stored-query),.eo-app-search .body .summary-panel .section{display:none}.eo-app-search .body .summary-panel .headline.stored-query{margin-bottom:0;display:flex;align-items:center;padding:0 var(--app-pane-padding)}.eo-app-search .body .summary-panel .headline.stored-query .pre{display:none}.eo-app-search .body .summary-panel .headline.stored-query .stored-query-name{font-size:var(--font-subhead)!important}.eo-app-search .body .summary-panel .actions{flex:1 1 auto}.eo-app-search .body yvc-tabs>section[role=tabpanel]{padding-right:0!important;padding-left:0!important}}.eo-app-search .body>yvc-tabs{position:absolute;inset:0}.eo-app-search .body>yvc-tabs>header{--text-color-body: #fff;--text-color-hint: rgba(255,255,255,.7);background:var(--color-primary-2)}.eo-app-search .body>yvc-tabs>section[role=tabpanel]{padding:calc(var(--app-pane-padding) - var(--app-pane-padding) / 2) calc(var(--app-pane-padding) * 2 + var(--search-summary-width)) 0 calc(var(--app-pane-padding) - 2px)}.eo-app-search .body .summary-panel{background:rgba(var(--color-black-rgb),.06);width:var(--search-summary-width);position:absolute;top:calc(var(--app-pane-padding) + var(--eo-tab-nav-height));right:var(--app-pane-padding);box-sizing:border-box}.eo-app-search .body .summary-panel .query-types{overflow:auto;max-height:calc(100vh - 290px)}.eo-app-search .body .summary-panel .headline{line-height:1em;font-size:var(--font-subhead);font-weight:var(--font-weight-light);color:var(--text-color-caption);margin-bottom:calc(var(--app-pane-padding) / 2);padding:calc(var(--app-pane-padding) / 2)}.eo-app-search .body .summary-panel .headline .spaceInbetwen{display:flex;align-items:center}.eo-app-search .body .summary-panel .headline .spaceInbetwen .savedSearchIcon{display:block;padding:calc(var(--app-pane-padding) / 4) 0}.eo-app-search .body .summary-panel .headline .spaceInbetwen .savedSearchIcon eo-icon{--eoSvgIcon-size: 44px}.eo-app-search .body .summary-panel .headline .spaceInbetwen .store{display:block;min-height:0;min-width:0;padding-left:12px}.eo-app-search .body .summary-panel .headline .spaceInbetwen .store .pre{padding:calc(var(--app-pane-padding) / 2) 0}.eo-app-search .body .summary-panel .headline .spaceInbetwen .store .stored-query-name{font-size:var(--font-title);padding:calc(var(--app-pane-padding) / 2) 0;line-height:1.2em}.eo-app-search .body .summary-panel .headline.stored-query{background:var(--color-primary-3);color:var(--color-white);font-size:var(--font-body)}.eo-app-search .body .summary-panel .empty-search{padding:var(--app-pane-padding) calc(var(--app-pane-padding) / 2) calc(var(--app-pane-padding) / 2) calc(var(--app-pane-padding) / 2);color:var(--text-color-caption)}.eo-app-search .body .summary-panel .section{padding:calc(var(--app-pane-padding) / 2);max-height:calc(100vh - 280px);overflow-y:auto}.eo-app-search .body .summary-panel .section .title{border-bottom:1px solid rgba(var(--color-black-rgb),.1);padding-bottom:calc(var(--app-pane-padding) / 4);color:var(--text-color-caption)}.eo-app-search .body .summary-panel .filter{display:flex;flex:1;flex-direction:row;min-height:0;min-width:0;background:rgba(var(--color-white-rgb),.6);margin-top:4px;align-items:center}.eo-app-search .body .summary-panel .filter .label{display:inline-block;max-width:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1 1 auto;padding:0 0 0 calc(var(--app-pane-padding) / 4)}.eo-app-search .body .summary-panel .filter eo-icon{flex:0 0 auto;padding:calc(var(--app-pane-padding) / 4);box-sizing:border-box;cursor:pointer;color:var(--text-color-hint)}.eo-app-search .body .summary-panel .filter eo-icon:hover{color:var(--text-color-caption)}.eo-app-search .body .summary-panel .actions{display:flex;justify-content:flex-end;padding:calc(var(--app-pane-padding) / 2) calc(var(--app-pane-padding) / 2 - 2px)}.eo-app-search .body .summary-panel .actions button{margin:0 2px;line-height:1em;font-size:var(--font-hint)}.eo-app-search .body .ui-tabview .ui-tabview-panel{padding:calc(var(--app-pane-padding) / 2)}.eo-app-search .body .ui-tabview .ui-tabview-panel h2{margin:0 0 calc(var(--app-pane-padding) * 1.5) 0;padding:0;font-weight:var(--font-weight-light);font-size:var(--font-title);color:var(--text-color-caption)}.eo-app-search .body .rest-box-container{display:flex;flex-flow:row wrap;align-items:stretch}.eo-app-search .body .rest-box-container .rest-box{margin:calc(var(--app-pane-padding) / 2);padding:calc(var(--app-pane-padding) / 2);background:var(--color-white);flex:1 1 auto}.eo-app-search .body .rest-box-container .rest-box h3{margin:0 0 var(--app-pane-padding) 0;padding:0;font-size:var(--font-caption);font-weight:var(--font-weight-normal);color:var(--text-color-caption)}.eo-app-search .body .rest-box-container .rest-box .rest-item{display:flex;flex:1 1 auto;flex-flow:row nowrap;align-items:center;padding:calc(var(--app-pane-padding) / 2);margin:0 calc(var(--app-pane-padding) / 4);color:var(--text-color-body)}.eo-app-search .body .rest-box-container .rest-box .rest-item.selected{background:var(--color-primary-3);color:var(--color-white)}.eo-app-search .body .rest-box-container .rest-box .rest-item:not(.selected):hover{background:var(--list-item-hover-background)}.eo-app-search .body .rest-box-container .rest-box .label{flex:1 1 auto;padding:0 calc(var(--app-pane-padding) / 2)}.eo-app-search .body .rest-box-container .rest-box .count{font-size:var(--font-caption);min-width:30px;text-align:right;font-weight:var(--font-weight-bold)}.eo-app-search .body .object-types .group .group-header .move-icons{display:none}.eo-app-search .body .object-types .group .type{display:flex;flex-flow:row nowrap;align-items:center;padding:1px 0}.eo-app-search .body .object-types .group .type.context{font-weight:var(--font-weight-bold)}.eo-app-search .body .object-types .group .type.folder .item eo-icon{background:rgba(var(--color-black-rgb),.15)}.eo-app-search .body .object-types .group .type.folder .item:hover eo-icon{background:rgba(var(--color-white-rgb),.3)}.eo-app-search .body .object-types .group .type.abstract .item{color:var(--text-color-caption)}.eo-app-search .body .object-types .group .type.abstract .item:hover{background:var(--color-primary-3);color:var(--panel-background)}.eo-app-search .body .object-types .group .type .item{display:flex;flex:1 1 auto;border-radius:2px;flex-flow:row nowrap;align-items:center;padding:calc(var(--app-pane-padding) / 2);margin:0 calc(var(--app-pane-padding) / 4);cursor:default;color:var(--text-color-body)}.eo-app-search .body .object-types .group .type .item eo-icon{color:var(--text-color-caption);width:16px;height:16px;box-sizing:content-box;padding:2px;border-radius:2px;transition:none;-webkit-transition:none;-moz-transition:none;-o-transition:none}.eo-app-search .body .object-types .group:hover .group-header{display:flex;justify-content:space-between}.eo-app-search .body .object-types .group:hover .group-header .move-icons{display:flex}.eo-app-search .body .object-types .group:hover .group-header .move-left-icon,.eo-app-search .body .object-types .group:hover .group-header .move-right-icon{cursor:pointer;color:var(--text-color-caption)}.eo-app-search .body .object-types .type .item{cursor:pointer}.eo-app-search .body .object-types .type .item:hover{background:var(--color-primary-3);color:var(--panel-background)}.eo-app-search .body .object-types .type .item:hover eo-icon{color:var(--panel-background)}.eo-app-search .body .indexdata-search{padding:calc(var(--app-pane-padding) / 2) 0 0 calc(var(--app-pane-padding) / 2)}.eo-app-search .body .indexdata-search h2{display:flex;flex-flow:row;align-items:center}.eo-app-search .body .indexdata-search h2 eo-icon{margin:0 calc(var(--app-pane-padding) / 2)}.eo-app-search .body .indexdata-search h2 span{padding:0 calc(var(--app-pane-padding) / 4)}.eo-app-search .body .indexdata-search .context{margin-bottom:var(--app-pane-padding)}.eo-app-search .body .indexdata-search .context .context-select{display:flex;align-items:center;flex-flow:row wrap;padding-bottom:1px}.eo-app-search .body .indexdata-search .context .context-select .spacer{width:var(--app-pane-padding)}.eo-app-search .body .indexdata-search eo-object-form{border:1px solid rgba(var(--color-black-rgb),.1)}.eo-app-search .body .indexdata-search eo-object-form.dark{display:block;background-color:var(--color-primary-2)}.eo-app-search.rtl{left:0;right:0;animation:appSearchAppearRTL var(--app-default-transition-duration)}.eo-app-search.rtl .head .result,.eo-app-search.rtl .body .summary-panel{right:auto;left:var(--app-pane-padding)}.eo-app-search.rtl .body yvc-tabs{padding-right:0;padding-left:calc(var(--app-pane-padding) * 2 + var(--search-summary-width));padding-bottom:0;padding-top:0}.eo-app-search.expert .head .result{display:none}.eo-app-search.expert .head .search .search-box{max-width:100%}.eo-app-search.expert .head .search .search-box button.expert-mode{color:var(--color-accent)}.eo-app-search.expert .body{background:var(--color-primary-2);color:var(--color-white);display:flex;flex-flow:column}.eo-app-search.expert .body h2{flex:0 0 auto;padding:0;margin:var(--app-pane-padding) 0;font-size:var(--font-title);font-weight:var(--font-weight-light)}.eo-app-search.expert .body h2 span{padding:calc(var(--app-pane-padding) / 2) 0 calc(var(--app-pane-padding) / 2) var(--app-pane-padding);border-bottom:4px solid var(--color-accent)}.eo-app-search.expert .body .intro{flex:0 0 auto;padding:var(--app-pane-padding)}.eo-app-search.expert .body .empty{flex:0 0 auto;padding:0 var(--app-pane-padding)}.eo-app-search.expert .body .empty span{padding:calc(var(--app-pane-padding) / 4) calc(var(--app-pane-padding) / 2);border-radius:2px;background:var(--color-error);color:var(--color-white)}.eo-app-search.expert .body .fields h2{margin:calc(var(--app-pane-padding) / 2);flex:0 0 auto;padding:calc(var(--app-pane-padding) / 2);border-bottom:1px solid rgba(var(--color-white-rgb),.3)}.eo-app-search.expert .body .fields .item{padding:calc(var(--app-pane-padding) / 2);cursor:pointer;border-radius:2px;background:rgba(var(--color-white-rgb),.06);margin-bottom:4px;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}.eo-app-search.expert .body .fields .item:hover,.eo-app-search.expert .body .fields .item.selected{background:rgba(var(--color-white-rgb),.2)}.eo-app-search.expert .body .fields .item .label{font-weight:var(--font-weight-bold);display:flex;justify-content:space-between}.eo-app-search.expert .body .fields .item .label .type{font-size:var(--font-hint);opacity:.5}.eo-app-search.expert .body .fields .item .data{opacity:.75}.eo-app-search.expert .body .base-params{padding:calc(var(--app-pane-padding) / 2)}.eo-app-search.expert .body .base-params .items{display:flex;flex-flow:row wrap;padding:calc(var(--app-pane-padding) / 4)}.eo-app-search.expert .body .base-params .items .item{margin:calc(var(--app-pane-padding) / 4)}.eo-app-search.expert .body .system-types{flex:1 1 auto;display:flex;flex-flow:row;justify-content:flex-start;align-items:stretch;padding:calc(var(--app-pane-padding) / 2)}.eo-app-search.expert .body .system-types .column{flex:0 0 33%;box-sizing:border-box;display:flex;flex-flow:column}.eo-app-search.expert .body .system-types .column .items{padding:calc(var(--app-pane-padding) / 2);flex:1 1 auto;overflow-y:auto}.eo-app-search.expert .body .system-types .column .items::-webkit-scrollbar-thumb{background-color:rgba(var(--color-white-rgb),.1)}.eo-app-search .body .rest-box-container .rest-box .rest-item .checkbox,.eo-app-search .body .rest-box-container .rest-box .type .checkbox{width:20px;height:20px;cursor:pointer;border:1px solid var(--text-color-hint);border-radius:2px;margin:0 calc(var(--app-pane-padding) / 2)}.eo-app-search .body .rest-box-container .rest-box .rest-item .checkbox svg,.eo-app-search .body .rest-box-container .rest-box .type .checkbox svg{opacity:0}.eo-app-search .body .rest-box-container .rest-box .rest-item:not(.selected):hover .checkbox:hover,.eo-app-search .body .rest-box-container .rest-box .type:not(.selected):hover .checkbox:hover{border-color:var(--text-color-caption)}.eo-app-search .body .rest-box-container .rest-box .rest-item:not(.selected):hover .checkbox:hover svg,.eo-app-search .body .rest-box-container .rest-box .type:not(.selected):hover .checkbox:hover svg{fill:var(--text-color-body);opacity:.3}.eo-app-search .body .rest-box-container .rest-box .rest-item.selected .checkbox,.eo-app-search .body .rest-box-container .rest-box .type.selected .checkbox{background:var(--color-primary-3);border-color:var(--color-primary-3)}.eo-app-search .body .rest-box-container .rest-box .rest-item.selected .checkbox svg,.eo-app-search .body .rest-box-container .rest-box .type.selected .checkbox svg{fill:var(--color-white)!important;opacity:1}.eo-app-search .body .rest-box-container .rest-box .rest-item.saved .count,.eo-app-search .body .rest-box-container .rest-box .type.saved .count{font-weight:var(--font-weight-normal)}@keyframes appSearchAppear{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes appSearchAppearRTL{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}\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.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1$3.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$3.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: 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.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i1$3.NgForm, selector: "form:not([ngNoForm]):not([formGroup]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { 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: RtlAwareDirective, selector: "[eoRtlAware]", inputs: ["eoRtlAware"] }, { kind: "component", type: LoadingSpinnerComponent, selector: "eo-loading-spinner", inputs: ["size", "mode"] }, { kind: "component", type: QueryScopeSelectComponent, selector: "eo-query-scope-select", inputs: ["selection"], outputs: ["select"] }, { 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: "component", type: FormInputComponent, selector: "eo-form-input", inputs: ["label", "tag", "description", "skipToggle", "isNull", "invalid", "disabled", "required"], outputs: ["onToggleLabel"] }, { kind: "component", type: DatetimeRangeComponent, selector: "eo-datetime-range", inputs: ["withTime", "pickerTitle", "operator"] }, { kind: "component", type: OrganizationComponent, selector: "eo-organization", inputs: ["removeCurrentUser", "situation", "multiselect", "readonly", "dataMeta", "placeholder", "exceptions", "filterObject"], outputs: ["onValueResolved", "onDataMetaChanged"] }, { kind: "component", type: StringComponent, selector: "eo-string", inputs: ["autocomplete", "multiselect", "multiline", "readonly", "autofocus", "classification", "situation", "regex", "qname", "size", "minLength", "maxLength"] }, { kind: "component", type: ObjectFormComponent, selector: "eo-object-form", inputs: ["isInnerTableForm", "formOptions"], outputs: ["statusChanged", "onFormReady"] }, { kind: "component", type: i7.AutoComplete, selector: "yvc-autocomplete", inputs: ["field", "placeholder", "minLength", "multiple", "typeahead", "distinctValues", "forceSelection", "autocompleteValues", "disabled"], outputs: ["autocompleteFnc", "blur", "focus", "suggestionUnselect", "suggestionSelect"] }, { 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: ContextSearchComponent, selector: "eo-context-search", inputs: ["ctx", "query", "idxSearch", "selected", "disabled"], outputs: ["setContext"] }, { kind: "pipe", type: i1$2.AsyncPipe, name: "async" }, { kind: "pipe", type: i4.TranslatePipe, name: "translate" }, { kind: "pipe", type: LocaleDecimalPipe, name: "localeDecimal" }], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.2", type: AppSearchComponent, selector: "eo-app-search", outputs: { onExecuteSearch: "onExecuteSearch" }, viewQueries: [{ propertyName: "tplSearch", first: true, predicate: ["tplSearch"], descendants: true, read: TemplateRef }, { propertyName: "searchInput", first: true, predicate: ["searchInput"], descendants: true }, { propertyName: "expertInput", first: true, predicate: ["xpinput"], descendants: true }, { propertyName: "indexdataForm", first: true, predicate: ["idxform"], descendants: true }, { propertyName: "contextForm", first: true, predicate: ["ctxform"], descendants: true }], ngImport: i0, template: "<!-- <eo-dialog [visible]=\"true\" [styleClass]=\"'eo-app-search-dialog'\" [align]=\"'start'\" [minWidth]=\"'80vw'\"\n  [minHeight]=\"'100vh'\" (hide)=\"closeSearchMenu($event)\"> -->\n<!-- <yvc-dialog [options]=\"{lightDismiss: true}\" [template]=\"tplSearch\" (closed)=\"closeSearchMenu()\"></yvc-dialog> -->\n<ng-template #tplSearch>\n\n  <div class=\"eo-app-search\" [ngClass]=\"{expert: query.expertMode}\" eoRtlAware=\"full\" *ngIf=\"query\">\n\n    <div class=\"head\">\n\n      <div class=\"search\">\n        <form (submit)=\"executeSearch()\">\n          <div class=\"title\" translate>eo.search</div>\n\n          <eo-query-scope-select [selection]=\"queryScope\" (select)=\"setQueryScope($event)\"></eo-query-scope-select>\n\n          <div class=\"search-box\" [formGroup]=\"termForm\">\n\n            <yvc-autocomplete *ngIf=\"!query.expertMode; else expertInput\" #searchInput formControlName=\"term\" [autocompleteValues]=\"autocompleteResults\"\n              (suggestionSelect)=\"autocompleteSelect()\" (keydown.enter)=\"executeSearch()\" (paste)=\"autocompletePaste($event)\">\n            </yvc-autocomplete>\n\n            <ng-template #expertInput>\n              <input autofocus=\"autofocus\" class=\"expert-search__input\" #xpinput type=\"text\"\n                (ngModelChange)=\"expertTermChanged()\" [(ngModel)]=\"query.term\" [ngModelOptions]=\"{standalone: true}\">\n            </ng-template>\n\n            <button class=\"btn expert-mode\" type=\"button\" (click)=\"toggleExpertMode()\">\n              <!--<span translate>eo.search.mode.expert</span>-->\n              <eo-icon [iconSrc]=\"'assets/_default/svg/ic_expert-search.svg'\"\n                [iconTitle]=\"('eo.search.mode.expert' | translate)\" *ngIf=\"!query?.expertMode; else close\"></eo-icon>\n              <ng-template #close>\n                <eo-icon [iconSrc]=\"'assets/_default/svg/ic_expert-search.svg'\"\n                  [iconTitle]=\"('eo.search.mode.expert.close' | translate)\"></eo-icon>\n              </ng-template>\n            </button>\n\n            <button type=\"button\" class=\"btn expert-mode expert-mode__reset\" [ngClass]=\"{active: query.term}\"\n              (click)=\"resetExpertModeInput()\">\n              <eo-icon [iconSrc]=\"'assets/_default/svg/ic_clear.svg'\"\n                [iconTitle]=\"('eo.search.clear.search' | translate)\"></eo-icon>\n            </button>\n\n            <button class=\"btn btn-default\" type=\"submit\" [disabled]=\"queryState.isEmpty\"\n              translate>eo.search.submit</button>\n          </div>\n        </form>\n      </div>\n\n      <div class=\"result\" *ngIf=\"!loading; else spinner\">{{queryState.totalCount | localeDecimal}}</div>\n      <ng-template #spinner>\n        <eo-loading-spinner class=\"search-aggregator__loader\" [size]=\"'medium'\" [mode]=\"'dark'\"></eo-loading-spinner>\n      </ng-template>\n      <eo-icon class=\"button white close\" [iconSrc]=\"'assets/_default/svg/ic_clear.svg'\"\n        [iconTitle]=\"('eo.search.close' | translate)\" (click)=\"closeSearchMenu()\"></eo-icon>\n\n    </div>\n\n    <div class=\"body\" *ngIf=\"!query.expertMode; else expert\">\n\n      <yvc-tabs (tabChange)=\"onTabChange($event)\">\n\n        <!-- object type select -->\n        <ng-template [yvcTab]=\"{id: 'restrictType', label: 'eo.search.restrict.type' | translate}\">\n\n          <div class=\"object-types rest-box-container\" [ngClass]=\"{idxenabled: query.types.length < 1}\"\n            *ngIf=\"objectTypeGroups && !idxSearch\">\n            <div class=\"group rest-box\" *ngFor=\"let group of objectTypeGroups; let i = index\">\n              <div class=\"group-header\">\n                <h3 *ngIf=\"group.label !== '0'\">{{group.label}}</h3>\n                <h3 *ngIf=\"group.label === '0'\" translate>{{'eo.search.group.general'}}</h3>\n                <div class=\"move-icons\">\n                  <eo-icon *ngIf=\"i !== 0\" class=\"move-left-icon\" (click)=\"moveObjectTypeGroup(group.label, 'left')\" [iconSrc]=\"'assets/_default/svg/ic_arrow_left.svg'\"></eo-icon>\n                  <eo-icon *ngIf=\"i !== objectTypeGroups.length - 1\" class=\"move-right-icon\" (click)=\"moveObjectTypeGroup(group.label, 'right')\" [iconSrc]=\"'assets/_default/svg/ic_arrow_right.svg'\"></eo-icon>\n                </div>\n              </div>\n              <div class=\"type\" *ngFor=\"let type of group.types\"\n                [ngClass]=\"{context: type.isContextFolder, folder: type.isFolder, abstract: type.isAbstract, selected: isTypeActive(type), saved: isTypeSaved(type)}\">\n\n                <div class=\"checkbox\" (click)=\"toggleType(type)\">\n                  <svg fill=\"#ffffff\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\">\n                    <path d=\"M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z\" />\n                  </svg>\n                </div>\n                <div class=\"item\" (click)=\"selectObjectType(type)\">\n                  <eo-icon [objectType]=\"type\"></eo-icon>\n                  <div class=\"label\">{{type.label}} {{type.isAbstract ? '('+ ('eo.search.type.abstract' | translate) +\n                    ')' : ''}}</div>\n                  <div class=\"count\">{{getAggregationCount(type) | localeDecimal}}</div>\n                </div>\n              </div>\n            </div>\n          </div>\n\n          <div class=\"indexdata-search\" *ngIf=\"idxSearch\">\n            <h2>\n              <eo-icon class=\"button\" [iconSrc]=\"'assets/_default/svg/ic_arrow_back.svg'\"\n                (click)=\"exitIndexdataSearch()\"></eo-icon>\n              <span translate [translateParams]=\"{type: idxSearch.type.label}\">eo.search.objecttype.form</span>\n            </h2>\n\n            <div class=\"context\" *ngIf=\"idxSearch.contextModels.length\">\n\n              <div class=\"context-select\">\n                <div translate>eo.search.objecttype.form.context</div>\n                <div class=\"spacer\"></div>\n\n                <eo-context-search *ngFor=\"let ctx of idxSearch.contextModels; index as i\" [ctx]=\"ctx\" [query]=\"query\"\n                  [selected]=\"currentContextFolderName === ctx.name\"\n                  [disabled]=\"(currentContextFolderName && currentContextFolderName !== ctx.name)\"\n                  [idxSearch]=\"idxSearch\" (setContext)=\"setContext($event)\">\n                </eo-context-search>\n              </div>\n\n              <section class=\"context form\">\n                <eo-object-form class=\"dark\" #ctxform\n                  *ngIf=\"idxSearch.contextFormOptions && idxSearch.contextFormOptions?.formModel?.elements?.length\"\n                  [formOptions]=\"idxSearch.contextFormOptions\" (statusChanged)=\"onIndexDataChanged($event)\">\n                </eo-object-form>\n              </section>\n            </div>\n\n\n            <section class=\"object-type form\" *ngIf=\"idxSearch.formOptions\">\n              <eo-object-form #idxform [formOptions]=\"idxSearch.formOptions\"\n                (statusChanged)=\"onIndexDataChanged($event)\" (onFormReady)=\"idxform.focusForm()\">\n              </eo-object-form>\n            </section>\n          </div>\n        </ng-template>\n\n        <!-- created tab -->\n        <ng-template [yvcTab]=\"{id: 'restrictCreated', label: 'eo.search.restrict.creation' | translate }\">\n          <div class=\"created rest-box-container\" *ngIf=\"queryState.aggregations\">\n\n            <div class=\"rest-box box-timespan\">\n              <h3 translate>eo.search.agg.time.span</h3>\n              <div class=\"rest-item\" *ngFor=\"let agg of aggregationsModel[PARAMS.CREATED]\"\n                (click)=\"toggleFilter(PARAMS.CREATED, OPERATOR.RANGE, agg.key, agg.selected)\"\n                [ngClass]=\"{selected: agg.selected, saved: agg.saved}\">\n                <div class=\"label\">{{agg.label}}</div>\n                <div class=\"count\">{{agg.value | localeDecimal}}</div>\n              </div>\n            </div>\n\n            <div class=\"rest-box box-timespan-custom\">\n              <h3 translate>eo.search.agg.time.span.custom</h3>\n              <form #createdForm=\"ngForm\">\n                <eo-form-input [label]=\"'eo.search.agg.time.span' | translate\">\n                  <eo-datetime-range #createdField [(ngModel)]=\"filtersModel[PARAMS.CREATED].value\" name=\"range\"\n                    [operator]=\"filtersModel[PARAMS.CREATED].value ? filtersModel[PARAMS.CREATED].value.operator : OPERATOR.EQUAL\"\n                    [withTime]=\"createdField.searchOption && createdField.searchOption !== OPERATOR.EQUAL\"\n                    (ngModelChange)=\"setFilter(PARAMS.CREATED, OPERATOR.EQUAL, $event, createdForm)\">\n                  </eo-datetime-range>\n                </eo-form-input>\n              </form>\n            </div>\n\n            <div class=\"rest-box box-creator\">\n              <h3 translate>eo.search.agg.creator</h3>\n              <form #creatorForm=\"ngForm\">\n                <eo-form-input [label]=\"'eo.search.agg.createdby' | translate\">\n                  <eo-organization [multiselect]=\"true\" [(ngModel)]=\"filtersModel[PARAMS.CREATOR].value\" name=\"creator\"\n                    (onValueResolved)=\"resolveLabel(filtersModel[PARAMS.CREATOR], $event)\" [situation]=\"'SEARCH'\"\n                    (ngModelChange)=\"setFilter(PARAMS.CREATOR, OPERATOR.IN, $event, creatorForm)\"></eo-organization>\n                </eo-form-input>\n              </form>\n            </div>\n\n          </div>\n        </ng-template>\n\n        <ng-template [yvcTab]=\"{id: 'restrictModification', label: 'eo.search.restrict.modification' | translate}\">\n          <div class=\"modified rest-box-container\" *ngIf=\"queryState.aggregations\">\n\n            <div class=\"rest-box box-timespan\">\n              <h3 translate>eo.search.agg.time.span</h3>\n              <div class=\"rest-item\" *ngFor=\"let agg of aggregationsModel[PARAMS.MODIFIED]\"\n                (click)=\"toggleFilter(PARAMS.MODIFIED, OPERATOR.RANGE, agg.key, agg.selected)\"\n                [ngClass]=\"{selected: agg.selected, saved: agg.saved}\">\n                <div class=\"label\">{{agg.label}}</div>\n                <div class=\"count\">{{agg.value | localeDecimal}}</div>\n              </div>\n            </div>\n\n            <div class=\"rest-box box-timespan-custom\">\n              <h3 translate>eo.search.agg.time.span.custom</h3>\n              <form #modifiedForm=\"ngForm\">\n                <eo-form-input [label]=\"'eo.search.agg.time.span' | translate\">\n                  <eo-datetime-range #modifiedField [(ngModel)]=\"filtersModel[PARAMS.MODIFIED].value\" name=\"range\"\n                    [operator]=\"filtersModel[PARAMS.MODIFIED].value ? filtersModel[PARAMS.MODIFIED].value.operator : OPERATOR.EQUAL\"\n                    [withTime]=\"modifiedField.searchOption && modifiedField.searchOption !== OPERATOR.EQUAL\"\n                    (ngModelChange)=\"setFilter(PARAMS.MODIFIED, OPERATOR.EQUAL, $event, modifiedForm)\">\n                  </eo-datetime-range>\n                </eo-form-input>\n              </form>\n            </div>\n\n            <div class=\"rest-box box-modifier\">\n              <h3 translate>eo.search.agg.modifier</h3>\n              <form #modifierForm=\"ngForm\">\n                <eo-form-input [label]=\"'eo.search.agg.modifiedby' | translate\">\n                  <eo-organization [multiselect]=\"true\" [(ngModel)]=\"filtersModel[PARAMS.MODIFIER].value\"\n                    name=\"modifier\" (onValueResolved)=\"resolveLabel(filtersModel[PARAMS.MODIFIER], $event)\"\n                    [situation]=\"'SEARCH'\"\n                    (ngModelChange)=\"setFilter(PARAMS.MODIFIER, OPERATOR.IN, $event, modifierForm)\"></eo-organization>\n                </eo-form-input>\n              </form>\n            </div>\n          </div>\n        </ng-template>\n\n        <ng-template [yvcTab]=\"{id: 'restrictFile', label: 'eo.search.restrict.file' | translate}\">\n          <div class=\"file rest-box-container\" *ngIf=\"queryState.aggregations\">\n\n            <div class=\"rest-box box-mimetype-group\">\n              <h3 translate>eo.search.restrict.mimetypegroup</h3>\n              <div class=\"rest-item\" *ngFor=\"let agg of aggregationsModel[PARAMS.MIMETYPEGROUP]\"\n                (click)=\"setFilter(PARAMS.MIMETYPEGROUP, OPERATOR.IN, resolveSelection(aggregationsModel[PARAMS.MIMETYPEGROUP], agg.key, agg.selected))\"\n                [ngClass]=\"{selected: agg.selected, saved: agg.saved}\">\n                <div class=\"checkbox\">\n                  <svg fill=\"#ffffff\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\">\n                    <path d=\"M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z\" />\n                  </svg>\n                </div>\n                <div class=\"label\">{{agg.label}}</div>\n                <div class=\"count\">{{agg.value | localeDecimal}}</div>\n              </div>\n            </div>\n\n            <div class=\"rest-box box-filesize\">\n              <h3 translate>eo.search.restrict.filesize</h3>\n              <div class=\"rest-item\" *ngFor=\"let agg of aggregationsModel[PARAMS.FILESIZE]\"\n                (click)=\"toggleFilter(PARAMS.FILESIZE, OPERATOR.RANGE, agg.key, agg.selected)\"\n                [ngClass]=\"{selected: agg.selected, saved: agg.saved}\">\n                <div class=\"label\">{{agg.label}}</div>\n                <div class=\"count\">{{agg.value | localeDecimal}}</div>\n              </div>\n            </div>\n\n            <div class=\"rest-box box-filename\">\n              <h3 translate>eo.search.restrict.filename</h3>\n              <form #filenameForm=\"ngForm\">\n                <eo-form-input [label]=\"'eo.search.restrict.filename' | translate\">\n                  <eo-string [autocomplete]=\"true\" [qname]=\"'filename'\"\n                    [(ngModel)]=\"filtersModel[PARAMS.FILENAME].value\" name=\"filename\"\n                    (ngModelChange)=\"setFilter(PARAMS.FILENAME, OPERATOR.EQUAL, $event, filenameForm)\"></eo-string>\n                </eo-form-input>\n              </form>\n            </div>\n          </div>\n        </ng-template>\n      </yvc-tabs>\n\n      <!-- summary of the current search filters -->\n      <div class=\"summary-panel\">\n\n        <div class=\"headline stored-query\" *ngIf=\"isStoredQuery; else reghead\">\n          <div class=\"spaceInbetwen\">\n            <div class=\"savedSearchIcon\">\n              <eo-icon [iconSrc]=\"'assets/_default/svg/ic_saved_search.svg'\"></eo-icon>\n            </div>\n            <div class=\"store\">\n              <div class=\"pre\" translate>eo.search.aside.summary.storedquery</div>\n              <div class=\"stored-query-name\">{{storedQuery.name}}</div>\n            </div>\n          </div>\n        </div>\n\n        <ng-template #reghead>\n          <div class=\"headline\" translate>eo.search.aside.summary</div>\n        </ng-template>\n\n        <section class=\"query-types\">\n          <div class=\"section section-searchterm\" *ngIf=\"query.term\">\n            <div class=\"title\" translate>eo.search.aside.summary.term</div>\n            <div class=\"filter\">\n              <div class=\"label\">{{query.term}}</div>\n              <eo-icon [iconSrc]=\"'assets/_default/svg/ic_clear.svg'\" (click)=\"removeTerm()\"></eo-icon>\n            </div>\n          </div>\n\n          <div class=\"section section-contexttype\" *ngIf=\"query.contextFolderTypes.length\">\n            <div class=\"title\" translate>eo.search.aside.summary.contextfoldertypes</div>\n            <div class=\"filter\" *ngFor=\"let type of query.contextFolderTypes\">\n              <div class=\"label\">{{type.label}}</div>\n              <eo-icon [iconSrc]=\"'assets/_default/svg/ic_clear.svg'\" (click)=\"removeContextType()\"></eo-icon>\n            </div>\n          </div>\n\n          <div class=\"section section-objecttype\" *ngIf=\"query.types.length\">\n            <div class=\"title\" translate>eo.search.aside.summary.types</div>\n            <div class=\"filter\" *ngFor=\"let type of query.types\">\n              <div class=\"label\">{{type.label}}</div>\n              <eo-icon [iconSrc]=\"'assets/_default/svg/ic_clear.svg'\" (click)=\"removeType(type)\"></eo-icon>\n            </div>\n          </div>\n\n          <ng-template #filterTemplate let-filter let-translate>\n            <ng-container *ngIf=\"filter.innerValue.length\">\n              <div class=\"filter\" *ngFor=\"let val of filter.innerValue; index as i\">\n                <div class=\"label\">{{filter.label[i] | async}}</div>\n                <eo-icon [iconSrc]=\"'assets/_default/svg/ic_clear.svg'\" (click)=\"resetFilter(filter, val)\"></eo-icon>\n              </div>\n            </ng-container>\n          </ng-template>\n\n          <div class=\"section section-creation\"\n            *ngIf=\"filtersModel[PARAMS.CREATED].innerValue?.length || filtersModel[PARAMS.CREATOR].innerValue?.length\">\n            <div class=\"title\" translate>eo.search.restrict.creation</div>\n            <ng-template [ngTemplateOutlet]=\"filterTemplate\"\n              [ngTemplateOutletContext]=\"{ $implicit: filtersModel[PARAMS.CREATED] }\"></ng-template>\n            <ng-template [ngTemplateOutlet]=\"filterTemplate\"\n              [ngTemplateOutletContext]=\"{ $implicit: filtersModel[PARAMS.CREATOR] }\"></ng-template>\n          </div>\n\n          <div class=\"section section-modification\"\n            *ngIf=\"filtersModel[PARAMS.MODIFIED].innerValue?.length || filtersModel[PARAMS.MODIFIER].innerValue?.length\">\n            <div class=\"title\" translate>eo.search.restrict.modification</div>\n            <ng-template [ngTemplateOutlet]=\"filterTemplate\"\n              [ngTemplateOutletContext]=\"{ $implicit: filtersModel[PARAMS.MODIFIED] }\"></ng-template>\n            <ng-template [ngTemplateOutlet]=\"filterTemplate\"\n              [ngTemplateOutletContext]=\"{ $implicit: filtersModel[PARAMS.MODIFIER] }\"></ng-template>\n          </div>\n\n          <div class=\"section section-mimetypegroup\"\n            *ngIf=\"filtersModel[PARAMS.MIMETYPEGROUP].innerValue.length || filtersModel[PARAMS.FILESIZE].innerValue.length || filtersModel[PARAMS.FILENAME].innerValue.length\">\n            <div class=\"title\" translate>eo.search.restrict.file</div>\n            <ng-template [ngTemplateOutlet]=\"filterTemplate\"\n              [ngTemplateOutletContext]=\"{ $implicit: filtersModel[PARAMS.MIMETYPEGROUP] }\"></ng-template>\n            <ng-template [ngTemplateOutlet]=\"filterTemplate\"\n              [ngTemplateOutletContext]=\"{ $implicit: filtersModel[PARAMS.FILESIZE] }\"></ng-template>\n            <ng-template [ngTemplateOutlet]=\"filterTemplate\"\n              [ngTemplateOutletContext]=\"{ $implicit: filtersModel[PARAMS.FILENAME] }\"></ng-template>\n          </div>\n        </section>\n\n        <div class=\"actions\" *ngIf=\"query.term || query.filters.length || query.types.length; else emptySearch\">\n\n          <ng-container *ngIf=\"isStoredQuery; else regactions\">\n            <button class=\"secondary btn-reset\" (click)=\"resetQuery()\" translate>eo.search.storedquery.close</button>\n            <button class=\"primary grey btn-update\" (click)=\"updateStoredQuery()\"\n              *ngIf=\"capabilities.storedqueries && isOwnQuery\" translate>eo.search.storedquery.update</button>\n            <button class=\"primary grey btn-save\" (click)=\"saveQuery()\"\n              *ngIf=\"capabilities.storedqueries && !isOwnQuery\" translate>eo.search.save</button>\n            <button class=\"primary btn-submit\" (click)=\"executeSearch()\" [disabled]=\"queryState.isEmpty\"\n              translate>eo.search.submit</button>\n          </ng-container>\n\n          <ng-template #regactions>\n            <button class=\"primary grey btn-reset\" (click)=\"resetQuery()\" translate>eo.search.reset</button>\n            <button class=\"primary grey btn-save\" (click)=\"saveQuery()\"\n              *ngIf=\"capabilities.storedqueries && !isOwnQuery\" translate>eo.search.save</button>\n            <button class=\"primary btn-submit\" (click)=\"executeSearch()\" [disabled]=\"queryState.isEmpty\"\n              translate>eo.search.submit</button>\n          </ng-template>\n\n\n        </div>\n\n        <ng-template #emptySearch>\n          <div class=\"empty-search\" translate>eo.search.summary.empty</div>\n        </ng-template>\n\n      </div>\n\n\n    </div>\n\n    <!-- expert mode body panel containing explanations -->\n    <ng-template #expert>\n      <div class=\"body expert\">\n\n        <div class=\"empty\" *ngIf=\"expertModeQueryEmpty\"><span translate>eo.search.mode.expert.result.empty</span></div>\n\n        <!--\n        <h2><span translate>eo.search.mode.expert</span></h2>\n        <div class=\"intro\" translate>eo.search.mode.expert.intro</div>\n\n        <div class=\"base-params fields\">\n          <h2 translate>eo.search.mode.expert.support.baseparams</h2>\n          <div class=\"items\">\n            <div class=\"item\" *ngFor=\"let el of expertModeSupport.baseParams\" (click)=\"xpAddToTerm(el.data)\">\n              <div class=\"label\"><span>{{el.label}}</span></div>\n              <div class=\"data\">{{el.data}}</div>\n            </div>\n          </div>\n        </div>\n\n        <div class=\"system-types fields\">\n\n          <div class=\"column column-group\">\n            <h2 translate>eo.search.mode.expert.support.group</h2>\n            <div class=\"items\">\n              <div class=\"item\" *ngFor=\"let group of typeGroupTree\"\n                   [ngClass]=\"{selected: expertModeSupport.selectedGroup && group.id === expertModeSupport.selectedGroup.id}\"\n                   (click)=\"xpSelectGroup(group)\">\n                <div *ngIf=\"group.label !== '0'\">{{group.label}}</div>\n                <div *ngIf=\"group.label === '0'\">{{'eo.search.group.general' | translate}}</div>\n              </div>\n            </div>\n          </div>\n\n          <div class=\"column column-type\" *ngIf=\"expertModeSupport.selectedGroup\">\n            <h2 translate>eo.search.mode.expert.support.type</h2>\n            <div class=\"items\">\n              <div class=\"item\" *ngFor=\"let type of expertModeSupport.selectedGroup.tree\"\n                   [ngClass]=\"{selected: expertModeSupport.selectedType && type.id === expertModeSupport.selectedType.id}\"\n                   (click)=\"xpSelectType(type)\">\n                <div>{{type.label}}</div>\n              </div>\n            </div>\n          </div>\n\n          <div class=\"column section-field\" *ngIf=\"expertModeSupport.selectedType\">\n            <h2 translate>eo.search.mode.expert.support.field</h2>\n            <div class=\"items\">\n              <div class=\"item\" *ngFor=\"let el of expertModeSupport.selectedType.children\" (click)=\"xpAddToTerm(el.data)\">\n                <div class=\"label\"><span>{{el.label}}</span><span class=\"type\">{{el.type}}</span></div>\n                <div class=\"data\">{{el.data}}</div>\n              </div>\n            </div>\n          </div>\n\n        </div>\n\n        -->\n      </div>\n    </ng-template>\n  </div>\n  <!-- </eo-dialog> -->\n</ng-template>\n", styles: ["eo-app-search dialog{height:100vh;margin:0!important;max-height:100vh;max-block-size:100%!important;min-width:500px;width:80%}@media screen and (max-width: 500px){.eo-app-search-dialog{width:100%!important;min-width:inherit}}.eo-app-search-dialog .eo-dialog-content{overflow:inherit;max-height:100%}.eo-app-search-dialog .eo-dialog-header{display:none}.eo-app-search.rtl .head .close{right:auto;left:var(--app-pane-padding)}.eo-app-search.rtl .body .indexdata-search h2 eo-icon{transform:rotate(180deg)}.eo-app-search{--search-min-width: 500px;--search-box-max-width: 600px;--search-summary-width: 350px;width:80vw;height:100vh;background:var(--panel-background-grey);display:flex;flex:1;flex-direction:column;min-height:0;min-width:0}.eo-app-search .head{background:var(--color-primary-2);flex:0 0 auto;color:var(--color-white);position:relative;display:flex;flex-flow:row nowrap;padding:var(--app-pane-padding) calc(var(--app-pane-padding) / 2) 0 calc(var(--app-pane-padding) / 2)}.eo-app-search .head .search{flex:1 1 auto;justify-content:space-between;margin:0 calc(var(--app-pane-padding) / 2);z-index:2;min-width:fill-available;min-width:-webkit-fill-available;min-width:-moz-available}.eo-app-search .head .search .title{font-size:var(--font-display);font-weight:var(--font-weight-light);min-height:1em;line-height:1em}@media screen and (max-width: 480px){.eo-app-search .head .search .title{font-size:var(--font-title)}}.eo-app-search .head .search .query-scope{margin:calc(var(--app-pane-padding) * 2) 0 0 0;min-width:var(--search-min-width);max-width:var(--search-box-max-width)}.eo-app-search .head .search .search-box{margin-bottom:var(--app-pane-padding);display:flex;flex-flow:row nowrap;align-items:stretch;background:var(--color-white);max-width:var(--search-box-max-width);box-shadow:0 2px 2px rgba(var(--color-black-rgb),.2)}@media screen and (max-width: 480px){.eo-app-search .head .search .search-box{margin-top:var(--app-pane-padding)}}.eo-app-search .head .search .search-box yvc-autocomplete{flex:1 1 auto;background:transparent;outline:0;border:0}.eo-app-search .head .search .search-box yvc-autocomplete span.ui-autocomplete{width:100%}.eo-app-search .head .search .search-box input{width:100%;border:0;box-sizing:border-box;padding:calc(var(--app-pane-padding) / 2);font-size:var(--font-title)}.eo-app-search .head .search .search-box input::-ms-clear{display:none}.eo-app-search .head .search .search-box button[type=submit]{background:var(--color-accent);color:var(--color-white);border:0;padding:0 var(--app-pane-padding);font-size:var(--font-subhead)}.eo-app-search .head .search .search-box button.expert-mode{padding:0 calc(var(--app-pane-padding) / 2);background:transparent;border:0;color:var(--text-color-hint);display:flex;align-items:center}.eo-app-search .head .search .search-box button.expert-mode:focus{color:var(--color-accent)}.eo-app-search .head .search .search-box button.expert-mode__reset{opacity:0;width:0;padding:0;transition:all .2s ease-in-out}.eo-app-search .head .search .search-box button.expert-mode__reset.active{opacity:1;width:40px;padding:0 8px}.eo-app-search .head .search .search-box button.expert-mode span{display:none;padding:calc(var(--app-pane-padding) / 4);white-space:nowrap;animation:eoFadeIn var(--app-default-transition-duration)}.eo-app-search .head .search .search-box button.expert-mode:hover{color:var(--color-accent)}.eo-app-search .head .search .search-box button.expert-mode:hover span{display:block}.eo-app-search .head .result{position:absolute;right:var(--app-pane-padding);top:calc(var(--app-pane-padding) * 2.5);z-index:1;font-size:7em;line-height:1em;opacity:.1}@media screen and (max-width: 900px){.eo-app-search .head .result{font-size:3em;right:calc(var(--app-pane-padding) * 3);top:var(--app-pane-padding)}}.eo-app-search .head .search-aggregator__loader{z-index:11;position:absolute;right:13%;top:30%;-webkit-animation:eoFadeIn .5s;animation:eoFadeIn .5s}@media screen and (max-width: 900px){.eo-app-search .head .search-aggregator__loader{top:5%}}.eo-app-search .head .close{position:absolute;right:var(--app-pane-padding);top:var(--app-pane-padding);z-index:2}.eo-app-search .body{background:rgba(var(--color-white-rgb),.2);flex:1 1 auto;position:relative}@media screen and (max-width: 1000px){.eo-app-search .body .summary-panel{bottom:0;right:0!important;left:0!important;top:auto!important;width:auto!important;display:flex;flex-flow:row nowrap}.eo-app-search .body .summary-panel .headline:not(.stored-query),.eo-app-search .body .summary-panel .section{display:none}.eo-app-search .body .summary-panel .headline.stored-query{margin-bottom:0;display:flex;align-items:center;padding:0 var(--app-pane-padding)}.eo-app-search .body .summary-panel .headline.stored-query .pre{display:none}.eo-app-search .body .summary-panel .headline.stored-query .stored-query-name{font-size:var(--font-subhead)!important}.eo-app-search .body .summary-panel .actions{flex:1 1 auto}.eo-app-search .body yvc-tabs>section[role=tabpanel]{padding-right:0!important;padding-left:0!important}}.eo-app-search .body>yvc-tabs{position:absolute;inset:0}.eo-app-search .body>yvc-tabs>header{--text-color-body: #fff;--text-color-hint: rgba(255,255,255,.7);background:var(--color-primary-2)}.eo-app-search .body>yvc-tabs>section[role=tabpanel]{padding:calc(var(--app-pane-padding) - var(--app-pane-padding) / 2) calc(var(--app-pane-padding) * 2 + var(--search-summary-width)) 0 calc(var(--app-pane-padding) - 2px)}.eo-app-search .body .summary-panel{background:rgba(var(--color-black-rgb),.06);width:var(--search-summary-width);position:absolute;top:calc(var(--app-pane-padding) + var(--eo-tab-nav-height));right:var(--app-pane-padding);box-sizing:border-box}.eo-app-search .body .summary-panel .query-types{overflow:auto;max-height:calc(100vh - 290px)}.eo-app-search .body .summary-panel .headline{line-height:1em;font-size:var(--font-subhead);font-weight:var(--font-weight-light);color:var(--text-color-caption);margin-bottom:calc(var(--app-pane-padding) / 2);padding:calc(var(--app-pane-padding) / 2)}.eo-app-search .body .summary-panel .headline .spaceInbetwen{display:flex;align-items:center}.eo-app-search .body .summary-panel .headline .spaceInbetwen .savedSearchIcon{display:block;padding:calc(var(--app-pane-padding) / 4) 0}.eo-app-search .body .summary-panel .headline .spaceInbetwen .savedSearchIcon eo-icon{--eoSvgIcon-size: 44px}.eo-app-search .body .summary-panel .headline .spaceInbetwen .store{display:block;min-height:0;min-width:0;padding-left:12px}.eo-app-search .body .summary-panel .headline .spaceInbetwen .store .pre{padding:calc(var(--app-pane-padding) / 2) 0}.eo-app-search .body .summary-panel .headline .spaceInbetwen .store .stored-query-name{font-size:var(--font-title);padding:calc(var(--app-pane-padding) / 2) 0;line-height:1.2em}.eo-app-search .body .summary-panel .headline.stored-query{background:var(--color-primary-3);color:var(--color-white);font-size:var(--font-body)}.eo-app-search .body .summary-panel .empty-search{padding:var(--app-pane-padding) calc(var(--app-pane-padding) / 2) calc(var(--app-pane-padding) / 2) calc(var(--app-pane-padding) / 2);color:var(--text-color-caption)}.eo-app-search .body .summary-panel .section{padding:calc(var(--app-pane-padding) / 2);max-height:calc(100vh - 280px);overflow-y:auto}.eo-app-search .body .summary-panel .section .title{border-bottom:1px solid rgba(var(--color-black-rgb),.1);padding-bottom:calc(var(--app-pane-padding) / 4);color:var(--text-color-caption)}.eo-app-search .body .summary-panel .filter{display:flex;flex:1;flex-direction:row;min-height:0;min-width:0;background:rgba(var(--color-white-rgb),.6);margin-top:4px;align-items:center}.eo-app-search .body .summary-panel .filter .label{display:inline-block;max-width:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1 1 auto;padding:0 0 0 calc(var(--app-pane-padding) / 4)}.eo-app-search .body .summary-panel .filter eo-icon{flex:0 0 auto;padding:calc(var(--app-pane-padding) / 4);box-sizing:border-box;cursor:pointer;color:var(--text-color-hint)}.eo-app-search .body .summary-panel .filter eo-icon:hover{color:var(--text-color-caption)}.eo-app-search .body .summary-panel .actions{display:flex;justify-content:flex-end;padding:calc(var(--app-pane-padding) / 2) calc(var(--app-pane-padding) / 2 - 2px)}.eo-app-search .body .summary-panel .actions button{margin:0 2px;line-height:1em;font-size:var(--font-hint)}.eo-app-search .body .ui-tabview .ui-tabview-panel{padding:calc(var(--app-pane-padding) / 2)}.eo-app-search .body .ui-tabview .ui-tabview-panel h2{margin:0 0 calc(var(--app-pane-padding) * 1.5) 0;padding:0;font-weight:var(--font-weight-light);font-size:var(--font-title);color:var(--text-color-caption)}.eo-app-search .body .rest-box-container{display:flex;flex-flow:row wrap;align-items:stretch}.eo-app-search .body .rest-box-container .rest-box{margin:calc(var(--app-pane-padding) / 2);padding:calc(var(--app-pane-padding) / 2);background:var(--color-white);flex:1 1 auto}.eo-app-search .body .rest-box-container .rest-box h3{margin:0 0 var(--app-pane-padding) 0;padding:0;font-size:var(--font-caption);font-weight:var(--font-weight-normal);color:var(--text-color-caption)}.eo-app-search .body .rest-box-container .rest-box .rest-item{display:flex;flex:1 1 auto;flex-flow:row nowrap;align-items:center;padding:calc(var(--app-pane-padding) / 2);margin:0 calc(var(--app-pane-padding) / 4);color:var(--text-color-body)}.eo-app-search .body .rest-box-container .rest-box .rest-item.selected{background:var(--color-primary-3);color:var(--color-white)}.eo-app-search .body .rest-box-container .rest-box .rest-item:not(.selected):hover{background:var(--list-item-hover-background)}.eo-app-search .body .rest-box-container .rest-box .label{flex:1 1 auto;padding:0 calc(var(--app-pane-padding) / 2)}.eo-app-search .body .rest-box-container .rest-box .count{font-size:var(--font-caption);min-width:30px;text-align:right;font-weight:var(--font-weight-bold)}.eo-app-search .body .object-types .group .group-header .move-icons{display:none}.eo-app-search .body .object-types .group .type{display:flex;flex-flow:row nowrap;align-items:center;padding:1px 0}.eo-app-search .body .object-types .group .type.context{font-weight:var(--font-weight-bold)}.eo-app-search .body .object-types .group .type.folder .item eo-icon{background:rgba(var(--color-black-rgb),.15)}.eo-app-search .body .object-types .group .type.folder .item:hover eo-icon{background:rgba(var(--color-white-rgb),.3)}.eo-app-search .body .object-types .group .type.abstract .item{color:var(--text-color-caption)}.eo-app-search .body .object-types .group .type.abstract .item:hover{background:var(--color-primary-3);color:var(--panel-background)}.eo-app-search .body .object-types .group .type .item{display:flex;flex:1 1 auto;border-radius:2px;flex-flow:row nowrap;align-items:center;padding:calc(var(--app-pane-padding) / 2);margin:0 calc(var(--app-pane-padding) / 4);cursor:default;color:var(--text-color-body)}.eo-app-search .body .object-types .group .type .item eo-icon{color:var(--text-color-caption);width:16px;height:16px;box-sizing:content-box;padding:2px;border-radius:2px;transition:none;-webkit-transition:none;-moz-transition:none;-o-transition:none}.eo-app-search .body .object-types .group:hover .group-header{display:flex;justify-content:space-between}.eo-app-search .body .object-types .group:hover .group-header .move-icons{display:flex}.eo-app-search .body .object-types .group:hover .group-header .move-left-icon,.eo-app-search .body .object-types .group:hover .group-header .move-right-icon{cursor:pointer;color:var(--text-color-caption)}.eo-app-search .body .object-types .type .item{cursor:pointer}.eo-app-search .body .object-types .type .item:hover{background:var(--color-primary-3);color:var(--panel-background)}.eo-app-search .body .object-types .type .item:hover eo-icon{color:var(--panel-background)}.eo-app-search .body .indexdata-search{padding:calc(var(--app-pane-padding) / 2) 0 0 calc(var(--app-pane-padding) / 2)}.eo-app-search .body .indexdata-search h2{display:flex;flex-flow:row;align-items:center}.eo-app-search .body .indexdata-search h2 eo-icon{margin:0 calc(var(--app-pane-padding) / 2)}.eo-app-search .body .indexdata-search h2 span{padding:0 calc(var(--app-pane-padding) / 4)}.eo-app-search .body .indexdata-search .context{margin-bottom:var(--app-pane-padding)}.eo-app-search .body .indexdata-search .context .context-select{display:flex;align-items:center;flex-flow:row wrap;padding-bottom:1px}.eo-app-search .body .indexdata-search .context .context-select .spacer{width:var(--app-pane-padding)}.eo-app-search .body .indexdata-search eo-object-form{border:1px solid rgba(var(--color-black-rgb),.1)}.eo-app-search .body .indexdata-search eo-object-form.dark{display:block;background-color:var(--color-primary-2)}.eo-app-search.rtl{left:0;right:0;animation:appSearchAppearRTL var(--app-default-transition-duration)}.eo-app-search.rtl .head .result,.eo-app-search.rtl .body .summary-panel{right:auto;left:var(--app-pane-padding)}.eo-app-search.rtl .body yvc-tabs{padding-right:0;padding-left:calc(var(--app-pane-padding) * 2 + var(--search-summary-width));padding-bottom:0;padding-top:0}.eo-app-search.expert .head .result{display:none}.eo-app-search.expert .head .search .search-box{max-width:100%}.eo-app-search.expert .head .search .search-box button.expert-mode{color:var(--color-accent)}.eo-app-search.expert .body{background:var(--color-primary-2);color:var(--color-white);display:flex;flex-flow:column}.eo-app-search.expert .body h2{flex:0 0 auto;padding:0;margin:var(--app-pane-padding) 0;font-size:var(--font-title);font-weight:var(--font-weight-light)}.eo-app-search.expert .body h2 span{padding:calc(var(--app-pane-padding) / 2) 0 calc(var(--app-pane-padding) / 2) var(--app-pane-padding);border-bottom:4px solid var(--color-accent)}.eo-app-search.expert .body .intro{flex:0 0 auto;padding:var(--app-pane-padding)}.eo-app-search.expert .body .empty{flex:0 0 auto;padding:0 var(--app-pane-padding)}.eo-app-search.expert .body .empty span{padding:calc(var(--app-pane-padding) / 4) calc(var(--app-pane-padding) / 2);border-radius:2px;background:var(--color-error);color:var(--color-white)}.eo-app-search.expert .body .fields h2{margin:calc(var(--app-pane-padding) / 2);flex:0 0 auto;padding:calc(var(--app-pane-padding) / 2);border-bottom:1px solid rgba(var(--color-white-rgb),.3)}.eo-app-search.expert .body .fields .item{padding:calc(var(--app-pane-padding) / 2);cursor:pointer;border-radius:2px;background:rgba(var(--color-white-rgb),.06);margin-bottom:4px;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}.eo-app-search.expert .body .fields .item:hover,.eo-app-search.expert .body .fields .item.selected{background:rgba(var(--color-white-rgb),.2)}.eo-app-search.expert .body .fields .item .label{font-weight:var(--font-weight-bold);display:flex;justify-content:space-between}.eo-app-search.expert .body .fields .item .label .type{font-size:var(--font-hint);opacity:.5}.eo-app-search.expert .body .fields .item .data{opacity:.75}.eo-app-search.expert .body .base-params{padding:calc(var(--app-pane-padding) / 2)}.eo-app-search.expert .body .base-params .items{display:flex;flex-flow:row wrap;padding:calc(var(--app-pane-padding) / 4)}.eo-app-search.expert .body .base-params .items .item{margin:calc(var(--app-pane-padding) / 4)}.eo-app-search.expert .body .system-types{flex:1 1 auto;display:flex;flex-flow:row;justify-content:flex-start;align-items:stretch;padding:calc(var(--app-pane-padding) / 2)}.eo-app-search.expert .body .system-types .column{flex:0 0 33%;box-sizing:border-box;display:flex;flex-flow:column}.eo-app-search.expert .body .system-types .column .items{padding:calc(var(--app-pane-padding) / 2);flex:1 1 auto;overflow-y:auto}.eo-app-search.expert .body .system-types .column .items::-webkit-scrollbar-thumb{background-color:rgba(var(--color-white-rgb),.1)}.eo-app-search .body .rest-box-container .rest-box .rest-item .checkbox,.eo-app-search .body .rest-box-container .rest-box .type .checkbox{width:20px;height:20px;cursor:pointer;border:1px solid var(--text-color-hint);border-radius:2px;margin:0 calc(var(--app-pane-padding) / 2)}.eo-app-search .body .rest-box-container .rest-box .rest-item .checkbox svg,.eo-app-search .body .rest-box-container .rest-box .type .checkbox svg{opacity:0}.eo-app-search .body .rest-box-container .rest-box .rest-item:not(.selected):hover .checkbox:hover,.eo-app-search .body .rest-box-container .rest-box .type:not(.selected):hover .checkbox:hover{border-color:var(--text-color-caption)}.eo-app-search .body .rest-box-container .rest-box .rest-item:not(.selected):hover .checkbox:hover svg,.eo-app-search .body .rest-box-container .rest-box .type:not(.selected):hover .checkbox:hover svg{fill:var(--text-color-body);opacity:.3}.eo-app-search .body .rest-box-container .rest-box .rest-item.selected .checkbox,.eo-app-search .body .rest-box-container .rest-box .type.selected .checkbox{background:var(--color-primary-3);border-color:var(--color-primary-3)}.eo-app-search .body .rest-box-container .rest-box .rest-item.selected .checkbox svg,.eo-app-search .body .rest-box-container .rest-box .type.selected .checkbox svg{fill:var(--color-white)!important;opacity:1}.eo-app-search .body .rest-box-container .rest-box .rest-item.saved .count,.eo-app-search .body .rest-box-container .rest-box .type.saved .count{font-weight:var(--font-weight-normal)}@keyframes appSearchAppear{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes appSearchAppearRTL{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}\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.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1$3.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$3.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: 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.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i1$3.NgForm, selector: "form:not([ngNoForm]):not([formGroup]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { 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: RtlAwareDirective, selector: "[eoRtlAware]", inputs: ["eoRtlAware"] }, { kind: "component", type: LoadingSpinnerComponent, selector: "eo-loading-spinner", inputs: ["size", "mode"] }, { kind: "component", type: QueryScopeSelectComponent, selector: "eo-query-scope-select", inputs: ["selection"], outputs: ["select"] }, { 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: "component", type: FormInputComponent, selector: "eo-form-input", inputs: ["label", "tag", "description", "skipToggle", "isNull", "invalid", "disabled", "required"], outputs: ["onToggleLabel"] }, { kind: "component", type: DatetimeRangeComponent, selector: "eo-datetime-range", inputs: ["withTime", "pickerTitle", "operator"] }, { kind: "component", type: OrganizationComponent, selector: "eo-organization", inputs: ["removeCurrentUser", "situation", "multiselect", "readonly", "dataMeta", "placeholder", "exceptions", "filterObject"], outputs: ["onValueResolved", "onDataMetaChanged"] }, { kind: "component", type: StringComponent, selector: "eo-string", inputs: ["autocomplete", "multiselect", "multiline", "readonly", "autofocus", "classification", "situation", "regex", "qname", "size", "minLength", "maxLength"] }, { kind: "component", type: ObjectFormComponent, selector: "eo-object-form", inputs: ["isInnerTableForm", "formOptions"], outputs: ["statusChanged", "onFormReady"] }, { kind: "component", type: i7.AutoComplete, selector: "yvc-autocomplete", inputs: ["field", "placeholder", "minLength", "multiple", "typeahead", "distinctValues", "forceSelection", "autocompleteValues", "disabled"], outputs: ["autocompleteFnc", "blur", "focus", "suggestionUnselect", "suggestionSelect"] }, { 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: ContextSearchComponent, selector: "eo-context-search", inputs: ["ctx", "query", "idxSearch", "selected", "disabled"], outputs: ["setContext"] }, { kind: "pipe", type: i1$2.AsyncPipe, name: "async" }, { kind: "pipe", type: i4.TranslatePipe, name: "translate" }, { kind: "pipe", type: LocaleDecimalPipe, name: "localeDecimal" }], encapsulation: i0.ViewEncapsulation.None }); }
 };
 AppSearchComponent = __decorate([
     UntilDestroy()
 ], AppSearchComponent);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: AppSearchComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'eo-app-search', encapsulation: ViewEncapsulation.None, template: "<!-- <eo-dialog [visible]=\"true\" [styleClass]=\"'eo-app-search-dialog'\" [align]=\"'start'\" [minWidth]=\"'80vw'\"\n  [minHeight]=\"'100vh'\" (hide)=\"closeSearchMenu($event)\"> -->\n<!-- <yvc-dialog [options]=\"{lightDismiss: true}\" [template]=\"tplSearch\" (closed)=\"closeSearchMenu()\"></yvc-dialog> -->\n<ng-template #tplSearch>\n\n  <div class=\"eo-app-search\" [ngClass]=\"{expert: query.expertMode}\" eoRtlAware=\"full\" *ngIf=\"query\">\n\n    <div class=\"head\">\n\n      <div class=\"search\">\n        <form (submit)=\"executeSearch()\">\n          <div class=\"title\" translate>eo.search</div>\n\n          <eo-query-scope-select [selection]=\"queryScope\" (select)=\"setQueryScope($event)\"></eo-query-scope-select>\n\n          <div class=\"search-box\" [formGroup]=\"termForm\">\n\n            <yvc-autocomplete *ngIf=\"!query.expertMode; else expertInput\" #searchInput formControlName=\"term\" [autocompleteValues]=\"autocompleteResults\"\n              (suggestionSelect)=\"autocompleteSelect()\" (keydown.enter)=\"executeSearch()\" (paste)=\"autocompletePaste($event)\">\n            </yvc-autocomplete>\n\n            <ng-template #expertInput>\n              <input autofocus=\"autofocus\" class=\"expert-search__input\" #xpinput type=\"text\"\n                (ngModelChange)=\"expertTermChanged()\" [(ngModel)]=\"query.term\" [ngModelOptions]=\"{standalone: true}\">\n            </ng-template>\n\n            <button class=\"btn expert-mode\" type=\"button\" (click)=\"toggleExpertMode()\">\n              <!--<span translate>eo.search.mode.expert</span>-->\n              <eo-icon [iconSrc]=\"'assets/_default/svg/ic_expert-search.svg'\"\n                [iconTitle]=\"('eo.search.mode.expert' | translate)\" *ngIf=\"!query?.expertMode; else close\"></eo-icon>\n              <ng-template #close>\n                <eo-icon [iconSrc]=\"'assets/_default/svg/ic_expert-search.svg'\"\n                  [iconTitle]=\"('eo.search.mode.expert.close' | translate)\"></eo-icon>\n              </ng-template>\n            </button>\n\n            <button type=\"button\" class=\"btn expert-mode expert-mode__reset\" [ngClass]=\"{active: query.term}\"\n              (click)=\"resetExpertModeInput()\">\n              <eo-icon [iconSrc]=\"'assets/_default/svg/ic_clear.svg'\"\n                [iconTitle]=\"('eo.search.clear.search' | translate)\"></eo-icon>\n            </button>\n\n            <button class=\"btn btn-default\" type=\"submit\" [disabled]=\"queryState.isEmpty\"\n              translate>eo.search.submit</button>\n          </div>\n        </form>\n      </div>\n\n      <div class=\"result\" *ngIf=\"!loading; else spinner\">{{queryState.totalCount | localeDecimal}}</div>\n      <ng-template #spinner>\n        <eo-loading-spinner class=\"search-aggregator__loader\" [size]=\"'medium'\" [mode]=\"'dark'\"></eo-loading-spinner>\n      </ng-template>\n      <eo-icon class=\"button white close\" [iconSrc]=\"'assets/_default/svg/ic_clear.svg'\"\n        [iconTitle]=\"('eo.search.close' | translate)\" (click)=\"closeSearchMenu()\"></eo-icon>\n\n    </div>\n\n    <div class=\"body\" *ngIf=\"!query.expertMode; else expert\">\n\n      <yvc-tabs (tabChange)=\"onTabChange($event)\">\n\n        <!-- object type select -->\n        <ng-template [yvcTab]=\"{id: 'restrictType', label: 'eo.search.restrict.type' | translate}\">\n\n          <div class=\"object-types rest-box-container\" [ngClass]=\"{idxenabled: query.types.length < 1}\"\n            *ngIf=\"objectTypeGroups && !idxSearch\">\n            <div class=\"group rest-box\" *ngFor=\"let group of objectTypeGroups; let i = index\">\n              <div class=\"group-header\">\n                <h3 *ngIf=\"group.label !== '0'\">{{group.label}}</h3>\n                <h3 *ngIf=\"group.label === '0'\" translate>{{'eo.search.group.general'}}</h3>\n                <div class=\"move-icons\">\n                  <eo-icon *ngIf=\"i !== 0\" class=\"move-left-icon\" (click)=\"moveObjectTypeGroup(group.label, 'left')\" [iconSrc]=\"'assets/_default/svg/ic_arrow_left.svg'\"></eo-icon>\n                  <eo-icon *ngIf=\"i !== objectTypeGroups.length - 1\" class=\"move-right-icon\" (click)=\"moveObjectTypeGroup(group.label, 'right')\" [iconSrc]=\"'assets/_default/svg/ic_arrow_right.svg'\"></eo-icon>\n                </div>\n              </div>\n              <div class=\"type\" *ngFor=\"let type of group.types\"\n                [ngClass]=\"{context: type.isContextFolder, folder: type.isFolder, abstract: type.isAbstract, selected: isTypeActive(type), saved: isTypeSaved(type)}\">\n\n                <div class=\"checkbox\" (click)=\"toggleType(type)\">\n                  <svg fill=\"#ffffff\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\">\n                    <path d=\"M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z\" />\n                  </svg>\n                </div>\n                <div class=\"item\" (click)=\"selectObjectType(type)\">\n                  <eo-icon [objectType]=\"type\"></eo-icon>\n                  <div class=\"label\">{{type.label}} {{type.isAbstract ? '('+ ('eo.search.type.abstract' | translate) +\n                    ')' : ''}}</div>\n                  <div class=\"count\">{{getAggregationCount(type) | localeDecimal}}</div>\n                </div>\n              </div>\n            </div>\n          </div>\n\n          <div class=\"indexdata-search\" *ngIf=\"idxSearch\">\n            <h2>\n              <eo-icon class=\"button\" [iconSrc]=\"'assets/_default/svg/ic_arrow_back.svg'\"\n                (click)=\"exitIndexdataSearch()\"></eo-icon>\n              <span translate [translateParams]=\"{type: idxSearch.type.label}\">eo.search.objecttype.form</span>\n            </h2>\n\n            <div class=\"context\" *ngIf=\"idxSearch.contextModels.length\">\n\n              <div class=\"context-select\">\n                <div translate>eo.search.objecttype.form.context</div>\n                <div class=\"spacer\"></div>\n\n                <eo-context-search *ngFor=\"let ctx of idxSearch.contextModels; index as i\" [ctx]=\"ctx\" [query]=\"query\"\n                  [selected]=\"currentContextFolderName === ctx.name\"\n                  [disabled]=\"(currentContextFolderName && currentContextFolderName !== ctx.name)\"\n                  [idxSearch]=\"idxSearch\" (setContext)=\"setContext($event)\">\n                </eo-context-search>\n              </div>\n\n              <section class=\"context form\">\n                <eo-object-form class=\"dark\" #ctxform\n                  *ngIf=\"idxSearch.contextFormOptions && idxSearch.contextFormOptions?.formModel?.elements?.length\"\n                  [formOptions]=\"idxSearch.contextFormOptions\" (statusChanged)=\"onIndexDataChanged($event)\">\n                </eo-object-form>\n              </section>\n            </div>\n\n\n            <section class=\"object-type form\" *ngIf=\"idxSearch.formOptions\">\n              <eo-object-form #idxform [formOptions]=\"idxSearch.formOptions\"\n                (statusChanged)=\"onIndexDataChanged($event)\" (onFormReady)=\"idxform.focusForm()\">\n              </eo-object-form>\n            </section>\n          </div>\n        </ng-template>\n\n        <!-- created tab -->\n        <ng-template [yvcTab]=\"{id: 'restrictCreated', label: 'eo.search.restrict.creation' | translate }\">\n          <div class=\"created rest-box-container\" *ngIf=\"queryState.aggregations\">\n\n            <div class=\"rest-box box-timespan\">\n              <h3 translate>eo.search.agg.time.span</h3>\n              <div class=\"rest-item\" *ngFor=\"let agg of aggregationsModel[PARAMS.CREATED]\"\n                (click)=\"toggleFilter(PARAMS.CREATED, OPERATOR.RANGE, agg.key, agg.selected)\"\n                [ngClass]=\"{selected: agg.selected, saved: agg.saved}\">\n                <div class=\"label\">{{agg.label}}</div>\n                <div class=\"count\">{{agg.value | localeDecimal}}</div>\n              </div>\n            </div>\n\n            <div class=\"rest-box box-timespan-custom\">\n              <h3 translate>eo.search.agg.time.span.custom</h3>\n              <form #createdForm=\"ngForm\">\n                <eo-form-input [label]=\"'eo.search.agg.time.span' | translate\">\n                  <eo-datetime-range #createdField [(ngModel)]=\"filtersModel[PARAMS.CREATED].value\" name=\"range\"\n                    [operator]=\"filtersModel[PARAMS.CREATED].value ? filtersModel[PARAMS.CREATED].value.operator : OPERATOR.EQUAL\"\n                    [withTime]=\"createdField.searchOption && createdField.searchOption !== OPERATOR.EQUAL\"\n                    (ngModelChange)=\"setFilter(PARAMS.CREATED, OPERATOR.EQUAL, $event, createdForm)\">\n                  </eo-datetime-range>\n                </eo-form-input>\n              </form>\n            </div>\n\n            <div class=\"rest-box box-creator\">\n              <h3 translate>eo.search.agg.creator</h3>\n              <form #creatorForm=\"ngForm\">\n                <eo-form-input [label]=\"'eo.search.agg.createdby' | translate\">\n                  <eo-organization [multiselect]=\"true\" [(ngModel)]=\"filtersModel[PARAMS.CREATOR].value\" name=\"creator\"\n                    (onValueResolved)=\"resolveLabel(filtersModel[PARAMS.CREATOR], $event)\" [situation]=\"'SEARCH'\"\n                    (ngModelChange)=\"setFilter(PARAMS.CREATOR, OPERATOR.IN, $event, creatorForm)\"></eo-organization>\n                </eo-form-input>\n              </form>\n            </div>\n\n          </div>\n        </ng-template>\n\n        <ng-template [yvcTab]=\"{id: 'restrictModification', label: 'eo.search.restrict.modification' | translate}\">\n          <div class=\"modified rest-box-container\" *ngIf=\"queryState.aggregations\">\n\n            <div class=\"rest-box box-timespan\">\n              <h3 translate>eo.search.agg.time.span</h3>\n              <div class=\"rest-item\" *ngFor=\"let agg of aggregationsModel[PARAMS.MODIFIED]\"\n                (click)=\"toggleFilter(PARAMS.MODIFIED, OPERATOR.RANGE, agg.key, agg.selected)\"\n                [ngClass]=\"{selected: agg.selected, saved: agg.saved}\">\n                <div class=\"label\">{{agg.label}}</div>\n                <div class=\"count\">{{agg.value | localeDecimal}}</div>\n              </div>\n            </div>\n\n            <div class=\"rest-box box-timespan-custom\">\n              <h3 translate>eo.search.agg.time.span.custom</h3>\n              <form #modifiedForm=\"ngForm\">\n                <eo-form-input [label]=\"'eo.search.agg.time.span' | translate\">\n                  <eo-datetime-range #modifiedField [(ngModel)]=\"filtersModel[PARAMS.MODIFIED].value\" name=\"range\"\n                    [operator]=\"filtersModel[PARAMS.MODIFIED].value ? filtersModel[PARAMS.MODIFIED].value.operator : OPERATOR.EQUAL\"\n                    [withTime]=\"modifiedField.searchOption && modifiedField.searchOption !== OPERATOR.EQUAL\"\n                    (ngModelChange)=\"setFilter(PARAMS.MODIFIED, OPERATOR.EQUAL, $event, modifiedForm)\">\n                  </eo-datetime-range>\n                </eo-form-input>\n              </form>\n            </div>\n\n            <div class=\"rest-box box-modifier\">\n              <h3 translate>eo.search.agg.modifier</h3>\n              <form #modifierForm=\"ngForm\">\n                <eo-form-input [label]=\"'eo.search.agg.modifiedby' | translate\">\n                  <eo-organization [multiselect]=\"true\" [(ngModel)]=\"filtersModel[PARAMS.MODIFIER].value\"\n                    name=\"modifier\" (onValueResolved)=\"resolveLabel(filtersModel[PARAMS.MODIFIER], $event)\"\n                    [situation]=\"'SEARCH'\"\n                    (ngModelChange)=\"setFilter(PARAMS.MODIFIER, OPERATOR.IN, $event, modifierForm)\"></eo-organization>\n                </eo-form-input>\n              </form>\n            </div>\n          </div>\n        </ng-template>\n\n        <ng-template [yvcTab]=\"{id: 'restrictFile', label: 'eo.search.restrict.file' | translate}\">\n          <div class=\"file rest-box-container\" *ngIf=\"queryState.aggregations\">\n\n            <div class=\"rest-box box-mimetype-group\">\n              <h3 translate>eo.search.restrict.mimetypegroup</h3>\n              <div class=\"rest-item\" *ngFor=\"let agg of aggregationsModel[PARAMS.MIMETYPEGROUP]\"\n                (click)=\"setFilter(PARAMS.MIMETYPEGROUP, OPERATOR.IN, resolveSelection(aggregationsModel[PARAMS.MIMETYPEGROUP], agg.key, agg.selected))\"\n                [ngClass]=\"{selected: agg.selected, saved: agg.saved}\">\n                <div class=\"checkbox\">\n                  <svg fill=\"#ffffff\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\">\n                    <path d=\"M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z\" />\n                  </svg>\n                </div>\n                <div class=\"label\">{{agg.label}}</div>\n                <div class=\"count\">{{agg.value | localeDecimal}}</div>\n              </div>\n            </div>\n\n            <div class=\"rest-box box-filesize\">\n              <h3 translate>eo.search.restrict.filesize</h3>\n              <div class=\"rest-item\" *ngFor=\"let agg of aggregationsModel[PARAMS.FILESIZE]\"\n                (click)=\"toggleFilter(PARAMS.FILESIZE, OPERATOR.RANGE, agg.key, agg.selected)\"\n                [ngClass]=\"{selected: agg.selected, saved: agg.saved}\">\n                <div class=\"label\">{{agg.label}}</div>\n                <div class=\"count\">{{agg.value | localeDecimal}}</div>\n              </div>\n            </div>\n\n            <div class=\"rest-box box-filename\">\n              <h3 translate>eo.search.restrict.filename</h3>\n              <form #filenameForm=\"ngForm\">\n                <eo-form-input [label]=\"'eo.search.restrict.filename' | translate\">\n                  <eo-string [autocomplete]=\"true\" [qname]=\"'filename'\"\n                    [(ngModel)]=\"filtersModel[PARAMS.FILENAME].value\" name=\"filename\"\n                    (ngModelChange)=\"setFilter(PARAMS.FILENAME, OPERATOR.EQUAL, $event, filenameForm)\"></eo-string>\n                </eo-form-input>\n              </form>\n            </div>\n          </div>\n        </ng-template>\n      </yvc-tabs>\n\n      <!-- summary of the current search filters -->\n      <div class=\"summary-panel\">\n\n        <div class=\"headline stored-query\" *ngIf=\"isStoredQuery; else reghead\">\n          <div class=\"spaceInbetwen\">\n            <div class=\"savedSearchIcon\">\n              <eo-icon [iconSrc]=\"'assets/_default/svg/ic_saved_search.svg'\"></eo-icon>\n            </div>\n            <div class=\"store\">\n              <div class=\"pre\" translate>eo.search.aside.summary.storedquery</div>\n              <div class=\"stored-query-name\">{{storedQuery.name}}</div>\n            </div>\n          </div>\n        </div>\n\n        <ng-template #reghead>\n          <div class=\"headline\" translate>eo.search.aside.summary</div>\n        </ng-template>\n\n        <section class=\"query-types\">\n          <div class=\"section section-searchterm\" *ngIf=\"query.term\">\n            <div class=\"title\" translate>eo.search.aside.summary.term</div>\n            <div class=\"filter\">\n              <div class=\"label\">{{query.term}}</div>\n              <eo-icon [iconSrc]=\"'assets/_default/svg/ic_clear.svg'\" (click)=\"removeTerm()\"></eo-icon>\n            </div>\n          </div>\n\n          <div class=\"section section-contexttype\" *ngIf=\"query.contextFolderTypes.length\">\n            <div class=\"title\" translate>eo.search.aside.summary.contextfoldertypes</div>\n            <div class=\"filter\" *ngFor=\"let type of query.contextFolderTypes\">\n              <div class=\"label\">{{type.label}}</div>\n              <eo-icon [iconSrc]=\"'assets/_default/svg/ic_clear.svg'\" (click)=\"removeContextType()\"></eo-icon>\n            </div>\n          </div>\n\n          <div class=\"section section-objecttype\" *ngIf=\"query.types.length\">\n            <div class=\"title\" translate>eo.search.aside.summary.types</div>\n            <div class=\"filter\" *ngFor=\"let type of query.types\">\n              <div class=\"label\">{{type.label}}</div>\n              <eo-icon [iconSrc]=\"'assets/_default/svg/ic_clear.svg'\" (click)=\"removeType(type)\"></eo-icon>\n            </div>\n          </div>\n\n          <ng-template #filterTemplate let-filter let-translate>\n            <ng-container *ngIf=\"filter.innerValue.length\">\n              <div class=\"filter\" *ngFor=\"let val of filter.innerValue; index as i\">\n                <div class=\"label\">{{filter.label[i] | async}}</div>\n                <eo-icon [iconSrc]=\"'assets/_default/svg/ic_clear.svg'\" (click)=\"resetFilter(filter, val)\"></eo-icon>\n              </div>\n            </ng-container>\n          </ng-template>\n\n          <div class=\"section section-creation\"\n            *ngIf=\"filtersModel[PARAMS.CREATED].innerValue?.length || filtersModel[PARAMS.CREATOR].innerValue?.length\">\n            <div class=\"title\" translate>eo.search.restrict.creation</div>\n            <ng-template [ngTemplateOutlet]=\"filterTemplate\"\n              [ngTemplateOutletContext]=\"{ $implicit: filtersModel[PARAMS.CREATED] }\"></ng-template>\n            <ng-template [ngTemplateOutlet]=\"filterTemplate\"\n              [ngTemplateOutletContext]=\"{ $implicit: filtersModel[PARAMS.CREATOR] }\"></ng-template>\n          </div>\n\n          <div class=\"section section-modification\"\n            *ngIf=\"filtersModel[PARAMS.MODIFIED].innerValue?.length || filtersModel[PARAMS.MODIFIER].innerValue?.length\">\n            <div class=\"title\" translate>eo.search.restrict.modification</div>\n            <ng-template [ngTemplateOutlet]=\"filterTemplate\"\n              [ngTemplateOutletContext]=\"{ $implicit: filtersModel[PARAMS.MODIFIED] }\"></ng-template>\n            <ng-template [ngTemplateOutlet]=\"filterTemplate\"\n              [ngTemplateOutletContext]=\"{ $implicit: filtersModel[PARAMS.MODIFIER] }\"></ng-template>\n          </div>\n\n          <div class=\"section section-mimetypegroup\"\n            *ngIf=\"filtersModel[PARAMS.MIMETYPEGROUP].innerValue.length || filtersModel[PARAMS.FILESIZE].innerValue.length || filtersModel[PARAMS.FILENAME].innerValue.length\">\n            <div class=\"title\" translate>eo.search.restrict.file</div>\n            <ng-template [ngTemplateOutlet]=\"filterTemplate\"\n              [ngTemplateOutletContext]=\"{ $implicit: filtersModel[PARAMS.MIMETYPEGROUP] }\"></ng-template>\n            <ng-template [ngTemplateOutlet]=\"filterTemplate\"\n              [ngTemplateOutletContext]=\"{ $implicit: filtersModel[PARAMS.FILESIZE] }\"></ng-template>\n            <ng-template [ngTemplateOutlet]=\"filterTemplate\"\n              [ngTemplateOutletContext]=\"{ $implicit: filtersModel[PARAMS.FILENAME] }\"></ng-template>\n          </div>\n        </section>\n\n        <div class=\"actions\" *ngIf=\"query.term || query.filters.length || query.types.length; else emptySearch\">\n\n          <ng-container *ngIf=\"isStoredQuery; else regactions\">\n            <button class=\"secondary btn-reset\" (click)=\"resetQuery()\" translate>eo.search.storedquery.close</button>\n            <button class=\"primary grey btn-update\" (click)=\"updateStoredQuery()\"\n              *ngIf=\"capabilities.storedqueries && isOwnQuery\" translate>eo.search.storedquery.update</button>\n            <button class=\"primary grey btn-save\" (click)=\"saveQuery()\"\n              *ngIf=\"capabilities.storedqueries && !isOwnQuery\" translate>eo.search.save</button>\n            <button class=\"primary btn-submit\" (click)=\"executeSearch()\" [disabled]=\"queryState.isEmpty\"\n              translate>eo.search.submit</button>\n          </ng-container>\n\n          <ng-template #regactions>\n            <button class=\"primary grey btn-reset\" (click)=\"resetQuery()\" translate>eo.search.reset</button>\n            <button class=\"primary grey btn-save\" (click)=\"saveQuery()\"\n              *ngIf=\"capabilities.storedqueries && !isOwnQuery\" translate>eo.search.save</button>\n            <button class=\"primary btn-submit\" (click)=\"executeSearch()\" [disabled]=\"queryState.isEmpty\"\n              translate>eo.search.submit</button>\n          </ng-template>\n\n\n        </div>\n\n        <ng-template #emptySearch>\n          <div class=\"empty-search\" translate>eo.search.summary.empty</div>\n        </ng-template>\n\n      </div>\n\n\n    </div>\n\n    <!-- expert mode body panel containing explanations -->\n    <ng-template #expert>\n      <div class=\"body expert\">\n\n        <div class=\"empty\" *ngIf=\"expertModeQueryEmpty\"><span translate>eo.search.mode.expert.result.empty</span></div>\n\n        <!--\n        <h2><span translate>eo.search.mode.expert</span></h2>\n        <div class=\"intro\" translate>eo.search.mode.expert.intro</div>\n\n        <div class=\"base-params fields\">\n          <h2 translate>eo.search.mode.expert.support.baseparams</h2>\n          <div class=\"items\">\n            <div class=\"item\" *ngFor=\"let el of expertModeSupport.baseParams\" (click)=\"xpAddToTerm(el.data)\">\n              <div class=\"label\"><span>{{el.label}}</span></div>\n              <div class=\"data\">{{el.data}}</div>\n            </div>\n          </div>\n        </div>\n\n        <div class=\"system-types fields\">\n\n          <div class=\"column column-group\">\n            <h2 translate>eo.search.mode.expert.support.group</h2>\n            <div class=\"items\">\n              <div class=\"item\" *ngFor=\"let group of typeGroupTree\"\n                   [ngClass]=\"{selected: expertModeSupport.selectedGroup && group.id === expertModeSupport.selectedGroup.id}\"\n                   (click)=\"xpSelectGroup(group)\">\n                <div *ngIf=\"group.label !== '0'\">{{group.label}}</div>\n                <div *ngIf=\"group.label === '0'\">{{'eo.search.group.general' | translate}}</div>\n              </div>\n            </div>\n          </div>\n\n          <div class=\"column column-type\" *ngIf=\"expertModeSupport.selectedGroup\">\n            <h2 translate>eo.search.mode.expert.support.type</h2>\n            <div class=\"items\">\n              <div class=\"item\" *ngFor=\"let type of expertModeSupport.selectedGroup.tree\"\n                   [ngClass]=\"{selected: expertModeSupport.selectedType && type.id === expertModeSupport.selectedType.id}\"\n                   (click)=\"xpSelectType(type)\">\n                <div>{{type.label}}</div>\n              </div>\n            </div>\n          </div>\n\n          <div class=\"column section-field\" *ngIf=\"expertModeSupport.selectedType\">\n            <h2 translate>eo.search.mode.expert.support.field</h2>\n            <div class=\"items\">\n              <div class=\"item\" *ngFor=\"let el of expertModeSupport.selectedType.children\" (click)=\"xpAddToTerm(el.data)\">\n                <div class=\"label\"><span>{{el.label}}</span><span class=\"type\">{{el.type}}</span></div>\n                <div class=\"data\">{{el.data}}</div>\n              </div>\n            </div>\n          </div>\n\n        </div>\n\n        -->\n      </div>\n    </ng-template>\n  </div>\n  <!-- </eo-dialog> -->\n</ng-template>\n", styles: ["eo-app-search dialog{height:100vh;margin:0!important;max-height:100vh;max-block-size:100%!important;min-width:500px;width:80%}@media screen and (max-width: 500px){.eo-app-search-dialog{width:100%!important;min-width:inherit}}.eo-app-search-dialog .eo-dialog-content{overflow:inherit;max-height:100%}.eo-app-search-dialog .eo-dialog-header{display:none}.eo-app-search.rtl .head .close{right:auto;left:var(--app-pane-padding)}.eo-app-search.rtl .body .indexdata-search h2 eo-icon{transform:rotate(180deg)}.eo-app-search{--search-min-width: 500px;--search-box-max-width: 600px;--search-summary-width: 350px;width:80vw;height:100vh;background:var(--panel-background-grey);display:flex;flex:1;flex-direction:column;min-height:0;min-width:0;min-width:var(--search-min-width)}.eo-app-search .head{background:var(--color-primary-2);flex:0 0 auto;color:var(--color-white);position:relative;display:flex;flex-flow:row nowrap;padding:var(--app-pane-padding) calc(var(--app-pane-padding) / 2) 0 calc(var(--app-pane-padding) / 2)}.eo-app-search .head .search{flex:1 1 auto;justify-content:space-between;margin:0 calc(var(--app-pane-padding) / 2);z-index:2}.eo-app-search .head .search .title{font-size:var(--font-display);font-weight:var(--font-weight-light);min-height:1em;line-height:1em}@media screen and (max-width: 480px){.eo-app-search .head .search .title{font-size:var(--font-title)}}.eo-app-search .head .search .query-scope{margin:calc(var(--app-pane-padding) * 2) 0 0 0;min-width:var(--search-min-width);max-width:var(--search-box-max-width)}.eo-app-search .head .search .search-box{margin-bottom:var(--app-pane-padding);display:flex;flex-flow:row nowrap;align-items:stretch;background:var(--color-white);max-width:var(--search-box-max-width);box-shadow:0 2px 2px rgba(var(--color-black-rgb),.2)}@media screen and (max-width: 480px){.eo-app-search .head .search .search-box{margin-top:var(--app-pane-padding)}}.eo-app-search .head .search .search-box yvc-autocomplete{flex:1 1 auto;background:transparent;outline:0;border:0}.eo-app-search .head .search .search-box yvc-autocomplete span.ui-autocomplete{width:100%}.eo-app-search .head .search .search-box input{width:100%;border:0;box-sizing:border-box;padding:calc(var(--app-pane-padding) / 2);font-size:var(--font-title)}.eo-app-search .head .search .search-box input::-ms-clear{display:none}.eo-app-search .head .search .search-box button[type=submit]{background:var(--color-accent);color:var(--color-white);border:0;padding:0 var(--app-pane-padding);font-size:var(--font-subhead)}.eo-app-search .head .search .search-box button.expert-mode{padding:0 calc(var(--app-pane-padding) / 2);background:transparent;border:0;color:var(--text-color-hint);display:flex;align-items:center}.eo-app-search .head .search .search-box button.expert-mode:focus{color:var(--color-accent)}.eo-app-search .head .search .search-box button.expert-mode__reset{opacity:0;width:0;padding:0;transition:all .2s ease-in-out}.eo-app-search .head .search .search-box button.expert-mode__reset.active{opacity:1;width:40px;padding:0 8px}.eo-app-search .head .search .search-box button.expert-mode span{display:none;padding:calc(var(--app-pane-padding) / 4);white-space:nowrap;animation:eoFadeIn var(--app-default-transition-duration)}.eo-app-search .head .search .search-box button.expert-mode:hover{color:var(--color-accent)}.eo-app-search .head .search .search-box button.expert-mode:hover span{display:block}.eo-app-search .head .result{position:absolute;right:var(--app-pane-padding);top:calc(var(--app-pane-padding) * 2.5);z-index:1;font-size:7em;line-height:1em;opacity:.1}@media screen and (max-width: 900px){.eo-app-search .head .result{font-size:3em;right:calc(var(--app-pane-padding) * 3);top:var(--app-pane-padding)}}.eo-app-search .head .search-aggregator__loader{z-index:11;position:absolute;right:13%;top:30%;-webkit-animation:eoFadeIn .5s;animation:eoFadeIn .5s}@media screen and (max-width: 900px){.eo-app-search .head .search-aggregator__loader{top:5%}}.eo-app-search .head .close{position:absolute;right:var(--app-pane-padding);top:var(--app-pane-padding);z-index:2}.eo-app-search .body{background:rgba(var(--color-white-rgb),.2);flex:1 1 auto;position:relative}@media screen and (max-width: 1000px){.eo-app-search .body .summary-panel{bottom:0;right:0!important;left:0!important;top:auto!important;width:auto!important;display:flex;flex-flow:row nowrap}.eo-app-search .body .summary-panel .headline:not(.stored-query),.eo-app-search .body .summary-panel .section{display:none}.eo-app-search .body .summary-panel .headline.stored-query{margin-bottom:0;display:flex;align-items:center;padding:0 var(--app-pane-padding)}.eo-app-search .body .summary-panel .headline.stored-query .pre{display:none}.eo-app-search .body .summary-panel .headline.stored-query .stored-query-name{font-size:var(--font-subhead)!important}.eo-app-search .body .summary-panel .actions{flex:1 1 auto}.eo-app-search .body yvc-tabs>section[role=tabpanel]{padding-right:0!important;padding-left:0!important}}.eo-app-search .body>yvc-tabs{position:absolute;inset:0}.eo-app-search .body>yvc-tabs>header{--text-color-body: #fff;--text-color-hint: rgba(255,255,255,.7);background:var(--color-primary-2)}.eo-app-search .body>yvc-tabs>section[role=tabpanel]{padding:calc(var(--app-pane-padding) - var(--app-pane-padding) / 2) calc(var(--app-pane-padding) * 2 + var(--search-summary-width)) 0 calc(var(--app-pane-padding) - 2px)}.eo-app-search .body .summary-panel{background:rgba(var(--color-black-rgb),.06);width:var(--search-summary-width);position:absolute;top:calc(var(--app-pane-padding) + var(--eo-tab-nav-height));right:var(--app-pane-padding);box-sizing:border-box}.eo-app-search .body .summary-panel .query-types{overflow:auto;max-height:calc(100vh - 290px)}.eo-app-search .body .summary-panel .headline{line-height:1em;font-size:var(--font-subhead);font-weight:var(--font-weight-light);color:var(--text-color-caption);margin-bottom:calc(var(--app-pane-padding) / 2);padding:calc(var(--app-pane-padding) / 2)}.eo-app-search .body .summary-panel .headline .spaceInbetwen{display:flex;align-items:center}.eo-app-search .body .summary-panel .headline .spaceInbetwen .savedSearchIcon{display:block;padding:calc(var(--app-pane-padding) / 4) 0}.eo-app-search .body .summary-panel .headline .spaceInbetwen .savedSearchIcon eo-icon{--eoSvgIcon-size: 44px}.eo-app-search .body .summary-panel .headline .spaceInbetwen .store{display:block;min-height:0;min-width:0;padding-left:12px}.eo-app-search .body .summary-panel .headline .spaceInbetwen .store .pre{padding:calc(var(--app-pane-padding) / 2) 0}.eo-app-search .body .summary-panel .headline .spaceInbetwen .store .stored-query-name{font-size:var(--font-title);padding:calc(var(--app-pane-padding) / 2) 0;line-height:1.2em}.eo-app-search .body .summary-panel .headline.stored-query{background:var(--color-primary-3);color:var(--color-white);font-size:var(--font-body)}.eo-app-search .body .summary-panel .empty-search{padding:var(--app-pane-padding) calc(var(--app-pane-padding) / 2) calc(var(--app-pane-padding) / 2) calc(var(--app-pane-padding) / 2);color:var(--text-color-caption)}.eo-app-search .body .summary-panel .section{padding:calc(var(--app-pane-padding) / 2);max-height:calc(100vh - 280px);overflow-y:auto}.eo-app-search .body .summary-panel .section .title{border-bottom:1px solid rgba(var(--color-black-rgb),.1);padding-bottom:calc(var(--app-pane-padding) / 4);color:var(--text-color-caption)}.eo-app-search .body .summary-panel .filter{display:flex;flex:1;flex-direction:row;min-height:0;min-width:0;background:rgba(var(--color-white-rgb),.6);margin-top:4px;align-items:center}.eo-app-search .body .summary-panel .filter .label{display:inline-block;max-width:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1 1 auto;padding:0 0 0 calc(var(--app-pane-padding) / 4)}.eo-app-search .body .summary-panel .filter eo-icon{flex:0 0 auto;padding:calc(var(--app-pane-padding) / 4);box-sizing:border-box;cursor:pointer;color:var(--text-color-hint)}.eo-app-search .body .summary-panel .filter eo-icon:hover{color:var(--text-color-caption)}.eo-app-search .body .summary-panel .actions{display:flex;justify-content:flex-end;padding:calc(var(--app-pane-padding) / 2) calc(var(--app-pane-padding) / 2 - 2px)}.eo-app-search .body .summary-panel .actions button{margin:0 2px;line-height:1em;font-size:var(--font-hint)}.eo-app-search .body .ui-tabview .ui-tabview-panel{padding:calc(var(--app-pane-padding) / 2)}.eo-app-search .body .ui-tabview .ui-tabview-panel h2{margin:0 0 calc(var(--app-pane-padding) * 1.5) 0;padding:0;font-weight:var(--font-weight-light);font-size:var(--font-title);color:var(--text-color-caption)}.eo-app-search .body .rest-box-container{display:flex;flex-flow:row wrap;align-items:stretch}.eo-app-search .body .rest-box-container .rest-box{margin:calc(var(--app-pane-padding) / 2);padding:calc(var(--app-pane-padding) / 2);background:var(--color-white);flex:1 1 auto}.eo-app-search .body .rest-box-container .rest-box h3{margin:0 0 var(--app-pane-padding) 0;padding:0;font-size:var(--font-caption);font-weight:var(--font-weight-normal);color:var(--text-color-caption)}.eo-app-search .body .rest-box-container .rest-box .rest-item{display:flex;flex:1 1 auto;flex-flow:row nowrap;align-items:center;padding:calc(var(--app-pane-padding) / 2);margin:0 calc(var(--app-pane-padding) / 4);color:var(--text-color-body)}.eo-app-search .body .rest-box-container .rest-box .rest-item.selected{background:var(--color-primary-3);color:var(--color-white)}.eo-app-search .body .rest-box-container .rest-box .rest-item:not(.selected):hover{background:var(--list-item-hover-background)}.eo-app-search .body .rest-box-container .rest-box .label{flex:1 1 auto;padding:0 calc(var(--app-pane-padding) / 2)}.eo-app-search .body .rest-box-container .rest-box .count{font-size:var(--font-caption);min-width:30px;text-align:right;font-weight:var(--font-weight-bold)}.eo-app-search .body .object-types .group .group-header .move-icons{display:none}.eo-app-search .body .object-types .group .type{display:flex;flex-flow:row nowrap;align-items:center;padding:1px 0}.eo-app-search .body .object-types .group .type.context{font-weight:var(--font-weight-bold)}.eo-app-search .body .object-types .group .type.folder .item eo-icon{background:rgba(var(--color-black-rgb),.15)}.eo-app-search .body .object-types .group .type.folder .item:hover eo-icon{background:rgba(var(--color-white-rgb),.3)}.eo-app-search .body .object-types .group .type.abstract .item{color:var(--text-color-caption)}.eo-app-search .body .object-types .group .type.abstract .item:hover{background:var(--color-primary-3);color:var(--panel-background)}.eo-app-search .body .object-types .group .type .item{display:flex;flex:1 1 auto;border-radius:2px;flex-flow:row nowrap;align-items:center;padding:calc(var(--app-pane-padding) / 2);margin:0 calc(var(--app-pane-padding) / 4);cursor:default;color:var(--text-color-body)}.eo-app-search .body .object-types .group .type .item eo-icon{color:var(--text-color-caption);width:16px;height:16px;box-sizing:content-box;padding:2px;border-radius:2px;transition:none;-webkit-transition:none;-moz-transition:none;-o-transition:none}.eo-app-search .body .object-types .group:hover .group-header{display:flex;justify-content:space-between}.eo-app-search .body .object-types .group:hover .group-header .move-icons{display:flex}.eo-app-search .body .object-types .group:hover .group-header .move-left-icon,.eo-app-search .body .object-types .group:hover .group-header .move-right-icon{cursor:pointer;color:var(--text-color-caption)}.eo-app-search .body .object-types .type .item{cursor:pointer}.eo-app-search .body .object-types .type .item:hover{background:var(--color-primary-3);color:var(--panel-background)}.eo-app-search .body .object-types .type .item:hover eo-icon{color:var(--panel-background)}.eo-app-search .body .indexdata-search{padding:calc(var(--app-pane-padding) / 2) 0 0 calc(var(--app-pane-padding) / 2)}.eo-app-search .body .indexdata-search h2{display:flex;flex-flow:row;align-items:center}.eo-app-search .body .indexdata-search h2 eo-icon{margin:0 calc(var(--app-pane-padding) / 2)}.eo-app-search .body .indexdata-search h2 span{padding:0 calc(var(--app-pane-padding) / 4)}.eo-app-search .body .indexdata-search .context{margin-bottom:var(--app-pane-padding)}.eo-app-search .body .indexdata-search .context .context-select{display:flex;align-items:center;flex-flow:row wrap;padding-bottom:1px}.eo-app-search .body .indexdata-search .context .context-select .spacer{width:var(--app-pane-padding)}.eo-app-search .body .indexdata-search eo-object-form{border:1px solid rgba(var(--color-black-rgb),.1)}.eo-app-search .body .indexdata-search eo-object-form.dark{display:block;background-color:var(--color-primary-2)}.eo-app-search.rtl{left:0;right:0;animation:appSearchAppearRTL var(--app-default-transition-duration)}.eo-app-search.rtl .head .result,.eo-app-search.rtl .body .summary-panel{right:auto;left:var(--app-pane-padding)}.eo-app-search.rtl .body yvc-tabs{padding-right:0;padding-left:calc(var(--app-pane-padding) * 2 + var(--search-summary-width));padding-bottom:0;padding-top:0}.eo-app-search.expert .head .result{display:none}.eo-app-search.expert .head .search .search-box{max-width:100%}.eo-app-search.expert .head .search .search-box button.expert-mode{color:var(--color-accent)}.eo-app-search.expert .body{background:var(--color-primary-2);color:var(--color-white);display:flex;flex-flow:column}.eo-app-search.expert .body h2{flex:0 0 auto;padding:0;margin:var(--app-pane-padding) 0;font-size:var(--font-title);font-weight:var(--font-weight-light)}.eo-app-search.expert .body h2 span{padding:calc(var(--app-pane-padding) / 2) 0 calc(var(--app-pane-padding) / 2) var(--app-pane-padding);border-bottom:4px solid var(--color-accent)}.eo-app-search.expert .body .intro{flex:0 0 auto;padding:var(--app-pane-padding)}.eo-app-search.expert .body .empty{flex:0 0 auto;padding:0 var(--app-pane-padding)}.eo-app-search.expert .body .empty span{padding:calc(var(--app-pane-padding) / 4) calc(var(--app-pane-padding) / 2);border-radius:2px;background:var(--color-error);color:var(--color-white)}.eo-app-search.expert .body .fields h2{margin:calc(var(--app-pane-padding) / 2);flex:0 0 auto;padding:calc(var(--app-pane-padding) / 2);border-bottom:1px solid rgba(var(--color-white-rgb),.3)}.eo-app-search.expert .body .fields .item{padding:calc(var(--app-pane-padding) / 2);cursor:pointer;border-radius:2px;background:rgba(var(--color-white-rgb),.06);margin-bottom:4px;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}.eo-app-search.expert .body .fields .item:hover,.eo-app-search.expert .body .fields .item.selected{background:rgba(var(--color-white-rgb),.2)}.eo-app-search.expert .body .fields .item .label{font-weight:var(--font-weight-bold);display:flex;justify-content:space-between}.eo-app-search.expert .body .fields .item .label .type{font-size:var(--font-hint);opacity:.5}.eo-app-search.expert .body .fields .item .data{opacity:.75}.eo-app-search.expert .body .base-params{padding:calc(var(--app-pane-padding) / 2)}.eo-app-search.expert .body .base-params .items{display:flex;flex-flow:row wrap;padding:calc(var(--app-pane-padding) / 4)}.eo-app-search.expert .body .base-params .items .item{margin:calc(var(--app-pane-padding) / 4)}.eo-app-search.expert .body .system-types{flex:1 1 auto;display:flex;flex-flow:row;justify-content:flex-start;align-items:stretch;padding:calc(var(--app-pane-padding) / 2)}.eo-app-search.expert .body .system-types .column{flex:0 0 33%;box-sizing:border-box;display:flex;flex-flow:column}.eo-app-search.expert .body .system-types .column .items{padding:calc(var(--app-pane-padding) / 2);flex:1 1 auto;overflow-y:auto}.eo-app-search.expert .body .system-types .column .items::-webkit-scrollbar-thumb{background-color:rgba(var(--color-white-rgb),.1)}.eo-app-search .body .rest-box-container .rest-box .rest-item .checkbox,.eo-app-search .body .rest-box-container .rest-box .type .checkbox{width:20px;height:20px;cursor:pointer;border:1px solid var(--text-color-hint);border-radius:2px;margin:0 calc(var(--app-pane-padding) / 2)}.eo-app-search .body .rest-box-container .rest-box .rest-item .checkbox svg,.eo-app-search .body .rest-box-container .rest-box .type .checkbox svg{opacity:0}.eo-app-search .body .rest-box-container .rest-box .rest-item:not(.selected):hover .checkbox:hover,.eo-app-search .body .rest-box-container .rest-box .type:not(.selected):hover .checkbox:hover{border-color:var(--text-color-caption)}.eo-app-search .body .rest-box-container .rest-box .rest-item:not(.selected):hover .checkbox:hover svg,.eo-app-search .body .rest-box-container .rest-box .type:not(.selected):hover .checkbox:hover svg{fill:var(--text-color-body);opacity:.3}.eo-app-search .body .rest-box-container .rest-box .rest-item.selected .checkbox,.eo-app-search .body .rest-box-container .rest-box .type.selected .checkbox{background:var(--color-primary-3);border-color:var(--color-primary-3)}.eo-app-search .body .rest-box-container .rest-box .rest-item.selected .checkbox svg,.eo-app-search .body .rest-box-container .rest-box .type.selected .checkbox svg{fill:var(--color-white)!important;opacity:1}.eo-app-search .body .rest-box-container .rest-box .rest-item.saved .count,.eo-app-search .body .rest-box-container .rest-box .type.saved .count{font-weight:var(--font-weight-normal)}@keyframes appSearchAppear{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes appSearchAppearRTL{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}\n"] }]
+            args: [{ selector: 'eo-app-search', encapsulation: ViewEncapsulation.None, template: "<!-- <eo-dialog [visible]=\"true\" [styleClass]=\"'eo-app-search-dialog'\" [align]=\"'start'\" [minWidth]=\"'80vw'\"\n  [minHeight]=\"'100vh'\" (hide)=\"closeSearchMenu($event)\"> -->\n<!-- <yvc-dialog [options]=\"{lightDismiss: true}\" [template]=\"tplSearch\" (closed)=\"closeSearchMenu()\"></yvc-dialog> -->\n<ng-template #tplSearch>\n\n  <div class=\"eo-app-search\" [ngClass]=\"{expert: query.expertMode}\" eoRtlAware=\"full\" *ngIf=\"query\">\n\n    <div class=\"head\">\n\n      <div class=\"search\">\n        <form (submit)=\"executeSearch()\">\n          <div class=\"title\" translate>eo.search</div>\n\n          <eo-query-scope-select [selection]=\"queryScope\" (select)=\"setQueryScope($event)\"></eo-query-scope-select>\n\n          <div class=\"search-box\" [formGroup]=\"termForm\">\n\n            <yvc-autocomplete *ngIf=\"!query.expertMode; else expertInput\" #searchInput formControlName=\"term\" [autocompleteValues]=\"autocompleteResults\"\n              (suggestionSelect)=\"autocompleteSelect()\" (keydown.enter)=\"executeSearch()\" (paste)=\"autocompletePaste($event)\">\n            </yvc-autocomplete>\n\n            <ng-template #expertInput>\n              <input autofocus=\"autofocus\" class=\"expert-search__input\" #xpinput type=\"text\"\n                (ngModelChange)=\"expertTermChanged()\" [(ngModel)]=\"query.term\" [ngModelOptions]=\"{standalone: true}\">\n            </ng-template>\n\n            <button class=\"btn expert-mode\" type=\"button\" (click)=\"toggleExpertMode()\">\n              <!--<span translate>eo.search.mode.expert</span>-->\n              <eo-icon [iconSrc]=\"'assets/_default/svg/ic_expert-search.svg'\"\n                [iconTitle]=\"('eo.search.mode.expert' | translate)\" *ngIf=\"!query?.expertMode; else close\"></eo-icon>\n              <ng-template #close>\n                <eo-icon [iconSrc]=\"'assets/_default/svg/ic_expert-search.svg'\"\n                  [iconTitle]=\"('eo.search.mode.expert.close' | translate)\"></eo-icon>\n              </ng-template>\n            </button>\n\n            <button type=\"button\" class=\"btn expert-mode expert-mode__reset\" [ngClass]=\"{active: query.term}\"\n              (click)=\"resetExpertModeInput()\">\n              <eo-icon [iconSrc]=\"'assets/_default/svg/ic_clear.svg'\"\n                [iconTitle]=\"('eo.search.clear.search' | translate)\"></eo-icon>\n            </button>\n\n            <button class=\"btn btn-default\" type=\"submit\" [disabled]=\"queryState.isEmpty\"\n              translate>eo.search.submit</button>\n          </div>\n        </form>\n      </div>\n\n      <div class=\"result\" *ngIf=\"!loading; else spinner\">{{queryState.totalCount | localeDecimal}}</div>\n      <ng-template #spinner>\n        <eo-loading-spinner class=\"search-aggregator__loader\" [size]=\"'medium'\" [mode]=\"'dark'\"></eo-loading-spinner>\n      </ng-template>\n      <eo-icon class=\"button white close\" [iconSrc]=\"'assets/_default/svg/ic_clear.svg'\"\n        [iconTitle]=\"('eo.search.close' | translate)\" (click)=\"closeSearchMenu()\"></eo-icon>\n\n    </div>\n\n    <div class=\"body\" *ngIf=\"!query.expertMode; else expert\">\n\n      <yvc-tabs (tabChange)=\"onTabChange($event)\">\n\n        <!-- object type select -->\n        <ng-template [yvcTab]=\"{id: 'restrictType', label: 'eo.search.restrict.type' | translate}\">\n\n          <div class=\"object-types rest-box-container\" [ngClass]=\"{idxenabled: query.types.length < 1}\"\n            *ngIf=\"objectTypeGroups && !idxSearch\">\n            <div class=\"group rest-box\" *ngFor=\"let group of objectTypeGroups; let i = index\">\n              <div class=\"group-header\">\n                <h3 *ngIf=\"group.label !== '0'\">{{group.label}}</h3>\n                <h3 *ngIf=\"group.label === '0'\" translate>{{'eo.search.group.general'}}</h3>\n                <div class=\"move-icons\">\n                  <eo-icon *ngIf=\"i !== 0\" class=\"move-left-icon\" (click)=\"moveObjectTypeGroup(group.label, 'left')\" [iconSrc]=\"'assets/_default/svg/ic_arrow_left.svg'\"></eo-icon>\n                  <eo-icon *ngIf=\"i !== objectTypeGroups.length - 1\" class=\"move-right-icon\" (click)=\"moveObjectTypeGroup(group.label, 'right')\" [iconSrc]=\"'assets/_default/svg/ic_arrow_right.svg'\"></eo-icon>\n                </div>\n              </div>\n              <div class=\"type\" *ngFor=\"let type of group.types\"\n                [ngClass]=\"{context: type.isContextFolder, folder: type.isFolder, abstract: type.isAbstract, selected: isTypeActive(type), saved: isTypeSaved(type)}\">\n\n                <div class=\"checkbox\" (click)=\"toggleType(type)\">\n                  <svg fill=\"#ffffff\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\">\n                    <path d=\"M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z\" />\n                  </svg>\n                </div>\n                <div class=\"item\" (click)=\"selectObjectType(type)\">\n                  <eo-icon [objectType]=\"type\"></eo-icon>\n                  <div class=\"label\">{{type.label}} {{type.isAbstract ? '('+ ('eo.search.type.abstract' | translate) +\n                    ')' : ''}}</div>\n                  <div class=\"count\">{{getAggregationCount(type) | localeDecimal}}</div>\n                </div>\n              </div>\n            </div>\n          </div>\n\n          <div class=\"indexdata-search\" *ngIf=\"idxSearch\">\n            <h2>\n              <eo-icon class=\"button\" [iconSrc]=\"'assets/_default/svg/ic_arrow_back.svg'\"\n                (click)=\"exitIndexdataSearch()\"></eo-icon>\n              <span translate [translateParams]=\"{type: idxSearch.type.label}\">eo.search.objecttype.form</span>\n            </h2>\n\n            <div class=\"context\" *ngIf=\"idxSearch.contextModels.length\">\n\n              <div class=\"context-select\">\n                <div translate>eo.search.objecttype.form.context</div>\n                <div class=\"spacer\"></div>\n\n                <eo-context-search *ngFor=\"let ctx of idxSearch.contextModels; index as i\" [ctx]=\"ctx\" [query]=\"query\"\n                  [selected]=\"currentContextFolderName === ctx.name\"\n                  [disabled]=\"(currentContextFolderName && currentContextFolderName !== ctx.name)\"\n                  [idxSearch]=\"idxSearch\" (setContext)=\"setContext($event)\">\n                </eo-context-search>\n              </div>\n\n              <section class=\"context form\">\n                <eo-object-form class=\"dark\" #ctxform\n                  *ngIf=\"idxSearch.contextFormOptions && idxSearch.contextFormOptions?.formModel?.elements?.length\"\n                  [formOptions]=\"idxSearch.contextFormOptions\" (statusChanged)=\"onIndexDataChanged($event)\">\n                </eo-object-form>\n              </section>\n            </div>\n\n\n            <section class=\"object-type form\" *ngIf=\"idxSearch.formOptions\">\n              <eo-object-form #idxform [formOptions]=\"idxSearch.formOptions\"\n                (statusChanged)=\"onIndexDataChanged($event)\" (onFormReady)=\"idxform.focusForm()\">\n              </eo-object-form>\n            </section>\n          </div>\n        </ng-template>\n\n        <!-- created tab -->\n        <ng-template [yvcTab]=\"{id: 'restrictCreated', label: 'eo.search.restrict.creation' | translate }\">\n          <div class=\"created rest-box-container\" *ngIf=\"queryState.aggregations\">\n\n            <div class=\"rest-box box-timespan\">\n              <h3 translate>eo.search.agg.time.span</h3>\n              <div class=\"rest-item\" *ngFor=\"let agg of aggregationsModel[PARAMS.CREATED]\"\n                (click)=\"toggleFilter(PARAMS.CREATED, OPERATOR.RANGE, agg.key, agg.selected)\"\n                [ngClass]=\"{selected: agg.selected, saved: agg.saved}\">\n                <div class=\"label\">{{agg.label}}</div>\n                <div class=\"count\">{{agg.value | localeDecimal}}</div>\n              </div>\n            </div>\n\n            <div class=\"rest-box box-timespan-custom\">\n              <h3 translate>eo.search.agg.time.span.custom</h3>\n              <form #createdForm=\"ngForm\">\n                <eo-form-input [label]=\"'eo.search.agg.time.span' | translate\">\n                  <eo-datetime-range #createdField [(ngModel)]=\"filtersModel[PARAMS.CREATED].value\" name=\"range\"\n                    [operator]=\"filtersModel[PARAMS.CREATED].value ? filtersModel[PARAMS.CREATED].value.operator : OPERATOR.EQUAL\"\n                    [withTime]=\"createdField.searchOption && createdField.searchOption !== OPERATOR.EQUAL\"\n                    (ngModelChange)=\"setFilter(PARAMS.CREATED, OPERATOR.EQUAL, $event, createdForm)\">\n                  </eo-datetime-range>\n                </eo-form-input>\n              </form>\n            </div>\n\n            <div class=\"rest-box box-creator\">\n              <h3 translate>eo.search.agg.creator</h3>\n              <form #creatorForm=\"ngForm\">\n                <eo-form-input [label]=\"'eo.search.agg.createdby' | translate\">\n                  <eo-organization [multiselect]=\"true\" [(ngModel)]=\"filtersModel[PARAMS.CREATOR].value\" name=\"creator\"\n                    (onValueResolved)=\"resolveLabel(filtersModel[PARAMS.CREATOR], $event)\" [situation]=\"'SEARCH'\"\n                    (ngModelChange)=\"setFilter(PARAMS.CREATOR, OPERATOR.IN, $event, creatorForm)\"></eo-organization>\n                </eo-form-input>\n              </form>\n            </div>\n\n          </div>\n        </ng-template>\n\n        <ng-template [yvcTab]=\"{id: 'restrictModification', label: 'eo.search.restrict.modification' | translate}\">\n          <div class=\"modified rest-box-container\" *ngIf=\"queryState.aggregations\">\n\n            <div class=\"rest-box box-timespan\">\n              <h3 translate>eo.search.agg.time.span</h3>\n              <div class=\"rest-item\" *ngFor=\"let agg of aggregationsModel[PARAMS.MODIFIED]\"\n                (click)=\"toggleFilter(PARAMS.MODIFIED, OPERATOR.RANGE, agg.key, agg.selected)\"\n                [ngClass]=\"{selected: agg.selected, saved: agg.saved}\">\n                <div class=\"label\">{{agg.label}}</div>\n                <div class=\"count\">{{agg.value | localeDecimal}}</div>\n              </div>\n            </div>\n\n            <div class=\"rest-box box-timespan-custom\">\n              <h3 translate>eo.search.agg.time.span.custom</h3>\n              <form #modifiedForm=\"ngForm\">\n                <eo-form-input [label]=\"'eo.search.agg.time.span' | translate\">\n                  <eo-datetime-range #modifiedField [(ngModel)]=\"filtersModel[PARAMS.MODIFIED].value\" name=\"range\"\n                    [operator]=\"filtersModel[PARAMS.MODIFIED].value ? filtersModel[PARAMS.MODIFIED].value.operator : OPERATOR.EQUAL\"\n                    [withTime]=\"modifiedField.searchOption && modifiedField.searchOption !== OPERATOR.EQUAL\"\n                    (ngModelChange)=\"setFilter(PARAMS.MODIFIED, OPERATOR.EQUAL, $event, modifiedForm)\">\n                  </eo-datetime-range>\n                </eo-form-input>\n              </form>\n            </div>\n\n            <div class=\"rest-box box-modifier\">\n              <h3 translate>eo.search.agg.modifier</h3>\n              <form #modifierForm=\"ngForm\">\n                <eo-form-input [label]=\"'eo.search.agg.modifiedby' | translate\">\n                  <eo-organization [multiselect]=\"true\" [(ngModel)]=\"filtersModel[PARAMS.MODIFIER].value\"\n                    name=\"modifier\" (onValueResolved)=\"resolveLabel(filtersModel[PARAMS.MODIFIER], $event)\"\n                    [situation]=\"'SEARCH'\"\n                    (ngModelChange)=\"setFilter(PARAMS.MODIFIER, OPERATOR.IN, $event, modifierForm)\"></eo-organization>\n                </eo-form-input>\n              </form>\n            </div>\n          </div>\n        </ng-template>\n\n        <ng-template [yvcTab]=\"{id: 'restrictFile', label: 'eo.search.restrict.file' | translate}\">\n          <div class=\"file rest-box-container\" *ngIf=\"queryState.aggregations\">\n\n            <div class=\"rest-box box-mimetype-group\">\n              <h3 translate>eo.search.restrict.mimetypegroup</h3>\n              <div class=\"rest-item\" *ngFor=\"let agg of aggregationsModel[PARAMS.MIMETYPEGROUP]\"\n                (click)=\"setFilter(PARAMS.MIMETYPEGROUP, OPERATOR.IN, resolveSelection(aggregationsModel[PARAMS.MIMETYPEGROUP], agg.key, agg.selected))\"\n                [ngClass]=\"{selected: agg.selected, saved: agg.saved}\">\n                <div class=\"checkbox\">\n                  <svg fill=\"#ffffff\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\">\n                    <path d=\"M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z\" />\n                  </svg>\n                </div>\n                <div class=\"label\">{{agg.label}}</div>\n                <div class=\"count\">{{agg.value | localeDecimal}}</div>\n              </div>\n            </div>\n\n            <div class=\"rest-box box-filesize\">\n              <h3 translate>eo.search.restrict.filesize</h3>\n              <div class=\"rest-item\" *ngFor=\"let agg of aggregationsModel[PARAMS.FILESIZE]\"\n                (click)=\"toggleFilter(PARAMS.FILESIZE, OPERATOR.RANGE, agg.key, agg.selected)\"\n                [ngClass]=\"{selected: agg.selected, saved: agg.saved}\">\n                <div class=\"label\">{{agg.label}}</div>\n                <div class=\"count\">{{agg.value | localeDecimal}}</div>\n              </div>\n            </div>\n\n            <div class=\"rest-box box-filename\">\n              <h3 translate>eo.search.restrict.filename</h3>\n              <form #filenameForm=\"ngForm\">\n                <eo-form-input [label]=\"'eo.search.restrict.filename' | translate\">\n                  <eo-string [autocomplete]=\"true\" [qname]=\"'filename'\"\n                    [(ngModel)]=\"filtersModel[PARAMS.FILENAME].value\" name=\"filename\"\n                    (ngModelChange)=\"setFilter(PARAMS.FILENAME, OPERATOR.EQUAL, $event, filenameForm)\"></eo-string>\n                </eo-form-input>\n              </form>\n            </div>\n          </div>\n        </ng-template>\n      </yvc-tabs>\n\n      <!-- summary of the current search filters -->\n      <div class=\"summary-panel\">\n\n        <div class=\"headline stored-query\" *ngIf=\"isStoredQuery; else reghead\">\n          <div class=\"spaceInbetwen\">\n            <div class=\"savedSearchIcon\">\n              <eo-icon [iconSrc]=\"'assets/_default/svg/ic_saved_search.svg'\"></eo-icon>\n            </div>\n            <div class=\"store\">\n              <div class=\"pre\" translate>eo.search.aside.summary.storedquery</div>\n              <div class=\"stored-query-name\">{{storedQuery.name}}</div>\n            </div>\n          </div>\n        </div>\n\n        <ng-template #reghead>\n          <div class=\"headline\" translate>eo.search.aside.summary</div>\n        </ng-template>\n\n        <section class=\"query-types\">\n          <div class=\"section section-searchterm\" *ngIf=\"query.term\">\n            <div class=\"title\" translate>eo.search.aside.summary.term</div>\n            <div class=\"filter\">\n              <div class=\"label\">{{query.term}}</div>\n              <eo-icon [iconSrc]=\"'assets/_default/svg/ic_clear.svg'\" (click)=\"removeTerm()\"></eo-icon>\n            </div>\n          </div>\n\n          <div class=\"section section-contexttype\" *ngIf=\"query.contextFolderTypes.length\">\n            <div class=\"title\" translate>eo.search.aside.summary.contextfoldertypes</div>\n            <div class=\"filter\" *ngFor=\"let type of query.contextFolderTypes\">\n              <div class=\"label\">{{type.label}}</div>\n              <eo-icon [iconSrc]=\"'assets/_default/svg/ic_clear.svg'\" (click)=\"removeContextType()\"></eo-icon>\n            </div>\n          </div>\n\n          <div class=\"section section-objecttype\" *ngIf=\"query.types.length\">\n            <div class=\"title\" translate>eo.search.aside.summary.types</div>\n            <div class=\"filter\" *ngFor=\"let type of query.types\">\n              <div class=\"label\">{{type.label}}</div>\n              <eo-icon [iconSrc]=\"'assets/_default/svg/ic_clear.svg'\" (click)=\"removeType(type)\"></eo-icon>\n            </div>\n          </div>\n\n          <ng-template #filterTemplate let-filter let-translate>\n            <ng-container *ngIf=\"filter.innerValue.length\">\n              <div class=\"filter\" *ngFor=\"let val of filter.innerValue; index as i\">\n                <div class=\"label\">{{filter.label[i] | async}}</div>\n                <eo-icon [iconSrc]=\"'assets/_default/svg/ic_clear.svg'\" (click)=\"resetFilter(filter, val)\"></eo-icon>\n              </div>\n            </ng-container>\n          </ng-template>\n\n          <div class=\"section section-creation\"\n            *ngIf=\"filtersModel[PARAMS.CREATED].innerValue?.length || filtersModel[PARAMS.CREATOR].innerValue?.length\">\n            <div class=\"title\" translate>eo.search.restrict.creation</div>\n            <ng-template [ngTemplateOutlet]=\"filterTemplate\"\n              [ngTemplateOutletContext]=\"{ $implicit: filtersModel[PARAMS.CREATED] }\"></ng-template>\n            <ng-template [ngTemplateOutlet]=\"filterTemplate\"\n              [ngTemplateOutletContext]=\"{ $implicit: filtersModel[PARAMS.CREATOR] }\"></ng-template>\n          </div>\n\n          <div class=\"section section-modification\"\n            *ngIf=\"filtersModel[PARAMS.MODIFIED].innerValue?.length || filtersModel[PARAMS.MODIFIER].innerValue?.length\">\n            <div class=\"title\" translate>eo.search.restrict.modification</div>\n            <ng-template [ngTemplateOutlet]=\"filterTemplate\"\n              [ngTemplateOutletContext]=\"{ $implicit: filtersModel[PARAMS.MODIFIED] }\"></ng-template>\n            <ng-template [ngTemplateOutlet]=\"filterTemplate\"\n              [ngTemplateOutletContext]=\"{ $implicit: filtersModel[PARAMS.MODIFIER] }\"></ng-template>\n          </div>\n\n          <div class=\"section section-mimetypegroup\"\n            *ngIf=\"filtersModel[PARAMS.MIMETYPEGROUP].innerValue.length || filtersModel[PARAMS.FILESIZE].innerValue.length || filtersModel[PARAMS.FILENAME].innerValue.length\">\n            <div class=\"title\" translate>eo.search.restrict.file</div>\n            <ng-template [ngTemplateOutlet]=\"filterTemplate\"\n              [ngTemplateOutletContext]=\"{ $implicit: filtersModel[PARAMS.MIMETYPEGROUP] }\"></ng-template>\n            <ng-template [ngTemplateOutlet]=\"filterTemplate\"\n              [ngTemplateOutletContext]=\"{ $implicit: filtersModel[PARAMS.FILESIZE] }\"></ng-template>\n            <ng-template [ngTemplateOutlet]=\"filterTemplate\"\n              [ngTemplateOutletContext]=\"{ $implicit: filtersModel[PARAMS.FILENAME] }\"></ng-template>\n          </div>\n        </section>\n\n        <div class=\"actions\" *ngIf=\"query.term || query.filters.length || query.types.length; else emptySearch\">\n\n          <ng-container *ngIf=\"isStoredQuery; else regactions\">\n            <button class=\"secondary btn-reset\" (click)=\"resetQuery()\" translate>eo.search.storedquery.close</button>\n            <button class=\"primary grey btn-update\" (click)=\"updateStoredQuery()\"\n              *ngIf=\"capabilities.storedqueries && isOwnQuery\" translate>eo.search.storedquery.update</button>\n            <button class=\"primary grey btn-save\" (click)=\"saveQuery()\"\n              *ngIf=\"capabilities.storedqueries && !isOwnQuery\" translate>eo.search.save</button>\n            <button class=\"primary btn-submit\" (click)=\"executeSearch()\" [disabled]=\"queryState.isEmpty\"\n              translate>eo.search.submit</button>\n          </ng-container>\n\n          <ng-template #regactions>\n            <button class=\"primary grey btn-reset\" (click)=\"resetQuery()\" translate>eo.search.reset</button>\n            <button class=\"primary grey btn-save\" (click)=\"saveQuery()\"\n              *ngIf=\"capabilities.storedqueries && !isOwnQuery\" translate>eo.search.save</button>\n            <button class=\"primary btn-submit\" (click)=\"executeSearch()\" [disabled]=\"queryState.isEmpty\"\n              translate>eo.search.submit</button>\n          </ng-template>\n\n\n        </div>\n\n        <ng-template #emptySearch>\n          <div class=\"empty-search\" translate>eo.search.summary.empty</div>\n        </ng-template>\n\n      </div>\n\n\n    </div>\n\n    <!-- expert mode body panel containing explanations -->\n    <ng-template #expert>\n      <div class=\"body expert\">\n\n        <div class=\"empty\" *ngIf=\"expertModeQueryEmpty\"><span translate>eo.search.mode.expert.result.empty</span></div>\n\n        <!--\n        <h2><span translate>eo.search.mode.expert</span></h2>\n        <div class=\"intro\" translate>eo.search.mode.expert.intro</div>\n\n        <div class=\"base-params fields\">\n          <h2 translate>eo.search.mode.expert.support.baseparams</h2>\n          <div class=\"items\">\n            <div class=\"item\" *ngFor=\"let el of expertModeSupport.baseParams\" (click)=\"xpAddToTerm(el.data)\">\n              <div class=\"label\"><span>{{el.label}}</span></div>\n              <div class=\"data\">{{el.data}}</div>\n            </div>\n          </div>\n        </div>\n\n        <div class=\"system-types fields\">\n\n          <div class=\"column column-group\">\n            <h2 translate>eo.search.mode.expert.support.group</h2>\n            <div class=\"items\">\n              <div class=\"item\" *ngFor=\"let group of typeGroupTree\"\n                   [ngClass]=\"{selected: expertModeSupport.selectedGroup && group.id === expertModeSupport.selectedGroup.id}\"\n                   (click)=\"xpSelectGroup(group)\">\n                <div *ngIf=\"group.label !== '0'\">{{group.label}}</div>\n                <div *ngIf=\"group.label === '0'\">{{'eo.search.group.general' | translate}}</div>\n              </div>\n            </div>\n          </div>\n\n          <div class=\"column column-type\" *ngIf=\"expertModeSupport.selectedGroup\">\n            <h2 translate>eo.search.mode.expert.support.type</h2>\n            <div class=\"items\">\n              <div class=\"item\" *ngFor=\"let type of expertModeSupport.selectedGroup.tree\"\n                   [ngClass]=\"{selected: expertModeSupport.selectedType && type.id === expertModeSupport.selectedType.id}\"\n                   (click)=\"xpSelectType(type)\">\n                <div>{{type.label}}</div>\n              </div>\n            </div>\n          </div>\n\n          <div class=\"column section-field\" *ngIf=\"expertModeSupport.selectedType\">\n            <h2 translate>eo.search.mode.expert.support.field</h2>\n            <div class=\"items\">\n              <div class=\"item\" *ngFor=\"let el of expertModeSupport.selectedType.children\" (click)=\"xpAddToTerm(el.data)\">\n                <div class=\"label\"><span>{{el.label}}</span><span class=\"type\">{{el.type}}</span></div>\n                <div class=\"data\">{{el.data}}</div>\n              </div>\n            </div>\n          </div>\n\n        </div>\n\n        -->\n      </div>\n    </ng-template>\n  </div>\n  <!-- </eo-dialog> -->\n</ng-template>\n", styles: ["eo-app-search dialog{height:100vh;margin:0!important;max-height:100vh;max-block-size:100%!important;min-width:500px;width:80%}@media screen and (max-width: 500px){.eo-app-search-dialog{width:100%!important;min-width:inherit}}.eo-app-search-dialog .eo-dialog-content{overflow:inherit;max-height:100%}.eo-app-search-dialog .eo-dialog-header{display:none}.eo-app-search.rtl .head .close{right:auto;left:var(--app-pane-padding)}.eo-app-search.rtl .body .indexdata-search h2 eo-icon{transform:rotate(180deg)}.eo-app-search{--search-min-width: 500px;--search-box-max-width: 600px;--search-summary-width: 350px;width:80vw;height:100vh;background:var(--panel-background-grey);display:flex;flex:1;flex-direction:column;min-height:0;min-width:0}.eo-app-search .head{background:var(--color-primary-2);flex:0 0 auto;color:var(--color-white);position:relative;display:flex;flex-flow:row nowrap;padding:var(--app-pane-padding) calc(var(--app-pane-padding) / 2) 0 calc(var(--app-pane-padding) / 2)}.eo-app-search .head .search{flex:1 1 auto;justify-content:space-between;margin:0 calc(var(--app-pane-padding) / 2);z-index:2;min-width:fill-available;min-width:-webkit-fill-available;min-width:-moz-available}.eo-app-search .head .search .title{font-size:var(--font-display);font-weight:var(--font-weight-light);min-height:1em;line-height:1em}@media screen and (max-width: 480px){.eo-app-search .head .search .title{font-size:var(--font-title)}}.eo-app-search .head .search .query-scope{margin:calc(var(--app-pane-padding) * 2) 0 0 0;min-width:var(--search-min-width);max-width:var(--search-box-max-width)}.eo-app-search .head .search .search-box{margin-bottom:var(--app-pane-padding);display:flex;flex-flow:row nowrap;align-items:stretch;background:var(--color-white);max-width:var(--search-box-max-width);box-shadow:0 2px 2px rgba(var(--color-black-rgb),.2)}@media screen and (max-width: 480px){.eo-app-search .head .search .search-box{margin-top:var(--app-pane-padding)}}.eo-app-search .head .search .search-box yvc-autocomplete{flex:1 1 auto;background:transparent;outline:0;border:0}.eo-app-search .head .search .search-box yvc-autocomplete span.ui-autocomplete{width:100%}.eo-app-search .head .search .search-box input{width:100%;border:0;box-sizing:border-box;padding:calc(var(--app-pane-padding) / 2);font-size:var(--font-title)}.eo-app-search .head .search .search-box input::-ms-clear{display:none}.eo-app-search .head .search .search-box button[type=submit]{background:var(--color-accent);color:var(--color-white);border:0;padding:0 var(--app-pane-padding);font-size:var(--font-subhead)}.eo-app-search .head .search .search-box button.expert-mode{padding:0 calc(var(--app-pane-padding) / 2);background:transparent;border:0;color:var(--text-color-hint);display:flex;align-items:center}.eo-app-search .head .search .search-box button.expert-mode:focus{color:var(--color-accent)}.eo-app-search .head .search .search-box button.expert-mode__reset{opacity:0;width:0;padding:0;transition:all .2s ease-in-out}.eo-app-search .head .search .search-box button.expert-mode__reset.active{opacity:1;width:40px;padding:0 8px}.eo-app-search .head .search .search-box button.expert-mode span{display:none;padding:calc(var(--app-pane-padding) / 4);white-space:nowrap;animation:eoFadeIn var(--app-default-transition-duration)}.eo-app-search .head .search .search-box button.expert-mode:hover{color:var(--color-accent)}.eo-app-search .head .search .search-box button.expert-mode:hover span{display:block}.eo-app-search .head .result{position:absolute;right:var(--app-pane-padding);top:calc(var(--app-pane-padding) * 2.5);z-index:1;font-size:7em;line-height:1em;opacity:.1}@media screen and (max-width: 900px){.eo-app-search .head .result{font-size:3em;right:calc(var(--app-pane-padding) * 3);top:var(--app-pane-padding)}}.eo-app-search .head .search-aggregator__loader{z-index:11;position:absolute;right:13%;top:30%;-webkit-animation:eoFadeIn .5s;animation:eoFadeIn .5s}@media screen and (max-width: 900px){.eo-app-search .head .search-aggregator__loader{top:5%}}.eo-app-search .head .close{position:absolute;right:var(--app-pane-padding);top:var(--app-pane-padding);z-index:2}.eo-app-search .body{background:rgba(var(--color-white-rgb),.2);flex:1 1 auto;position:relative}@media screen and (max-width: 1000px){.eo-app-search .body .summary-panel{bottom:0;right:0!important;left:0!important;top:auto!important;width:auto!important;display:flex;flex-flow:row nowrap}.eo-app-search .body .summary-panel .headline:not(.stored-query),.eo-app-search .body .summary-panel .section{display:none}.eo-app-search .body .summary-panel .headline.stored-query{margin-bottom:0;display:flex;align-items:center;padding:0 var(--app-pane-padding)}.eo-app-search .body .summary-panel .headline.stored-query .pre{display:none}.eo-app-search .body .summary-panel .headline.stored-query .stored-query-name{font-size:var(--font-subhead)!important}.eo-app-search .body .summary-panel .actions{flex:1 1 auto}.eo-app-search .body yvc-tabs>section[role=tabpanel]{padding-right:0!important;padding-left:0!important}}.eo-app-search .body>yvc-tabs{position:absolute;inset:0}.eo-app-search .body>yvc-tabs>header{--text-color-body: #fff;--text-color-hint: rgba(255,255,255,.7);background:var(--color-primary-2)}.eo-app-search .body>yvc-tabs>section[role=tabpanel]{padding:calc(var(--app-pane-padding) - var(--app-pane-padding) / 2) calc(var(--app-pane-padding) * 2 + var(--search-summary-width)) 0 calc(var(--app-pane-padding) - 2px)}.eo-app-search .body .summary-panel{background:rgba(var(--color-black-rgb),.06);width:var(--search-summary-width);position:absolute;top:calc(var(--app-pane-padding) + var(--eo-tab-nav-height));right:var(--app-pane-padding);box-sizing:border-box}.eo-app-search .body .summary-panel .query-types{overflow:auto;max-height:calc(100vh - 290px)}.eo-app-search .body .summary-panel .headline{line-height:1em;font-size:var(--font-subhead);font-weight:var(--font-weight-light);color:var(--text-color-caption);margin-bottom:calc(var(--app-pane-padding) / 2);padding:calc(var(--app-pane-padding) / 2)}.eo-app-search .body .summary-panel .headline .spaceInbetwen{display:flex;align-items:center}.eo-app-search .body .summary-panel .headline .spaceInbetwen .savedSearchIcon{display:block;padding:calc(var(--app-pane-padding) / 4) 0}.eo-app-search .body .summary-panel .headline .spaceInbetwen .savedSearchIcon eo-icon{--eoSvgIcon-size: 44px}.eo-app-search .body .summary-panel .headline .spaceInbetwen .store{display:block;min-height:0;min-width:0;padding-left:12px}.eo-app-search .body .summary-panel .headline .spaceInbetwen .store .pre{padding:calc(var(--app-pane-padding) / 2) 0}.eo-app-search .body .summary-panel .headline .spaceInbetwen .store .stored-query-name{font-size:var(--font-title);padding:calc(var(--app-pane-padding) / 2) 0;line-height:1.2em}.eo-app-search .body .summary-panel .headline.stored-query{background:var(--color-primary-3);color:var(--color-white);font-size:var(--font-body)}.eo-app-search .body .summary-panel .empty-search{padding:var(--app-pane-padding) calc(var(--app-pane-padding) / 2) calc(var(--app-pane-padding) / 2) calc(var(--app-pane-padding) / 2);color:var(--text-color-caption)}.eo-app-search .body .summary-panel .section{padding:calc(var(--app-pane-padding) / 2);max-height:calc(100vh - 280px);overflow-y:auto}.eo-app-search .body .summary-panel .section .title{border-bottom:1px solid rgba(var(--color-black-rgb),.1);padding-bottom:calc(var(--app-pane-padding) / 4);color:var(--text-color-caption)}.eo-app-search .body .summary-panel .filter{display:flex;flex:1;flex-direction:row;min-height:0;min-width:0;background:rgba(var(--color-white-rgb),.6);margin-top:4px;align-items:center}.eo-app-search .body .summary-panel .filter .label{display:inline-block;max-width:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1 1 auto;padding:0 0 0 calc(var(--app-pane-padding) / 4)}.eo-app-search .body .summary-panel .filter eo-icon{flex:0 0 auto;padding:calc(var(--app-pane-padding) / 4);box-sizing:border-box;cursor:pointer;color:var(--text-color-hint)}.eo-app-search .body .summary-panel .filter eo-icon:hover{color:var(--text-color-caption)}.eo-app-search .body .summary-panel .actions{display:flex;justify-content:flex-end;padding:calc(var(--app-pane-padding) / 2) calc(var(--app-pane-padding) / 2 - 2px)}.eo-app-search .body .summary-panel .actions button{margin:0 2px;line-height:1em;font-size:var(--font-hint)}.eo-app-search .body .ui-tabview .ui-tabview-panel{padding:calc(var(--app-pane-padding) / 2)}.eo-app-search .body .ui-tabview .ui-tabview-panel h2{margin:0 0 calc(var(--app-pane-padding) * 1.5) 0;padding:0;font-weight:var(--font-weight-light);font-size:var(--font-title);color:var(--text-color-caption)}.eo-app-search .body .rest-box-container{display:flex;flex-flow:row wrap;align-items:stretch}.eo-app-search .body .rest-box-container .rest-box{margin:calc(var(--app-pane-padding) / 2);padding:calc(var(--app-pane-padding) / 2);background:var(--color-white);flex:1 1 auto}.eo-app-search .body .rest-box-container .rest-box h3{margin:0 0 var(--app-pane-padding) 0;padding:0;font-size:var(--font-caption);font-weight:var(--font-weight-normal);color:var(--text-color-caption)}.eo-app-search .body .rest-box-container .rest-box .rest-item{display:flex;flex:1 1 auto;flex-flow:row nowrap;align-items:center;padding:calc(var(--app-pane-padding) / 2);margin:0 calc(var(--app-pane-padding) / 4);color:var(--text-color-body)}.eo-app-search .body .rest-box-container .rest-box .rest-item.selected{background:var(--color-primary-3);color:var(--color-white)}.eo-app-search .body .rest-box-container .rest-box .rest-item:not(.selected):hover{background:var(--list-item-hover-background)}.eo-app-search .body .rest-box-container .rest-box .label{flex:1 1 auto;padding:0 calc(var(--app-pane-padding) / 2)}.eo-app-search .body .rest-box-container .rest-box .count{font-size:var(--font-caption);min-width:30px;text-align:right;font-weight:var(--font-weight-bold)}.eo-app-search .body .object-types .group .group-header .move-icons{display:none}.eo-app-search .body .object-types .group .type{display:flex;flex-flow:row nowrap;align-items:center;padding:1px 0}.eo-app-search .body .object-types .group .type.context{font-weight:var(--font-weight-bold)}.eo-app-search .body .object-types .group .type.folder .item eo-icon{background:rgba(var(--color-black-rgb),.15)}.eo-app-search .body .object-types .group .type.folder .item:hover eo-icon{background:rgba(var(--color-white-rgb),.3)}.eo-app-search .body .object-types .group .type.abstract .item{color:var(--text-color-caption)}.eo-app-search .body .object-types .group .type.abstract .item:hover{background:var(--color-primary-3);color:var(--panel-background)}.eo-app-search .body .object-types .group .type .item{display:flex;flex:1 1 auto;border-radius:2px;flex-flow:row nowrap;align-items:center;padding:calc(var(--app-pane-padding) / 2);margin:0 calc(var(--app-pane-padding) / 4);cursor:default;color:var(--text-color-body)}.eo-app-search .body .object-types .group .type .item eo-icon{color:var(--text-color-caption);width:16px;height:16px;box-sizing:content-box;padding:2px;border-radius:2px;transition:none;-webkit-transition:none;-moz-transition:none;-o-transition:none}.eo-app-search .body .object-types .group:hover .group-header{display:flex;justify-content:space-between}.eo-app-search .body .object-types .group:hover .group-header .move-icons{display:flex}.eo-app-search .body .object-types .group:hover .group-header .move-left-icon,.eo-app-search .body .object-types .group:hover .group-header .move-right-icon{cursor:pointer;color:var(--text-color-caption)}.eo-app-search .body .object-types .type .item{cursor:pointer}.eo-app-search .body .object-types .type .item:hover{background:var(--color-primary-3);color:var(--panel-background)}.eo-app-search .body .object-types .type .item:hover eo-icon{color:var(--panel-background)}.eo-app-search .body .indexdata-search{padding:calc(var(--app-pane-padding) / 2) 0 0 calc(var(--app-pane-padding) / 2)}.eo-app-search .body .indexdata-search h2{display:flex;flex-flow:row;align-items:center}.eo-app-search .body .indexdata-search h2 eo-icon{margin:0 calc(var(--app-pane-padding) / 2)}.eo-app-search .body .indexdata-search h2 span{padding:0 calc(var(--app-pane-padding) / 4)}.eo-app-search .body .indexdata-search .context{margin-bottom:var(--app-pane-padding)}.eo-app-search .body .indexdata-search .context .context-select{display:flex;align-items:center;flex-flow:row wrap;padding-bottom:1px}.eo-app-search .body .indexdata-search .context .context-select .spacer{width:var(--app-pane-padding)}.eo-app-search .body .indexdata-search eo-object-form{border:1px solid rgba(var(--color-black-rgb),.1)}.eo-app-search .body .indexdata-search eo-object-form.dark{display:block;background-color:var(--color-primary-2)}.eo-app-search.rtl{left:0;right:0;animation:appSearchAppearRTL var(--app-default-transition-duration)}.eo-app-search.rtl .head .result,.eo-app-search.rtl .body .summary-panel{right:auto;left:var(--app-pane-padding)}.eo-app-search.rtl .body yvc-tabs{padding-right:0;padding-left:calc(var(--app-pane-padding) * 2 + var(--search-summary-width));padding-bottom:0;padding-top:0}.eo-app-search.expert .head .result{display:none}.eo-app-search.expert .head .search .search-box{max-width:100%}.eo-app-search.expert .head .search .search-box button.expert-mode{color:var(--color-accent)}.eo-app-search.expert .body{background:var(--color-primary-2);color:var(--color-white);display:flex;flex-flow:column}.eo-app-search.expert .body h2{flex:0 0 auto;padding:0;margin:var(--app-pane-padding) 0;font-size:var(--font-title);font-weight:var(--font-weight-light)}.eo-app-search.expert .body h2 span{padding:calc(var(--app-pane-padding) / 2) 0 calc(var(--app-pane-padding) / 2) var(--app-pane-padding);border-bottom:4px solid var(--color-accent)}.eo-app-search.expert .body .intro{flex:0 0 auto;padding:var(--app-pane-padding)}.eo-app-search.expert .body .empty{flex:0 0 auto;padding:0 var(--app-pane-padding)}.eo-app-search.expert .body .empty span{padding:calc(var(--app-pane-padding) / 4) calc(var(--app-pane-padding) / 2);border-radius:2px;background:var(--color-error);color:var(--color-white)}.eo-app-search.expert .body .fields h2{margin:calc(var(--app-pane-padding) / 2);flex:0 0 auto;padding:calc(var(--app-pane-padding) / 2);border-bottom:1px solid rgba(var(--color-white-rgb),.3)}.eo-app-search.expert .body .fields .item{padding:calc(var(--app-pane-padding) / 2);cursor:pointer;border-radius:2px;background:rgba(var(--color-white-rgb),.06);margin-bottom:4px;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}.eo-app-search.expert .body .fields .item:hover,.eo-app-search.expert .body .fields .item.selected{background:rgba(var(--color-white-rgb),.2)}.eo-app-search.expert .body .fields .item .label{font-weight:var(--font-weight-bold);display:flex;justify-content:space-between}.eo-app-search.expert .body .fields .item .label .type{font-size:var(--font-hint);opacity:.5}.eo-app-search.expert .body .fields .item .data{opacity:.75}.eo-app-search.expert .body .base-params{padding:calc(var(--app-pane-padding) / 2)}.eo-app-search.expert .body .base-params .items{display:flex;flex-flow:row wrap;padding:calc(var(--app-pane-padding) / 4)}.eo-app-search.expert .body .base-params .items .item{margin:calc(var(--app-pane-padding) / 4)}.eo-app-search.expert .body .system-types{flex:1 1 auto;display:flex;flex-flow:row;justify-content:flex-start;align-items:stretch;padding:calc(var(--app-pane-padding) / 2)}.eo-app-search.expert .body .system-types .column{flex:0 0 33%;box-sizing:border-box;display:flex;flex-flow:column}.eo-app-search.expert .body .system-types .column .items{padding:calc(var(--app-pane-padding) / 2);flex:1 1 auto;overflow-y:auto}.eo-app-search.expert .body .system-types .column .items::-webkit-scrollbar-thumb{background-color:rgba(var(--color-white-rgb),.1)}.eo-app-search .body .rest-box-container .rest-box .rest-item .checkbox,.eo-app-search .body .rest-box-container .rest-box .type .checkbox{width:20px;height:20px;cursor:pointer;border:1px solid var(--text-color-hint);border-radius:2px;margin:0 calc(var(--app-pane-padding) / 2)}.eo-app-search .body .rest-box-container .rest-box .rest-item .checkbox svg,.eo-app-search .body .rest-box-container .rest-box .type .checkbox svg{opacity:0}.eo-app-search .body .rest-box-container .rest-box .rest-item:not(.selected):hover .checkbox:hover,.eo-app-search .body .rest-box-container .rest-box .type:not(.selected):hover .checkbox:hover{border-color:var(--text-color-caption)}.eo-app-search .body .rest-box-container .rest-box .rest-item:not(.selected):hover .checkbox:hover svg,.eo-app-search .body .rest-box-container .rest-box .type:not(.selected):hover .checkbox:hover svg{fill:var(--text-color-body);opacity:.3}.eo-app-search .body .rest-box-container .rest-box .rest-item.selected .checkbox,.eo-app-search .body .rest-box-container .rest-box .type.selected .checkbox{background:var(--color-primary-3);border-color:var(--color-primary-3)}.eo-app-search .body .rest-box-container .rest-box .rest-item.selected .checkbox svg,.eo-app-search .body .rest-box-container .rest-box .type.selected .checkbox svg{fill:var(--color-white)!important;opacity:1}.eo-app-search .body .rest-box-container .rest-box .rest-item.saved .count,.eo-app-search .body .rest-box-container .rest-box .type.saved .count{font-weight:var(--font-weight-normal)}@keyframes appSearchAppear{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes appSearchAppearRTL{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}\n"] }]
         }], ctorParameters: () => [{ type: AppSearchService }, { type: i2$2.YvcOverlayService }, { type: i1.SearchService }, { type: i1.SystemService }, { type: i1.NotificationsService }, { type: i1.TranslateService }, { type: i2$1.Router }, { type: i0.Renderer2 }, { type: i0.ChangeDetectorRef }, { type: i1.StoredQueriesService }, { type: i1.CapabilitiesService }, { type: i1.UserService }, { type: i1.Logger }, { type: i1.LocalStorageService }, { type: i1$3.FormBuilder }], propDecorators: { tplSearch: [{
                 type: ViewChild,
                 args: ['tplSearch', { read: TemplateRef }]
@@ -18322,7 +18356,7 @@ class FrameComponent {
             .user$
             .subscribe(data => {
             const docu = this.config.getRaw('about.docu');
-            const link = docu.link.replace('###userLang###', data?.userSettings?.clientlocale?.substring(0, 2) || this.user.getClientLocale());
+            const link = docu.link.replace('###userLang###', data?.userSettings?.clientlocale?.substring(0, 2) || this.user?.getClientLocale());
             this.docu = { ...docu, link };
         });
     }
@@ -18419,11 +18453,11 @@ class ProcessHistoryComponent {
         return index;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: ProcessHistoryComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.2", type: ProcessHistoryComponent, selector: "eo-process-history", inputs: { history: "history" }, ngImport: i0, template: "<div class=\"process-history\">\n\n  <div class=\"filter\">\n    <div class=\"input\" [ngClass]=\"{inactive: !history?.length}\">\n      <eo-icon [iconSrc]=\"'assets/_default/svg/ic_filter.svg'\"></eo-icon>\n      <input type=\"text\" [ngModelOptions]=\"{standalone: true}\" [(ngModel)]=\"filterterm\">\n\n    </div>\n    <eo-icon [iconSrc]=\"'assets/_default/svg/ic_clear.svg'\" (click)=\"filterterm = null\" *ngIf=\"filterterm\"></eo-icon>\n  </div>\n\n\n  <ng-template #empty>\n    <eo-error-message [emptyState]=\"{icon: 'ic_no-file.svg', text: 'eo.timeline.empty', className: 'history empty'}\"></eo-error-message>\n  </ng-template>\n\n\n  <div class=\"history eo-timeline\" [ngClass]=\"{single: history?.length === 1}\" *ngIf=\"history?.length; else empty\">\n\n    <div class=\"timeline-entry\"\n         *ngFor=\"let entry of history | historyFilter:filterterm; trackBy: trackByIndex\"\n         [ngClass]=\"{user: entry.editor, error: entry.type === 'error' || entry?.errorType}\">\n\n      <div class=\"when\">\n        <div class=\"date\">{{entry.time | localeDate: 'eoShortDate'}}</div>\n        <div class=\"time\">{{entry.time | localeDate: 'eoShortTime'}}</div>\n      </div>\n      <div class=\"marker\">\n        <img *ngIf=\"entry.editor\"\n             title=\"{{entry.editor.lastname}}, {{entry.editor.firstname}} ({{entry.editor.name}})\"\n             [src]=\"entry.data?.image\">\n      </div>\n      <div class=\"what\">\n        <div class=\"title\">{{entry.title}}</div>\n\n        <div class=\"description\" *ngIf=\"entry.data?.periodFireTime && entry.type === 'DEADLINE_START'; else description\">\n          <div class=\"deadline-fire\">\n            <eo-icon [iconSrc]=\"'assets/_default/svg/ic_timer.svg'\"></eo-icon>\n            <span>{{entry.data.periodFireTime | localeDate}}</span>\n          </div>\n        </div>\n        <ng-template #description>\n          <div *ngIf=\"entry.type !== 'USERDEFINED'; else userDefined\" class=\"description\">\n            {{'eo.process.details.history.entry.type.' + entry.type + '.title'|translate}}\n          </div>\n\n          <ng-template #userDefined>\n            <div class=\"description\">\n              {{entry.description}}\n            </div>\n          </ng-template>\n        </ng-template>\n\n        <div class=\"performer\" *ngIf=\"entry.editor\">\n          <span *ngIf=\"entry.editor.lastname\">{{entry.editor.lastname}}, </span>\n          <span *ngIf=\"entry.editor.firstname\">{{entry.editor.firstname}}</span>\n          ({{entry.editor.name}})\n        </div>\n\n        <div class=\"meta\" *ngIf=\"entry.performer?.length\">\n          <span *ngFor=\"let p of entry.performer; trackBy: trackByIndex\">\n            {{p.label}}\n          </span>\n        </div>\n      </div>\n\n    </div>\n  </div>\n</div>\n", styles: [":host .process-history{height:100%;display:flex;flex:1;flex-direction:column;min-height:0;min-width:0}:host .history{flex:1 1 auto;overflow-y:auto;padding:var(--app-pane-padding)}:host .filter{display:flex;flex:1;flex-direction:row;min-height:0;min-width:0;flex:0 0 auto;justify-content:space-between;background-color:var(--panel-background-lightgrey);border-bottom:1px solid var(--main-background)}:host .filter .input{display:flex;flex-flow:row nowrap;background-color:var(--color-white);border:1px solid var(--main-background);margin:calc(var(--app-pane-padding) / 2);padding:2px 2px 2px 0}:host .filter .input.inactive{opacity:.5;pointer-events:none}:host .filter .input input{background-color:transparent;border:0}:host .filter .input eo-icon{align-self:center;width:16px;height:16px;color:var(--text-color-hint);margin:0 calc(var(--app-pane-padding) / 4)}:host .filter>eo-icon{padding:calc(var(--app-pane-padding) / 2);flex:0 0 auto;width:16px;height:16px;box-sizing:content-box;color:var(--text-color-hint);align-self:center;cursor:pointer}:host .timeline-entry.user img{width:30px;height:30px;border:2px solid var(--text-color-hint);z-index:1;border-radius:50%}:host .timeline-entry.user .marker:before{display:none}:host .timeline-entry .what{padding-bottom:0;width:66%}:host .timeline-entry .what .deadline-fire{display:flex;align-items:center;padding-bottom:4px}:host .timeline-entry .what .description{color:var(--text-color-body)}.deadline-fire :host .timeline-entry .what .description{display:flex;flex-flow:row nowrap;align-items:center}.deadline-fire :host .timeline-entry .what .description eo-icon{color:var(--text-color-hint);width:18px;height:18px}.deadline-fire :host .timeline-entry .what .description span{padding:0 calc(var(--app-pane-padding) / 4)}:host .timeline-entry .what .performer{color:var(--text-color-body);font-size:var(--font-hint);margin-bottom:calc(var(--app-pane-padding) / 4)}:host .timeline-entry .what .meta{display:flex;flex-flow:row wrap;margin-bottom:calc(var(--app-pane-padding) / 4)}:host .timeline-entry .what .meta span{display:block;border-radius:2px;padding:2px 4px;font-size:var(--font-caption);background-color:rgba(var(--color-black-rgb),.08);margin:0 calc(var(--app-pane-padding) / 4) calc(var(--app-pane-padding) / 4) 0}:host .timeline-entry.error .what .title{color:var(--color-error)}:host .timeline-entry.error .marker:before{border-color:var(--color-error);content:\"!\";display:flex;flex-flow:column;align-items:center;justify-content:center;color:var(--color-error);border-width:4px;font-weight:var(--font-weight-bold)}\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: "component", type: ErrorMessageComponent, selector: "eo-error-message", inputs: ["emptyState"] }, { kind: "directive", type: i1$3.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "pipe", type: i4.TranslatePipe, name: "translate" }, { kind: "pipe", type: LocaleDatePipe, name: "localeDate" }, { kind: "pipe", type: HistoryFilterPipe, name: "historyFilter" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.2", type: ProcessHistoryComponent, selector: "eo-process-history", inputs: { history: "history" }, ngImport: i0, template: "<div class=\"process-history\">\n\n  <div class=\"filter\">\n    <div class=\"input\" [ngClass]=\"{inactive: !history?.length}\">\n      <eo-icon [iconSrc]=\"'assets/_default/svg/ic_filter.svg'\"></eo-icon>\n      <input type=\"text\" [ngModelOptions]=\"{standalone: true}\" [(ngModel)]=\"filterterm\">\n\n    </div>\n    <eo-icon [iconSrc]=\"'assets/_default/svg/ic_clear.svg'\" (click)=\"filterterm = null\" *ngIf=\"filterterm\"></eo-icon>\n  </div>\n\n\n  <ng-template #empty>\n    <eo-error-message [emptyState]=\"{icon: 'ic_no-file.svg', text: 'eo.timeline.empty', className: 'history empty'}\"></eo-error-message>\n  </ng-template>\n\n\n  <div class=\"history eo-timeline\" [ngClass]=\"{single: history?.length === 1}\" *ngIf=\"history?.length; else empty\">\n\n    <div class=\"timeline-entry\"\n         *ngFor=\"let entry of history | historyFilter:filterterm; trackBy: trackByIndex\"\n         [ngClass]=\"{user: entry.editor, error: entry.type === 'error' || entry?.errorType}\">\n\n      <div class=\"when\">\n        <div class=\"date\">{{entry.time | localeDate: 'eoShortDate'}}</div>\n        <div class=\"time\">{{entry.time | localeDate: 'eoShortTime'}}</div>\n      </div>\n      <div class=\"marker\">\n        <img *ngIf=\"entry.editor\"\n             title=\"{{entry.editor.lastname}}, {{entry.editor.firstname}} ({{entry.editor.name}})\"\n             [src]=\"entry.data?.image\">\n      </div>\n      <div class=\"what\">\n        <div class=\"title\">{{entry.title}}</div>\n\n        <div class=\"description\" *ngIf=\"entry.data?.periodFireTime && entry.type === 'DEADLINE_START'; else description\">\n          <div class=\"deadline-fire\">\n            <eo-icon [iconSrc]=\"'assets/_default/svg/ic_timer.svg'\"></eo-icon>\n            <span>{{entry.data.periodFireTime | localeDate}}</span>\n          </div>\n        </div>\n        <ng-template #description>\n          <div *ngIf=\"entry.type !== 'USERDEFINED'; else userDefined\" class=\"description\">\n            {{'eo.process.details.history.entry.type.' + entry.type + '.title'|translate}}\n          </div>\n\n          <ng-template #userDefined>\n            <div class=\"description\">\n              {{entry.description}}\n            </div>\n          </ng-template>\n        </ng-template>\n\n        <div class=\"performer\" *ngIf=\"entry.editor\">\n          <span *ngIf=\"entry.editor.lastname\">{{entry.editor.lastname}}, </span>\n          <span *ngIf=\"entry.editor.firstname\">{{entry.editor.firstname}}</span>\n          ({{entry.editor.name}})\n        </div>\n\n        <div class=\"meta\" *ngIf=\"entry.performer?.length\">\n          <span *ngFor=\"let p of entry.performer; trackBy: trackByIndex\">\n            {{p.label}}\n          </span>\n        </div>\n      </div>\n\n    </div>\n  </div>\n</div>\n", styles: [":host .process-history{height:100%;display:flex;flex:1;flex-direction:column;min-height:0;min-width:0}:host .history{flex:1 1 auto;overflow-y:auto;padding:var(--app-pane-padding)}:host .filter{display:flex;flex:1;flex-direction:row;min-height:0;min-width:0;flex:0 0 auto;justify-content:space-between;background-color:var(--panel-background-lightgrey);border-bottom:1px solid var(--main-background)}:host .filter .input{display:flex;flex-flow:row nowrap;background-color:var(--color-white);border:1px solid var(--main-background);margin:calc(var(--app-pane-padding) / 2);padding:2px 2px 2px 0}:host .filter .input.inactive{opacity:.5;pointer-events:none}:host .filter .input input{background-color:transparent;border:0}:host .filter .input eo-icon{align-self:center;width:16px;height:16px;color:var(--text-color-hint);margin:0 calc(var(--app-pane-padding) / 4)}:host .filter>eo-icon{padding:calc(var(--app-pane-padding) / 2);flex:0 0 auto;width:16px;height:16px;box-sizing:content-box;color:var(--text-color-hint);align-self:center;cursor:pointer}:host .timeline-entry.user img{width:30px;height:30px;border:2px solid var(--text-color-hint);z-index:1;border-radius:50%}:host .timeline-entry.user .marker:before{display:none}:host .timeline-entry .what{padding-bottom:0;width:66%;overflow:hidden}:host .timeline-entry .what .deadline-fire{display:flex;align-items:center;padding-bottom:4px}:host .timeline-entry .what .title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host .timeline-entry .what .description{color:var(--text-color-body)}.deadline-fire :host .timeline-entry .what .description{display:flex;flex-flow:row nowrap;align-items:center}.deadline-fire :host .timeline-entry .what .description eo-icon{color:var(--text-color-hint);width:18px;height:18px}.deadline-fire :host .timeline-entry .what .description span{padding:0 calc(var(--app-pane-padding) / 4)}:host .timeline-entry .what .performer{color:var(--text-color-body);font-size:var(--font-hint);margin-bottom:calc(var(--app-pane-padding) / 4)}:host .timeline-entry .what .meta{display:flex;flex-flow:row wrap;margin-bottom:calc(var(--app-pane-padding) / 4)}:host .timeline-entry .what .meta span{display:block;border-radius:2px;padding:2px 4px;font-size:var(--font-caption);background-color:rgba(var(--color-black-rgb),.08);margin:0 calc(var(--app-pane-padding) / 4) calc(var(--app-pane-padding) / 4) 0}:host .timeline-entry.error .what .title{color:var(--color-error)}:host .timeline-entry.error .marker:before{border-color:var(--color-error);content:\"!\";display:flex;flex-flow:column;align-items:center;justify-content:center;color:var(--color-error);border-width:4px;font-weight:var(--font-weight-bold)}\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: "component", type: ErrorMessageComponent, selector: "eo-error-message", inputs: ["emptyState"] }, { kind: "directive", type: i1$3.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "pipe", type: i4.TranslatePipe, name: "translate" }, { kind: "pipe", type: LocaleDatePipe, name: "localeDate" }, { kind: "pipe", type: HistoryFilterPipe, name: "historyFilter" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: ProcessHistoryComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'eo-process-history', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"process-history\">\n\n  <div class=\"filter\">\n    <div class=\"input\" [ngClass]=\"{inactive: !history?.length}\">\n      <eo-icon [iconSrc]=\"'assets/_default/svg/ic_filter.svg'\"></eo-icon>\n      <input type=\"text\" [ngModelOptions]=\"{standalone: true}\" [(ngModel)]=\"filterterm\">\n\n    </div>\n    <eo-icon [iconSrc]=\"'assets/_default/svg/ic_clear.svg'\" (click)=\"filterterm = null\" *ngIf=\"filterterm\"></eo-icon>\n  </div>\n\n\n  <ng-template #empty>\n    <eo-error-message [emptyState]=\"{icon: 'ic_no-file.svg', text: 'eo.timeline.empty', className: 'history empty'}\"></eo-error-message>\n  </ng-template>\n\n\n  <div class=\"history eo-timeline\" [ngClass]=\"{single: history?.length === 1}\" *ngIf=\"history?.length; else empty\">\n\n    <div class=\"timeline-entry\"\n         *ngFor=\"let entry of history | historyFilter:filterterm; trackBy: trackByIndex\"\n         [ngClass]=\"{user: entry.editor, error: entry.type === 'error' || entry?.errorType}\">\n\n      <div class=\"when\">\n        <div class=\"date\">{{entry.time | localeDate: 'eoShortDate'}}</div>\n        <div class=\"time\">{{entry.time | localeDate: 'eoShortTime'}}</div>\n      </div>\n      <div class=\"marker\">\n        <img *ngIf=\"entry.editor\"\n             title=\"{{entry.editor.lastname}}, {{entry.editor.firstname}} ({{entry.editor.name}})\"\n             [src]=\"entry.data?.image\">\n      </div>\n      <div class=\"what\">\n        <div class=\"title\">{{entry.title}}</div>\n\n        <div class=\"description\" *ngIf=\"entry.data?.periodFireTime && entry.type === 'DEADLINE_START'; else description\">\n          <div class=\"deadline-fire\">\n            <eo-icon [iconSrc]=\"'assets/_default/svg/ic_timer.svg'\"></eo-icon>\n            <span>{{entry.data.periodFireTime | localeDate}}</span>\n          </div>\n        </div>\n        <ng-template #description>\n          <div *ngIf=\"entry.type !== 'USERDEFINED'; else userDefined\" class=\"description\">\n            {{'eo.process.details.history.entry.type.' + entry.type + '.title'|translate}}\n          </div>\n\n          <ng-template #userDefined>\n            <div class=\"description\">\n              {{entry.description}}\n            </div>\n          </ng-template>\n        </ng-template>\n\n        <div class=\"performer\" *ngIf=\"entry.editor\">\n          <span *ngIf=\"entry.editor.lastname\">{{entry.editor.lastname}}, </span>\n          <span *ngIf=\"entry.editor.firstname\">{{entry.editor.firstname}}</span>\n          ({{entry.editor.name}})\n        </div>\n\n        <div class=\"meta\" *ngIf=\"entry.performer?.length\">\n          <span *ngFor=\"let p of entry.performer; trackBy: trackByIndex\">\n            {{p.label}}\n          </span>\n        </div>\n      </div>\n\n    </div>\n  </div>\n</div>\n", styles: [":host .process-history{height:100%;display:flex;flex:1;flex-direction:column;min-height:0;min-width:0}:host .history{flex:1 1 auto;overflow-y:auto;padding:var(--app-pane-padding)}:host .filter{display:flex;flex:1;flex-direction:row;min-height:0;min-width:0;flex:0 0 auto;justify-content:space-between;background-color:var(--panel-background-lightgrey);border-bottom:1px solid var(--main-background)}:host .filter .input{display:flex;flex-flow:row nowrap;background-color:var(--color-white);border:1px solid var(--main-background);margin:calc(var(--app-pane-padding) / 2);padding:2px 2px 2px 0}:host .filter .input.inactive{opacity:.5;pointer-events:none}:host .filter .input input{background-color:transparent;border:0}:host .filter .input eo-icon{align-self:center;width:16px;height:16px;color:var(--text-color-hint);margin:0 calc(var(--app-pane-padding) / 4)}:host .filter>eo-icon{padding:calc(var(--app-pane-padding) / 2);flex:0 0 auto;width:16px;height:16px;box-sizing:content-box;color:var(--text-color-hint);align-self:center;cursor:pointer}:host .timeline-entry.user img{width:30px;height:30px;border:2px solid var(--text-color-hint);z-index:1;border-radius:50%}:host .timeline-entry.user .marker:before{display:none}:host .timeline-entry .what{padding-bottom:0;width:66%}:host .timeline-entry .what .deadline-fire{display:flex;align-items:center;padding-bottom:4px}:host .timeline-entry .what .description{color:var(--text-color-body)}.deadline-fire :host .timeline-entry .what .description{display:flex;flex-flow:row nowrap;align-items:center}.deadline-fire :host .timeline-entry .what .description eo-icon{color:var(--text-color-hint);width:18px;height:18px}.deadline-fire :host .timeline-entry .what .description span{padding:0 calc(var(--app-pane-padding) / 4)}:host .timeline-entry .what .performer{color:var(--text-color-body);font-size:var(--font-hint);margin-bottom:calc(var(--app-pane-padding) / 4)}:host .timeline-entry .what .meta{display:flex;flex-flow:row wrap;margin-bottom:calc(var(--app-pane-padding) / 4)}:host .timeline-entry .what .meta span{display:block;border-radius:2px;padding:2px 4px;font-size:var(--font-caption);background-color:rgba(var(--color-black-rgb),.08);margin:0 calc(var(--app-pane-padding) / 4) calc(var(--app-pane-padding) / 4) 0}:host .timeline-entry.error .what .title{color:var(--color-error)}:host .timeline-entry.error .marker:before{border-color:var(--color-error);content:\"!\";display:flex;flex-flow:column;align-items:center;justify-content:center;color:var(--color-error);border-width:4px;font-weight:var(--font-weight-bold)}\n"] }]
+            args: [{ selector: 'eo-process-history', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"process-history\">\n\n  <div class=\"filter\">\n    <div class=\"input\" [ngClass]=\"{inactive: !history?.length}\">\n      <eo-icon [iconSrc]=\"'assets/_default/svg/ic_filter.svg'\"></eo-icon>\n      <input type=\"text\" [ngModelOptions]=\"{standalone: true}\" [(ngModel)]=\"filterterm\">\n\n    </div>\n    <eo-icon [iconSrc]=\"'assets/_default/svg/ic_clear.svg'\" (click)=\"filterterm = null\" *ngIf=\"filterterm\"></eo-icon>\n  </div>\n\n\n  <ng-template #empty>\n    <eo-error-message [emptyState]=\"{icon: 'ic_no-file.svg', text: 'eo.timeline.empty', className: 'history empty'}\"></eo-error-message>\n  </ng-template>\n\n\n  <div class=\"history eo-timeline\" [ngClass]=\"{single: history?.length === 1}\" *ngIf=\"history?.length; else empty\">\n\n    <div class=\"timeline-entry\"\n         *ngFor=\"let entry of history | historyFilter:filterterm; trackBy: trackByIndex\"\n         [ngClass]=\"{user: entry.editor, error: entry.type === 'error' || entry?.errorType}\">\n\n      <div class=\"when\">\n        <div class=\"date\">{{entry.time | localeDate: 'eoShortDate'}}</div>\n        <div class=\"time\">{{entry.time | localeDate: 'eoShortTime'}}</div>\n      </div>\n      <div class=\"marker\">\n        <img *ngIf=\"entry.editor\"\n             title=\"{{entry.editor.lastname}}, {{entry.editor.firstname}} ({{entry.editor.name}})\"\n             [src]=\"entry.data?.image\">\n      </div>\n      <div class=\"what\">\n        <div class=\"title\">{{entry.title}}</div>\n\n        <div class=\"description\" *ngIf=\"entry.data?.periodFireTime && entry.type === 'DEADLINE_START'; else description\">\n          <div class=\"deadline-fire\">\n            <eo-icon [iconSrc]=\"'assets/_default/svg/ic_timer.svg'\"></eo-icon>\n            <span>{{entry.data.periodFireTime | localeDate}}</span>\n          </div>\n        </div>\n        <ng-template #description>\n          <div *ngIf=\"entry.type !== 'USERDEFINED'; else userDefined\" class=\"description\">\n            {{'eo.process.details.history.entry.type.' + entry.type + '.title'|translate}}\n          </div>\n\n          <ng-template #userDefined>\n            <div class=\"description\">\n              {{entry.description}}\n            </div>\n          </ng-template>\n        </ng-template>\n\n        <div class=\"performer\" *ngIf=\"entry.editor\">\n          <span *ngIf=\"entry.editor.lastname\">{{entry.editor.lastname}}, </span>\n          <span *ngIf=\"entry.editor.firstname\">{{entry.editor.firstname}}</span>\n          ({{entry.editor.name}})\n        </div>\n\n        <div class=\"meta\" *ngIf=\"entry.performer?.length\">\n          <span *ngFor=\"let p of entry.performer; trackBy: trackByIndex\">\n            {{p.label}}\n          </span>\n        </div>\n      </div>\n\n    </div>\n  </div>\n</div>\n", styles: [":host .process-history{height:100%;display:flex;flex:1;flex-direction:column;min-height:0;min-width:0}:host .history{flex:1 1 auto;overflow-y:auto;padding:var(--app-pane-padding)}:host .filter{display:flex;flex:1;flex-direction:row;min-height:0;min-width:0;flex:0 0 auto;justify-content:space-between;background-color:var(--panel-background-lightgrey);border-bottom:1px solid var(--main-background)}:host .filter .input{display:flex;flex-flow:row nowrap;background-color:var(--color-white);border:1px solid var(--main-background);margin:calc(var(--app-pane-padding) / 2);padding:2px 2px 2px 0}:host .filter .input.inactive{opacity:.5;pointer-events:none}:host .filter .input input{background-color:transparent;border:0}:host .filter .input eo-icon{align-self:center;width:16px;height:16px;color:var(--text-color-hint);margin:0 calc(var(--app-pane-padding) / 4)}:host .filter>eo-icon{padding:calc(var(--app-pane-padding) / 2);flex:0 0 auto;width:16px;height:16px;box-sizing:content-box;color:var(--text-color-hint);align-self:center;cursor:pointer}:host .timeline-entry.user img{width:30px;height:30px;border:2px solid var(--text-color-hint);z-index:1;border-radius:50%}:host .timeline-entry.user .marker:before{display:none}:host .timeline-entry .what{padding-bottom:0;width:66%;overflow:hidden}:host .timeline-entry .what .deadline-fire{display:flex;align-items:center;padding-bottom:4px}:host .timeline-entry .what .title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host .timeline-entry .what .description{color:var(--text-color-body)}.deadline-fire :host .timeline-entry .what .description{display:flex;flex-flow:row nowrap;align-items:center}.deadline-fire :host .timeline-entry .what .description eo-icon{color:var(--text-color-hint);width:18px;height:18px}.deadline-fire :host .timeline-entry .what .description span{padding:0 calc(var(--app-pane-padding) / 4)}:host .timeline-entry .what .performer{color:var(--text-color-body);font-size:var(--font-hint);margin-bottom:calc(var(--app-pane-padding) / 4)}:host .timeline-entry .what .meta{display:flex;flex-flow:row wrap;margin-bottom:calc(var(--app-pane-padding) / 4)}:host .timeline-entry .what .meta span{display:block;border-radius:2px;padding:2px 4px;font-size:var(--font-caption);background-color:rgba(var(--color-black-rgb),.08);margin:0 calc(var(--app-pane-padding) / 4) calc(var(--app-pane-padding) / 4) 0}:host .timeline-entry.error .what .title{color:var(--color-error)}:host .timeline-entry.error .marker:before{border-color:var(--color-error);content:\"!\";display:flex;flex-flow:column;align-items:center;justify-content:center;color:var(--color-error);border-width:4px;font-weight:var(--font-weight-bold)}\n"] }]
         }], propDecorators: { history: [{
                 type: Input
             }] } });
@@ -18476,11 +18510,11 @@ class ProcessFileComponent {
         return this.clipboard.elements.filter(e => attachmentIds.indexOf(e.id) === -1).length === 0;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: ProcessFileComponent, deps: [{ token: i1.EventService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.2", type: ProcessFileComponent, selector: "eo-process-file", inputs: { processFile: "processFile", permissions: "permissions", clipboard: "clipboard", selectedContentFileId: "selectedContentFileId", isDisabled: "isDisabled", editable: "editable" }, outputs: { onOpenWorkItemContentInContext: "onOpenWorkItemContentInContext", onOpenWorkItemContent: "onOpenWorkItemContent", onRemoveWorkItemContent: "onRemoveWorkItemContent", onPasteProcessFile: "onPasteProcessFile" }, ngImport: i0, template: " <div class=\"process-files\" *ngIf=\"processFile.length; else noFile\">\n\n\n  <!-- section for adding new items to the work items attachments -->\n  <div class=\"content-paste\"\n       *ngIf=\"permissions.add && clipboard?.elements.length && !hasAlreadyAllCopiedFiles()\"\n       (click)=\"addFromClipboard()\"\n       [ngClass]=\"{disabled: isDisabled}\"\n  >\n    <eo-icon [iconSrc]=\"'assets/_default/svg/ic_content_paste.svg'\"></eo-icon>\n    <span class=\"label ct\" translate>eo.process.file.add.label</span>\n  </div>\n\n  <!-- list of files attached to the work item -->\n  <div class=\"file-item\"\n       *ngFor=\"let file of processFile; trackBy: trackByIndex\"\n       [ngClass]=\"{selected: file.id === selectedContentFileId}\"\n       (dblclick)=\"openWorkItemContentInContext(file, $event)\"\n       (click)=\"openWorkItemContent(file)\">\n\n    <eo-icon [iconSrc]=\"'assets/_default/svg/ic_attachment.svg'\"></eo-icon>\n    <div>\n      <div *ngIf=\"file.title; else tplNoTitle\" class=\"title\">{{file.title}}</div>\n      <ng-template #tplNoTitle>\n        <div class=\"title no-dms-object\" translate>eo.bpm.dmsobject.notavailable</div>\n      </ng-template>\n      <div class=\"description\">{{file.description}}</div>\n    </div>\n    <eo-icon class=\"button\"\n             *ngIf=\"editable && permissions.remove\"\n             [iconSrc]=\"'assets/_default/svg/ic_clear.svg'\"\n             (click)=\"removeWorkItemContent(file, $event)\">\n    </eo-icon>\n  </div>\n\n</div>\n\n<!-- no files attached to the work item -->\n<ng-template #noFile>\n  <div class=\"no-file\">\n    <!-- section for adding new items to the work items attachments -->\n    <div class=\"content-paste\"\n         *ngIf=\"permissions.add && clipboard?.elements.length\"\n         (click)=\"addFromClipboard()\"\n         [ngClass]=\"{disabled: isDisabled}\">\n      <eo-icon [iconSrc]=\"'assets/_default/svg/ic_content_paste.svg'\"></eo-icon>\n      <span class=\"label ct\" translate>eo.process.file.add.label</span>\n    </div>\n    <div class=\"eo-error-message-wrapper\">\n      <eo-error-message [emptyState]=\"{icon: 'ic_no-file.svg', text: 'eo.process.file.empty.label', className: 'no-files history empty'}\">\n      </eo-error-message>\n    </div>\n  </div>\n</ng-template>\n\n", styles: [":host{width:100%;height:100%}:host .content-paste{display:flex;flex:0 0 auto;flex-flow:row nowrap;align-items:center;cursor:pointer;margin:0 0 var(--app-pane-padding) 0;padding:calc(var(--app-pane-padding) / 2) calc(var(--app-pane-padding) / 4);background-color:rgba(var(--color-black-rgb),.06);border-radius:2px;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}:host .content-paste eo-icon{margin:0 calc(var(--app-pane-padding) / 4);transition:none;-webkit-transition:none;-moz-transition:none;-o-transition:none}:host .content-paste .label{margin:0 calc(var(--app-pane-padding) / 4)}:host .content-paste.disabled{opacity:.5;pointer-events:none;cursor:default}:host .content-paste:not(.disabled):hover{background-color:var(--color-accent);color:var(--color-white)}.process-files{height:100%;display:flex;flex:1;flex-direction:column;min-height:0;min-width:0}.process-files .file-item{flex:0 0 auto;background-color:var(--color-white);padding:var(--app-pane-padding) var(--app-pane-padding) var(--app-pane-padding) 0;margin-bottom:calc(var(--app-pane-padding) / 4);display:flex;flex-flow:row nowrap;align-items:center;cursor:pointer;-webkit-animation:eoFadeIn .5s;animation:eoFadeIn .5s;border-left:calc(var(--app-pane-padding) / 4) solid transparent}.process-files .file-item>div{flex:1 1 auto}.process-files .file-item>div .title{font-weight:700}.process-files .file-item eo-icon{flex:0 0 auto;margin:0 var(--app-pane-padding)}.process-files .file-item eo-icon.button{padding:0;box-sizing:border-box;margin:0;color:var(--text-color-hint)}.process-files .file-item.selected{border-color:var(--color-accent);cursor:default}.no-file{height:100%}.no-file .eo-error-message-wrapper{position:absolute;inset:56px 0 0}.no-dms-object{color:var(--color-error)}\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: 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: ErrorMessageComponent, selector: "eo-error-message", inputs: ["emptyState"] }], animations: [] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.2", type: ProcessFileComponent, selector: "eo-process-file", inputs: { processFile: "processFile", permissions: "permissions", clipboard: "clipboard", selectedContentFileId: "selectedContentFileId", isDisabled: "isDisabled", editable: "editable" }, outputs: { onOpenWorkItemContentInContext: "onOpenWorkItemContentInContext", onOpenWorkItemContent: "onOpenWorkItemContent", onRemoveWorkItemContent: "onRemoveWorkItemContent", onPasteProcessFile: "onPasteProcessFile" }, ngImport: i0, template: " <div class=\"process-files\" *ngIf=\"processFile.length; else noFile\">\n\n\n  <!-- section for adding new items to the work items attachments -->\n  <div class=\"content-paste\"\n       *ngIf=\"permissions.add && clipboard?.elements.length && !hasAlreadyAllCopiedFiles()\"\n       (click)=\"addFromClipboard()\"\n       [ngClass]=\"{disabled: isDisabled}\"\n  >\n    <eo-icon [iconSrc]=\"'assets/_default/svg/ic_content_paste.svg'\"></eo-icon>\n    <span class=\"label ct\" translate>eo.process.file.add.label</span>\n  </div>\n\n  <!-- list of files attached to the work item -->\n  <div class=\"file-item\"\n       *ngFor=\"let file of processFile; trackBy: trackByIndex\"\n       [ngClass]=\"{selected: file.id === selectedContentFileId}\"\n       (dblclick)=\"openWorkItemContentInContext(file, $event)\"\n       (click)=\"openWorkItemContent(file)\">\n\n    <eo-icon [iconSrc]=\"'assets/_default/svg/ic_attachment.svg'\"></eo-icon>\n    <div>\n      <div *ngIf=\"file.title; else tplNoTitle\" class=\"title\">{{file.title}}</div>\n      <ng-template #tplNoTitle>\n        <div class=\"title no-dms-object\" translate>eo.bpm.dmsobject.notavailable</div>\n      </ng-template>\n      <div class=\"description\">{{file.description}}</div>\n    </div>\n    <eo-icon class=\"button\"\n             *ngIf=\"editable && permissions.remove\"\n             [iconSrc]=\"'assets/_default/svg/ic_clear.svg'\"\n             (click)=\"removeWorkItemContent(file, $event)\">\n    </eo-icon>\n  </div>\n\n</div>\n\n<!-- no files attached to the work item -->\n<ng-template #noFile>\n  <div class=\"no-file\">\n    <!-- section for adding new items to the work items attachments -->\n    <div class=\"content-paste\"\n         *ngIf=\"permissions.add && clipboard?.elements.length\"\n         (click)=\"addFromClipboard()\"\n         [ngClass]=\"{disabled: isDisabled}\">\n      <eo-icon [iconSrc]=\"'assets/_default/svg/ic_content_paste.svg'\"></eo-icon>\n      <span class=\"label ct\" translate>eo.process.file.add.label</span>\n    </div>\n    <div class=\"eo-error-message-wrapper\">\n      <eo-error-message [emptyState]=\"{icon: 'ic_no-file.svg', text: 'eo.process.file.empty.label', className: 'no-files history empty'}\">\n      </eo-error-message>\n    </div>\n  </div>\n</ng-template>\n\n", styles: [":host{width:100%;height:100%}:host .content-paste{display:flex;flex:0 0 auto;flex-flow:row nowrap;align-items:center;cursor:pointer;margin:0 0 var(--app-pane-padding) 0;padding:calc(var(--app-pane-padding) / 2) calc(var(--app-pane-padding) / 4);background-color:rgba(var(--color-black-rgb),.06);border-radius:2px;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}:host .content-paste eo-icon{margin:0 calc(var(--app-pane-padding) / 4);transition:none;-webkit-transition:none;-moz-transition:none;-o-transition:none}:host .content-paste .label{margin:0 calc(var(--app-pane-padding) / 4)}:host .content-paste.disabled{opacity:.5;pointer-events:none;cursor:default}:host .content-paste:not(.disabled):hover{background-color:var(--color-accent);color:var(--color-white)}.process-files{height:100%;display:flex;flex:1;flex-direction:column;min-height:0;min-width:0}.process-files .file-item{flex:0 0 auto;background-color:var(--color-white);padding:var(--app-pane-padding) var(--app-pane-padding) var(--app-pane-padding) 0;margin-bottom:calc(var(--app-pane-padding) / 4);display:flex;flex-flow:row nowrap;align-items:center;cursor:pointer;-webkit-animation:eoFadeIn .5s;animation:eoFadeIn .5s;border-left:calc(var(--app-pane-padding) / 4) solid transparent}.process-files .file-item>div{flex:1 1 auto}.process-files .file-item>div .title{font-weight:700}.process-files .file-item eo-icon{flex:0 0 auto;margin:0 var(--app-pane-padding)}.process-files .file-item eo-icon.button{padding:0;box-sizing:border-box;margin:0;color:var(--text-color-hint)}.process-files .file-item.selected{border-color:var(--color-accent);cursor:default}.no-file{height:100%}.no-file .eo-error-message-wrapper{position:absolute;inset:92px 0 0}.no-dms-object{color:var(--color-error)}\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: 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: ErrorMessageComponent, selector: "eo-error-message", inputs: ["emptyState"] }], animations: [] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: ProcessFileComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'eo-process-file', animations: [], template: " <div class=\"process-files\" *ngIf=\"processFile.length; else noFile\">\n\n\n  <!-- section for adding new items to the work items attachments -->\n  <div class=\"content-paste\"\n       *ngIf=\"permissions.add && clipboard?.elements.length && !hasAlreadyAllCopiedFiles()\"\n       (click)=\"addFromClipboard()\"\n       [ngClass]=\"{disabled: isDisabled}\"\n  >\n    <eo-icon [iconSrc]=\"'assets/_default/svg/ic_content_paste.svg'\"></eo-icon>\n    <span class=\"label ct\" translate>eo.process.file.add.label</span>\n  </div>\n\n  <!-- list of files attached to the work item -->\n  <div class=\"file-item\"\n       *ngFor=\"let file of processFile; trackBy: trackByIndex\"\n       [ngClass]=\"{selected: file.id === selectedContentFileId}\"\n       (dblclick)=\"openWorkItemContentInContext(file, $event)\"\n       (click)=\"openWorkItemContent(file)\">\n\n    <eo-icon [iconSrc]=\"'assets/_default/svg/ic_attachment.svg'\"></eo-icon>\n    <div>\n      <div *ngIf=\"file.title; else tplNoTitle\" class=\"title\">{{file.title}}</div>\n      <ng-template #tplNoTitle>\n        <div class=\"title no-dms-object\" translate>eo.bpm.dmsobject.notavailable</div>\n      </ng-template>\n      <div class=\"description\">{{file.description}}</div>\n    </div>\n    <eo-icon class=\"button\"\n             *ngIf=\"editable && permissions.remove\"\n             [iconSrc]=\"'assets/_default/svg/ic_clear.svg'\"\n             (click)=\"removeWorkItemContent(file, $event)\">\n    </eo-icon>\n  </div>\n\n</div>\n\n<!-- no files attached to the work item -->\n<ng-template #noFile>\n  <div class=\"no-file\">\n    <!-- section for adding new items to the work items attachments -->\n    <div class=\"content-paste\"\n         *ngIf=\"permissions.add && clipboard?.elements.length\"\n         (click)=\"addFromClipboard()\"\n         [ngClass]=\"{disabled: isDisabled}\">\n      <eo-icon [iconSrc]=\"'assets/_default/svg/ic_content_paste.svg'\"></eo-icon>\n      <span class=\"label ct\" translate>eo.process.file.add.label</span>\n    </div>\n    <div class=\"eo-error-message-wrapper\">\n      <eo-error-message [emptyState]=\"{icon: 'ic_no-file.svg', text: 'eo.process.file.empty.label', className: 'no-files history empty'}\">\n      </eo-error-message>\n    </div>\n  </div>\n</ng-template>\n\n", styles: [":host{width:100%;height:100%}:host .content-paste{display:flex;flex:0 0 auto;flex-flow:row nowrap;align-items:center;cursor:pointer;margin:0 0 var(--app-pane-padding) 0;padding:calc(var(--app-pane-padding) / 2) calc(var(--app-pane-padding) / 4);background-color:rgba(var(--color-black-rgb),.06);border-radius:2px;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}:host .content-paste eo-icon{margin:0 calc(var(--app-pane-padding) / 4);transition:none;-webkit-transition:none;-moz-transition:none;-o-transition:none}:host .content-paste .label{margin:0 calc(var(--app-pane-padding) / 4)}:host .content-paste.disabled{opacity:.5;pointer-events:none;cursor:default}:host .content-paste:not(.disabled):hover{background-color:var(--color-accent);color:var(--color-white)}.process-files{height:100%;display:flex;flex:1;flex-direction:column;min-height:0;min-width:0}.process-files .file-item{flex:0 0 auto;background-color:var(--color-white);padding:var(--app-pane-padding) var(--app-pane-padding) var(--app-pane-padding) 0;margin-bottom:calc(var(--app-pane-padding) / 4);display:flex;flex-flow:row nowrap;align-items:center;cursor:pointer;-webkit-animation:eoFadeIn .5s;animation:eoFadeIn .5s;border-left:calc(var(--app-pane-padding) / 4) solid transparent}.process-files .file-item>div{flex:1 1 auto}.process-files .file-item>div .title{font-weight:700}.process-files .file-item eo-icon{flex:0 0 auto;margin:0 var(--app-pane-padding)}.process-files .file-item eo-icon.button{padding:0;box-sizing:border-box;margin:0;color:var(--text-color-hint)}.process-files .file-item.selected{border-color:var(--color-accent);cursor:default}.no-file{height:100%}.no-file .eo-error-message-wrapper{position:absolute;inset:56px 0 0}.no-dms-object{color:var(--color-error)}\n"] }]
+            args: [{ selector: 'eo-process-file', animations: [], template: " <div class=\"process-files\" *ngIf=\"processFile.length; else noFile\">\n\n\n  <!-- section for adding new items to the work items attachments -->\n  <div class=\"content-paste\"\n       *ngIf=\"permissions.add && clipboard?.elements.length && !hasAlreadyAllCopiedFiles()\"\n       (click)=\"addFromClipboard()\"\n       [ngClass]=\"{disabled: isDisabled}\"\n  >\n    <eo-icon [iconSrc]=\"'assets/_default/svg/ic_content_paste.svg'\"></eo-icon>\n    <span class=\"label ct\" translate>eo.process.file.add.label</span>\n  </div>\n\n  <!-- list of files attached to the work item -->\n  <div class=\"file-item\"\n       *ngFor=\"let file of processFile; trackBy: trackByIndex\"\n       [ngClass]=\"{selected: file.id === selectedContentFileId}\"\n       (dblclick)=\"openWorkItemContentInContext(file, $event)\"\n       (click)=\"openWorkItemContent(file)\">\n\n    <eo-icon [iconSrc]=\"'assets/_default/svg/ic_attachment.svg'\"></eo-icon>\n    <div>\n      <div *ngIf=\"file.title; else tplNoTitle\" class=\"title\">{{file.title}}</div>\n      <ng-template #tplNoTitle>\n        <div class=\"title no-dms-object\" translate>eo.bpm.dmsobject.notavailable</div>\n      </ng-template>\n      <div class=\"description\">{{file.description}}</div>\n    </div>\n    <eo-icon class=\"button\"\n             *ngIf=\"editable && permissions.remove\"\n             [iconSrc]=\"'assets/_default/svg/ic_clear.svg'\"\n             (click)=\"removeWorkItemContent(file, $event)\">\n    </eo-icon>\n  </div>\n\n</div>\n\n<!-- no files attached to the work item -->\n<ng-template #noFile>\n  <div class=\"no-file\">\n    <!-- section for adding new items to the work items attachments -->\n    <div class=\"content-paste\"\n         *ngIf=\"permissions.add && clipboard?.elements.length\"\n         (click)=\"addFromClipboard()\"\n         [ngClass]=\"{disabled: isDisabled}\">\n      <eo-icon [iconSrc]=\"'assets/_default/svg/ic_content_paste.svg'\"></eo-icon>\n      <span class=\"label ct\" translate>eo.process.file.add.label</span>\n    </div>\n    <div class=\"eo-error-message-wrapper\">\n      <eo-error-message [emptyState]=\"{icon: 'ic_no-file.svg', text: 'eo.process.file.empty.label', className: 'no-files history empty'}\">\n      </eo-error-message>\n    </div>\n  </div>\n</ng-template>\n\n", styles: [":host{width:100%;height:100%}:host .content-paste{display:flex;flex:0 0 auto;flex-flow:row nowrap;align-items:center;cursor:pointer;margin:0 0 var(--app-pane-padding) 0;padding:calc(var(--app-pane-padding) / 2) calc(var(--app-pane-padding) / 4);background-color:rgba(var(--color-black-rgb),.06);border-radius:2px;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}:host .content-paste eo-icon{margin:0 calc(var(--app-pane-padding) / 4);transition:none;-webkit-transition:none;-moz-transition:none;-o-transition:none}:host .content-paste .label{margin:0 calc(var(--app-pane-padding) / 4)}:host .content-paste.disabled{opacity:.5;pointer-events:none;cursor:default}:host .content-paste:not(.disabled):hover{background-color:var(--color-accent);color:var(--color-white)}.process-files{height:100%;display:flex;flex:1;flex-direction:column;min-height:0;min-width:0}.process-files .file-item{flex:0 0 auto;background-color:var(--color-white);padding:var(--app-pane-padding) var(--app-pane-padding) var(--app-pane-padding) 0;margin-bottom:calc(var(--app-pane-padding) / 4);display:flex;flex-flow:row nowrap;align-items:center;cursor:pointer;-webkit-animation:eoFadeIn .5s;animation:eoFadeIn .5s;border-left:calc(var(--app-pane-padding) / 4) solid transparent}.process-files .file-item>div{flex:1 1 auto}.process-files .file-item>div .title{font-weight:700}.process-files .file-item eo-icon{flex:0 0 auto;margin:0 var(--app-pane-padding)}.process-files .file-item eo-icon.button{padding:0;box-sizing:border-box;margin:0;color:var(--text-color-hint)}.process-files .file-item.selected{border-color:var(--color-accent);cursor:default}.no-file{height:100%}.no-file .eo-error-message-wrapper{position:absolute;inset:92px 0 0}.no-dms-object{color:var(--color-error)}\n"] }]
         }], ctorParameters: () => [{ type: i1.EventService }], propDecorators: { processFile: [{
                 type: Input
             }], permissions: [{
@@ -18914,7 +18948,7 @@ let InboxDetailsComponent = class InboxDetailsComponent {
     ngAfterViewInit() {
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: InboxDetailsComponent, deps: [{ token: i1.BpmService }, { token: i1.UserService }, { token: i1.InboxService }, { token: SelectionService }, { token: i2$1.Router }, { token: i1.EventService }, { token: i1.ClipboardService }, { token: i1.TranslateService }, { token: PendingChangesService }, { token: i1.NotificationsService }, { token: i1.LocalStorageService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.2", type: InboxDetailsComponent, selector: "eo-inbox-details", inputs: { plugins: "plugins", emptyState: "emptyState", applySelection: "applySelection", item: "item" }, host: { properties: { "attr.data-type": "this.dataType" } }, viewQueries: [{ propertyName: "bpmFormEl", first: true, predicate: ["bpmForm"], descendants: true }], ngImport: i0, template: "<div class=\"inbox-details\" *ngIf=\"item; else noItem\" [ngClass]=\"{bpm: item.type === 'BPM'}\">\n\n  <div class=\"eo-head\" [ngClass]=\"{'eo-head-tabs': item.type === 'BPM'}\">\n    <header class=\"eo-header\">\n      <eo-icon class=\"eo-header-icon\" *ngIf=\"!item.iconId\" title=\"{{item?.type}}\"\n        [iconSrc]=\"'assets/_default/svg/ic_loop.svg'\"></eo-icon>\n      <eo-icon class=\"eo-header-icon\" *ngIf=\"item.iconId\" title=\"{{item?.type}}\" [iconId]=\"item.iconId\"></eo-icon>\n      <div class=\"eo-header-info\">\n        <h2 class=\"eo-header-title\">{{item.title}}</h2>\n        <h3 *ngIf=\"item.description\" class=\"eo-header-subtitle\">{{item.description}}</h3>\n        <h3 *ngIf=\"workItem && !item.description\" class=\"eo-header-subtitle\">{{workItem.processTitle ? workItem.processTitle : workItem.qmodelname}}</h3>\n      </div>\n      <div class=\"eo-header-actions\">\n        <eo-icon class=\"button refresh-button\" *ngIf=\"initializing.closed\" (click)=\"refresh()\"\n          [iconSrc]=\"'assets/_default/svg/ic_refresh.svg'\" [iconTitle]=\"('eo.list.refresh' | translate)\"></eo-icon>\n      </div>\n    </header>\n  </div>\n\n  <div class=\"eo-body\" *ngIf=\"initializing.closed\">\n\n    <div class=\"load-error\" *ngIf=\"loadError\">\n      <eo-error-message></eo-error-message>\n    </div>\n\n    <!-- details for BPM items -->\n    <yvc-tabs *ngIf=\"item.type === 'BPM'; else dmsTask\" layoutSettingsID=\"eo.inbox.details.tabs\">\n      <!-- task -->\n      <ng-template [yvcTab]=\"{id: 'task', label: 'eo.process.details.tab.task' | translate}\">\n        <div class=\"tab-panel\">\n          <div class=\"panel task\">\n\n            <div class=\"process-description\" *ngIf=\"workItem?.description\">\n              <h3 translate>eo.process.details.tab.task.description</h3>\n              <div>{{workItem.description}}</div>\n            </div>\n\n            <eo-duetimeInfo *ngIf=\"item?.duetime\" [item]=\"item\"></eo-duetimeInfo>\n\n            <div class=\"process-performer\" *ngIf=\"workItem?.inSubstituteOf?.length\">\n              <div class=\"head\" [ngClass]=\"{performerShow: substituteShow}\">\n                <div class=\"label\" translate>eo.process.substitute</div>\n                <div class=\"action\" (click)=\"substituteShow = !substituteShow\">\n                  <div class=\"count\">{{workItem.inSubstituteOf.length}}</div>\n                  <eo-icon [iconSrc]=\"'assets/_default/svg/ic_arrow_down.svg'\"></eo-icon>\n                </div>\n              </div>\n              <div class=\"body\" *ngIf=\"substituteShow\">\n                <div class=\"performer\" *ngFor=\"let u of workItem.inSubstituteOf\">\n                  <div class=\"icon-wrap\">\n                    <eo-icon [iconSrc]=\"'assets/_default/svg/ic_orga_user.svg'\"></eo-icon>\n                  </div>\n                  <div class=\"name\">{{u.firstname}} {{u.lastname}} <span class=\"qname\">{{u.name}}</span></div>\n                </div>\n              </div>\n            </div>\n\n            <ng-container *ngIf=\"locked; else unlocked\">\n\n              <div class=\"process-form\">\n                <eo-object-form [formOptions]=\"formOptions\" *ngIf=\"workItem?.form\"\n                  (statusChanged)=\"onFormStatusChanged($event)\" #bpmForm></eo-object-form>\n              </div>\n            </ng-container>\n\n            <ng-template #unlocked>\n\n              <div class=\"notice\" translate>eo.process.task.continue</div>\n\n              <div class=\"process-performer\" *ngIf=\"workItem\">\n                <div class=\"head\" [ngClass]=\"{performerShow: performerShow}\">\n                  <div class=\"label\" translate>eo.process.recipients</div>\n                  <div class=\"action\" (click)=\"performerShow = !performerShow\">\n                    <div class=\"count\">{{workItem.performer.users.length + workItem.performer.roles.length +\n                      workItem.performer.groups.length}}</div>\n                    <eo-icon [iconSrc]=\"'assets/_default/svg/ic_arrow_down.svg'\"></eo-icon>\n                  </div>\n                </div>\n                <div class=\"body\" *ngIf=\"performerShow\">\n\n                  <div class=\"performer\" *ngFor=\"let g of workItem.performer.groups\">\n                    <div class=\"icon-wrap\">\n                      <eo-icon [iconSrc]=\"'assets/_default/svg/ic_orga_group.svg'\"></eo-icon>\n                    </div>\n                    <div class=\"name\">{{g.name}}</div>\n                  </div>\n\n                  <div class=\"performer\" *ngFor=\"let r of workItem.performer.roles\">\n                    <div class=\"icon-wrap\">\n                      <eo-icon [iconSrc]=\"'assets/_default/svg/ic_orga_role.svg'\"></eo-icon>\n                    </div>\n                    <div class=\"name\">{{r.name}}</div>\n                  </div>\n\n                  <div class=\"performer\" *ngFor=\"let u of workItem.performer.users\">\n                    <div class=\"icon-wrap\">\n                      <eo-icon [iconSrc]=\"'assets/_default/svg/ic_orga_user.svg'\"></eo-icon>\n                    </div>\n                    <div class=\"name\">{{u.firstname}} {{u.lastname}} <span class=\"qname\">{{u.name}}</span></div>\n                  </div>\n                </div>\n              </div>\n\n              <div class=\"indexdata\" *ngIf=\"workItemIndexdata?.data\">\n                <h3 translate>eo.process.details.tab.task.indexdata</h3>\n                <eo-indexdata-summary [indexdata]=\"workItemIndexdata\"></eo-indexdata-summary>\n              </div>\n\n            </ng-template>\n          </div>\n\n          <ng-container *ngIf=\"locked; else unlockedActions\">\n            <div class=\"process-actions\" [ngClass]=\"{disabled: !actionProcessing.closed}\">\n\n              <div class=\"secondary\">\n                <button class=\"btn-unlock\" (click)=\"unlockWorkItem()\" translate>eo.process.depersonalize</button>\n                <button class=\"btn-save\" (click)=\"saveWorkItemData()\"\n                  *ngIf=\"workItem?.form && !formState?.invalid && formState?.dirty\"\n                  translate>eo.object.indexdata.save</button>\n              </div>\n\n              <div class=\"primary\" [ngClass]=\"{disabled: preventClickThrough}\">\n                <button class=\"primary btn-execute\" *ngFor=\"let action of workItem.actions; trackBy: trackByCode\"\n                  (click)=\"executeWorkItemAction(action)\" [ngClass]=\"{ext: action.url}\"\n                  [disabled]=\"(!!formState && formState?.invalid) || !action.feasible\">{{action.title}}</button>\n              </div>\n            </div>\n          </ng-container>\n\n          <ng-template #unlockedActions>\n            <div class=\"process-actions\" [ngClass]=\"{disabled: !actionProcessing.closed || !workItem}\">\n              <div class=\"primary\">\n                <button class=\"primary btn-lock\" (click)=\"lockWorkItem()\" translate>eo.process.personalize</button>\n              </div>\n            </div>\n          </ng-template>\n\n        </div>\n      </ng-template>\n\n      <!-- history -->\n      <ng-template [yvcTab]=\"{id: 'history', label: 'eo.process.details.tab.progress' | translate}\">\n        <div class=\"tab-panel\">\n          <div class=\"panel process-history\">\n            <eo-process-history [history]=\"history\"></eo-process-history>\n          </div>\n        </div>\n      </ng-template>\n\n      <!-- attachments -->\n      <ng-template [yvcTab]=\"{id: 'file', label: 'eo.process.details.tab.attachments' | translate}\">\n        <div class=\"tab-panel\">\n          <div class=\"panel process-files\">\n            <eo-process-file [processFile]=\"workItem?.file\" [permissions]=\"workItem?.fileEntryPermissions\"\n              [isDisabled]=\"!filesAdding.closed\" [clipboard]=\"clipboard\" [editable]=\"true\"\n              [selectedContentFileId]=\"selectedContentFileId\"\n              (onOpenWorkItemContentInContext)=\"openWorkItemContentInContext($event)\"\n              (onOpenWorkItemContent)=\"openWorkItemContent($event)\"\n              (onRemoveWorkItemContent)=\"removeWorkItemContent($event)\" (onPasteProcessFile)=\"addFromClipboard()\">\n            </eo-process-file>\n          </div>\n        </div>\n      </ng-template>\n\n      <!-- plugin tabs -->\n      <ng-template *ngFor=\"let p of plugins\" [yvcTab]=\"{id: p.id, label: p.id | translate}\">\n        <eo-plugin [id]=\"p.id\" [parent]=\"this\"></eo-plugin>\n      </ng-template>\n    </yvc-tabs>\n\n    <!-- body when we have a subscription or a resubmission -->\n    <ng-template #dmsTask>\n      <div class=\"tab-panel\">\n        <div class=\"panel\">\n          <div class=\"process-description\">\n            <h3 translate>eo.process.details.tab.task.description</h3>\n            <div>{{settings?.description}}</div>\n          </div>\n        </div>\n\n        <!-- actions for the current process item -->\n        <div class=\"process-actions\" [ngClass]=\"{disabled: !actionProcessing.closed}\">\n          <div class=\"primary\">\n            <button class=\"primary btn-confirm\" [disabled]=\"preventClickThrough\"\n              (click)=\"confirmInboxItem()\">{{settings?.actionTitle}}</button>\n          </div>\n        </div>\n\n      </div>\n    </ng-template>\n\n  </div>\n</div>\n<ng-template #noItem>\n  <eo-error-message [emptyState]=\"{icon: emptyState.icon, text: emptyState.text, className: emptyState.className}\">\n    <ng-content select=\".error\"></ng-content>\n  </eo-error-message>\n</ng-template>\n", styles: [".inbox-details{background-color:var(--panel-background-grey);height:100%;position:relative;display:flex;flex-flow:column}.inbox-details yvc-tabs{height:100%}.inbox-details yvc-tabs ::ng-deep nav{background:var(--panel-background);border-bottom:1px solid var(--panel-header-border-bottom-color)}.inbox-details:not(.bpm) .eo-head{border-bottom:1px solid var(--panel-header-border-bottom-color)}.inbox-details:not(.bpm) .eo-body{flex:1;overflow:hidden}.inbox-details .eo-head{background-color:var(--color-white)}.inbox-details .eo-body .load-error{position:absolute;inset:0;background-color:var(--panel-background-grey);z-index:5;display:flex;flex-flow:column;justify-content:center;align-items:center}.inbox-details .eo-body .load-error eo-icon{width:20%;color:var(--text-color-hint);opacity:.5}.inbox-details .eo-body .tab-panel{height:100%;display:flex;flex:1;flex-direction:column;min-height:0;min-width:0}.inbox-details .eo-body .tab-panel .panel:not(.process-history){padding:var(--app-pane-padding);display:flex;flex:1;flex-direction:column;min-height:0;min-width:0;overflow-y:auto}.inbox-details .eo-body .tab-panel .panel.process-history,.inbox-details .eo-body .tab-panel .panel.process-files{height:100%}.inbox-details .eo-body .tab-panel .process-actions{display:flex;flex:none;flex-direction:row;min-height:0;min-width:0;flex-wrap:wrap;justify-content:space-between;padding:0 calc(var(--app-pane-padding) * .75) 0!important}.inbox-details .eo-body .tab-panel .process-actions button{margin:calc(var(--app-pane-padding) / 8)}.inbox-details .eo-body .tab-panel .process-actions button.ext{position:relative}.inbox-details .eo-body .tab-panel .process-actions button.ext:after{content:\"\";position:absolute;right:calc(var(--app-pane-padding) / 8);top:calc(var(--app-pane-padding) / 8);height:calc(var(--app-pane-padding) * .5);width:calc(var(--app-pane-padding) * .5);box-sizing:border-box;border:2px solid rgba(var(--color-white-rgb),.7);border-bottom-width:0;border-left-width:0}.inbox-details .eo-body .tab-panel .process-actions div.primary{justify-content:flex-end;display:flex;flex:none;flex-direction:row;min-height:0;min-width:0;flex-wrap:wrap;flex:1 1 auto;padding:var(--app-pane-padding) 0}.inbox-details .eo-body .tab-panel .process-actions div.primary.disabled{pointer-events:none;opacity:.2}.inbox-details .eo-body .tab-panel .process-actions div.secondary{padding:var(--app-pane-padding) 0;display:flex;flex:none;flex-direction:row;min-height:0;min-width:0}.inbox-details .eo-body .tab-panel .process-actions.disabled{opacity:.5}.inbox-details .eo-body .tab-panel .process-actions.disabled button{pointer-events:none;cursor:default}.inbox-details .eo-body h3{font-size:var(--font-subhead);font-weight:var(--font-weight-normal);margin:0 0 calc(var(--app-pane-padding) / 2) 0;padding:0 0 calc(var(--app-pane-padding) / 4) 0;color:var(--text-color-caption);border-bottom:1px solid rgba(var(--color-black-rgb),.1)}.inbox-details .eo-body .notice{background-color:rgba(var(--color-black-rgb),.06);border-radius:2px;padding:calc(var(--app-pane-padding) / 4) calc(var(--app-pane-padding) / 2);margin-bottom:var(--app-pane-padding)}.inbox-details .eo-body .indexdata{margin-top:calc(var(--app-pane-padding) / 2)}.inbox-details .eo-body .process-description{margin-bottom:var(--app-pane-padding)}.inbox-details .eo-body .process-performer{margin:calc(var(--app-pane-padding) / 4) 0}.inbox-details .eo-body .process-performer .head{display:flex;flex-flow:row nowrap;align-items:center}.inbox-details .eo-body .process-performer .head .label{flex:1 1 auto}.inbox-details .eo-body .process-performer .head .action{border-radius:2px;border:1px solid rgba(var(--color-black-rgb),.1);padding:0 0 0 calc(var(--app-pane-padding) / 2);display:flex;flex-flow:row nowrap;align-items:center;cursor:pointer;overflow:hidden;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}.inbox-details .eo-body .process-performer .head .action .count{line-height:1em;color:var(--text-color-caption)}.inbox-details .eo-body .process-performer .head .action eo-icon{color:var(--text-color-hint);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}.inbox-details .eo-body .process-performer .head .action:hover{background:rgba(var(--color-black-rgb),.1)}.inbox-details .eo-body .process-performer .head.performerShow .action eo-icon{transform:rotate(180deg)}.inbox-details .eo-body .process-performer .body{padding:calc(var(--app-pane-padding) / 2) 0}.inbox-details .eo-body .process-performer .body .performer{display:flex;flex-flow:row nowrap;align-items:center;border-radius:2px;padding:2px;margin-bottom:2px;background-color:var(--color-white);animation:eoFadeInDown var(--app-default-transition-duration);-webkit-user-select:none;user-select:none}.inbox-details .eo-body .process-performer .body .performer .icon-wrap{border-radius:2px;flex:0 0 auto;background-color:var(--color-primary-3);color:var(--color-white);padding:2px}.inbox-details .eo-body .process-performer .body .performer .name{flex:1 1 auto;padding:0 var(--app-pane-padding)}.inbox-details .eo-body .process-performer .body .performer .name .qname{display:inline-block;border-radius:2px;background-color:rgba(var(--color-black-rgb),.08);font-size:var(--font-hint);padding:2px calc(var(--app-pane-padding) / 2);margin:0 calc(var(--app-pane-padding) / 2);color:var(--text-color-caption)}.inbox-details .eo-body .no-files{padding:var(--app-pane-padding)}\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: ObjectFormComponent, selector: "eo-object-form", inputs: ["isInnerTableForm", "formOptions"], outputs: ["statusChanged", "onFormReady"] }, { 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: IndexdataSummaryComponent, selector: "eo-indexdata-summary", inputs: ["indexdata", "dmsObject", "baseparams", "enableVersions", "diff"] }, { kind: "component", type: ErrorMessageComponent, selector: "eo-error-message", inputs: ["emptyState"] }, { kind: "component", type: PluginComponent, selector: "eo-plugin", inputs: ["type", "id", "parent"] }, { 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: "component", type: ProcessHistoryComponent, selector: "eo-process-history", inputs: ["history"] }, { kind: "component", type: ProcessFileComponent, selector: "eo-process-file", inputs: ["processFile", "permissions", "clipboard", "selectedContentFileId", "isDisabled", "editable"], outputs: ["onOpenWorkItemContentInContext", "onOpenWorkItemContent", "onRemoveWorkItemContent", "onPasteProcessFile"] }, { kind: "component", type: DuetimeInfoComponent, selector: "eo-duetimeInfo", inputs: ["item"] }, { kind: "pipe", type: i4.TranslatePipe, name: "translate" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.2", type: InboxDetailsComponent, selector: "eo-inbox-details", inputs: { plugins: "plugins", emptyState: "emptyState", applySelection: "applySelection", item: "item" }, host: { properties: { "attr.data-type": "this.dataType" } }, viewQueries: [{ propertyName: "bpmFormEl", first: true, predicate: ["bpmForm"], descendants: true }], ngImport: i0, template: "<div class=\"inbox-details\" *ngIf=\"item; else noItem\" [ngClass]=\"{bpm: item.type === 'BPM'}\">\n\n  <div class=\"eo-head\" [ngClass]=\"{'eo-head-tabs': item.type === 'BPM'}\">\n    <header class=\"eo-header\">\n      <eo-icon class=\"eo-header-icon\" *ngIf=\"!item.iconId\" title=\"{{item?.type}}\"\n        [iconSrc]=\"'assets/_default/svg/ic_loop.svg'\"></eo-icon>\n      <eo-icon class=\"eo-header-icon\" *ngIf=\"item.iconId\" title=\"{{item?.type}}\" [iconId]=\"item.iconId\"></eo-icon>\n      <div class=\"eo-header-info\">\n        <h2 class=\"eo-header-title\">{{item.title}}</h2>\n        <h3 *ngIf=\"item.description\" class=\"eo-header-subtitle\">{{item.description}}</h3>\n        <h3 *ngIf=\"workItem && !item.description\" class=\"eo-header-subtitle\">{{workItem.processTitle ? workItem.processTitle : workItem.qmodelname}}</h3>\n      </div>\n      <div class=\"eo-header-actions\">\n        <eo-icon class=\"button refresh-button\" *ngIf=\"initializing.closed\" (click)=\"refresh()\"\n          [iconSrc]=\"'assets/_default/svg/ic_refresh.svg'\" [iconTitle]=\"('eo.list.refresh' | translate)\"></eo-icon>\n      </div>\n    </header>\n  </div>\n\n  <div class=\"eo-body\" *ngIf=\"initializing.closed\">\n\n    <div class=\"load-error\" *ngIf=\"loadError\">\n      <eo-error-message></eo-error-message>\n    </div>\n\n    <!-- details for BPM items -->\n    <yvc-tabs *ngIf=\"item.type === 'BPM'; else dmsTask\" layoutSettingsID=\"eo.inbox.details.tabs\">\n      <!-- task -->\n      <ng-template [yvcTab]=\"{id: 'task', label: 'eo.process.details.tab.task' | translate}\">\n        <div class=\"tab-panel\">\n          <div class=\"panel task\">\n\n            <div class=\"process-description\" *ngIf=\"workItem?.description\">\n              <h3 translate>eo.process.details.tab.task.description</h3>\n              <div>{{workItem.description}}</div>\n            </div>\n\n            <eo-duetimeInfo *ngIf=\"item?.duetime\" [item]=\"item\"></eo-duetimeInfo>\n\n            <div class=\"process-performer\" *ngIf=\"workItem?.inSubstituteOf?.length\">\n              <div class=\"head\" [ngClass]=\"{performerShow: substituteShow}\">\n                <div class=\"label\" translate>eo.process.substitute</div>\n                <div class=\"action\" (click)=\"substituteShow = !substituteShow\">\n                  <div class=\"count\">{{workItem.inSubstituteOf.length}}</div>\n                  <eo-icon [iconSrc]=\"'assets/_default/svg/ic_arrow_down.svg'\"></eo-icon>\n                </div>\n              </div>\n              <div class=\"body\" *ngIf=\"substituteShow\">\n                <div class=\"performer\" *ngFor=\"let u of workItem.inSubstituteOf\">\n                  <div class=\"icon-wrap\">\n                    <eo-icon [iconSrc]=\"'assets/_default/svg/ic_orga_user.svg'\"></eo-icon>\n                  </div>\n                  <div class=\"name\">{{u.firstname}} {{u.lastname}} <span class=\"qname\">{{u.name}}</span></div>\n                </div>\n              </div>\n            </div>\n\n            <ng-container *ngIf=\"locked; else unlocked\">\n\n              <div class=\"process-form\">\n                <eo-object-form [formOptions]=\"formOptions\" *ngIf=\"workItem?.form\"\n                  (statusChanged)=\"onFormStatusChanged($event)\" #bpmForm></eo-object-form>\n              </div>\n            </ng-container>\n\n            <ng-template #unlocked>\n\n              <div class=\"notice\" translate>eo.process.task.continue</div>\n\n              <div class=\"process-performer\" *ngIf=\"workItem\">\n                <div class=\"head\" [ngClass]=\"{performerShow: performerShow}\">\n                  <div class=\"label\" translate>eo.process.recipients</div>\n                  <div class=\"action\" (click)=\"performerShow = !performerShow\">\n                    <div class=\"count\">{{workItem.performer.users.length + workItem.performer.roles.length +\n                      workItem.performer.groups.length}}</div>\n                    <eo-icon [iconSrc]=\"'assets/_default/svg/ic_arrow_down.svg'\"></eo-icon>\n                  </div>\n                </div>\n                <div class=\"body\" *ngIf=\"performerShow\">\n\n                  <div class=\"performer\" *ngFor=\"let g of workItem.performer.groups\">\n                    <div class=\"icon-wrap\">\n                      <eo-icon [iconSrc]=\"'assets/_default/svg/ic_orga_group.svg'\"></eo-icon>\n                    </div>\n                    <div class=\"name\">{{g.name}}</div>\n                  </div>\n\n                  <div class=\"performer\" *ngFor=\"let r of workItem.performer.roles\">\n                    <div class=\"icon-wrap\">\n                      <eo-icon [iconSrc]=\"'assets/_default/svg/ic_orga_role.svg'\"></eo-icon>\n                    </div>\n                    <div class=\"name\">{{r.name}}</div>\n                  </div>\n\n                  <div class=\"performer\" *ngFor=\"let u of workItem.performer.users\">\n                    <div class=\"icon-wrap\">\n                      <eo-icon [iconSrc]=\"'assets/_default/svg/ic_orga_user.svg'\"></eo-icon>\n                    </div>\n                    <div class=\"name\">{{u.firstname}} {{u.lastname}} <span class=\"qname\">{{u.name}}</span></div>\n                  </div>\n                </div>\n              </div>\n\n              <div class=\"indexdata\" *ngIf=\"workItemIndexdata?.data\">\n                <h3 translate>eo.process.details.tab.task.indexdata</h3>\n                <eo-indexdata-summary [indexdata]=\"workItemIndexdata\"></eo-indexdata-summary>\n              </div>\n\n            </ng-template>\n          </div>\n\n          <ng-container *ngIf=\"locked; else unlockedActions\">\n            <div class=\"process-actions\" [ngClass]=\"{disabled: !actionProcessing.closed}\">\n\n              <div class=\"secondary\">\n                <button class=\"btn-unlock\" (click)=\"unlockWorkItem()\" translate>eo.process.depersonalize</button>\n                <button class=\"btn-save\" (click)=\"saveWorkItemData()\"\n                  *ngIf=\"workItem?.form && !formState?.invalid && formState?.dirty\"\n                  translate>eo.object.indexdata.save</button>\n              </div>\n\n              <div class=\"primary\" [ngClass]=\"{disabled: preventClickThrough}\">\n                <button class=\"primary btn-execute\" *ngFor=\"let action of workItem.actions; trackBy: trackByCode\"\n                  (click)=\"executeWorkItemAction(action)\" [ngClass]=\"{ext: action.url}\"\n                  [disabled]=\"(!!formState && formState?.invalid) || !action.feasible\">{{action.title}}</button>\n              </div>\n            </div>\n          </ng-container>\n\n          <ng-template #unlockedActions>\n            <div class=\"process-actions\" [ngClass]=\"{disabled: !actionProcessing.closed || !workItem}\">\n              <div class=\"primary\">\n                <button class=\"primary btn-lock\" (click)=\"lockWorkItem()\" translate>eo.process.personalize</button>\n              </div>\n            </div>\n          </ng-template>\n\n        </div>\n      </ng-template>\n\n      <!-- history -->\n      <ng-template [yvcTab]=\"{id: 'history', label: 'eo.process.details.tab.progress' | translate}\">\n        <div class=\"tab-panel\">\n          <div class=\"panel process-history\">\n            <eo-process-history [history]=\"history\"></eo-process-history>\n          </div>\n        </div>\n      </ng-template>\n\n      <!-- attachments -->\n      <ng-template [yvcTab]=\"{id: 'file', label: 'eo.process.details.tab.attachments' | translate}\">\n        <div class=\"tab-panel\">\n          <div class=\"panel process-files\">\n            <eo-process-file [processFile]=\"workItem?.file\" [permissions]=\"workItem?.fileEntryPermissions\"\n              [isDisabled]=\"!filesAdding.closed\" [clipboard]=\"clipboard\" [editable]=\"true\"\n              [selectedContentFileId]=\"selectedContentFileId\"\n              (onOpenWorkItemContentInContext)=\"openWorkItemContentInContext($event)\"\n              (onOpenWorkItemContent)=\"openWorkItemContent($event)\"\n              (onRemoveWorkItemContent)=\"removeWorkItemContent($event)\" (onPasteProcessFile)=\"addFromClipboard()\">\n            </eo-process-file>\n          </div>\n        </div>\n      </ng-template>\n\n      <!-- plugin tabs -->\n      <ng-template *ngFor=\"let p of plugins\" [yvcTab]=\"{id: p.id, label: p.id | translate}\">\n        <eo-plugin [id]=\"p.id\" [parent]=\"this\"></eo-plugin>\n      </ng-template>\n    </yvc-tabs>\n\n    <!-- body when we have a subscription or a resubmission -->\n    <ng-template #dmsTask>\n      <div class=\"tab-panel\">\n        <div class=\"panel\">\n          <div class=\"process-description\">\n            <h3 translate>eo.process.details.tab.task.description</h3>\n            <div>{{settings?.description}}</div>\n          </div>\n        </div>\n\n        <!-- actions for the current process item -->\n        <div class=\"process-actions\" [ngClass]=\"{disabled: !actionProcessing.closed}\">\n          <div class=\"primary\">\n            <button class=\"primary btn-confirm\" [disabled]=\"preventClickThrough\"\n              (click)=\"confirmInboxItem()\">{{settings?.actionTitle}}</button>\n          </div>\n        </div>\n\n      </div>\n    </ng-template>\n\n  </div>\n</div>\n<ng-template #noItem>\n  <eo-error-message [emptyState]=\"{icon: emptyState.icon, text: emptyState.text, className: emptyState.className}\">\n    <ng-content select=\".error\"></ng-content>\n  </eo-error-message>\n</ng-template>\n", styles: [".inbox-details{background-color:var(--panel-background-grey);height:100%;position:relative;display:flex;flex-flow:column}.inbox-details yvc-tabs{height:100%}.inbox-details yvc-tabs ::ng-deep nav{background:var(--panel-background);border-bottom:1px solid var(--panel-header-border-bottom-color)}.inbox-details:not(.bpm) .eo-head{border-bottom:1px solid var(--panel-header-border-bottom-color)}.inbox-details:not(.bpm) .eo-body{flex:1;overflow:hidden}.inbox-details .eo-head{background-color:var(--color-white)}.inbox-details .eo-body .load-error{position:absolute;inset:0;background-color:var(--panel-background-grey);z-index:5;display:flex;flex-flow:column;justify-content:center;align-items:center}.inbox-details .eo-body .load-error eo-icon{width:20%;color:var(--text-color-hint);opacity:.5}.inbox-details .eo-body .tab-panel{height:100%;display:flex;flex:1;flex-direction:column;min-height:0;min-width:0}.inbox-details .eo-body .tab-panel .panel:not(.process-history){padding:var(--app-pane-padding);display:flex;flex:1;flex-direction:column;min-height:0;min-width:0;overflow-y:auto}.inbox-details .eo-body .tab-panel .panel.process-history,.inbox-details .eo-body .tab-panel .panel.process-files{height:100%}.inbox-details .eo-body .tab-panel .process-actions{display:flex;flex:none;flex-direction:row;min-height:0;min-width:0;flex-wrap:wrap;justify-content:space-between;padding:0 calc(var(--app-pane-padding) * .75) 0!important}.inbox-details .eo-body .tab-panel .process-actions button{margin:calc(var(--app-pane-padding) / 8)}.inbox-details .eo-body .tab-panel .process-actions button.ext{position:relative}.inbox-details .eo-body .tab-panel .process-actions button.ext:after{content:\"\";position:absolute;right:calc(var(--app-pane-padding) / 8);top:calc(var(--app-pane-padding) / 8);height:calc(var(--app-pane-padding) * .5);width:calc(var(--app-pane-padding) * .5);box-sizing:border-box;border:2px solid rgba(var(--color-white-rgb),.7);border-bottom-width:0;border-left-width:0}.inbox-details .eo-body .tab-panel .process-actions div.primary{justify-content:flex-end;display:flex;flex:none;flex-direction:row;min-height:0;min-width:0;flex-wrap:wrap;flex:1 1 auto;padding:var(--app-pane-padding) 0}.inbox-details .eo-body .tab-panel .process-actions div.primary.disabled{pointer-events:none;opacity:.2}.inbox-details .eo-body .tab-panel .process-actions div.secondary{padding:var(--app-pane-padding) 0;display:flex;flex:none;flex-direction:row;min-height:0;min-width:0}.inbox-details .eo-body .tab-panel .process-actions.disabled{opacity:.5}.inbox-details .eo-body .tab-panel .process-actions.disabled button{pointer-events:none;cursor:default}.inbox-details .eo-body h3{font-size:var(--font-subhead);font-weight:var(--font-weight-normal);margin:0 0 calc(var(--app-pane-padding) / 2) 0;padding:0 0 calc(var(--app-pane-padding) / 4) 0;color:var(--text-color-caption);border-bottom:1px solid rgba(var(--color-black-rgb),.1)}.inbox-details .eo-body .notice{background-color:rgba(var(--color-black-rgb),.06);border-radius:2px;padding:calc(var(--app-pane-padding) / 4) calc(var(--app-pane-padding) / 2);margin-bottom:var(--app-pane-padding)}.inbox-details .eo-body .indexdata{margin-top:calc(var(--app-pane-padding) / 2)}.inbox-details .eo-body .process-description{margin-bottom:var(--app-pane-padding)}.inbox-details .eo-body .process-performer{margin:calc(var(--app-pane-padding) / 4) 0}.inbox-details .eo-body .process-performer .head{display:flex;flex-flow:row nowrap;align-items:center}.inbox-details .eo-body .process-performer .head .label{flex:1 1 auto}.inbox-details .eo-body .process-performer .head .action{border-radius:2px;border:1px solid rgba(var(--color-black-rgb),.1);padding:0 0 0 calc(var(--app-pane-padding) / 2);display:flex;flex-flow:row nowrap;align-items:center;cursor:pointer;overflow:hidden;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}.inbox-details .eo-body .process-performer .head .action .count{line-height:1em;color:var(--text-color-caption)}.inbox-details .eo-body .process-performer .head .action eo-icon{color:var(--text-color-hint);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}.inbox-details .eo-body .process-performer .head .action:hover{background:rgba(var(--color-black-rgb),.1)}.inbox-details .eo-body .process-performer .head.performerShow .action eo-icon{transform:rotate(180deg)}.inbox-details .eo-body .process-performer .body{padding:calc(var(--app-pane-padding) / 2) 0}.inbox-details .eo-body .process-performer .body .performer{display:flex;flex-flow:row nowrap;align-items:center;border-radius:2px;padding:2px;margin-bottom:2px;background-color:var(--color-white);animation:eoFadeInDown var(--app-default-transition-duration);-webkit-user-select:none;user-select:none}.inbox-details .eo-body .process-performer .body .performer .icon-wrap{border-radius:2px;flex:0 0 auto;background-color:var(--color-primary-3);color:var(--color-white);padding:2px}.inbox-details .eo-body .process-performer .body .performer .name{flex:1 1 auto;padding:0 var(--app-pane-padding)}.inbox-details .eo-body .process-performer .body .performer .name .qname{display:inline-block;border-radius:2px;background-color:rgba(var(--color-black-rgb),.08);font-size:var(--font-hint);padding:2px calc(var(--app-pane-padding) / 2);margin:0 calc(var(--app-pane-padding) / 2);color:var(--text-color-caption)}.inbox-details .eo-body .no-files{padding:var(--app-pane-padding)}\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: ObjectFormComponent, selector: "eo-object-form", inputs: ["isInnerTableForm", "formOptions"], outputs: ["statusChanged", "onFormReady"] }, { 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: IndexdataSummaryComponent, selector: "eo-indexdata-summary", inputs: ["indexdata", "dmsObject", "baseparams", "enableVersions", "isChangesTab", "diff"] }, { kind: "component", type: ErrorMessageComponent, selector: "eo-error-message", inputs: ["emptyState"] }, { kind: "component", type: PluginComponent, selector: "eo-plugin", inputs: ["type", "id", "parent"] }, { 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: "component", type: ProcessHistoryComponent, selector: "eo-process-history", inputs: ["history"] }, { kind: "component", type: ProcessFileComponent, selector: "eo-process-file", inputs: ["processFile", "permissions", "clipboard", "selectedContentFileId", "isDisabled", "editable"], outputs: ["onOpenWorkItemContentInContext", "onOpenWorkItemContent", "onRemoveWorkItemContent", "onPasteProcessFile"] }, { kind: "component", type: DuetimeInfoComponent, selector: "eo-duetimeInfo", inputs: ["item"] }, { kind: "pipe", type: i4.TranslatePipe, name: "translate" }] }); }
 };
 InboxDetailsComponent = __decorate([
     UntilDestroy()
@@ -19560,8 +19594,10 @@ let ObjectDetailsComponent = class ObjectDetailsComponent {
         this.split = false;
         this.enableCompare = false;
         this.recyclebinTabs = false;
+        this.versionComponentTabs = false;
         this.enableDiff = true;
         this.enableSync = true;
+        this.tabs = [];
         this._emptyState = { icon: 'ic_no-file.svg', text: '', className: '' };
         this.preventClickThrough = false;
         // shortcut actions
@@ -19784,15 +19820,18 @@ let ObjectDetailsComponent = class ObjectDetailsComponent {
         const _primary = this.panelOrder.master || [];
         const _secondary = this.panelOrder.slave || [];
         const plugins = this.plugins?.map(p => p.id) || [];
-        const tabs = [..._primary, ..._secondary, ...plugins].filter(t => !block.includes(t));
-        const diff = tabs.filter(t => !primary?.includes(t) && !secondary?.includes(t));
+        this.tabs = [..._primary, ..._secondary, ...plugins].filter(t => !block.includes(t));
+        if (this.versionComponentTabs) {
+            this.tabs = this.tabs.filter(tab => ["summary", "indexdata", "preview"].includes(tab));
+        }
+        const diff = this.tabs.filter(t => !primary?.includes(t) && !secondary?.includes(t));
         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));
+        const p = pTabs.filter(t => this.tabs.includes(t));
+        const s = sTabs.filter(t => this.tabs.includes(t));
         // reset primary tabs order if no secondary tabs are available
-        !s.length && p.sort((a, b) => tabs.indexOf(a) - tabs.indexOf(b));
+        !s.length && p.sort((a, b) => this.tabs.indexOf(a) - this.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] || '' },
@@ -19835,14 +19874,14 @@ let ObjectDetailsComponent = class ObjectDetailsComponent {
         this.uploadRegistry.unregister(this.uploadTarget.id);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: ObjectDetailsComponent, deps: [{ token: i2$1.Router }, { token: i2$1.ActivatedRoute }, { token: i1.SystemService }, { token: EmptyStateService }, { token: AgentService }, { token: i1.BackendService }, { token: i1.DmsService }, { token: SelectionService }, { token: ActionService }, { token: i1.CapabilitiesService }, { token: i1.UploadRegistryService }, { token: i1.EventService }, { token: i1.Config }, { token: i1.BpmService }, { token: i1.TranslateService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.1.2", type: ObjectDetailsComponent, selector: "eo-object-details", inputs: { plugins: "plugins", reference: "reference", searchTerm: "searchTerm", enableCompare: "enableCompare", recyclebinTabs: "recyclebinTabs", enableDiff: "enableDiff", enableSync: "enableSync", cacheLayout: "cacheLayout", emptyState: "emptyState", dmsParams: ["params", "dmsParams"], dmsParams2: ["params2", "dmsParams2"], dmsObject: ["item", "dmsObject"], dmsObject2: ["item2", "dmsObject2"], applySelection: "applySelection", parseDmsParams: "parseDmsParams" }, outputs: { hasContent: "hasContent" }, host: { properties: { "class.reference": "this.isReference", "attr.data-type": "this.dataType" } }, providers: [ContentPreviewService], viewQueries: [{ propertyName: "preview", first: true, predicate: ["viewer"], descendants: true }, { propertyName: "eoSplitTabs", first: true, predicate: SplitTabsComponent, descendants: true }, { propertyName: "tabContainers", predicate: Tabs, descendants: true }], ngImport: i0, template: "<div class=\"loader-overlay__mask\" *ngIf=\"showLoader\">\n  <eo-loading-spinner class=\"object-detail__loader\"></eo-loading-spinner>\n</div>\n<ng-container *ngIf=\"item && !hasError; else noItem\">\n\n  <div class=\"eo-head eo-head-tabs\" [eoShortcuts]=\"shortcuts\">\n    <header class=\"eo-header\">\n      <eo-icon class=\"eo-header-icon\" [objectType]=\"item.type\" [iconTitle]=\"item.type.label\"></eo-icon>\n      <div class=\"eo-header-info\">\n        <h2 class=\"eo-header-title\">{{item.title}}</h2>\n        <h3 class=\"eo-header-subtitle\">{{item.description}}</h3>\n      </div>\n\n      <div class=\"eo-header-actions-container\">\n        <div class=\"eo-header-actions\">\n          <ng-container *ngIf=\"!isReference; else tplHeadReference\">\n            <eo-icon class=\"button refresh-button\" *ngIf=\"!recyclebinTabs\"\n              [iconSrc]=\"'assets/_default/svg/ic_refresh.svg'\" [iconTitle]=\"('eo.list.refresh' | translate)\"\n              [ngClass]=\"{'disable-refresh': preventClickThrough}\" (click)=\"refreshContent()\"></eo-icon>\n            <eo-icon class=\"button sync-tab-btn\" *ngIf=\"enableCompare && !recyclebinTabs\"\n              [ngClass]=\"{'enabled': enableSync}\" [iconSrc]=\"'assets/_default/svg/ic_link.svg'\"\n              [iconTitle]=\"'eo.versions.detail.glue.tooltip' | translate\" (click)=\"enableSync = !enableSync\"></eo-icon>\n            <eo-favorite-icon [item]=\"item\"\n              *ngIf=\"!enableCompare && !recyclebinTabs && capabilities.favorites && !isJournalObject(item)\">\n            </eo-favorite-icon>\n            <eo-icon class=\"button oc-button\" *ngIf=\"!enableCompare && item.content?.id\" (click)=\"downloadOriginalContent()\"\n              [iconTitle]=\"('eo.action.download.dms.object.content.label' | translate)\"\n              [iconSrc]=\"'assets/_default/svg/ic_content-download.svg'\"></eo-icon>\n            <eo-edit-icon [item]=\"item\"\n              *ngIf=\"!enableCompare && !recyclebinTabs && item.content?.id && item.rights.edit && (agentIsConnected$ | async)\n              && !item.isFinalized && item.data.yuvsigstatus !== 'signed' && item.data.yuvsigstatus !== 'inprocess'\">\n            </eo-edit-icon>\n            <eo-icon class=\"button am-button\" *ngIf=\"!recyclebinTabs\" (click)=\"showActions()\"\n              [iconTitle]=\"('eo.object.details.actions.title' | translate)\"\n              [iconSrc]=\"'assets/_default/svg/ic_more.svg'\"></eo-icon>\n          </ng-container>\n\n          <ng-template #tplHeadReference>\n            <a class=\"button reference primary\"\n              [title]=\"('eo.object.reference.tooltip' | translate:{title:referenceTitle})\"\n              [routerLink]=\"['/object', item.id]\"\n              [queryParams]=\"{type: item.typeName}\">{{'eo.object.reference.open'|translate}}</a>\n          </ng-template>\n\n        </div>\n\n        <div class=\"eo-header-status-icons\">\n          <a class=\"content-link\" [title]=\"'eo.object.contentlink.tooltip' | translate\" *ngIf=\"item.content?.linked\"\n            [routerLink]=\"'/object/' + item.content.id\" [queryParams]=\"{type: item.content.type}\">\n            <span>{{'eo.object.contentlink' | translate}}</span>\n          </a>\n          <eo-icon class=\"subscription-icon\" *ngIf=\"item.subscriptions.length\"\n            [iconSrc]=\"'assets/_default/svg/ic_subscription.svg'\" [iconTitle]=\"subscriptionIconTooltip\"></eo-icon>\n          <eo-icon class=\"resubmission-icon\" *ngIf=\"item.resubmissions.length\"\n            [iconSrc]=\"'assets/_default/svg/ic_resubmission.svg'\"\n            [iconTitle]=\"'eo.object.resubmission.tooltip' | translate: {due: item.resubmissions[0].due | localeDate, info: item.resubmissions[0].info}\"></eo-icon>\n          <eo-icon class=\"shared-icon\" *ngIf=\"item.additionalvisibility.length && !recyclebinTabs\"\n            [iconSrc]=\"'assets/_default/svg/ic_share.svg'\"\n            [iconTitle]=\"'eo.object.shared.tooltip' | translate\"></eo-icon>\n          <eo-icon class=\"lock\" [ngClass]=\"{'myLock': item.lock.by.me}\" *ngIf=\"item.lock\"\n            [iconSrc]=\"'assets/_default/svg/ic_lock.svg'\" [iconTitle]=\"lockTooltip\"></eo-icon>\n          <eo-icon class=\"finalized-icon\" *ngIf=\"item.isFinalized\" [iconSrc]=\"'assets/_default/svg/ic_finalized.svg'\"\n            [iconTitle]=\"'eo.object.finalized.tooltip' | translate\"></eo-icon>\n          <eo-icon class=\"signed-icon inprocess\" *ngIf=\"item.data.yuvsigstatus === 'inprocess'\"\n            [iconSrc]=\"'assets/_default/svg/ic_signature.svg'\"\n            [iconTitle]=\"'eo.object.signature.tooltip.inprocess' | translate\"></eo-icon>\n          <eo-icon class=\"signed-icon signed\" *ngIf=\"item.data.yuvsigstatus === 'signed'\"\n            [iconSrc]=\"'assets/_default/svg/ic_signature.svg'\"\n            [iconTitle]=\"'eo.object.signature.tooltip.signed' | translate\"></eo-icon>\n          <eo-icon class=\"signed-icon stopped\"\n            *ngIf=\"item.data.yuvsigstatus === 'canceled'\n                    || item.data.yuvsigstatus === 'revised' || item.data.yuvsigstatus === 'error' || item.data.yuvsigstatus === 'expired'\"\n            [iconSrc]=\"'assets/_default/svg/ic_signature.svg'\"\n            [iconTitle]=\"'eo.object.signature.tooltip.stopped' | translate\"></eo-icon>\n            @if (item.processcount > 0) {\n              <eo-icon class=\"resubmission-icon\"\n                      [iconSrc]=\"'assets/_default/svg/ic_bpm.svg'\"\n                      [iconTitle]=\"'eo.object.processcount.tooltip' | translate : {processcount: item?.processcount, text: processTooltip}\"></eo-icon>\n            }\n        </div>\n      </div>\n    </header>\n  </div>\n  <div class=\"eo-body\">\n\n    <yvc-split-tabs [layoutSettingsID]=\"cacheLayout\" [config]=\"splitTabConfig\" *ngIf=\"!item2; else tplCompare\">\n      <!-- summary -->\n      <ng-template [yvcTab]=\"{id: 'summary', label: 'eo.object.summary.title' | translate}\">\n        <eo-indexdata-summary [indexdata]=\"indexDataPreview\" [baseparams]=\"baseparams\" [dmsObject]=\"item\"\n          [enableVersions]=\"!enableCompare\"></eo-indexdata-summary>\n      </ng-template>\n      <!-- metadata -->\n      <ng-template [yvcTab]=\"{id: 'indexdata', label: 'eo.object.indexdata.title' | translate}\">\n        <eo-object-form-edit [dmsObject]=\"item\" (indexDataSaved)=\"onIndexDataSaved($event, item)\"\n          [formDisabled]=\"enableCompare || isReference\"></eo-object-form-edit>\n      </ng-template>\n      <!-- preview -->\n      <ng-template [yvcTab]=\"{id: 'preview', label: 'eo.object.content.title' | translate}\">\n        <eo-media [useVersion]=\"item.id === item.content?.id\" [searchTerm]=\"searchTerm\" [dmsObject]=\"item\"\n          #viewer></eo-media>\n      </ng-template>\n      <!-- history -->\n      <ng-template [yvcTab]=\"{id: 'history', label: 'eo.object.history.title' | translate}\">\n        <eo-object-history [params]=\"{id: item.id, type: item.type?.qname}\">\n        </eo-object-history>\n      </ng-template>\n      <!-- links -->\n      <ng-template [yvcTab]=\"{id: 'links', label: 'eo.object.links.title' | translate}\">\n        <eo-object-links [dmsObject]=\"item\"></eo-object-links>\n      </ng-template>\n      <!-- signature -->\n      <ng-template [yvcTab]=\"{id: 'signature', label: 'eo.object.signature-tab.title' | translate}\">\n        <eo-signature-tab [dmsObject]=\"item\"></eo-signature-tab>\n      </ng-template>\n\n      <!-- plugin tabs -->\n      <ng-template *ngFor=\"let p of plugins\" [yvcTab]=\"{id: p.id, label: p.id | translate}\">\n        <eo-plugin [id]=\"p.id\" [parent]=\"this\"></eo-plugin>\n      </ng-template>\n\n    </yvc-split-tabs>\n\n    <ng-template #tplCompare>\n      <yvc-split-view>\n        <ng-template yvcSplitArea [size]=\"50\">\n\n          <div class=\"cmp-wrapper\">\n            <div class=\"cmp-info\">\n              <div class=\"version\">{{'eo.versions.details.label' | translate}}<span>{{item.version}}</span></div>\n            </div>\n            <ng-container\n              *ngTemplateOutlet=\"tplTabs; context: {item, baseparams, indexdata: indexDataPreview, searchTerm}\"></ng-container>\n          </div>\n\n        </ng-template>\n        <ng-template yvcSplitArea [size]=\"50\">\n\n          <div class=\"cmp-wrapper\">\n            <div class=\"cmp-info\">\n              <div class=\"version\">{{'eo.versions.details.label' | translate}}<span>{{item2.version}}</span></div>\n            </div>\n            <ng-container\n              *ngTemplateOutlet=\"tplTabs; context: {item: item2, baseparams: baseparams2, indexdata: indexDataPreview2, searchTerm, diff: {baseparams, baseparams2, indexdata: indexDataPreview, indexdata2: indexDataPreview2}}\"></ng-container>\n          </div>\n        </ng-template>\n\n      </yvc-split-view>\n    </ng-template>\n\n    <ng-template #tplTabs let-item=\"item\" let-indexdata=\"indexdata\" let-baseparams=\"baseparams\"\n      let-searchTerm=\"searchTerm\" let-diff=\"diff\">\n      <yvc-tabs (tabChange)=\"onCompareTabChange($event)\" layoutSettingsID=\"{{'eo.object.details.compare.tabs' + (diff ? '.0' : '.1')}}\">\n        <!-- summary -->\n        <ng-template [yvcTab]=\"{id: 'summary', label: 'eo.object.summary.title' | translate}\">\n          <eo-indexdata-summary [indexdata]=\"indexdata\" [baseparams]=\"baseparams\" [dmsObject]=\"item\"></eo-indexdata-summary>\n        </ng-template>\n        <!-- preview -->\n        <ng-template [yvcTab]=\"{id: 'preview', label: 'eo.object.content.title' | translate}\">\n          <eo-media [useVersion]=\"true\" [searchTerm]=\"searchTerm\" [dmsObject]=\"item\" #viewer></eo-media>\n        </ng-template>\n        <!-- changes -->\n        <ng-template *ngIf=\"diff\"\n          [yvcTab]=\"{id: 'changes', label: 'eo.object.changes.title' | translate}\">\n          <eo-indexdata-summary [diff]=\"diff\" [enableVersions]=\"false\" [dmsObject]=\"item\"></eo-indexdata-summary>\n        </ng-template>\n\n\n      </yvc-tabs>\n    </ng-template>\n\n  </div>\n</ng-container>\n\n<ng-template #noItem>\n  <span class=\"not-found\" *ngIf=\"nodmsobject\" translate>eo.bpm.nodmsobject</span>\n  <eo-error-message *ngIf=\"!showLoader\"\n    [emptyState]=\"{icon: emptyState.icon, text: emptyState.text, className: emptyState.className}\">\n    <ng-content select=\".error\"></ng-content>\n  </eo-error-message>\n</ng-template>\n", styles: [":host{display:flex;flex:1;flex-direction:column;min-height:0;min-width:0;background:var(--panel-background-grey);height:100%;overflow-y:auto;--panel-divider-color: var(--panel-header-border-bottom-color)}:host .eo-head .eo-header .eo-header-info .eo-header-title,:host .eo-head .eo-header .eo-header-info .eo-header-subtitle{-webkit-user-select:text;user-select:text}:host .eo-body{background-color:var(--panel-background)}:host .eo-body__not-available{opacity:.4;background:rgba(var(--color-black-rgb),.4)}:host .eo-body .cmp-wrapper{height:100%;flex-flow:column;display:flex}:host .eo-body .cmp-wrapper .cmp-info{background-color:var(--panel-background);padding:2px}:host .eo-body .cmp-wrapper .cmp-info .version{margin:2px;border-radius:2px;background-color:var(--panel-background-lightgrey);border:1px dashed var(--panel-divider-color);color:var(--text-color-caption);text-align:center}:host .eo-body .cmp-wrapper .cmp-info .version>span{margin-inline-start:.5em;font-weight:700}:host .eo-body yvc-split-view,:host .eo-body yvc-split-tabs{height:100%}:host .sync-tab-btn.enabled{color:var(--color-accent)}:host .lock{background:var(--color-error)!important;color:var(--color-white);width:18px;height:18px;border-radius:2px;padding:1px}:host .lock.myLock{color:var(--color-white);background:var(--state-orange)!important}:host .not-found{color:var(--panel-background);text-align:center;margin:calc(var(--app-pane-padding) / 2);padding:calc(var(--app-pane-padding) / 4);border-radius:2px;flex:0 0 auto;background:var(--color-error)}:host .eo-header-status-icons{margin-top:var(--app-pane-padding);display:flex;justify-content:flex-end}:host .eo-header-status-icons>eo-icon{width:18px;height:18px;padding:calc(var(--app-pane-padding) / 4);color:var(--color-white);margin-left:1px;background-color:var(--color-primary-2)}:host .eo-header-status-icons>eo-icon:first-child{border-top-left-radius:4px;border-bottom-left-radius:4px}:host .eo-header-status-icons>eo-icon:last-child{border-top-right-radius:4px;border-bottom-right-radius:4px}:host .eo-header-status-icons>eo-icon.finalized-icon{background-color:var(--color-success)}:host .eo-header-status-icons>eo-icon.signed-icon.inprocess{background-color:var(--color-light-gray)}:host .eo-header-status-icons>eo-icon.signed-icon.signed{background-color:var(--color-success)}:host .eo-header-status-icons>eo-icon.signed-icon.stopped{background-color:var(--color-error)}:host .eo-header-status-icons>eo-icon.lock{background:var(--color-error)!important;color:var(--color-white);width:18px;height:18px;border-radius:2px;padding:1px}:host .eo-header-status-icons>eo-icon.lock.myLock{background:var(--state-orange)!important}:host .eo-header-status-icons>a{margin:0 calc(var(--app-pane-padding) / 4);display:flex;align-items:center;color:var(--color-white);font-size:var(--font-hint);line-height:var(--font-hint);border-radius:2px;padding:0 4px 1px;text-decoration:none;background-color:var(--color-success)}: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 .object-detail__loader{margin:auto}:host ::ng-deep yvc-tabs{flex:1;height:100%}:host ::ng-deep yvc-tabs>header{background-color:var(--panel-background)}:host ::ng-deep .yvc-split-area{background-color:var(--panel-background-grey)}:host ::ng-deep .indexdata-summary,:host ::ng-deep .object-form-edit{margin:var(--app-pane-padding)}:host ::ng-deep eo-media{height:100%;overflow:hidden;display:block}:host ::ng-deep .object-form-edit{position:relative;height:100%;margin:0;overflow:hidden;background:transparent!important}:host ::ng-deep .object-form-edit eo-object-form{background:transparent;overflow:auto}:host ::ng-deep .object-form-edit eo-object-form .eo-object-form{margin:var(--app-pane-padding);background:var(--panel-background);border:1px solid rgba(var(--color-black-rgb),.1)}:host ::ng-deep .object-form-edit .form-controls{animation:eoFadeInUp .2s}:host ::ng-deep .object-form-edit .form-controls .buttons{background:var(--panel-background);border-top:1px solid var(--panel-divider-color);padding:calc(var(--app-pane-padding) / 2) var(--app-pane-padding)!important}:host ::ng-deep .refresh-button.disable-refresh{cursor:default;color:var(--color-primary-3)}\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.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: ObjectFormEditComponent, selector: "eo-object-form-edit", inputs: ["formDisabled", "dmsObject"], outputs: ["indexDataSaved"] }, { kind: "component", type: MediaComponent, selector: "eo-media", inputs: ["undockDisabled", "enableCloseBtn", "useVersion", "attachments", "searchTerm", "previewUri", "previewFile", "dmsObject"] }, { kind: "directive", type: ShortcutsDirective, selector: "[eoShortcuts]", inputs: ["eoShortcuts"] }, { 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: RouterLinkDirective, selector: "a[routerLink]" }, { kind: "component", type: LoadingSpinnerComponent, selector: "eo-loading-spinner", inputs: ["size", "mode"] }, { kind: "component", type: IndexdataSummaryComponent, selector: "eo-indexdata-summary", inputs: ["indexdata", "dmsObject", "baseparams", "enableVersions", "diff"] }, { kind: "component", type: ErrorMessageComponent, selector: "eo-error-message", inputs: ["emptyState"] }, { kind: "component", type: SignatureTabComponent, selector: "eo-signature-tab", inputs: ["dmsObject"] }, { kind: "directive", type: i2$1.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { 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: "component", type: i19.SplitTabsComponent, selector: "yvc-split-tabs", inputs: ["layoutSettingsID", "config", "panelOrder"], outputs: ["layoutSettingsChange"] }, { kind: "component", type: i20.SplitViewComponent, selector: "yvc-split-view", inputs: ["direction", "gutterSize", "restrictMove", "disabled", "gutterDblClickDuration", "layoutSettingsID"], outputs: ["layoutSettingsChange", "dragStart", "dragEnd", "gutterClick", "gutterDblClick"] }, { kind: "directive", type: i20.SplitAreaDirective, selector: "[yvcSplitArea]", inputs: ["size", "order", "minSize", "maxSize", "panelClass", "visible"] }, { kind: "component", type: PluginComponent, selector: "eo-plugin", inputs: ["type", "id", "parent"] }, { kind: "component", type: ObjectHistoryComponent, selector: "eo-object-history", inputs: ["params"] }, { kind: "component", type: ObjectLinksComponent, selector: "eo-object-links", inputs: ["dmsObject"] }, { kind: "component", type: FavoriteIconComponent, selector: "eo-favorite-icon", inputs: ["item"] }, { kind: "component", type: EditIconComponent, selector: "eo-edit-icon", inputs: ["item"] }, { kind: "pipe", type: i1$2.AsyncPipe, name: "async" }, { 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: ObjectDetailsComponent, selector: "eo-object-details", inputs: { plugins: "plugins", reference: "reference", searchTerm: "searchTerm", enableCompare: "enableCompare", recyclebinTabs: "recyclebinTabs", versionComponentTabs: "versionComponentTabs", enableDiff: "enableDiff", enableSync: "enableSync", cacheLayout: "cacheLayout", emptyState: "emptyState", dmsParams: ["params", "dmsParams"], dmsParams2: ["params2", "dmsParams2"], dmsObject: ["item", "dmsObject"], dmsObject2: ["item2", "dmsObject2"], applySelection: "applySelection", parseDmsParams: "parseDmsParams" }, outputs: { hasContent: "hasContent" }, host: { properties: { "class.reference": "this.isReference", "attr.data-type": "this.dataType" } }, providers: [ContentPreviewService], viewQueries: [{ propertyName: "preview", first: true, predicate: ["viewer"], descendants: true }, { propertyName: "eoSplitTabs", first: true, predicate: SplitTabsComponent, descendants: true }, { propertyName: "tabContainers", predicate: Tabs, descendants: true }], ngImport: i0, template: "<div class=\"loader-overlay__mask\" *ngIf=\"showLoader\">\n  <eo-loading-spinner class=\"object-detail__loader\"></eo-loading-spinner>\n</div>\n<ng-container *ngIf=\"item && !hasError; else noItem\">\n\n  <div class=\"eo-head eo-head-tabs\" [eoShortcuts]=\"shortcuts\">\n    <header class=\"eo-header\">\n      <eo-icon class=\"eo-header-icon\" [objectType]=\"item.type\" [iconTitle]=\"item.type.label\"></eo-icon>\n      <div class=\"eo-header-info\">\n        <h2 class=\"eo-header-title\">{{item.title}}</h2>\n        <h3 class=\"eo-header-subtitle\">{{item.description}}</h3>\n      </div>\n\n      <div class=\"eo-header-actions-container\">\n        <div class=\"eo-header-actions\">\n          <ng-container *ngIf=\"!isReference; else tplHeadReference\">\n            <eo-icon class=\"button refresh-button\" *ngIf=\"!recyclebinTabs\"\n              [iconSrc]=\"'assets/_default/svg/ic_refresh.svg'\" [iconTitle]=\"('eo.list.refresh' | translate)\"\n              [ngClass]=\"{'disable-refresh': preventClickThrough}\" (click)=\"refreshContent()\"></eo-icon>\n            <eo-icon class=\"button sync-tab-btn\" *ngIf=\"enableCompare && !recyclebinTabs\"\n              [ngClass]=\"{'enabled': enableSync}\" [iconSrc]=\"'assets/_default/svg/ic_link.svg'\"\n              [iconTitle]=\"'eo.versions.detail.glue.tooltip' | translate\" (click)=\"enableSync = !enableSync\"></eo-icon>\n            <eo-favorite-icon [item]=\"item\"\n              *ngIf=\"!enableCompare && !recyclebinTabs && capabilities.favorites && !isJournalObject(item)\">\n            </eo-favorite-icon>\n            <eo-icon class=\"button oc-button\" *ngIf=\"!enableCompare && item.content?.id\" (click)=\"downloadOriginalContent()\"\n              [iconTitle]=\"('eo.action.download.dms.object.content.label' | translate)\"\n              [iconSrc]=\"'assets/_default/svg/ic_content-download.svg'\"></eo-icon>\n            <eo-edit-icon [item]=\"item\"\n              *ngIf=\"!enableCompare && !recyclebinTabs && item.content?.id && item.rights.edit && (agentIsConnected$ | async)\n              && !item.isFinalized && item.data.yuvsigstatus !== 'signed' && item.data.yuvsigstatus !== 'inprocess'\">\n            </eo-edit-icon>\n            <eo-icon class=\"button am-button\" *ngIf=\"!recyclebinTabs\" (click)=\"showActions()\"\n              [iconTitle]=\"('eo.object.details.actions.title' | translate)\"\n              [iconSrc]=\"'assets/_default/svg/ic_more.svg'\"></eo-icon>\n          </ng-container>\n\n          <ng-template #tplHeadReference>\n            <a class=\"button reference primary\"\n              [title]=\"('eo.object.reference.tooltip' | translate:{title:referenceTitle})\"\n              [routerLink]=\"['/object', item.id]\"\n              [queryParams]=\"{type: item.typeName}\">{{'eo.object.reference.open'|translate}}</a>\n          </ng-template>\n\n        </div>\n\n        <div class=\"eo-header-status-icons\">\n          <a class=\"content-link\" [title]=\"'eo.object.contentlink.tooltip' | translate\" *ngIf=\"item.content?.linked\"\n            [routerLink]=\"'/object/' + item.content.id\" [queryParams]=\"{type: item.content.type}\">\n            <span>{{'eo.object.contentlink' | translate}}</span>\n          </a>\n          <eo-icon class=\"subscription-icon\" *ngIf=\"item.subscriptions.length\"\n            [iconSrc]=\"'assets/_default/svg/ic_subscription.svg'\" [iconTitle]=\"subscriptionIconTooltip\"></eo-icon>\n          <eo-icon class=\"resubmission-icon\" *ngIf=\"item.resubmissions.length\"\n            [iconSrc]=\"'assets/_default/svg/ic_resubmission.svg'\"\n            [iconTitle]=\"'eo.object.resubmission.tooltip' | translate: {due: item.resubmissions[0].due | localeDate, info: item.resubmissions[0].info}\"></eo-icon>\n          <eo-icon class=\"shared-icon\" *ngIf=\"item.additionalvisibility.length && !recyclebinTabs\"\n            [iconSrc]=\"'assets/_default/svg/ic_share.svg'\"\n            [iconTitle]=\"'eo.object.shared.tooltip' | translate\"></eo-icon>\n          <eo-icon class=\"lock\" [ngClass]=\"{'myLock': item.lock.by.me}\" *ngIf=\"item.lock\"\n            [iconSrc]=\"'assets/_default/svg/ic_lock.svg'\" [iconTitle]=\"lockTooltip\"></eo-icon>\n          <eo-icon class=\"finalized-icon\" *ngIf=\"item.isFinalized\" [iconSrc]=\"'assets/_default/svg/ic_finalized.svg'\"\n            [iconTitle]=\"'eo.object.finalized.tooltip' | translate\"></eo-icon>\n          <eo-icon class=\"signed-icon inprocess\" *ngIf=\"item.data.yuvsigstatus === 'inprocess'\"\n            [iconSrc]=\"'assets/_default/svg/ic_signature.svg'\"\n            [iconTitle]=\"'eo.object.signature.tooltip.inprocess' | translate\"></eo-icon>\n          <eo-icon class=\"signed-icon signed\" *ngIf=\"item.data.yuvsigstatus === 'signed'\"\n            [iconSrc]=\"'assets/_default/svg/ic_signature.svg'\"\n            [iconTitle]=\"'eo.object.signature.tooltip.signed' | translate\"></eo-icon>\n          <eo-icon class=\"signed-icon stopped\"\n            *ngIf=\"item.data.yuvsigstatus === 'canceled'\n                    || item.data.yuvsigstatus === 'revised' || item.data.yuvsigstatus === 'error' || item.data.yuvsigstatus === 'expired'\"\n            [iconSrc]=\"'assets/_default/svg/ic_signature.svg'\"\n            [iconTitle]=\"'eo.object.signature.tooltip.stopped' | translate\"></eo-icon>\n            @if (item.processcount > 0) {\n              <eo-icon class=\"resubmission-icon\"\n                      [iconSrc]=\"'assets/_default/svg/ic_bpm.svg'\"\n                      [iconTitle]=\"'eo.object.processcount.tooltip' | translate : {processcount: item?.processcount, text: processTooltip}\"></eo-icon>\n            }\n        </div>\n      </div>\n    </header>\n  </div>\n  <div class=\"eo-body\">\n\n    <yvc-split-tabs [layoutSettingsID]=\"cacheLayout\" [config]=\"splitTabConfig\" *ngIf=\"!item2; else tplCompare\">\n      <!-- summary -->\n      <ng-template [yvcTab]=\"{id: 'summary', label: 'eo.object.summary.title' | translate}\">\n        <eo-indexdata-summary [indexdata]=\"indexDataPreview\" [baseparams]=\"baseparams\" [dmsObject]=\"item\"\n          [enableVersions]=\"!enableCompare\"></eo-indexdata-summary>\n      </ng-template>\n      <!-- metadata -->\n      <ng-template [yvcTab]=\"{id: 'indexdata', label: 'eo.object.indexdata.title' | translate}\">\n        <eo-object-form-edit [dmsObject]=\"item\" (indexDataSaved)=\"onIndexDataSaved($event, item)\"\n          [formDisabled]=\"enableCompare || isReference\"></eo-object-form-edit>\n      </ng-template>\n      <!-- preview -->\n      <ng-template [yvcTab]=\"{id: 'preview', label: 'eo.object.content.title' | translate}\">\n        <eo-media [useVersion]=\"item.id === item.content?.id\" [searchTerm]=\"searchTerm\" [dmsObject]=\"item\"\n          #viewer></eo-media>\n      </ng-template>\n      <!-- history -->\n      <ng-template [yvcTab]=\"{id: 'history', label: 'eo.object.history.title' | translate}\">\n        <eo-object-history [params]=\"{id: item.id, type: item.type?.qname}\">\n        </eo-object-history>\n      </ng-template>\n      <!-- links -->\n      <ng-template [yvcTab]=\"{id: 'links', label: 'eo.object.links.title' | translate}\">\n        <eo-object-links [dmsObject]=\"item\"></eo-object-links>\n      </ng-template>\n      <!-- signature -->\n      <ng-template [yvcTab]=\"{id: 'signature', label: 'eo.object.signature-tab.title' | translate}\">\n        <eo-signature-tab [dmsObject]=\"item\"></eo-signature-tab>\n      </ng-template>\n\n      <!-- plugin tabs -->\n      <ng-template *ngFor=\"let p of plugins\" [yvcTab]=\"{id: p.id, label: p.id | translate}\">\n        <eo-plugin [id]=\"p.id\" [parent]=\"this\"></eo-plugin>\n      </ng-template>\n\n    </yvc-split-tabs>\n\n    <ng-template #tplCompare>\n      <yvc-split-view>\n        <ng-template yvcSplitArea [size]=\"50\">\n\n          <div class=\"cmp-wrapper\">\n            <div class=\"cmp-info\">\n              <div class=\"version\">{{'eo.versions.details.label' | translate}}<span>{{item.version}}</span></div>\n            </div>\n            <ng-container\n              *ngTemplateOutlet=\"tplTabs; context: {item, baseparams, indexdata: indexDataPreview, searchTerm}\"></ng-container>\n          </div>\n\n        </ng-template>\n        <ng-template yvcSplitArea [size]=\"50\">\n\n          <div class=\"cmp-wrapper\">\n            <div class=\"cmp-info\">\n              <div class=\"version\">{{'eo.versions.details.label' | translate}}<span>{{item2.version}}</span></div>\n            </div>\n            <ng-container\n              *ngTemplateOutlet=\"tplTabs; context: {item: item2, baseparams: baseparams2, indexdata: indexDataPreview2, searchTerm, diff: {baseparams, baseparams2, indexdata: indexDataPreview, indexdata2: indexDataPreview2}}\"></ng-container>\n          </div>\n        </ng-template>\n\n      </yvc-split-view>\n    </ng-template>\n\n    <ng-template #tplTabs let-item=\"item\" let-indexdata=\"indexdata\" let-baseparams=\"baseparams\"\n      let-searchTerm=\"searchTerm\" let-diff=\"diff\">\n      <yvc-tabs (tabChange)=\"onCompareTabChange($event)\" layoutSettingsID=\"{{'eo.object.details.compare.tabs' + (diff ? '.0' : '.1')}}\">\n        <!-- summary -->\n        <ng-template [yvcTab]=\"{id: 'summary', label: 'eo.object.summary.title' | translate}\">\n          <eo-indexdata-summary [indexdata]=\"indexdata\" [baseparams]=\"baseparams\" [dmsObject]=\"item\"></eo-indexdata-summary>\n        </ng-template>\n        <!-- preview -->\n        <ng-template [yvcTab]=\"{id: 'preview', label: 'eo.object.content.title' | translate}\">\n          <eo-media [useVersion]=\"true\" [searchTerm]=\"searchTerm\" [dmsObject]=\"item\" #viewer></eo-media>\n        </ng-template>\n        <!-- changes -->\n        <ng-template *ngIf=\"diff\"\n          [yvcTab]=\"{id: 'changes', label: 'eo.object.changes.title' | translate}\">\n          <eo-indexdata-summary [diff]=\"diff\" [enableVersions]=\"false\" [isChangesTab]=\"versionComponentTabs\" [dmsObject]=\"item\"></eo-indexdata-summary>\n        </ng-template>\n\n\n      </yvc-tabs>\n    </ng-template>\n\n  </div>\n</ng-container>\n\n<ng-template #noItem>\n  <span class=\"not-found\" *ngIf=\"nodmsobject\" translate>eo.bpm.nodmsobject</span>\n  <eo-error-message *ngIf=\"!showLoader\"\n    [emptyState]=\"{icon: emptyState.icon, text: emptyState.text, className: emptyState.className}\">\n    <ng-content select=\".error\"></ng-content>\n  </eo-error-message>\n</ng-template>\n", styles: [":host{display:flex;flex:1;flex-direction:column;min-height:0;min-width:0;background:var(--panel-background-grey);height:100%;overflow-y:auto;--panel-divider-color: var(--panel-header-border-bottom-color)}:host .eo-head .eo-header .eo-header-info .eo-header-title,:host .eo-head .eo-header .eo-header-info .eo-header-subtitle{-webkit-user-select:text;user-select:text}:host .eo-body{background-color:var(--panel-background)}:host .eo-body__not-available{opacity:.4;background:rgba(var(--color-black-rgb),.4)}:host .eo-body .cmp-wrapper{height:100%;flex-flow:column;display:flex}:host .eo-body .cmp-wrapper .cmp-info{background-color:var(--panel-background);padding:2px}:host .eo-body .cmp-wrapper .cmp-info .version{margin:2px;border-radius:2px;background-color:var(--panel-background-lightgrey);border:1px dashed var(--panel-divider-color);color:var(--text-color-caption);text-align:center}:host .eo-body .cmp-wrapper .cmp-info .version>span{margin-inline-start:.5em;font-weight:700}:host .eo-body yvc-split-view,:host .eo-body yvc-split-tabs{height:100%}:host .sync-tab-btn.enabled{color:var(--color-accent)}:host .lock{background:var(--color-error)!important;color:var(--color-white);width:18px;height:18px;border-radius:2px;padding:1px}:host .lock.myLock{color:var(--color-white);background:var(--state-orange)!important}:host .not-found{color:var(--panel-background);text-align:center;margin:calc(var(--app-pane-padding) / 2);padding:calc(var(--app-pane-padding) / 4);border-radius:2px;flex:0 0 auto;background:var(--color-error)}:host .eo-header-status-icons{margin-top:var(--app-pane-padding);display:flex;justify-content:flex-end}:host .eo-header-status-icons>eo-icon{width:18px;height:18px;padding:calc(var(--app-pane-padding) / 4);color:var(--color-white);margin-left:1px;background-color:var(--color-primary-2)}:host .eo-header-status-icons>eo-icon:first-child{border-top-left-radius:4px;border-bottom-left-radius:4px}:host .eo-header-status-icons>eo-icon:last-child{border-top-right-radius:4px;border-bottom-right-radius:4px}:host .eo-header-status-icons>eo-icon.finalized-icon{background-color:var(--color-success)}:host .eo-header-status-icons>eo-icon.signed-icon.inprocess{background-color:var(--color-light-gray)}:host .eo-header-status-icons>eo-icon.signed-icon.signed{background-color:var(--color-success)}:host .eo-header-status-icons>eo-icon.signed-icon.stopped{background-color:var(--color-error)}:host .eo-header-status-icons>eo-icon.lock{background:var(--color-error)!important;color:var(--color-white);width:18px;height:18px;border-radius:2px;padding:1px}:host .eo-header-status-icons>eo-icon.lock.myLock{background:var(--state-orange)!important}:host .eo-header-status-icons>a{margin:0 calc(var(--app-pane-padding) / 4);display:flex;align-items:center;color:var(--color-white);font-size:var(--font-hint);line-height:var(--font-hint);border-radius:2px;padding:0 4px 1px;text-decoration:none;background-color:var(--color-success)}: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 .object-detail__loader{margin:auto}:host ::ng-deep yvc-tabs{flex:1;height:100%}:host ::ng-deep yvc-tabs>header{background-color:var(--panel-background)}:host ::ng-deep .yvc-split-area{background-color:var(--panel-background-grey)}:host ::ng-deep .indexdata-summary,:host ::ng-deep .object-form-edit{margin:var(--app-pane-padding)}:host ::ng-deep eo-media{height:100%;overflow:hidden;display:block}:host ::ng-deep .object-form-edit{position:relative;height:100%;margin:0;overflow:hidden;background:transparent!important}:host ::ng-deep .object-form-edit eo-object-form{background:transparent;overflow:auto}:host ::ng-deep .object-form-edit eo-object-form .eo-object-form{margin:var(--app-pane-padding);background:var(--panel-background);border:1px solid rgba(var(--color-black-rgb),.1)}:host ::ng-deep .object-form-edit .form-controls{animation:eoFadeInUp .2s}:host ::ng-deep .object-form-edit .form-controls .buttons{background:var(--panel-background);border-top:1px solid var(--panel-divider-color);padding:calc(var(--app-pane-padding) / 2) var(--app-pane-padding)!important}:host ::ng-deep .refresh-button.disable-refresh{cursor:default;color:var(--color-primary-3)}\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.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: ObjectFormEditComponent, selector: "eo-object-form-edit", inputs: ["formDisabled", "dmsObject"], outputs: ["indexDataSaved"] }, { kind: "component", type: MediaComponent, selector: "eo-media", inputs: ["undockDisabled", "enableCloseBtn", "useVersion", "attachments", "searchTerm", "previewUri", "previewFile", "dmsObject"] }, { kind: "directive", type: ShortcutsDirective, selector: "[eoShortcuts]", inputs: ["eoShortcuts"] }, { 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: RouterLinkDirective, selector: "a[routerLink]" }, { kind: "component", type: LoadingSpinnerComponent, selector: "eo-loading-spinner", inputs: ["size", "mode"] }, { kind: "component", type: IndexdataSummaryComponent, selector: "eo-indexdata-summary", inputs: ["indexdata", "dmsObject", "baseparams", "enableVersions", "isChangesTab", "diff"] }, { kind: "component", type: ErrorMessageComponent, selector: "eo-error-message", inputs: ["emptyState"] }, { kind: "component", type: SignatureTabComponent, selector: "eo-signature-tab", inputs: ["dmsObject"] }, { kind: "directive", type: i2$1.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { 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: "component", type: i19.SplitTabsComponent, selector: "yvc-split-tabs", inputs: ["layoutSettingsID", "config", "panelOrder"], outputs: ["layoutSettingsChange"] }, { kind: "component", type: i20.SplitViewComponent, selector: "yvc-split-view", inputs: ["direction", "gutterSize", "restrictMove", "disabled", "gutterDblClickDuration", "layoutSettingsID"], outputs: ["layoutSettingsChange", "dragStart", "dragEnd", "gutterClick", "gutterDblClick"] }, { kind: "directive", type: i20.SplitAreaDirective, selector: "[yvcSplitArea]", inputs: ["size", "order", "minSize", "maxSize", "panelClass", "visible"] }, { kind: "component", type: PluginComponent, selector: "eo-plugin", inputs: ["type", "id", "parent"] }, { kind: "component", type: ObjectHistoryComponent, selector: "eo-object-history", inputs: ["params"] }, { kind: "component", type: ObjectLinksComponent, selector: "eo-object-links", inputs: ["dmsObject"] }, { kind: "component", type: FavoriteIconComponent, selector: "eo-favorite-icon", inputs: ["item"] }, { kind: "component", type: EditIconComponent, selector: "eo-edit-icon", inputs: ["item"] }, { kind: "pipe", type: i1$2.AsyncPipe, name: "async" }, { kind: "pipe", type: i4.TranslatePipe, name: "translate" }, { kind: "pipe", type: LocaleDatePipe, name: "localeDate" }] }); }
 };
 ObjectDetailsComponent = __decorate([
     UntilDestroy()
 ], ObjectDetailsComponent);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: ObjectDetailsComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'eo-object-details', providers: [ContentPreviewService], template: "<div class=\"loader-overlay__mask\" *ngIf=\"showLoader\">\n  <eo-loading-spinner class=\"object-detail__loader\"></eo-loading-spinner>\n</div>\n<ng-container *ngIf=\"item && !hasError; else noItem\">\n\n  <div class=\"eo-head eo-head-tabs\" [eoShortcuts]=\"shortcuts\">\n    <header class=\"eo-header\">\n      <eo-icon class=\"eo-header-icon\" [objectType]=\"item.type\" [iconTitle]=\"item.type.label\"></eo-icon>\n      <div class=\"eo-header-info\">\n        <h2 class=\"eo-header-title\">{{item.title}}</h2>\n        <h3 class=\"eo-header-subtitle\">{{item.description}}</h3>\n      </div>\n\n      <div class=\"eo-header-actions-container\">\n        <div class=\"eo-header-actions\">\n          <ng-container *ngIf=\"!isReference; else tplHeadReference\">\n            <eo-icon class=\"button refresh-button\" *ngIf=\"!recyclebinTabs\"\n              [iconSrc]=\"'assets/_default/svg/ic_refresh.svg'\" [iconTitle]=\"('eo.list.refresh' | translate)\"\n              [ngClass]=\"{'disable-refresh': preventClickThrough}\" (click)=\"refreshContent()\"></eo-icon>\n            <eo-icon class=\"button sync-tab-btn\" *ngIf=\"enableCompare && !recyclebinTabs\"\n              [ngClass]=\"{'enabled': enableSync}\" [iconSrc]=\"'assets/_default/svg/ic_link.svg'\"\n              [iconTitle]=\"'eo.versions.detail.glue.tooltip' | translate\" (click)=\"enableSync = !enableSync\"></eo-icon>\n            <eo-favorite-icon [item]=\"item\"\n              *ngIf=\"!enableCompare && !recyclebinTabs && capabilities.favorites && !isJournalObject(item)\">\n            </eo-favorite-icon>\n            <eo-icon class=\"button oc-button\" *ngIf=\"!enableCompare && item.content?.id\" (click)=\"downloadOriginalContent()\"\n              [iconTitle]=\"('eo.action.download.dms.object.content.label' | translate)\"\n              [iconSrc]=\"'assets/_default/svg/ic_content-download.svg'\"></eo-icon>\n            <eo-edit-icon [item]=\"item\"\n              *ngIf=\"!enableCompare && !recyclebinTabs && item.content?.id && item.rights.edit && (agentIsConnected$ | async)\n              && !item.isFinalized && item.data.yuvsigstatus !== 'signed' && item.data.yuvsigstatus !== 'inprocess'\">\n            </eo-edit-icon>\n            <eo-icon class=\"button am-button\" *ngIf=\"!recyclebinTabs\" (click)=\"showActions()\"\n              [iconTitle]=\"('eo.object.details.actions.title' | translate)\"\n              [iconSrc]=\"'assets/_default/svg/ic_more.svg'\"></eo-icon>\n          </ng-container>\n\n          <ng-template #tplHeadReference>\n            <a class=\"button reference primary\"\n              [title]=\"('eo.object.reference.tooltip' | translate:{title:referenceTitle})\"\n              [routerLink]=\"['/object', item.id]\"\n              [queryParams]=\"{type: item.typeName}\">{{'eo.object.reference.open'|translate}}</a>\n          </ng-template>\n\n        </div>\n\n        <div class=\"eo-header-status-icons\">\n          <a class=\"content-link\" [title]=\"'eo.object.contentlink.tooltip' | translate\" *ngIf=\"item.content?.linked\"\n            [routerLink]=\"'/object/' + item.content.id\" [queryParams]=\"{type: item.content.type}\">\n            <span>{{'eo.object.contentlink' | translate}}</span>\n          </a>\n          <eo-icon class=\"subscription-icon\" *ngIf=\"item.subscriptions.length\"\n            [iconSrc]=\"'assets/_default/svg/ic_subscription.svg'\" [iconTitle]=\"subscriptionIconTooltip\"></eo-icon>\n          <eo-icon class=\"resubmission-icon\" *ngIf=\"item.resubmissions.length\"\n            [iconSrc]=\"'assets/_default/svg/ic_resubmission.svg'\"\n            [iconTitle]=\"'eo.object.resubmission.tooltip' | translate: {due: item.resubmissions[0].due | localeDate, info: item.resubmissions[0].info}\"></eo-icon>\n          <eo-icon class=\"shared-icon\" *ngIf=\"item.additionalvisibility.length && !recyclebinTabs\"\n            [iconSrc]=\"'assets/_default/svg/ic_share.svg'\"\n            [iconTitle]=\"'eo.object.shared.tooltip' | translate\"></eo-icon>\n          <eo-icon class=\"lock\" [ngClass]=\"{'myLock': item.lock.by.me}\" *ngIf=\"item.lock\"\n            [iconSrc]=\"'assets/_default/svg/ic_lock.svg'\" [iconTitle]=\"lockTooltip\"></eo-icon>\n          <eo-icon class=\"finalized-icon\" *ngIf=\"item.isFinalized\" [iconSrc]=\"'assets/_default/svg/ic_finalized.svg'\"\n            [iconTitle]=\"'eo.object.finalized.tooltip' | translate\"></eo-icon>\n          <eo-icon class=\"signed-icon inprocess\" *ngIf=\"item.data.yuvsigstatus === 'inprocess'\"\n            [iconSrc]=\"'assets/_default/svg/ic_signature.svg'\"\n            [iconTitle]=\"'eo.object.signature.tooltip.inprocess' | translate\"></eo-icon>\n          <eo-icon class=\"signed-icon signed\" *ngIf=\"item.data.yuvsigstatus === 'signed'\"\n            [iconSrc]=\"'assets/_default/svg/ic_signature.svg'\"\n            [iconTitle]=\"'eo.object.signature.tooltip.signed' | translate\"></eo-icon>\n          <eo-icon class=\"signed-icon stopped\"\n            *ngIf=\"item.data.yuvsigstatus === 'canceled'\n                    || item.data.yuvsigstatus === 'revised' || item.data.yuvsigstatus === 'error' || item.data.yuvsigstatus === 'expired'\"\n            [iconSrc]=\"'assets/_default/svg/ic_signature.svg'\"\n            [iconTitle]=\"'eo.object.signature.tooltip.stopped' | translate\"></eo-icon>\n            @if (item.processcount > 0) {\n              <eo-icon class=\"resubmission-icon\"\n                      [iconSrc]=\"'assets/_default/svg/ic_bpm.svg'\"\n                      [iconTitle]=\"'eo.object.processcount.tooltip' | translate : {processcount: item?.processcount, text: processTooltip}\"></eo-icon>\n            }\n        </div>\n      </div>\n    </header>\n  </div>\n  <div class=\"eo-body\">\n\n    <yvc-split-tabs [layoutSettingsID]=\"cacheLayout\" [config]=\"splitTabConfig\" *ngIf=\"!item2; else tplCompare\">\n      <!-- summary -->\n      <ng-template [yvcTab]=\"{id: 'summary', label: 'eo.object.summary.title' | translate}\">\n        <eo-indexdata-summary [indexdata]=\"indexDataPreview\" [baseparams]=\"baseparams\" [dmsObject]=\"item\"\n          [enableVersions]=\"!enableCompare\"></eo-indexdata-summary>\n      </ng-template>\n      <!-- metadata -->\n      <ng-template [yvcTab]=\"{id: 'indexdata', label: 'eo.object.indexdata.title' | translate}\">\n        <eo-object-form-edit [dmsObject]=\"item\" (indexDataSaved)=\"onIndexDataSaved($event, item)\"\n          [formDisabled]=\"enableCompare || isReference\"></eo-object-form-edit>\n      </ng-template>\n      <!-- preview -->\n      <ng-template [yvcTab]=\"{id: 'preview', label: 'eo.object.content.title' | translate}\">\n        <eo-media [useVersion]=\"item.id === item.content?.id\" [searchTerm]=\"searchTerm\" [dmsObject]=\"item\"\n          #viewer></eo-media>\n      </ng-template>\n      <!-- history -->\n      <ng-template [yvcTab]=\"{id: 'history', label: 'eo.object.history.title' | translate}\">\n        <eo-object-history [params]=\"{id: item.id, type: item.type?.qname}\">\n        </eo-object-history>\n      </ng-template>\n      <!-- links -->\n      <ng-template [yvcTab]=\"{id: 'links', label: 'eo.object.links.title' | translate}\">\n        <eo-object-links [dmsObject]=\"item\"></eo-object-links>\n      </ng-template>\n      <!-- signature -->\n      <ng-template [yvcTab]=\"{id: 'signature', label: 'eo.object.signature-tab.title' | translate}\">\n        <eo-signature-tab [dmsObject]=\"item\"></eo-signature-tab>\n      </ng-template>\n\n      <!-- plugin tabs -->\n      <ng-template *ngFor=\"let p of plugins\" [yvcTab]=\"{id: p.id, label: p.id | translate}\">\n        <eo-plugin [id]=\"p.id\" [parent]=\"this\"></eo-plugin>\n      </ng-template>\n\n    </yvc-split-tabs>\n\n    <ng-template #tplCompare>\n      <yvc-split-view>\n        <ng-template yvcSplitArea [size]=\"50\">\n\n          <div class=\"cmp-wrapper\">\n            <div class=\"cmp-info\">\n              <div class=\"version\">{{'eo.versions.details.label' | translate}}<span>{{item.version}}</span></div>\n            </div>\n            <ng-container\n              *ngTemplateOutlet=\"tplTabs; context: {item, baseparams, indexdata: indexDataPreview, searchTerm}\"></ng-container>\n          </div>\n\n        </ng-template>\n        <ng-template yvcSplitArea [size]=\"50\">\n\n          <div class=\"cmp-wrapper\">\n            <div class=\"cmp-info\">\n              <div class=\"version\">{{'eo.versions.details.label' | translate}}<span>{{item2.version}}</span></div>\n            </div>\n            <ng-container\n              *ngTemplateOutlet=\"tplTabs; context: {item: item2, baseparams: baseparams2, indexdata: indexDataPreview2, searchTerm, diff: {baseparams, baseparams2, indexdata: indexDataPreview, indexdata2: indexDataPreview2}}\"></ng-container>\n          </div>\n        </ng-template>\n\n      </yvc-split-view>\n    </ng-template>\n\n    <ng-template #tplTabs let-item=\"item\" let-indexdata=\"indexdata\" let-baseparams=\"baseparams\"\n      let-searchTerm=\"searchTerm\" let-diff=\"diff\">\n      <yvc-tabs (tabChange)=\"onCompareTabChange($event)\" layoutSettingsID=\"{{'eo.object.details.compare.tabs' + (diff ? '.0' : '.1')}}\">\n        <!-- summary -->\n        <ng-template [yvcTab]=\"{id: 'summary', label: 'eo.object.summary.title' | translate}\">\n          <eo-indexdata-summary [indexdata]=\"indexdata\" [baseparams]=\"baseparams\" [dmsObject]=\"item\"></eo-indexdata-summary>\n        </ng-template>\n        <!-- preview -->\n        <ng-template [yvcTab]=\"{id: 'preview', label: 'eo.object.content.title' | translate}\">\n          <eo-media [useVersion]=\"true\" [searchTerm]=\"searchTerm\" [dmsObject]=\"item\" #viewer></eo-media>\n        </ng-template>\n        <!-- changes -->\n        <ng-template *ngIf=\"diff\"\n          [yvcTab]=\"{id: 'changes', label: 'eo.object.changes.title' | translate}\">\n          <eo-indexdata-summary [diff]=\"diff\" [enableVersions]=\"false\" [dmsObject]=\"item\"></eo-indexdata-summary>\n        </ng-template>\n\n\n      </yvc-tabs>\n    </ng-template>\n\n  </div>\n</ng-container>\n\n<ng-template #noItem>\n  <span class=\"not-found\" *ngIf=\"nodmsobject\" translate>eo.bpm.nodmsobject</span>\n  <eo-error-message *ngIf=\"!showLoader\"\n    [emptyState]=\"{icon: emptyState.icon, text: emptyState.text, className: emptyState.className}\">\n    <ng-content select=\".error\"></ng-content>\n  </eo-error-message>\n</ng-template>\n", styles: [":host{display:flex;flex:1;flex-direction:column;min-height:0;min-width:0;background:var(--panel-background-grey);height:100%;overflow-y:auto;--panel-divider-color: var(--panel-header-border-bottom-color)}:host .eo-head .eo-header .eo-header-info .eo-header-title,:host .eo-head .eo-header .eo-header-info .eo-header-subtitle{-webkit-user-select:text;user-select:text}:host .eo-body{background-color:var(--panel-background)}:host .eo-body__not-available{opacity:.4;background:rgba(var(--color-black-rgb),.4)}:host .eo-body .cmp-wrapper{height:100%;flex-flow:column;display:flex}:host .eo-body .cmp-wrapper .cmp-info{background-color:var(--panel-background);padding:2px}:host .eo-body .cmp-wrapper .cmp-info .version{margin:2px;border-radius:2px;background-color:var(--panel-background-lightgrey);border:1px dashed var(--panel-divider-color);color:var(--text-color-caption);text-align:center}:host .eo-body .cmp-wrapper .cmp-info .version>span{margin-inline-start:.5em;font-weight:700}:host .eo-body yvc-split-view,:host .eo-body yvc-split-tabs{height:100%}:host .sync-tab-btn.enabled{color:var(--color-accent)}:host .lock{background:var(--color-error)!important;color:var(--color-white);width:18px;height:18px;border-radius:2px;padding:1px}:host .lock.myLock{color:var(--color-white);background:var(--state-orange)!important}:host .not-found{color:var(--panel-background);text-align:center;margin:calc(var(--app-pane-padding) / 2);padding:calc(var(--app-pane-padding) / 4);border-radius:2px;flex:0 0 auto;background:var(--color-error)}:host .eo-header-status-icons{margin-top:var(--app-pane-padding);display:flex;justify-content:flex-end}:host .eo-header-status-icons>eo-icon{width:18px;height:18px;padding:calc(var(--app-pane-padding) / 4);color:var(--color-white);margin-left:1px;background-color:var(--color-primary-2)}:host .eo-header-status-icons>eo-icon:first-child{border-top-left-radius:4px;border-bottom-left-radius:4px}:host .eo-header-status-icons>eo-icon:last-child{border-top-right-radius:4px;border-bottom-right-radius:4px}:host .eo-header-status-icons>eo-icon.finalized-icon{background-color:var(--color-success)}:host .eo-header-status-icons>eo-icon.signed-icon.inprocess{background-color:var(--color-light-gray)}:host .eo-header-status-icons>eo-icon.signed-icon.signed{background-color:var(--color-success)}:host .eo-header-status-icons>eo-icon.signed-icon.stopped{background-color:var(--color-error)}:host .eo-header-status-icons>eo-icon.lock{background:var(--color-error)!important;color:var(--color-white);width:18px;height:18px;border-radius:2px;padding:1px}:host .eo-header-status-icons>eo-icon.lock.myLock{background:var(--state-orange)!important}:host .eo-header-status-icons>a{margin:0 calc(var(--app-pane-padding) / 4);display:flex;align-items:center;color:var(--color-white);font-size:var(--font-hint);line-height:var(--font-hint);border-radius:2px;padding:0 4px 1px;text-decoration:none;background-color:var(--color-success)}: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 .object-detail__loader{margin:auto}:host ::ng-deep yvc-tabs{flex:1;height:100%}:host ::ng-deep yvc-tabs>header{background-color:var(--panel-background)}:host ::ng-deep .yvc-split-area{background-color:var(--panel-background-grey)}:host ::ng-deep .indexdata-summary,:host ::ng-deep .object-form-edit{margin:var(--app-pane-padding)}:host ::ng-deep eo-media{height:100%;overflow:hidden;display:block}:host ::ng-deep .object-form-edit{position:relative;height:100%;margin:0;overflow:hidden;background:transparent!important}:host ::ng-deep .object-form-edit eo-object-form{background:transparent;overflow:auto}:host ::ng-deep .object-form-edit eo-object-form .eo-object-form{margin:var(--app-pane-padding);background:var(--panel-background);border:1px solid rgba(var(--color-black-rgb),.1)}:host ::ng-deep .object-form-edit .form-controls{animation:eoFadeInUp .2s}:host ::ng-deep .object-form-edit .form-controls .buttons{background:var(--panel-background);border-top:1px solid var(--panel-divider-color);padding:calc(var(--app-pane-padding) / 2) var(--app-pane-padding)!important}:host ::ng-deep .refresh-button.disable-refresh{cursor:default;color:var(--color-primary-3)}\n"] }]
+            args: [{ selector: 'eo-object-details', providers: [ContentPreviewService], template: "<div class=\"loader-overlay__mask\" *ngIf=\"showLoader\">\n  <eo-loading-spinner class=\"object-detail__loader\"></eo-loading-spinner>\n</div>\n<ng-container *ngIf=\"item && !hasError; else noItem\">\n\n  <div class=\"eo-head eo-head-tabs\" [eoShortcuts]=\"shortcuts\">\n    <header class=\"eo-header\">\n      <eo-icon class=\"eo-header-icon\" [objectType]=\"item.type\" [iconTitle]=\"item.type.label\"></eo-icon>\n      <div class=\"eo-header-info\">\n        <h2 class=\"eo-header-title\">{{item.title}}</h2>\n        <h3 class=\"eo-header-subtitle\">{{item.description}}</h3>\n      </div>\n\n      <div class=\"eo-header-actions-container\">\n        <div class=\"eo-header-actions\">\n          <ng-container *ngIf=\"!isReference; else tplHeadReference\">\n            <eo-icon class=\"button refresh-button\" *ngIf=\"!recyclebinTabs\"\n              [iconSrc]=\"'assets/_default/svg/ic_refresh.svg'\" [iconTitle]=\"('eo.list.refresh' | translate)\"\n              [ngClass]=\"{'disable-refresh': preventClickThrough}\" (click)=\"refreshContent()\"></eo-icon>\n            <eo-icon class=\"button sync-tab-btn\" *ngIf=\"enableCompare && !recyclebinTabs\"\n              [ngClass]=\"{'enabled': enableSync}\" [iconSrc]=\"'assets/_default/svg/ic_link.svg'\"\n              [iconTitle]=\"'eo.versions.detail.glue.tooltip' | translate\" (click)=\"enableSync = !enableSync\"></eo-icon>\n            <eo-favorite-icon [item]=\"item\"\n              *ngIf=\"!enableCompare && !recyclebinTabs && capabilities.favorites && !isJournalObject(item)\">\n            </eo-favorite-icon>\n            <eo-icon class=\"button oc-button\" *ngIf=\"!enableCompare && item.content?.id\" (click)=\"downloadOriginalContent()\"\n              [iconTitle]=\"('eo.action.download.dms.object.content.label' | translate)\"\n              [iconSrc]=\"'assets/_default/svg/ic_content-download.svg'\"></eo-icon>\n            <eo-edit-icon [item]=\"item\"\n              *ngIf=\"!enableCompare && !recyclebinTabs && item.content?.id && item.rights.edit && (agentIsConnected$ | async)\n              && !item.isFinalized && item.data.yuvsigstatus !== 'signed' && item.data.yuvsigstatus !== 'inprocess'\">\n            </eo-edit-icon>\n            <eo-icon class=\"button am-button\" *ngIf=\"!recyclebinTabs\" (click)=\"showActions()\"\n              [iconTitle]=\"('eo.object.details.actions.title' | translate)\"\n              [iconSrc]=\"'assets/_default/svg/ic_more.svg'\"></eo-icon>\n          </ng-container>\n\n          <ng-template #tplHeadReference>\n            <a class=\"button reference primary\"\n              [title]=\"('eo.object.reference.tooltip' | translate:{title:referenceTitle})\"\n              [routerLink]=\"['/object', item.id]\"\n              [queryParams]=\"{type: item.typeName}\">{{'eo.object.reference.open'|translate}}</a>\n          </ng-template>\n\n        </div>\n\n        <div class=\"eo-header-status-icons\">\n          <a class=\"content-link\" [title]=\"'eo.object.contentlink.tooltip' | translate\" *ngIf=\"item.content?.linked\"\n            [routerLink]=\"'/object/' + item.content.id\" [queryParams]=\"{type: item.content.type}\">\n            <span>{{'eo.object.contentlink' | translate}}</span>\n          </a>\n          <eo-icon class=\"subscription-icon\" *ngIf=\"item.subscriptions.length\"\n            [iconSrc]=\"'assets/_default/svg/ic_subscription.svg'\" [iconTitle]=\"subscriptionIconTooltip\"></eo-icon>\n          <eo-icon class=\"resubmission-icon\" *ngIf=\"item.resubmissions.length\"\n            [iconSrc]=\"'assets/_default/svg/ic_resubmission.svg'\"\n            [iconTitle]=\"'eo.object.resubmission.tooltip' | translate: {due: item.resubmissions[0].due | localeDate, info: item.resubmissions[0].info}\"></eo-icon>\n          <eo-icon class=\"shared-icon\" *ngIf=\"item.additionalvisibility.length && !recyclebinTabs\"\n            [iconSrc]=\"'assets/_default/svg/ic_share.svg'\"\n            [iconTitle]=\"'eo.object.shared.tooltip' | translate\"></eo-icon>\n          <eo-icon class=\"lock\" [ngClass]=\"{'myLock': item.lock.by.me}\" *ngIf=\"item.lock\"\n            [iconSrc]=\"'assets/_default/svg/ic_lock.svg'\" [iconTitle]=\"lockTooltip\"></eo-icon>\n          <eo-icon class=\"finalized-icon\" *ngIf=\"item.isFinalized\" [iconSrc]=\"'assets/_default/svg/ic_finalized.svg'\"\n            [iconTitle]=\"'eo.object.finalized.tooltip' | translate\"></eo-icon>\n          <eo-icon class=\"signed-icon inprocess\" *ngIf=\"item.data.yuvsigstatus === 'inprocess'\"\n            [iconSrc]=\"'assets/_default/svg/ic_signature.svg'\"\n            [iconTitle]=\"'eo.object.signature.tooltip.inprocess' | translate\"></eo-icon>\n          <eo-icon class=\"signed-icon signed\" *ngIf=\"item.data.yuvsigstatus === 'signed'\"\n            [iconSrc]=\"'assets/_default/svg/ic_signature.svg'\"\n            [iconTitle]=\"'eo.object.signature.tooltip.signed' | translate\"></eo-icon>\n          <eo-icon class=\"signed-icon stopped\"\n            *ngIf=\"item.data.yuvsigstatus === 'canceled'\n                    || item.data.yuvsigstatus === 'revised' || item.data.yuvsigstatus === 'error' || item.data.yuvsigstatus === 'expired'\"\n            [iconSrc]=\"'assets/_default/svg/ic_signature.svg'\"\n            [iconTitle]=\"'eo.object.signature.tooltip.stopped' | translate\"></eo-icon>\n            @if (item.processcount > 0) {\n              <eo-icon class=\"resubmission-icon\"\n                      [iconSrc]=\"'assets/_default/svg/ic_bpm.svg'\"\n                      [iconTitle]=\"'eo.object.processcount.tooltip' | translate : {processcount: item?.processcount, text: processTooltip}\"></eo-icon>\n            }\n        </div>\n      </div>\n    </header>\n  </div>\n  <div class=\"eo-body\">\n\n    <yvc-split-tabs [layoutSettingsID]=\"cacheLayout\" [config]=\"splitTabConfig\" *ngIf=\"!item2; else tplCompare\">\n      <!-- summary -->\n      <ng-template [yvcTab]=\"{id: 'summary', label: 'eo.object.summary.title' | translate}\">\n        <eo-indexdata-summary [indexdata]=\"indexDataPreview\" [baseparams]=\"baseparams\" [dmsObject]=\"item\"\n          [enableVersions]=\"!enableCompare\"></eo-indexdata-summary>\n      </ng-template>\n      <!-- metadata -->\n      <ng-template [yvcTab]=\"{id: 'indexdata', label: 'eo.object.indexdata.title' | translate}\">\n        <eo-object-form-edit [dmsObject]=\"item\" (indexDataSaved)=\"onIndexDataSaved($event, item)\"\n          [formDisabled]=\"enableCompare || isReference\"></eo-object-form-edit>\n      </ng-template>\n      <!-- preview -->\n      <ng-template [yvcTab]=\"{id: 'preview', label: 'eo.object.content.title' | translate}\">\n        <eo-media [useVersion]=\"item.id === item.content?.id\" [searchTerm]=\"searchTerm\" [dmsObject]=\"item\"\n          #viewer></eo-media>\n      </ng-template>\n      <!-- history -->\n      <ng-template [yvcTab]=\"{id: 'history', label: 'eo.object.history.title' | translate}\">\n        <eo-object-history [params]=\"{id: item.id, type: item.type?.qname}\">\n        </eo-object-history>\n      </ng-template>\n      <!-- links -->\n      <ng-template [yvcTab]=\"{id: 'links', label: 'eo.object.links.title' | translate}\">\n        <eo-object-links [dmsObject]=\"item\"></eo-object-links>\n      </ng-template>\n      <!-- signature -->\n      <ng-template [yvcTab]=\"{id: 'signature', label: 'eo.object.signature-tab.title' | translate}\">\n        <eo-signature-tab [dmsObject]=\"item\"></eo-signature-tab>\n      </ng-template>\n\n      <!-- plugin tabs -->\n      <ng-template *ngFor=\"let p of plugins\" [yvcTab]=\"{id: p.id, label: p.id | translate}\">\n        <eo-plugin [id]=\"p.id\" [parent]=\"this\"></eo-plugin>\n      </ng-template>\n\n    </yvc-split-tabs>\n\n    <ng-template #tplCompare>\n      <yvc-split-view>\n        <ng-template yvcSplitArea [size]=\"50\">\n\n          <div class=\"cmp-wrapper\">\n            <div class=\"cmp-info\">\n              <div class=\"version\">{{'eo.versions.details.label' | translate}}<span>{{item.version}}</span></div>\n            </div>\n            <ng-container\n              *ngTemplateOutlet=\"tplTabs; context: {item, baseparams, indexdata: indexDataPreview, searchTerm}\"></ng-container>\n          </div>\n\n        </ng-template>\n        <ng-template yvcSplitArea [size]=\"50\">\n\n          <div class=\"cmp-wrapper\">\n            <div class=\"cmp-info\">\n              <div class=\"version\">{{'eo.versions.details.label' | translate}}<span>{{item2.version}}</span></div>\n            </div>\n            <ng-container\n              *ngTemplateOutlet=\"tplTabs; context: {item: item2, baseparams: baseparams2, indexdata: indexDataPreview2, searchTerm, diff: {baseparams, baseparams2, indexdata: indexDataPreview, indexdata2: indexDataPreview2}}\"></ng-container>\n          </div>\n        </ng-template>\n\n      </yvc-split-view>\n    </ng-template>\n\n    <ng-template #tplTabs let-item=\"item\" let-indexdata=\"indexdata\" let-baseparams=\"baseparams\"\n      let-searchTerm=\"searchTerm\" let-diff=\"diff\">\n      <yvc-tabs (tabChange)=\"onCompareTabChange($event)\" layoutSettingsID=\"{{'eo.object.details.compare.tabs' + (diff ? '.0' : '.1')}}\">\n        <!-- summary -->\n        <ng-template [yvcTab]=\"{id: 'summary', label: 'eo.object.summary.title' | translate}\">\n          <eo-indexdata-summary [indexdata]=\"indexdata\" [baseparams]=\"baseparams\" [dmsObject]=\"item\"></eo-indexdata-summary>\n        </ng-template>\n        <!-- preview -->\n        <ng-template [yvcTab]=\"{id: 'preview', label: 'eo.object.content.title' | translate}\">\n          <eo-media [useVersion]=\"true\" [searchTerm]=\"searchTerm\" [dmsObject]=\"item\" #viewer></eo-media>\n        </ng-template>\n        <!-- changes -->\n        <ng-template *ngIf=\"diff\"\n          [yvcTab]=\"{id: 'changes', label: 'eo.object.changes.title' | translate}\">\n          <eo-indexdata-summary [diff]=\"diff\" [enableVersions]=\"false\" [isChangesTab]=\"versionComponentTabs\" [dmsObject]=\"item\"></eo-indexdata-summary>\n        </ng-template>\n\n\n      </yvc-tabs>\n    </ng-template>\n\n  </div>\n</ng-container>\n\n<ng-template #noItem>\n  <span class=\"not-found\" *ngIf=\"nodmsobject\" translate>eo.bpm.nodmsobject</span>\n  <eo-error-message *ngIf=\"!showLoader\"\n    [emptyState]=\"{icon: emptyState.icon, text: emptyState.text, className: emptyState.className}\">\n    <ng-content select=\".error\"></ng-content>\n  </eo-error-message>\n</ng-template>\n", styles: [":host{display:flex;flex:1;flex-direction:column;min-height:0;min-width:0;background:var(--panel-background-grey);height:100%;overflow-y:auto;--panel-divider-color: var(--panel-header-border-bottom-color)}:host .eo-head .eo-header .eo-header-info .eo-header-title,:host .eo-head .eo-header .eo-header-info .eo-header-subtitle{-webkit-user-select:text;user-select:text}:host .eo-body{background-color:var(--panel-background)}:host .eo-body__not-available{opacity:.4;background:rgba(var(--color-black-rgb),.4)}:host .eo-body .cmp-wrapper{height:100%;flex-flow:column;display:flex}:host .eo-body .cmp-wrapper .cmp-info{background-color:var(--panel-background);padding:2px}:host .eo-body .cmp-wrapper .cmp-info .version{margin:2px;border-radius:2px;background-color:var(--panel-background-lightgrey);border:1px dashed var(--panel-divider-color);color:var(--text-color-caption);text-align:center}:host .eo-body .cmp-wrapper .cmp-info .version>span{margin-inline-start:.5em;font-weight:700}:host .eo-body yvc-split-view,:host .eo-body yvc-split-tabs{height:100%}:host .sync-tab-btn.enabled{color:var(--color-accent)}:host .lock{background:var(--color-error)!important;color:var(--color-white);width:18px;height:18px;border-radius:2px;padding:1px}:host .lock.myLock{color:var(--color-white);background:var(--state-orange)!important}:host .not-found{color:var(--panel-background);text-align:center;margin:calc(var(--app-pane-padding) / 2);padding:calc(var(--app-pane-padding) / 4);border-radius:2px;flex:0 0 auto;background:var(--color-error)}:host .eo-header-status-icons{margin-top:var(--app-pane-padding);display:flex;justify-content:flex-end}:host .eo-header-status-icons>eo-icon{width:18px;height:18px;padding:calc(var(--app-pane-padding) / 4);color:var(--color-white);margin-left:1px;background-color:var(--color-primary-2)}:host .eo-header-status-icons>eo-icon:first-child{border-top-left-radius:4px;border-bottom-left-radius:4px}:host .eo-header-status-icons>eo-icon:last-child{border-top-right-radius:4px;border-bottom-right-radius:4px}:host .eo-header-status-icons>eo-icon.finalized-icon{background-color:var(--color-success)}:host .eo-header-status-icons>eo-icon.signed-icon.inprocess{background-color:var(--color-light-gray)}:host .eo-header-status-icons>eo-icon.signed-icon.signed{background-color:var(--color-success)}:host .eo-header-status-icons>eo-icon.signed-icon.stopped{background-color:var(--color-error)}:host .eo-header-status-icons>eo-icon.lock{background:var(--color-error)!important;color:var(--color-white);width:18px;height:18px;border-radius:2px;padding:1px}:host .eo-header-status-icons>eo-icon.lock.myLock{background:var(--state-orange)!important}:host .eo-header-status-icons>a{margin:0 calc(var(--app-pane-padding) / 4);display:flex;align-items:center;color:var(--color-white);font-size:var(--font-hint);line-height:var(--font-hint);border-radius:2px;padding:0 4px 1px;text-decoration:none;background-color:var(--color-success)}: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 .object-detail__loader{margin:auto}:host ::ng-deep yvc-tabs{flex:1;height:100%}:host ::ng-deep yvc-tabs>header{background-color:var(--panel-background)}:host ::ng-deep .yvc-split-area{background-color:var(--panel-background-grey)}:host ::ng-deep .indexdata-summary,:host ::ng-deep .object-form-edit{margin:var(--app-pane-padding)}:host ::ng-deep eo-media{height:100%;overflow:hidden;display:block}:host ::ng-deep .object-form-edit{position:relative;height:100%;margin:0;overflow:hidden;background:transparent!important}:host ::ng-deep .object-form-edit eo-object-form{background:transparent;overflow:auto}:host ::ng-deep .object-form-edit eo-object-form .eo-object-form{margin:var(--app-pane-padding);background:var(--panel-background);border:1px solid rgba(var(--color-black-rgb),.1)}:host ::ng-deep .object-form-edit .form-controls{animation:eoFadeInUp .2s}:host ::ng-deep .object-form-edit .form-controls .buttons{background:var(--panel-background);border-top:1px solid var(--panel-divider-color);padding:calc(var(--app-pane-padding) / 2) var(--app-pane-padding)!important}:host ::ng-deep .refresh-button.disable-refresh{cursor:default;color:var(--color-primary-3)}\n"] }]
         }], ctorParameters: () => [{ type: i2$1.Router }, { type: i2$1.ActivatedRoute }, { type: i1.SystemService }, { type: EmptyStateService }, { type: AgentService }, { type: i1.BackendService }, { type: i1.DmsService }, { type: SelectionService }, { type: ActionService }, { type: i1.CapabilitiesService }, { type: i1.UploadRegistryService }, { type: i1.EventService }, { type: i1.Config }, { type: i1.BpmService }, { type: i1.TranslateService }], propDecorators: { preview: [{
                 type: ViewChild,
                 args: ['viewer']
@@ -19865,6 +19904,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImpor
                 type: Input
             }], recyclebinTabs: [{
                 type: Input
+            }], versionComponentTabs: [{
+                type: Input
             }], enableDiff: [{
                 type: Input
             }], enableSync: [{
@@ -20105,7 +20146,7 @@ let RecyclebinDetailsComponent = class RecyclebinDetailsComponent {
     ngAfterViewInit() {
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: RecyclebinDetailsComponent, deps: [{ token: i2$1.Router }, { token: i1.SystemService }, { token: EmptyStateService }, { token: i1.BackendService }, { token: i1.UserService }, { token: i1.NotificationsService }, { token: i1.DmsService }, { token: SelectionService }, { token: i1.CapabilitiesService }, { token: i1.EventService }, { token: i1.Config }, { token: i1.TranslateService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.2", type: RecyclebinDetailsComponent, selector: "eo-recyclebin-details", inputs: { plugins: "plugins", cacheLayout: "cacheLayout", applySelection: "applySelection", parseDmsParams: "parseDmsParams", emptyState: "emptyState", dmsParams: ["params", "dmsParams"], dmsObject: ["item", "dmsObject"] }, outputs: { hasContent: "hasContent" }, host: { properties: { "attr.data-type": "this.dataType" } }, viewQueries: [{ propertyName: "preview", first: true, predicate: ["viewer"], descendants: true }, { propertyName: "confirmDeleteButton", first: true, predicate: ["confirmDelete"], descendants: true }], ngImport: i0, template: "<div class=\"loader-overlay__mask\" *ngIf=\"showLoader\">\n    <eo-loading-spinner class=\"recyclebin-detail__loader\"></eo-loading-spinner>\n</div>\n<ng-container *ngIf=\"item && !hasError\">\n\n    <div class=\"eo-head eo-head-tabs\">\n        <header class=\"eo-header\">\n            <eo-icon class=\"eo-header-icon\" [objectType]=\"item.type\" [iconTitle]=\"item.type.label\"></eo-icon>\n\n            <div class=\"eo-header-info\">\n                <h2 class=\"eo-header-title\">{{item.title}}</h2>\n                <h3 class=\"eo-header-subtitle\">{{item.description}}</h3>\n            </div>\n\n            <div class=\"actions\">\n                <eo-icon *ngIf=\"item.content\"\n                         class=\"button\"\n                    [iconSrc]=\"'assets/_default/svg/ic_content-download.svg'\"\n                    [iconTitle]=\"('eo.action.download.dms.object.content.label' | translate)\"\n                    (click)=\"downloadOriginalContent()\"></eo-icon>\n                <eo-icon class=\"button\" [ngClass]=\"{disabled: !this.item.rights.delete}\" [iconSrc]=\"'assets/_default/svg/ic_trash.svg'\"\n                    [iconTitle]=\"this.item.rights.delete ? ('eo.recyclebin.details.delete.tooltip' | translate) : ('eo.recyclebin.details.delete.disabled.tooltip' | translate)\"\n                    (click)=\"showDialog();\"></eo-icon>\n                <button (click)=\"restoreFile()\" translate>eo.recyclebin.details.restore</button>\n                <button (click)=\"restoreFile(true)\" class=\"primary\"\n                    translate>eo.recyclebin.details.restoreopen</button>\n            </div>\n        </header>\n    </div>\n    <div class=\"eo-body\">\n        <yvc-split-tabs>\n\n            <ng-template [yvcTab]=\"{id: 'summary', label: 'eo.object.summary.title' | translate}\">\n                <eo-indexdata-summary [indexdata]=\"indexDataPreview\" [baseparams]=\"baseparams\"\n                    [dmsObject]=\"item\"></eo-indexdata-summary>\n            </ng-template>\n\n            <ng-template [yvcTab]=\"{id: 'preview', label: 'eo.object.content.title' | translate}\">\n                <eo-media *ngIf=\"item\" [useVersion]=\"item.id === item.content?.id\" [dmsObject]=\"item\" #viewer></eo-media>\n            </ng-template>\n\n            <ng-template *ngIf=\"isVisible('history')\"\n                [yvcTab]=\"{id: 'history', label: 'eo.object.history.title' | translate}\">\n                <eo-object-history [params]=\"{id: item.id, type: item.type?.qname}\">\n                </eo-object-history>\n            </ng-template>\n\n            <!-- plugin tabs -->\n            <ng-template *ngFor=\"let p of plugins\" [yvcTab]=\"{id: p.id, label: p.id | translate}\">\n                <eo-plugin [id]=\"p.id\" [parent]=\"this\"></eo-plugin>\n            </ng-template>\n        </yvc-split-tabs>\n    </div>\n</ng-container>\n\n<eo-dialog [title]=\"'eo.recyclebin.details.delete.dialog.title' | translate\" [(visible)]=\"showDeleteDialog\"\n    [focusOnShow]=\"false\" [minWidth]=\"400\" [styleClass]=\"'recyclebin-delete__dialog'\">\n\n    <div>\n        <span>{{'eo.recyclebin.details.delete.dialog.message' | translate}}</span>\n        <br>\n        <span class=\"recyclebin-delete__dialog_warning\">{{'eo.recyclebin.details.delete.dialog.message.warning' |\n            translate}}</span>\n    </div>\n    <div class=\"action-buttons recyclebin-delete--action-buttons flex-row\">\n        <button type=\"button\" class=\"button cancel\" (click)=\"showDeleteDialog = false\"\n            translate>eo.recyclebin.details.delete.dialog.cancel</button>\n        <button type=\"button\" #confirmDelete (click)=\"deleteDmsObject()\" class=\"button primary\"\n            translate>eo.recyclebin.details.delete.dialog.delete</button>\n    </div>\n</eo-dialog>\n", styles: [":host{display:flex;flex:1;flex-direction:column;min-height:0;min-width:0;background:var(--panel-background-grey);height:100%;overflow-y:auto}:host .eo-head .eo-header .eo-header-info .eo-header-title,:host .eo-head .eo-header .eo-header-info .eo-header-subtitle{-webkit-user-select:text;user-select:text}:host .actions{display:flex;align-items:center;align-self:flex-start}[dir=ltr] :host .actions button{margin-left:calc(var(--app-pane-padding) / 2)}[dir=rtl] :host .actions button{margin-right:calc(var(--app-pane-padding) / 2)}:host .actions eo-icon{padding:calc(var(--app-pane-padding) / 4)}:host .eo-body{background-color:var(--panel-background)}:host .eo-body__not-available{opacity:.4;background:rgba(var(--color-black-rgb),.4)}:host .eo-body yvc-split-tabs{height:100%}:host .sync-tab-btn.enabled{color:var(--color-accent)}: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 .recyclebin-detail__loader{margin:auto}:host ::ng-deep div[eosplitgutter]{background-color:var(--color-white)!important}:host ::ng-deep .indexdata-summary,:host ::ng-deep .object-form-edit{margin:var(--app-pane-padding)}::ng-deep yvc-tabs{height:100%}::ng-deep yvc-tabs>header{background-color:var(--panel-background)}::ng-deep .yvc-split-area{background-color:var(--panel-background-grey)}::ng-deep eo-media{height:100%;overflow:hidden;display:block}::ng-deep .recyclebin-delete__dialog{padding:8px;min-height:unset!important}::ng-deep .recyclebin-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}::ng-deep .recyclebin-delete__dialog .recyclebin-delete__dialog_warning{color:var(--color-error)}\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: MediaComponent, selector: "eo-media", inputs: ["undockDisabled", "enableCloseBtn", "useVersion", "attachments", "searchTerm", "previewUri", "previewFile", "dmsObject"] }, { 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: LoadingSpinnerComponent, selector: "eo-loading-spinner", inputs: ["size", "mode"] }, { kind: "component", type: IndexdataSummaryComponent, selector: "eo-indexdata-summary", inputs: ["indexdata", "dmsObject", "baseparams", "enableVersions", "diff"] }, { 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: "directive", type: i12.YvcTabDirective, selector: "[yvcTab]", inputs: ["yvcTab"] }, { kind: "component", type: i19.SplitTabsComponent, selector: "yvc-split-tabs", inputs: ["layoutSettingsID", "config", "panelOrder"], outputs: ["layoutSettingsChange"] }, { kind: "component", type: PluginComponent, selector: "eo-plugin", inputs: ["type", "id", "parent"] }, { kind: "component", type: ObjectHistoryComponent, selector: "eo-object-history", inputs: ["params"] }, { kind: "pipe", type: i4.TranslatePipe, name: "translate" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.2", type: RecyclebinDetailsComponent, selector: "eo-recyclebin-details", inputs: { plugins: "plugins", cacheLayout: "cacheLayout", applySelection: "applySelection", parseDmsParams: "parseDmsParams", emptyState: "emptyState", dmsParams: ["params", "dmsParams"], dmsObject: ["item", "dmsObject"] }, outputs: { hasContent: "hasContent" }, host: { properties: { "attr.data-type": "this.dataType" } }, viewQueries: [{ propertyName: "preview", first: true, predicate: ["viewer"], descendants: true }, { propertyName: "confirmDeleteButton", first: true, predicate: ["confirmDelete"], descendants: true }], ngImport: i0, template: "<div class=\"loader-overlay__mask\" *ngIf=\"showLoader\">\n    <eo-loading-spinner class=\"recyclebin-detail__loader\"></eo-loading-spinner>\n</div>\n<ng-container *ngIf=\"item && !hasError\">\n\n    <div class=\"eo-head eo-head-tabs\">\n        <header class=\"eo-header\">\n            <eo-icon class=\"eo-header-icon\" [objectType]=\"item.type\" [iconTitle]=\"item.type.label\"></eo-icon>\n\n            <div class=\"eo-header-info\">\n                <h2 class=\"eo-header-title\">{{item.title}}</h2>\n                <h3 class=\"eo-header-subtitle\">{{item.description}}</h3>\n            </div>\n\n            <div class=\"actions\">\n                <eo-icon *ngIf=\"item.content\"\n                         class=\"button\"\n                    [iconSrc]=\"'assets/_default/svg/ic_content-download.svg'\"\n                    [iconTitle]=\"('eo.action.download.dms.object.content.label' | translate)\"\n                    (click)=\"downloadOriginalContent()\"></eo-icon>\n                <eo-icon class=\"button\" [ngClass]=\"{disabled: !this.item.rights.delete}\" [iconSrc]=\"'assets/_default/svg/ic_trash.svg'\"\n                    [iconTitle]=\"this.item.rights.delete ? ('eo.recyclebin.details.delete.tooltip' | translate) : ('eo.recyclebin.details.delete.disabled.tooltip' | translate)\"\n                    (click)=\"showDialog();\"></eo-icon>\n                <button (click)=\"restoreFile()\" translate>eo.recyclebin.details.restore</button>\n                <button (click)=\"restoreFile(true)\" class=\"primary\"\n                    translate>eo.recyclebin.details.restoreopen</button>\n            </div>\n        </header>\n    </div>\n    <div class=\"eo-body\">\n        <yvc-split-tabs>\n\n            <ng-template [yvcTab]=\"{id: 'summary', label: 'eo.object.summary.title' | translate}\">\n                <eo-indexdata-summary [indexdata]=\"indexDataPreview\" [baseparams]=\"baseparams\"\n                    [dmsObject]=\"item\"></eo-indexdata-summary>\n            </ng-template>\n\n            <ng-template [yvcTab]=\"{id: 'preview', label: 'eo.object.content.title' | translate}\">\n                <eo-media *ngIf=\"item\" [useVersion]=\"item.id === item.content?.id\" [dmsObject]=\"item\" #viewer></eo-media>\n            </ng-template>\n\n            <ng-template *ngIf=\"isVisible('history')\"\n                [yvcTab]=\"{id: 'history', label: 'eo.object.history.title' | translate}\">\n                <eo-object-history [params]=\"{id: item.id, type: item.type?.qname}\">\n                </eo-object-history>\n            </ng-template>\n\n            <!-- plugin tabs -->\n            <ng-template *ngFor=\"let p of plugins\" [yvcTab]=\"{id: p.id, label: p.id | translate}\">\n                <eo-plugin [id]=\"p.id\" [parent]=\"this\"></eo-plugin>\n            </ng-template>\n        </yvc-split-tabs>\n    </div>\n</ng-container>\n\n<eo-dialog [title]=\"'eo.recyclebin.details.delete.dialog.title' | translate\" [(visible)]=\"showDeleteDialog\"\n    [focusOnShow]=\"false\" [minWidth]=\"400\" [styleClass]=\"'recyclebin-delete__dialog'\">\n\n    <div>\n        <span>{{'eo.recyclebin.details.delete.dialog.message' | translate}}</span>\n        <br>\n        <span class=\"recyclebin-delete__dialog_warning\">{{'eo.recyclebin.details.delete.dialog.message.warning' |\n            translate}}</span>\n    </div>\n    <div class=\"action-buttons recyclebin-delete--action-buttons flex-row\">\n        <button type=\"button\" class=\"button cancel\" (click)=\"showDeleteDialog = false\"\n            translate>eo.recyclebin.details.delete.dialog.cancel</button>\n        <button type=\"button\" #confirmDelete (click)=\"deleteDmsObject()\" class=\"button primary\"\n            translate>eo.recyclebin.details.delete.dialog.delete</button>\n    </div>\n</eo-dialog>\n", styles: [":host{display:flex;flex:1;flex-direction:column;min-height:0;min-width:0;background:var(--panel-background-grey);height:100%;overflow-y:auto}:host .eo-head .eo-header .eo-header-info .eo-header-title,:host .eo-head .eo-header .eo-header-info .eo-header-subtitle{-webkit-user-select:text;user-select:text}:host .actions{display:flex;align-items:center;align-self:flex-start}[dir=ltr] :host .actions button{margin-left:calc(var(--app-pane-padding) / 2)}[dir=rtl] :host .actions button{margin-right:calc(var(--app-pane-padding) / 2)}:host .actions eo-icon{padding:calc(var(--app-pane-padding) / 4)}:host .eo-body{background-color:var(--panel-background)}:host .eo-body__not-available{opacity:.4;background:rgba(var(--color-black-rgb),.4)}:host .eo-body yvc-split-tabs{height:100%}:host .sync-tab-btn.enabled{color:var(--color-accent)}: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 .recyclebin-detail__loader{margin:auto}:host ::ng-deep div[eosplitgutter]{background-color:var(--color-white)!important}:host ::ng-deep .indexdata-summary,:host ::ng-deep .object-form-edit{margin:var(--app-pane-padding)}::ng-deep yvc-tabs{height:100%}::ng-deep yvc-tabs>header{background-color:var(--panel-background)}::ng-deep .yvc-split-area{background-color:var(--panel-background-grey)}::ng-deep eo-media{height:100%;overflow:hidden;display:block}::ng-deep .recyclebin-delete__dialog{padding:8px;min-height:unset!important}::ng-deep .recyclebin-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}::ng-deep .recyclebin-delete__dialog .recyclebin-delete__dialog_warning{color:var(--color-error)}\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: MediaComponent, selector: "eo-media", inputs: ["undockDisabled", "enableCloseBtn", "useVersion", "attachments", "searchTerm", "previewUri", "previewFile", "dmsObject"] }, { 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: LoadingSpinnerComponent, selector: "eo-loading-spinner", inputs: ["size", "mode"] }, { kind: "component", type: IndexdataSummaryComponent, selector: "eo-indexdata-summary", inputs: ["indexdata", "dmsObject", "baseparams", "enableVersions", "isChangesTab", "diff"] }, { 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: "directive", type: i12.YvcTabDirective, selector: "[yvcTab]", inputs: ["yvcTab"] }, { kind: "component", type: i19.SplitTabsComponent, selector: "yvc-split-tabs", inputs: ["layoutSettingsID", "config", "panelOrder"], outputs: ["layoutSettingsChange"] }, { kind: "component", type: PluginComponent, selector: "eo-plugin", inputs: ["type", "id", "parent"] }, { kind: "component", type: ObjectHistoryComponent, selector: "eo-object-history", inputs: ["params"] }, { kind: "pipe", type: i4.TranslatePipe, name: "translate" }] }); }
 };
 RecyclebinDetailsComponent = __decorate([
     UntilDestroy()
@@ -20884,6 +20925,7 @@ let PrepareDetailsComponent = class PrepareDetailsComponent {
     download() {
         if (this.preparePhase) {
             const file = this.preparePhase.name === 'content' ? this.selectedTemplateFile : this.preparePhase.data.previewFile;
+            file.uri = file.uri.replace(this.backend.getServiceBase(), '');
             if (file) {
                 this.backend.download(file.uri);
             }
@@ -21865,6 +21907,7 @@ let ResultListComponent = class ResultListComponent {
                 successCallback: (rows, total, relation) => {
                     this.settings = { total, relation, size: this.VIRTUAL_LIST_CHUNK_SIZE, page };
                     this.grid.api.setGridOption('rowData', rows);
+                    this.grid.selectRow(0);
                 }
             });
         }
@@ -22031,7 +22074,7 @@ let StoredQueryDetailsComponent = class StoredQueryDetailsComponent {
     set query(q) {
         this.setQuery(q);
     }
-    constructor(router, searchService, userService, systemService, selection, pendingChanges, storedQueriesService, formHelperService, elemRef, translate) {
+    constructor(router, searchService, userService, systemService, selection, pendingChanges, storedQueriesService, formHelperService, elemRef, translate, eventService) {
         this.router = router;
         this.searchService = searchService;
         this.userService = userService;
@@ -22042,6 +22085,7 @@ let StoredQueryDetailsComponent = class StoredQueryDetailsComponent {
         this.formHelperService = formHelperService;
         this.elemRef = elemRef;
         this.translate = translate;
+        this.eventService = eventService;
         this.FORM_INPUT_TITLE = 'storedQueryTitle';
         this.FORM_INPUT_FULLTEXT = 'storedQueryFulltext';
         this.BASE_PARAMS_FIELDS = Object.keys(SearchQuery.BASE_PARAMS).map(k => SearchQuery.BASE_PARAMS[k]);
@@ -22107,12 +22151,14 @@ let StoredQueryDetailsComponent = class StoredQueryDetailsComponent {
     share() {
         this.storedQuery.roles = this.rolesPicker.value;
         this.storedQueriesService.saveStoredQuery(this.storedQuery).subscribe(_ => {
+            this.eventService.trigger(EnaioEvent.STORED_OBJECT_SHARED);
         }, Utils.throw(null, this.translate.instant('eo.search.storedquery.save.error')));
         this.editingShare = false;
     }
     cancelShare() {
         this.rolesPicker.value = this.storedQuery.roles;
         this.editingShare = false;
+        this.eventService.trigger(EnaioEvent.STORED_OBJECT_SHARED);
     }
     delete() {
         this.storedQueriesService
@@ -22127,6 +22173,7 @@ let StoredQueryDetailsComponent = class StoredQueryDetailsComponent {
         this.storedQueriesService
             .saveStoredQuery(this.storedQuery)
             .subscribe(_ => {
+            this.eventService.trigger(EnaioEvent.STORED_OBJECT_FAVORISED);
         }, Utils.throw(null, this.translate.instant('eo.search.storedquery.save.error')));
     }
     cancelEdit() {
@@ -22483,7 +22530,7 @@ let StoredQueryDetailsComponent = class StoredQueryDetailsComponent {
     trackByIndex(index, item) {
         return index;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: StoredQueryDetailsComponent, deps: [{ token: i2$1.Router }, { token: i1.SearchService }, { token: i1.UserService }, { token: i1.SystemService }, { token: SelectionService }, { token: PendingChangesService }, { token: i1.StoredQueriesService }, { token: ObjectFormHelperService }, { token: i0.ElementRef }, { token: i1.TranslateService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: StoredQueryDetailsComponent, deps: [{ token: i2$1.Router }, { token: i1.SearchService }, { token: i1.UserService }, { token: i1.SystemService }, { token: SelectionService }, { token: PendingChangesService }, { token: i1.StoredQueriesService }, { token: ObjectFormHelperService }, { token: i0.ElementRef }, { token: i1.TranslateService }, { token: i1.EventService }], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.2", type: StoredQueryDetailsComponent, selector: "eo-stored-query-details", inputs: { query: "query" }, outputs: { notifyList: "notifyList" }, viewQueries: [{ propertyName: "storedQueryForm", first: true, predicate: ["storedQueryForm"], descendants: true }], ngImport: i0, template: "<ng-container *ngIf=\"storedQuery\">\n  <div class=\"eo-head\">\n    <header class=\"eo-header\">\n      <eo-icon class=\"eo-header-icon\"\n               [iconSrc]=\"'assets/_default/svg/ic_saved_search.svg'\"\n               [iconTitle]=\"('eo.view.navigation.storedqueries' | translate)\">\n      </eo-icon>\n      <div class=\"eo-header-info\">\n        <h2 class=\"eo-header-title\">{{storedQuery.name}}</h2>\n        <h3 class=\"eo-header-subtitle\" translate>eo.search.title.storedqueries</h3>\n      </div>\n    </header>\n  </div>\n\n  <div class=\"eo-body\">\n\n    <div class=\"form\">\n\n      <ng-template #queryForm>\n        <eo-stored-query [query]=\"storedQuery\" [formOnly]=\"true\" #storedQueryForm\n                         (onQueryLoaded)=\"onStoredQueryLoaded()\"\n                         (onQueryExecute)=\"onStoredQueryExecute($event)\"></eo-stored-query>\n      </ng-template>\n\n      <form class=\"edit-form\" [formGroup]=\"editForm.form\" *ngIf=\"editForm.form; else queryForm\">\n\n        <div class=\"context dark\">\n\n          <!-- title and fulltext term fields -->\n          <eo-form-input class=\"title\">\n            <input type=\"text\" name=\"storedQueryTitle\" maxlength=\"64\" onfocus=\"this.select()\" [formControlName]=\"'storedQueryTitle'\"/>\n          </eo-form-input>\n\n          <eo-query-scope-select [selection]=\"queryScope\" (select)=\"setQueryScope($event)\"></eo-query-scope-select>\n          <div class=\"form-field\">\n            <eo-form-element [skipToggle]=\"true\" [element]=\"editForm.fulltextFormControl\" [situation]=\"'SEARCH'\"></eo-form-element>\n            <eo-dynamic-property-switch [parentFormControl]=\"editForm.fulltextFormControl\"\n                                        (onPropertyChanged)=\"parameterChanged($event)\"></eo-dynamic-property-switch>\n          </div>\n\n          <!-- context type form controls -->\n          <h3>{{storedQuery.contextFolderTypes[0]?.label}}</h3>\n          <div class=\"form-field\" *ngFor=\"let ctxElement of editForm.contextControls; trackBy: trackByQName\">\n            <eo-form-element [element]=\"ctxElement\" [situation]=\"'SEARCH'\"></eo-form-element>\n            <eo-dynamic-property-switch [parentFormControl]=\"ctxElement\" (onPropertyChanged)=\"parameterChanged($event)\"></eo-dynamic-property-switch>\n          </div>\n        </div>\n\n        <!-- object type form controls -->\n        <div class=\"form-fields\" [ngClass]=\"{empty: !editForm.controls?.length}\">\n          <div class=\"form-field\" *ngFor=\"let element of editForm.controls; trackBy: trackByQName\">\n            <eo-form-element [element]=\"element\" [situation]=\"'SEARCH'\"></eo-form-element>\n            <eo-dynamic-property-switch [parentFormControl]=\"element\" (onPropertyChanged)=\"parameterChanged($event)\"></eo-dynamic-property-switch>\n          </div>\n        </div>\n      </form>\n    </div>\n\n    <aside class=\"aside\">\n\n      <!-- favorite and share -->\n      <div class=\"meta-actions\" *ngIf=\"!isNewQuery\">\n\n        <ng-container *ngIf=\"isOwnQuery; else sharedWithMe\">\n          <eo-icon class=\"button btn-share\" [iconSrc]=\"'assets/_default/svg/ic_share.svg'\" *ngIf=\"enableSharing\"\n                   [ngClass]=\"{active: storedQuery.shared || storedQuery.roles.length, editing: editingShare}\"\n                   (click)=\"toggleShareEdit()\"\n                   [iconTitle]=\"iconTitles.share\"></eo-icon>\n\n          <eo-icon class=\"button btn-fav\" [iconSrc]=\"'assets/_default/svg/ic_favorite.svg'\"\n                   [ngClass]=\"{active: storedQuery.favorite}\"\n                   (click)=\"toggleFavoriteState()\"\n                   [iconTitle]=\"iconTitles.favor\"></eo-icon>\n        </ng-container>\n\n        <ng-template #sharedWithMe>\n          <eo-icon class=\"sharedWithMe\" [iconSrc]=\"'assets/_default/svg/ic_share.svg'\" [iconTitle]=\"iconTitles.shared\"></eo-icon>\n          <eo-icon class=\"sharedWithMe\" [iconSrc]=\"'assets/_default/svg/ic_favorite.svg'\" [iconTitle]=\"iconTitles.favored\"></eo-icon>\n        </ng-template>\n\n      </div>\n\n      <!-- roles that share this query -->\n      <div class=\"meta-roles\" *ngIf=\"!isNewQuery\" [ngClass]=\"{dark: editingShare, empty: !storedQuery.roles?.length}\">\n\n        <div class=\"label\" translate>eo.storedquery.share.sharedwith</div>\n        <div class=\"form-field\" *ngIf=\"rolesPicker?.codesystem?.entries\">\n          <eo-codesystem [pickerTitle]=\"rolesPicker.title\"\n                         [codesystem]=\"rolesPicker.codesystem\"\n                         [multiselect]=\"true\"\n                         [readonly]=\"!editingShare\"\n                         [inputStyleClass]=\"'stored-query__share'\"\n                         [(ngModel)]=\"rolesPicker.value\"></eo-codesystem>\n        </div>\n\n        <div class=\"share-actions\" *ngIf=\"editingShare\">\n          <button class=\"secondary\" (click)=\"cancelShare()\" translate>eo.storedquery.share.cancel</button>\n          <button class=\"primary\" (click)=\"share()\" translate>eo.storedquery.share.ok</button>\n        </div>\n      </div>\n\n      <!-- queries meta info like baseparam settings -->\n      <div class=\"meta-data\" *ngIf=\"restrictions?.length\">\n        <div class=\"restriction\" *ngFor=\"let restriction of restrictions; trackBy: trackByIndex\">\n          <div class=\"label\">{{restriction.label}}</div>\n          <div class=\"items\">\n            <div *ngFor=\"let item of restriction.items; trackBy: trackByIndex\">{{item}}</div>\n          </div>\n        </div>\n      </div>\n\n    </aside>\n\n  </div>\n\n  <div class=\"actions\">\n    <ng-container *ngIf=\"!editForm.form; else actionEdit\">\n      <button class=\"secondary btn-delete\" (click)=\"delete()\" [disabled]=\"!isOwnQuery\" translate>eo.storedquery.action.delete</button>\n      <button class=\"secondary btn-open\" (click)=\"setQueryToAppSearch()\" translate>eo.storedquery.load</button>\n      <button class=\"primary grey btn-edit\" (click)=\"edit()\" [disabled]=\"!isOwnQuery\" translate>eo.storedquery.action.edit</button>\n      <button class=\"primary btn-search\" [disabled]=\"storedQuery.state?.isEmpty\" (click)=\"executeQuery()\" translate>eo.storedquery.run</button>\n    </ng-container>\n\n    <ng-template #actionEdit>\n      <!-- action while editing the query form -->\n      <button class=\"secondary btn-cancel\" (click)=\"cancelEdit()\" translate>eo.storedquery.action.cancel</button>\n      <button class=\"primary btn-save\" (click)=\"updateStoredQuery()\" [disabled]=\"editForm.form.invalid\" translate>eo.storedquery.action.save</button>\n    </ng-template>\n  </div>\n\n</ng-container>\n", styles: [":host{--stored-query-aside-width: 300px;display:flex;flex:1;flex-direction:column;min-height:0;min-width:0;background:var(--panel-background-grey);height:100%;overflow-y:auto}:host .eo-head{background-color:var(--color-white);border-bottom:1px solid var(--panel-header-border-bottom-color)}:host .eo-body{overflow-y:hidden}:host .eo-body .form{overflow-y:auto;padding:var(--app-pane-padding);padding-right:calc(var(--stored-query-aside-width) + var(--app-pane-padding) * 2)}:host .eo-body .form eo-stored-query{background-color:var(--color-white);padding:var(--app-pane-padding)}:host .eo-body .aside{width:var(--stored-query-aside-width);position:absolute;right:var(--app-pane-padding);top:var(--app-pane-padding);background-color:rgba(var(--color-black-rgb),.02);border:1px solid rgba(var(--color-black-rgb),.1);box-sizing:border-box;padding:var(--app-pane-padding)}:host .eo-body .aside .meta-actions{display:flex;justify-content:flex-end;margin:0 -2px}:host .eo-body .aside .meta-actions eo-icon{margin:0 2px;padding:4px;color:var(--text-color-hint)}:host .eo-body .aside .meta-actions eo-icon.active{color:var(--color-favorite)}:host .eo-body .aside .meta-actions eo-icon.editing{background-color:var(--color-primary-2);color:var(--color-white);border-radius:2px 2px 0 0}:host .eo-body .aside .meta-actions eo-icon.sharedWithMe{background-color:var(--text-color-hint);color:var(--color-white);border-radius:2px}:host .eo-body .aside .meta-roles.dark{background-color:var(--color-primary-2);color:var(--color-white);border-radius:2px;padding:calc(var(--app-pane-padding) / 2);margin-bottom:var(--app-pane-padding)}:host .eo-body .aside .meta-roles.dark .actions{display:flex}:host .eo-body .aside .meta-roles.dark .label{display:none}:host .eo-body .aside .meta-roles.dark .form-field{background-color:rgba(var(--color-white-rgb),.2)}:host .eo-body .aside .meta-roles .form-field{background-color:rgba(var(--color-white-rgb),.2);border:1px solid rgba(var(--color-black-rgb),.1);padding:2px 2px 4px 4px;margin-bottom:calc(var(--app-pane-padding) / 2)}:host .eo-body .aside .meta-roles .label{color:var(--text-color-caption);font-style:italic;margin-bottom:calc(var(--app-pane-padding) / 4)}:host .eo-body .aside .meta-roles .share-actions{display:flex;justify-content:flex-end;margin:0 calc(var(--app-pane-padding) / 8 * -1)}:host .eo-body .aside .meta-roles .share-actions button{margin:0 calc(var(--app-pane-padding) / 8);padding:calc(var(--app-pane-padding) / 4) calc(var(--app-pane-padding) / 2)}:host .eo-body .aside .meta-roles.empty:not(.dark) .label,:host .eo-body .aside .meta-roles.empty:not(.dark) .form-field{display:none}:host .eo-body .aside .meta-data{order:1;flex:1 1 40%;margin:0 0 var(--app-pane-padding) 0;display:table;border-collapse:collapse}:host .eo-body .aside .meta-data .restriction{display:table-row}:host .eo-body .aside .meta-data .restriction .label{display:table-cell;padding-right:calc(var(--app-pane-padding) / 2);color:var(--text-color-caption);font-style:italic}:host .eo-body .aside .meta-data .restriction .items{display:table-cell;border-left:1px solid rgba(var(--color-black-rgb),.1);padding:0 0 calc(var(--app-pane-padding) / 2) calc(var(--app-pane-padding) / 2)}:host .actions{display:flex;flex-flow:row;justify-content:flex-end;padding:var(--app-pane-padding) calc(var(--app-pane-padding) - 2px);background-color:var(--color-white);border-top:1px solid var(--panel-header-border-bottom-color)}:host .actions button{margin:0 2px}:host .edit-form{background-color:var(--color-white);max-width:500px}:host .edit-form .context{background-color:var(--color-primary-2);padding:calc(var(--app-pane-padding) / 2)}:host .edit-form .context h3{padding:var(--app-pane-padding) 0 calc(var(--app-pane-padding) / 2) 0;margin:0;font-weight:var(--font-weight-light);font-size:var(--font-subhead);color:var(--color-white);display:flex;justify-content:flex-end}:host .edit-form .form-fields{padding:calc(var(--app-pane-padding) / 2)}:host .edit-form .form-fields.empty{display:none}:host .edit-form .form-field{display:flex;flex-flow:row nowrap;align-items:center}:host .edit-form .form-field eo-form-element{flex:1 1 auto}:host .edit-form .form-field eo-dynamic-property-switch{flex:0 0 auto}:host eo-stored-query{max-width:500px;display:block}:host ::ng-deep eo-form-input.title{display:block;margin-bottom:var(--app-pane-padding)}:host ::ng-deep eo-form-input.title input{width:100%;font-size:var(--font-title);font-weight:var(--font-weight-light);border:0;background-color:transparent}\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: FormElementComponent, selector: "eo-form-element", inputs: ["situation", "skipToggle", "element"] }, { 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: QueryScopeSelectComponent, selector: "eo-query-scope-select", inputs: ["selection"], outputs: ["select"] }, { kind: "directive", type: i1$3.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$3.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: 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.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { 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: CodesystemComponent, selector: "eo-codesystem", inputs: ["situation", "pickerTitle", "placeholder", "codesystem", "multiselect", "readonly", "inputStyleClass", "emptyMessage", "filterFunction", "disablingFilterFunction"] }, { kind: "component", type: StoredQueryComponent, selector: "eo-stored-query", inputs: ["query", "formOnly"], outputs: ["onQueryLoaded", "onQueryExecute"] }, { kind: "component", type: DynamicPropertySwitchComponent, selector: "eo-dynamic-property-switch", inputs: ["parentFormControl"], outputs: ["onPropertyChanged"] }, { kind: "pipe", type: i4.TranslatePipe, name: "translate" }] }); }
 };
 StoredQueryDetailsComponent = __decorate([
@@ -22492,7 +22539,7 @@ StoredQueryDetailsComponent = __decorate([
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: StoredQueryDetailsComponent, decorators: [{
             type: Component,
             args: [{ selector: 'eo-stored-query-details', template: "<ng-container *ngIf=\"storedQuery\">\n  <div class=\"eo-head\">\n    <header class=\"eo-header\">\n      <eo-icon class=\"eo-header-icon\"\n               [iconSrc]=\"'assets/_default/svg/ic_saved_search.svg'\"\n               [iconTitle]=\"('eo.view.navigation.storedqueries' | translate)\">\n      </eo-icon>\n      <div class=\"eo-header-info\">\n        <h2 class=\"eo-header-title\">{{storedQuery.name}}</h2>\n        <h3 class=\"eo-header-subtitle\" translate>eo.search.title.storedqueries</h3>\n      </div>\n    </header>\n  </div>\n\n  <div class=\"eo-body\">\n\n    <div class=\"form\">\n\n      <ng-template #queryForm>\n        <eo-stored-query [query]=\"storedQuery\" [formOnly]=\"true\" #storedQueryForm\n                         (onQueryLoaded)=\"onStoredQueryLoaded()\"\n                         (onQueryExecute)=\"onStoredQueryExecute($event)\"></eo-stored-query>\n      </ng-template>\n\n      <form class=\"edit-form\" [formGroup]=\"editForm.form\" *ngIf=\"editForm.form; else queryForm\">\n\n        <div class=\"context dark\">\n\n          <!-- title and fulltext term fields -->\n          <eo-form-input class=\"title\">\n            <input type=\"text\" name=\"storedQueryTitle\" maxlength=\"64\" onfocus=\"this.select()\" [formControlName]=\"'storedQueryTitle'\"/>\n          </eo-form-input>\n\n          <eo-query-scope-select [selection]=\"queryScope\" (select)=\"setQueryScope($event)\"></eo-query-scope-select>\n          <div class=\"form-field\">\n            <eo-form-element [skipToggle]=\"true\" [element]=\"editForm.fulltextFormControl\" [situation]=\"'SEARCH'\"></eo-form-element>\n            <eo-dynamic-property-switch [parentFormControl]=\"editForm.fulltextFormControl\"\n                                        (onPropertyChanged)=\"parameterChanged($event)\"></eo-dynamic-property-switch>\n          </div>\n\n          <!-- context type form controls -->\n          <h3>{{storedQuery.contextFolderTypes[0]?.label}}</h3>\n          <div class=\"form-field\" *ngFor=\"let ctxElement of editForm.contextControls; trackBy: trackByQName\">\n            <eo-form-element [element]=\"ctxElement\" [situation]=\"'SEARCH'\"></eo-form-element>\n            <eo-dynamic-property-switch [parentFormControl]=\"ctxElement\" (onPropertyChanged)=\"parameterChanged($event)\"></eo-dynamic-property-switch>\n          </div>\n        </div>\n\n        <!-- object type form controls -->\n        <div class=\"form-fields\" [ngClass]=\"{empty: !editForm.controls?.length}\">\n          <div class=\"form-field\" *ngFor=\"let element of editForm.controls; trackBy: trackByQName\">\n            <eo-form-element [element]=\"element\" [situation]=\"'SEARCH'\"></eo-form-element>\n            <eo-dynamic-property-switch [parentFormControl]=\"element\" (onPropertyChanged)=\"parameterChanged($event)\"></eo-dynamic-property-switch>\n          </div>\n        </div>\n      </form>\n    </div>\n\n    <aside class=\"aside\">\n\n      <!-- favorite and share -->\n      <div class=\"meta-actions\" *ngIf=\"!isNewQuery\">\n\n        <ng-container *ngIf=\"isOwnQuery; else sharedWithMe\">\n          <eo-icon class=\"button btn-share\" [iconSrc]=\"'assets/_default/svg/ic_share.svg'\" *ngIf=\"enableSharing\"\n                   [ngClass]=\"{active: storedQuery.shared || storedQuery.roles.length, editing: editingShare}\"\n                   (click)=\"toggleShareEdit()\"\n                   [iconTitle]=\"iconTitles.share\"></eo-icon>\n\n          <eo-icon class=\"button btn-fav\" [iconSrc]=\"'assets/_default/svg/ic_favorite.svg'\"\n                   [ngClass]=\"{active: storedQuery.favorite}\"\n                   (click)=\"toggleFavoriteState()\"\n                   [iconTitle]=\"iconTitles.favor\"></eo-icon>\n        </ng-container>\n\n        <ng-template #sharedWithMe>\n          <eo-icon class=\"sharedWithMe\" [iconSrc]=\"'assets/_default/svg/ic_share.svg'\" [iconTitle]=\"iconTitles.shared\"></eo-icon>\n          <eo-icon class=\"sharedWithMe\" [iconSrc]=\"'assets/_default/svg/ic_favorite.svg'\" [iconTitle]=\"iconTitles.favored\"></eo-icon>\n        </ng-template>\n\n      </div>\n\n      <!-- roles that share this query -->\n      <div class=\"meta-roles\" *ngIf=\"!isNewQuery\" [ngClass]=\"{dark: editingShare, empty: !storedQuery.roles?.length}\">\n\n        <div class=\"label\" translate>eo.storedquery.share.sharedwith</div>\n        <div class=\"form-field\" *ngIf=\"rolesPicker?.codesystem?.entries\">\n          <eo-codesystem [pickerTitle]=\"rolesPicker.title\"\n                         [codesystem]=\"rolesPicker.codesystem\"\n                         [multiselect]=\"true\"\n                         [readonly]=\"!editingShare\"\n                         [inputStyleClass]=\"'stored-query__share'\"\n                         [(ngModel)]=\"rolesPicker.value\"></eo-codesystem>\n        </div>\n\n        <div class=\"share-actions\" *ngIf=\"editingShare\">\n          <button class=\"secondary\" (click)=\"cancelShare()\" translate>eo.storedquery.share.cancel</button>\n          <button class=\"primary\" (click)=\"share()\" translate>eo.storedquery.share.ok</button>\n        </div>\n      </div>\n\n      <!-- queries meta info like baseparam settings -->\n      <div class=\"meta-data\" *ngIf=\"restrictions?.length\">\n        <div class=\"restriction\" *ngFor=\"let restriction of restrictions; trackBy: trackByIndex\">\n          <div class=\"label\">{{restriction.label}}</div>\n          <div class=\"items\">\n            <div *ngFor=\"let item of restriction.items; trackBy: trackByIndex\">{{item}}</div>\n          </div>\n        </div>\n      </div>\n\n    </aside>\n\n  </div>\n\n  <div class=\"actions\">\n    <ng-container *ngIf=\"!editForm.form; else actionEdit\">\n      <button class=\"secondary btn-delete\" (click)=\"delete()\" [disabled]=\"!isOwnQuery\" translate>eo.storedquery.action.delete</button>\n      <button class=\"secondary btn-open\" (click)=\"setQueryToAppSearch()\" translate>eo.storedquery.load</button>\n      <button class=\"primary grey btn-edit\" (click)=\"edit()\" [disabled]=\"!isOwnQuery\" translate>eo.storedquery.action.edit</button>\n      <button class=\"primary btn-search\" [disabled]=\"storedQuery.state?.isEmpty\" (click)=\"executeQuery()\" translate>eo.storedquery.run</button>\n    </ng-container>\n\n    <ng-template #actionEdit>\n      <!-- action while editing the query form -->\n      <button class=\"secondary btn-cancel\" (click)=\"cancelEdit()\" translate>eo.storedquery.action.cancel</button>\n      <button class=\"primary btn-save\" (click)=\"updateStoredQuery()\" [disabled]=\"editForm.form.invalid\" translate>eo.storedquery.action.save</button>\n    </ng-template>\n  </div>\n\n</ng-container>\n", styles: [":host{--stored-query-aside-width: 300px;display:flex;flex:1;flex-direction:column;min-height:0;min-width:0;background:var(--panel-background-grey);height:100%;overflow-y:auto}:host .eo-head{background-color:var(--color-white);border-bottom:1px solid var(--panel-header-border-bottom-color)}:host .eo-body{overflow-y:hidden}:host .eo-body .form{overflow-y:auto;padding:var(--app-pane-padding);padding-right:calc(var(--stored-query-aside-width) + var(--app-pane-padding) * 2)}:host .eo-body .form eo-stored-query{background-color:var(--color-white);padding:var(--app-pane-padding)}:host .eo-body .aside{width:var(--stored-query-aside-width);position:absolute;right:var(--app-pane-padding);top:var(--app-pane-padding);background-color:rgba(var(--color-black-rgb),.02);border:1px solid rgba(var(--color-black-rgb),.1);box-sizing:border-box;padding:var(--app-pane-padding)}:host .eo-body .aside .meta-actions{display:flex;justify-content:flex-end;margin:0 -2px}:host .eo-body .aside .meta-actions eo-icon{margin:0 2px;padding:4px;color:var(--text-color-hint)}:host .eo-body .aside .meta-actions eo-icon.active{color:var(--color-favorite)}:host .eo-body .aside .meta-actions eo-icon.editing{background-color:var(--color-primary-2);color:var(--color-white);border-radius:2px 2px 0 0}:host .eo-body .aside .meta-actions eo-icon.sharedWithMe{background-color:var(--text-color-hint);color:var(--color-white);border-radius:2px}:host .eo-body .aside .meta-roles.dark{background-color:var(--color-primary-2);color:var(--color-white);border-radius:2px;padding:calc(var(--app-pane-padding) / 2);margin-bottom:var(--app-pane-padding)}:host .eo-body .aside .meta-roles.dark .actions{display:flex}:host .eo-body .aside .meta-roles.dark .label{display:none}:host .eo-body .aside .meta-roles.dark .form-field{background-color:rgba(var(--color-white-rgb),.2)}:host .eo-body .aside .meta-roles .form-field{background-color:rgba(var(--color-white-rgb),.2);border:1px solid rgba(var(--color-black-rgb),.1);padding:2px 2px 4px 4px;margin-bottom:calc(var(--app-pane-padding) / 2)}:host .eo-body .aside .meta-roles .label{color:var(--text-color-caption);font-style:italic;margin-bottom:calc(var(--app-pane-padding) / 4)}:host .eo-body .aside .meta-roles .share-actions{display:flex;justify-content:flex-end;margin:0 calc(var(--app-pane-padding) / 8 * -1)}:host .eo-body .aside .meta-roles .share-actions button{margin:0 calc(var(--app-pane-padding) / 8);padding:calc(var(--app-pane-padding) / 4) calc(var(--app-pane-padding) / 2)}:host .eo-body .aside .meta-roles.empty:not(.dark) .label,:host .eo-body .aside .meta-roles.empty:not(.dark) .form-field{display:none}:host .eo-body .aside .meta-data{order:1;flex:1 1 40%;margin:0 0 var(--app-pane-padding) 0;display:table;border-collapse:collapse}:host .eo-body .aside .meta-data .restriction{display:table-row}:host .eo-body .aside .meta-data .restriction .label{display:table-cell;padding-right:calc(var(--app-pane-padding) / 2);color:var(--text-color-caption);font-style:italic}:host .eo-body .aside .meta-data .restriction .items{display:table-cell;border-left:1px solid rgba(var(--color-black-rgb),.1);padding:0 0 calc(var(--app-pane-padding) / 2) calc(var(--app-pane-padding) / 2)}:host .actions{display:flex;flex-flow:row;justify-content:flex-end;padding:var(--app-pane-padding) calc(var(--app-pane-padding) - 2px);background-color:var(--color-white);border-top:1px solid var(--panel-header-border-bottom-color)}:host .actions button{margin:0 2px}:host .edit-form{background-color:var(--color-white);max-width:500px}:host .edit-form .context{background-color:var(--color-primary-2);padding:calc(var(--app-pane-padding) / 2)}:host .edit-form .context h3{padding:var(--app-pane-padding) 0 calc(var(--app-pane-padding) / 2) 0;margin:0;font-weight:var(--font-weight-light);font-size:var(--font-subhead);color:var(--color-white);display:flex;justify-content:flex-end}:host .edit-form .form-fields{padding:calc(var(--app-pane-padding) / 2)}:host .edit-form .form-fields.empty{display:none}:host .edit-form .form-field{display:flex;flex-flow:row nowrap;align-items:center}:host .edit-form .form-field eo-form-element{flex:1 1 auto}:host .edit-form .form-field eo-dynamic-property-switch{flex:0 0 auto}:host eo-stored-query{max-width:500px;display:block}:host ::ng-deep eo-form-input.title{display:block;margin-bottom:var(--app-pane-padding)}:host ::ng-deep eo-form-input.title input{width:100%;font-size:var(--font-title);font-weight:var(--font-weight-light);border:0;background-color:transparent}\n"] }]
-        }], ctorParameters: () => [{ type: i2$1.Router }, { type: i1.SearchService }, { type: i1.UserService }, { type: i1.SystemService }, { type: SelectionService }, { type: PendingChangesService }, { type: i1.StoredQueriesService }, { type: ObjectFormHelperService }, { type: i0.ElementRef }, { type: i1.TranslateService }], propDecorators: { storedQueryForm: [{
+        }], ctorParameters: () => [{ type: i2$1.Router }, { type: i1.SearchService }, { type: i1.UserService }, { type: i1.SystemService }, { type: SelectionService }, { type: PendingChangesService }, { type: i1.StoredQueriesService }, { type: ObjectFormHelperService }, { type: i0.ElementRef }, { type: i1.TranslateService }, { type: i1.EventService }], propDecorators: { storedQueryForm: [{
                 type: ViewChild,
                 args: ['storedQueryForm']
             }], query: [{
@@ -22977,10 +23024,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.8", "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.13", "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.2", "license": "MIT" }, { "name": "@yuuvis/widget-grid", "version": "2.0.5", "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.9',
+            componentVersion: '11.0.0',
             productName: '',
             productVersion: ''
         };
@@ -23170,11 +23217,11 @@ class IframeWidgetComponent {
         return this._widgetConfig;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: IframeWidgetComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.1.2", type: IframeWidgetComponent, selector: "eo-iframe-widget", inputs: { widgetConfig: "widgetConfig" }, viewQueries: [{ propertyName: "iframe", first: true, predicate: ["iframe"], descendants: true, static: true }], ngImport: i0, template: "@if (widgetConfig?.title) {\n  <header>\n    <a>{{ widgetConfig?.title }}</a>\n  </header>\n}\n\n@if (widgetConfig?.url === '') {\n  <div class=\"iframe\"></div>\n} @else {\n  <div class=\"container\" [style.overflow]=\"'hidden'\">\n    <iframe class=\"responsive-iframe\" [src]=\"widgetConfig?.url | safeUrl\" #iframe></iframe>\n  </div>\n}\n", styles: [":host header{background-color:var(--color-primary-2);height:40px;display:flex;justify-content:center;align-items:center;color:#fff}:host .container{position:relative;width:100%;overflow:hidden;height:570px}:host .container .responsive-iframe{width:100%;height:100%;border:none}\n"], dependencies: [{ kind: "pipe", type: SafeUrlPipe, name: "safeUrl" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.1.2", type: IframeWidgetComponent, selector: "eo-iframe-widget", inputs: { widgetConfig: "widgetConfig" }, viewQueries: [{ propertyName: "iframe", first: true, predicate: ["iframe"], descendants: true, static: true }], ngImport: i0, template: "@if (widgetConfig?.title) {\n  <header>\n    <a>{{ widgetConfig?.title }}</a>\n  </header>\n}\n\n@if (widgetConfig?.url === '') {\n  <div class=\"iframe\"></div>\n} @else {\n  <div class=\"container\" [style.overflow]=\"'hidden'\">\n    <iframe class=\"responsive-iframe\" [src]=\"widgetConfig?.url | safeUrl\" #iframe></iframe>\n  </div>\n}\n", styles: [":host{height:100%;width:100%;display:block}:host header{background-color:var(--color-primary-2);height:40px;display:flex;justify-content:center;align-items:center;color:#fff}:host .container{position:relative;width:100%;height:100%;overflow:hidden}:host .container .responsive-iframe{width:100%;height:100%;border:none}\n"], dependencies: [{ kind: "pipe", type: SafeUrlPipe, name: "safeUrl" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: IframeWidgetComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'eo-iframe-widget', template: "@if (widgetConfig?.title) {\n  <header>\n    <a>{{ widgetConfig?.title }}</a>\n  </header>\n}\n\n@if (widgetConfig?.url === '') {\n  <div class=\"iframe\"></div>\n} @else {\n  <div class=\"container\" [style.overflow]=\"'hidden'\">\n    <iframe class=\"responsive-iframe\" [src]=\"widgetConfig?.url | safeUrl\" #iframe></iframe>\n  </div>\n}\n", styles: [":host header{background-color:var(--color-primary-2);height:40px;display:flex;justify-content:center;align-items:center;color:#fff}:host .container{position:relative;width:100%;overflow:hidden;height:570px}:host .container .responsive-iframe{width:100%;height:100%;border:none}\n"] }]
+            args: [{ selector: 'eo-iframe-widget', template: "@if (widgetConfig?.title) {\n  <header>\n    <a>{{ widgetConfig?.title }}</a>\n  </header>\n}\n\n@if (widgetConfig?.url === '') {\n  <div class=\"iframe\"></div>\n} @else {\n  <div class=\"container\" [style.overflow]=\"'hidden'\">\n    <iframe class=\"responsive-iframe\" [src]=\"widgetConfig?.url | safeUrl\" #iframe></iframe>\n  </div>\n}\n", styles: [":host{height:100%;width:100%;display:block}:host header{background-color:var(--color-primary-2);height:40px;display:flex;justify-content:center;align-items:center;color:#fff}:host .container{position:relative;width:100%;height:100%;overflow:hidden}:host .container .responsive-iframe{width:100%;height:100%;border:none}\n"] }]
         }], propDecorators: { iframe: [{
                 type: ViewChild,
                 args: ['iframe', { static: true }]
@@ -23258,6 +23305,8 @@ let LastEditedAndCreatedComponent = class LastEditedAndCreatedComponent {
             total: 0,
             lately: []
         };
+        this.editMode = false;
+        this.empty = false;
         this.tabs = [];
     }
     loadTabs() {
@@ -23329,9 +23378,10 @@ let LastEditedAndCreatedComponent = class LastEditedAndCreatedComponent {
         }
         this.searchService
             .executeQuery(q, false, this._widgetConfig?.number)
-            .subscribe(res => {
-            this.modifiedByMe.total = res.hits.total;
-            this.modifiedByMe.lately = res.hits.hits.map(item => {
+            .subscribe(({ hits }) => {
+            this.modifiedByMe.total = hits.total;
+            this.empty = hits.total.value === 0 ? true : false;
+            this.modifiedByMe.lately = hits.hits.map(item => {
                 const { id, title, description, type, modified } = item._source;
                 return {
                     id,
@@ -23368,9 +23418,9 @@ let LastEditedAndCreatedComponent = class LastEditedAndCreatedComponent {
         }
         this.searchService
             .executeQuery(q, false, this._widgetConfig?.number)
-            .subscribe(res => {
-            this.createdByMe.total = res.hits.total;
-            this.createdByMe.lately = res.hits.hits.map(item => {
+            .subscribe(({ hits }) => {
+            this.createdByMe.total = hits.total;
+            this.createdByMe.lately = hits.hits.map(item => {
                 const { id, title, description, type, created } = item._source;
                 return {
                     id,
@@ -23382,16 +23432,22 @@ let LastEditedAndCreatedComponent = class LastEditedAndCreatedComponent {
             });
         });
     }
+    onItemClick(item, event) {
+        const url = window.location.href.split('/dashboard')[0] + '/object/' + item.id + '?type=' + item.type.name + '\n';
+        window.open(url, event?.ctrlKey || this.editMode ? '_blank' : '_self');
+    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: 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 && (this.modifiedByMe?.lately.length || this.createdByMe?.lately.length)) {\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" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.1.2", type: LastEditedAndCreatedComponent, selector: "eo-last-edited-and-created", inputs: { editMode: "editMode", widgetConfig: "widgetConfig" }, viewQueries: [{ propertyName: "availableTabs", predicate: YvcTabDirective, descendants: true }], ngImport: i0, template: "@if (tabs && (this.modifiedByMe?.lately.length || this.createdByMe?.lately.length)) {\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\" (click)=\"onItemClick(item, $event)\" target=\"_blank\">\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\" (click)=\"onItemClick(item, $event)\">\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: "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 && (this.modifiedByMe?.lately.length || this.createdByMe?.lately.length)) {\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: [{
+            args: [{ selector: 'eo-last-edited-and-created', template: "@if (tabs && (this.modifiedByMe?.lately.length || this.createdByMe?.lately.length)) {\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\" (click)=\"onItemClick(item, $event)\" target=\"_blank\">\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\" (click)=\"onItemClick(item, $event)\">\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: { editMode: [{
+                type: Input
+            }], availableTabs: [{
                 type: ViewChildren,
                 args: [YvcTabDirective]
             }], widgetConfig: [{
@@ -23841,59 +23897,61 @@ let HitlistSetupComponent = class HitlistSetupComponent {
             };
         });
     }
-    ngOnInit() {
-        if (this._widgetConfig?.storedQuery) {
-            this.getStoredQuery(this._widgetConfig?.storedQuery).pipe(catchError(error => {
-                if (error.status === 404) {
-                    this.setupForm.patchValue({
-                        storedQuery: '',
-                        size: '5',
-                        firstLabel: 'created',
-                        secondLabel: 'title',
-                        thirdLabel: 'description',
-                        sortField: 'modified'
-                    });
-                    return EMPTY;
-                }
-                throw error;
-            })).subscribe(() => {
+    getInitialFormValues() {
+        return {
+            storedQuery: this.storedQuery ? this.storedQuery.name : '',
+            size: this._widgetConfig ? this._widgetConfig.formValue.size : '5',
+            firstLabel: this._widgetConfig ? this._widgetConfig.formValue.firstLabel : 'created',
+            secondLabel: this._widgetConfig ? this._widgetConfig.formValue.secondLabel : 'title',
+            thirdLabel: this._widgetConfig ? this._widgetConfig.formValue.thirdLabel : 'description',
+            sortField: this._widgetConfig ? this._widgetConfig.formValue.sortField : 'modified',
+            sortRevert: this._widgetConfig ? this._widgetConfig.formValue.sortRevert : '',
+        };
+    }
+    setFieldDefinition() {
+        const type = this.storedQuery.types.length !== 1 ? this.storedQuery.types[0].qname : 'sysdocument';
+        this.getFieldDefinition(type);
+    }
+    runStoredQuery() {
+        this.getStoredQuery(this._widgetConfig?.storedQuery).pipe(catchError(error => {
+            if (error.status === 404) {
                 this.setupForm.patchValue({
-                    storedQuery: this.storedQuery ? this.storedQuery.name : '',
-                    size: this._widgetConfig ? this._widgetConfig.formValue.size : '5',
-                    firstLabel: this._widgetConfig ? this._widgetConfig.formValue.firstLabel : 'created',
-                    secondLabel: this._widgetConfig ? this._widgetConfig.formValue.secondLabel : 'title',
-                    thirdLabel: this._widgetConfig ? this._widgetConfig.formValue.thirdLabel : 'description',
-                    sortField: this._widgetConfig ? this._widgetConfig.formValue.sortField : 'modified',
-                    sortRevert: this._widgetConfig ? this._widgetConfig.formValue.sortRevert : '',
+                    storedQuery: '',
+                    size: '5',
+                    firstLabel: 'created',
+                    secondLabel: 'title',
+                    thirdLabel: 'description',
+                    sortField: 'modified'
                 });
-                if (this.storedQuery.types.length !== 1) {
-                    this.getFieldDefinition('sysdocument');
-                }
-                else {
-                    this.getFieldDefinition(this.storedQuery.types[0].qname);
-                }
+                return EMPTY;
+            }
+            throw error;
+        })).subscribe(() => {
+            this.setupForm.patchValue({
+                ...this.getInitialFormValues()
             });
+            this.setFieldDefinition();
+        });
+    }
+    ngOnInit() {
+        if (this._widgetConfig?.storedQuery) {
+            this.runStoredQuery();
         }
         else {
             this.setupForm.patchValue({
-                storedQuery: '',
-                size: '5',
-                firstLabel: 'created',
-                secondLabel: 'title',
-                thirdLabel: 'description',
-                sortField: 'modified'
+                ...this.getInitialFormValues()
             });
         }
     }
     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.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" }] }); }
+    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-top:var(--app-pane-padding)}:host .setup .propertyPicker{padding-bottom:30px;padding-top:30px}:host .setup .err-msg{color:var(--color-error)}:host .preview{grid-area:preview;overflow-y:auto;background-color:var(--main-background);padding:var(--app-pane-padding)}:host .preview eo-hitlist-widget{border:1px solid var(--panel-divider-color)}\n"], dependencies: [{ kind: "directive", type: i1$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.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"] }]
+            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-top:var(--app-pane-padding)}:host .setup .propertyPicker{padding-bottom:30px;padding-top:30px}:host .setup .err-msg{color:var(--color-error)}:host .preview{grid-area:preview;overflow-y:auto;background-color:var(--main-background);padding:var(--app-pane-padding)}:host .preview eo-hitlist-widget{border:1px solid var(--panel-divider-color)}\n"] }]
         }], ctorParameters: () => [{ type: i1$3.UntypedFormBuilder }, { type: i1.StoredQueriesService }, { type: i1.TranslateService }, { type: i1.UserService }, { type: i1.SystemService }], propDecorators: { widgetConfigChange: [{
                 type: Output
             }], widgetConfigStateChange: [{
@@ -23979,6 +24037,18 @@ let ChartsWidgetComponent = class ChartsWidgetComponent {
             legend: {
                 enabled: false,
             },
+            axes: {
+                bottom: {
+                    mapsTo: 'date',
+                    scaleType: 'time',
+                    title: ''
+                },
+                left: {
+                    mapsTo: 'value',
+                    scaleType: 'linear',
+                    title: ''
+                },
+            }
         };
         this.lineCurveChartOption = {
             ...this.sharedOptions,
@@ -24125,6 +24195,7 @@ let ChartsWidgetComponent = class ChartsWidgetComponent {
                 aggsQquery = {
                     [fieldKey]: {
                         order: sort ? 'asc' : 'desc',
+                        histogram: { calendar_interval: 'month', format: 'yyyy-MM' },
                         sort: '_count',
                         min_doc_count: minDocCount,
                         size: this._widgetConfig?.formValue?.size || 10,
@@ -24148,7 +24219,7 @@ let ChartsWidgetComponent = class ChartsWidgetComponent {
                         }
                         else {
                             return {
-                                group: e.key.replace('_', '-'),
+                                group: typeof e.key === 'string' ? e.key.replace('_', '-') : e.key,
                                 value: e.doc_count,
                             };
                         }
@@ -24161,7 +24232,7 @@ let ChartsWidgetComponent = class ChartsWidgetComponent {
                 if (this._widgetConfig?.formValue?.aggregation === 'sysobject.modified') {
                     this.chartData = res.aggregations.modified.buckets.map((e) => {
                         return {
-                            group: this.translate.instant('eo.search.agg.time.' + e.key),
+                            group: e.key_as_string,
                             value: e.doc_count,
                         };
                     });
@@ -24169,7 +24240,7 @@ let ChartsWidgetComponent = class ChartsWidgetComponent {
                 if (this._widgetConfig?.formValue?.aggregation === 'sysobject.created') {
                     this.chartData = res.aggregations.created.buckets.map((e) => {
                         return {
-                            group: this.translate.instant('eo.search.agg.time.' + e.key),
+                            group: e.key_as_string,
                             value: e.doc_count,
                         };
                     });
@@ -24281,7 +24352,7 @@ let ChartsSetupComponent = class ChartsSetupComponent {
             sortRevert: [false],
             interval: [null],
             startingpoint: [null],
-            minDocCount: [0],
+            minDocCount: [1],
             title: ['', [Validators.maxLength(50)]],
             xAxe: ['', [Validators.maxLength(50)]],
             yAxe: ['', [Validators.maxLength(50)]]
@@ -24375,14 +24446,9 @@ let ChartsSetupComponent = class ChartsSetupComponent {
     }
     updateField() {
         this.getHistogramField();
-        if (this.storedQuery?.types?.length !== 1) {
-            this.getAggregationField('sysdocument');
-            this.getAttributMetricCodesystem('sysdocument');
-        }
-        else {
-            this.getAggregationField(this.storedQuery?.types[0]?.qname);
-            this.getAttributMetricCodesystem(this.storedQuery?.types[0]?.qname);
-        }
+        const type = this.storedQuery?.types?.length === 1 ? this.storedQuery?.types[0]?.qname : 'sysdocument';
+        this.getAggregationField(type);
+        this.getAttributMetricCodesystem(type);
     }
     getAggregationField(type) {
         this.aggregationPicker.codesystem = null;
@@ -24551,95 +24617,78 @@ let ChartsSetupComponent = class ChartsSetupComponent {
             };
         });
     }
-    ngOnInit() {
-        if (this._widgetConfig?.storedQuery) {
-            this.getStoredQuery(this._widgetConfig?.storedQuery).subscribe(() => {
+    getInitialFormValues() {
+        return {
+            chartType: this._widgetConfig?.formValue?.chartType || 'pie',
+            size: this._widgetConfig?.formValue?.size || 10,
+            aggregation: this._widgetConfig?.formValue?.aggregation || 'sysobject.created',
+            histogramType: this._widgetConfig?.formValue?.histogramType || 'monthly',
+            attributMetric: this._widgetConfig?.formValue?.attributMetric || '',
+            metric: this._widgetConfig?.formValue?.metric || 'sum',
+            sortRevert: this._widgetConfig?.formValue?.sortRevert || '',
+            interval: this._widgetConfig?.formValue?.interval || 1000,
+            startingpoint: this._widgetConfig?.formValue?.startingpoint || 0,
+            min_doc_count: this._widgetConfig?.formValue?.minDocCount || 1,
+            title: this._widgetConfig?.formValue?.title || '',
+            xAxe: this._widgetConfig?.formValue?.xAxe || '',
+            yAxe: this._widgetConfig?.formValue?.yAxe || '',
+        };
+    }
+    updateTypeFlags() {
+        setTimeout(() => {
+            this.isDateTimeType = this.widgetConfig?.formValue.aggregation === 'sysobject.created' || this.widgetConfig?.aggregationType === 'DATETIME';
+            this.isNumberType = this.widgetConfig?.aggregationType === 'NUMBER';
+        }, 100);
+    }
+    storedQuerySubscription() {
+        this.getStoredQuery(this._widgetConfig?.storedQuery).subscribe(() => {
+            this.setupForm.patchValue({
+                storedQuery: this.storedQuery ? this.storedQuery.name : '',
+                ...this.getInitialFormValues(),
+            });
+            if (this.storedQuery) {
+                this.selectedSavedSearchName = this.setupForm.get('storedQuery').value;
+                this.updateField();
                 this.setupForm.patchValue({
-                    storedQuery: this.storedQuery ? this.storedQuery.name : '',
-                    chartType: this._widgetConfig ? this._widgetConfig?.formValue?.chartType : 'pie',
-                    size: this._widgetConfig && this._widgetConfig?.formValue?.size ? this._widgetConfig?.formValue?.size : 10,
-                    aggregation: this._widgetConfig ? this._widgetConfig.formValue.aggregation : 'sysobject.created',
-                    histogramType: this._widgetConfig && this._widgetConfig?.formValue?.histogramType ? this._widgetConfig?.formValue?.histogramType : 'monthly',
-                    attributMetric: this._widgetConfig && this._widgetConfig?.formValue?.attributMetric ? this._widgetConfig?.formValue?.attributMetric : '',
-                    metric: this._widgetConfig && this._widgetConfig?.formValue?.metric ? this._widgetConfig?.formValue?.metric : 'sum',
-                    sortRevert: this._widgetConfig ? this._widgetConfig.formValue.sortRevert : '',
-                    interval: this._widgetConfig ? this._widgetConfig?.formValue.interval : 1000,
-                    startingpoint: this._widgetConfig ? this._widgetConfig?.formValue.startingpoint : 0,
-                    min_doc_count: this._widgetConfig?.formValue?.minDocCount ? this._widgetConfig?.formValue?.minDocCount : 0,
-                    title: this._widgetConfig ? this._widgetConfig?.formValue?.title : '',
-                    xAxe: this._widgetConfig ? this._widgetConfig?.formValue?.xAxe : '',
-                    yAxe: this._widgetConfig ? this._widgetConfig?.formValue?.yAxe : '',
+                    aggregation: this._widgetConfig?.formValue?.aggregation || 'sysobject.created',
+                    attributMetric: this._widgetConfig?.formValue?.attributMetric || '',
                 });
-                if (this.storedQuery) {
-                    this.selectedSavedSearchName = this.setupForm.get('storedQuery').value;
-                    if (this.storedQuery.types.length !== 1) {
-                        this.getAggregationField('sysdocument');
-                        this.getAttributMetricCodesystem('sysdocument');
-                    }
-                    else {
-                        this.getAggregationField(this.storedQuery.types[0].qname);
-                        this.getAttributMetricCodesystem(this.storedQuery.types[0].qname);
-                    }
-                    setTimeout(() => {
-                        this.setupForm.patchValue({
-                            aggregation: this._widgetConfig ? this._widgetConfig.formValue.aggregation : 'sysobject.created',
-                            attributMetric: this._widgetConfig && this._widgetConfig?.formValue?.attributMetric ? this._widgetConfig?.formValue?.attributMetric : '',
-                        });
-                        this.isDateTimeType = this.widgetConfig?.formValue.aggregation === 'sysobject.created' || this.widgetConfig?.aggregationType === 'DATETIME';
-                        this.isNumberType = this.widgetConfig?.aggregationType === 'NUMBER';
-                    }, 100);
-                }
-            }, (error) => {
-                this.isDateTimeType = false;
-                this.isNumberType = false;
-                this._widgetConfig.aggregationType = null;
-                if (error.status === 404) {
-                    this.setupForm.patchValue({
-                        chartType: 'pie',
-                        aggregation: this._widgetConfig ? this._widgetConfig.formValue.aggregation : 'sysobject.created',
-                        histogramType: 'monthly',
-                        attributMetric: this._widgetConfig && this._widgetConfig?.formValue?.attributMetric ? this._widgetConfig?.formValue?.attributMetric : '',
-                        metric: this._widgetConfig && this._widgetConfig?.formValue?.metric ? this._widgetConfig?.formValue?.metric : 'sum',
-                        sortRevert: this._widgetConfig ? this._widgetConfig.formValue.sortRevert : '',
-                        size: 10,
-                        interval: 1000,
-                        startingpoint: 0,
-                        min_doc_count: this._widgetConfig?.formValue?.minDocCount ? this._widgetConfig?.formValue?.minDocCount : 0,
-                        title: '',
-                        xAxe: '',
-                        yAxe: '',
-                    });
-                    return EMPTY;
-                }
+                this.updateTypeFlags();
+            }
+        }, (error) => {
+            this.queryError(error);
+        });
+    }
+    queryError(error) {
+        this.isDateTimeType = false;
+        this.isNumberType = false;
+        this._widgetConfig.aggregationType = null;
+        if (error.status === 404) {
+            this.setupForm.patchValue({
+                ...this.getInitialFormValues(),
             });
+            return EMPTY;
+        }
+    }
+    ngOnInit() {
+        if (this._widgetConfig?.storedQuery) {
+            this.storedQuerySubscription();
         }
         else {
             this.setupForm.patchValue({
-                chartType: this._widgetConfig ? this._widgetConfig?.formValue?.chartType : 'pie',
-                aggregation: this._widgetConfig ? this._widgetConfig.formValue.aggregation : 'sysobject.created',
-                histogramType: this._widgetConfig && this._widgetConfig?.formValue?.histogramType ? this._widgetConfig?.formValue?.histogramType : 'monthly',
-                attributMetric: this._widgetConfig && this._widgetConfig?.formValue?.attributMetric ? this._widgetConfig?.formValue?.attributMetric : '',
-                metric: this._widgetConfig && this._widgetConfig?.formValue?.metric ? this._widgetConfig?.formValue?.metric : 'sum',
-                sortRevert: this._widgetConfig ? this._widgetConfig.formValue.sortRevert : '',
-                size: this._widgetConfig ? this._widgetConfig?.formValue?.size : 10,
-                interval: this._widgetConfig ? this._widgetConfig.formValue.interval : 1000,
-                startingpoint: this._widgetConfig ? this._widgetConfig.formValue.startingpoint : 0,
-                min_doc_count: this._widgetConfig?.formValue?.minDocCount ? this._widgetConfig?.formValue?.minDocCount : 0,
-                title: this._widgetConfig ? this._widgetConfig?.formValue?.title : '',
-                xAxe: this._widgetConfig ? this._widgetConfig?.formValue?.xAxe : '',
-                yAxe: this._widgetConfig ? this._widgetConfig?.formValue?.yAxe : '',
+                ...this.getInitialFormValues(),
             });
         }
     }
     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.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" }] }); }
+    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 && !isNumberType) {\n      @if (widgetConfig.formValue.chartType === 'bar') {\n        <eo-form-input class=\"label checkbox\" [label]=\"'eo.workspace.widget.form.label.sortRevert'|translate\"\n                       [skipToggle]=\"true\">\n          <eo-checkbox formControlName=\"sortRevert\" [tristate]=\"false\"></eo-checkbox>\n        </eo-form-input>\n      }\n      @if (widgetConfig.formValue.chartType === 'bar' || widgetConfig.formValue.chartType === 'pie' || widgetConfig.formValue.chartType === 'ring' && !widgetConfig?.formValue?.attributMetric && !isNumberType) {\n        <eo-form-input class=\"threshold-success\" [skipToggle]=\"true\"\n                       [label]=\"'eo.workspace.widget.form.label.minDocCount' | translate\">\n          <eo-number [scale]=\"0\" formControlName=\"minDocCount\">\n          </eo-number>\n        </eo-form-input>\n      }\n    }\n\n    @if (isNumberType) {\n      <eo-form-input [skipToggle]=\"true\"\n                     [label]=\"'eo.workspace.widget.charts.interval' | translate\"\n                     [invalid]=\"setupForm.dirty && setupForm.get('interval').invalid\">\n        <eo-number [scale]=\"0\" formControlName=\"interval\"></eo-number>\n      </eo-form-input>\n\n      <eo-form-input [skipToggle]=\"true\"\n                     [label]=\"'eo.workspace.widget.charts.startingpoint' | translate\"\n                     [invalid]=\"setupForm.dirty && setupForm.get('startingpoint').invalid\">\n        <eo-number [scale]=\"0\" formControlName=\"startingpoint\"></eo-number>\n      </eo-form-input>\n    }\n    @if (widgetConfig?.formValue?.chartType === 'bar' && attributMetricPicker?.codesystem?.entries && this.setupForm.get('storedQuery').valid && !isNumberType && !isDateTimeType) {\n      <eo-form-input [skipToggle]=\"true\" [label]=\"'eo.workspace.widget.form.label.attributMetric' | translate\">\n        <eo-codesystem formControlName=\"attributMetric\" [pickerTitle]=\"attributMetricPicker.title\"\n                       [codesystem]=\"attributMetricPicker.codesystem\"></eo-codesystem>\n      </eo-form-input>\n\n      @if (widgetConfig?.formValue?.chartType === 'bar' && widgetConfig?.formValue?.attributMetric) {\n        <eo-form-input [skipToggle]=\"true\" [label]=\"'eo.workspace.widget.form.label.chartMetric' | translate\">\n          <eo-codesystem formControlName=\"metric\" [pickerTitle]=\"chartMetricPicker.title\"\n                         [codesystem]=\"chartMetricPicker.codesystem\"></eo-codesystem>\n        </eo-form-input>\n      }\n    }\n\n    @if (widgetConfig?.formValue?.chartType) {\n      <div class=\"propertyPicker\">\n        <eo-form-input tabindex=\"0\"\n                       [label]=\"'eo.workspace.widget.charts.title' | translate\"\n                       [skipToggle]=\"true\"\n                       [invalid]=\"setupForm.dirty && setupForm.get('title').invalid\">\n          <eo-string autocomplete=\"true\" formControlName=\"title\"></eo-string>\n        </eo-form-input>\n        @if (setupForm.dirty && setupForm.get('title').invalid) {\n          <div class=\"err-msg\" [translateParams]=\"{maxlength: 50}\" translate>eo.form.property.maxlength</div>\n        }\n        @if (widgetConfig?.formValue?.chartType !== 'pie' && widgetConfig?.formValue?.chartType !== 'donut') {\n          <eo-form-input tabindex=\"0\"\n                         [label]=\"'eo.workspace.widget.charts.xAxe' | translate\"\n                         [skipToggle]=\"true\"\n                         [invalid]=\"setupForm.dirty && setupForm.get('xAxe').invalid\">\n            <eo-string autocomplete=\"true\" formControlName=\"xAxe\"></eo-string>\n          </eo-form-input>\n          @if (setupForm.dirty && setupForm.get('xAxe').invalid) {\n            <div class=\"err-msg\" [translateParams]=\"{maxlength: 50}\" translate>eo.form.property.maxlength</div>\n          }\n          <eo-form-input tabindex=\"0\"\n                         [label]=\"'eo.workspace.widget.charts.yAxe' | translate\"\n                         [skipToggle]=\"true\"\n                         [invalid]=\"setupForm.dirty && setupForm.get('yAxe').invalid\">\n            <eo-string autocomplete=\"true\" formControlName=\"yAxe\"></eo-string>\n          </eo-form-input>\n          @if (setupForm.dirty && setupForm.get('yAxe').invalid) {\n            <div class=\"err-msg\" [translateParams]=\"{maxlength: 50}\" translate>eo.form.property.maxlength</div>\n          }\n        }\n      </div>\n    }\n  </form>\n</div>\n\n@if (setupForm.valid) {\n  <div class=\"preview\">\n    <eo-charts-widget [widgetConfig]=\"widgetConfig\" [editMode]=\"true\"></eo-charts-widget>\n  </div>\n} @else {\n  <div class=\"empty\">\n    <eo-error-message\n      [emptyState]=\"{icon: 'ic_saved_search.svg', text: 'eo.workspace.widget.configuration.notOk'}\"></eo-error-message>\n  </div>\n}\n", styles: [":host{display:grid;grid-template-rows:1fr;grid-template-columns:minmax(200px,400px) 1fr;grid-template-areas:\"setup preview\";height:100%}:host .setup{grid-area:setup;padding:var(--app-pane-padding);border-right:1px solid var(--panel-divider-color);overflow-y:auto}:host .setup eo-form-input{display:block;margin-top:var(--app-pane-padding)}:host .setup .propertyPicker{display:block;padding-top:40px}:host .setup .err-msg{color:var(--color-error)}:host .preview{grid-area:preview;background-color:var(--main-background);padding:var(--app-pane-padding)}:host .preview eo-charts-widget{border:1px transparent var(--panel-divider-color)}\n"], dependencies: [{ kind: "directive", type: i1$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.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"] }]
+            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 && !isNumberType) {\n      @if (widgetConfig.formValue.chartType === 'bar') {\n        <eo-form-input class=\"label checkbox\" [label]=\"'eo.workspace.widget.form.label.sortRevert'|translate\"\n                       [skipToggle]=\"true\">\n          <eo-checkbox formControlName=\"sortRevert\" [tristate]=\"false\"></eo-checkbox>\n        </eo-form-input>\n      }\n      @if (widgetConfig.formValue.chartType === 'bar' || widgetConfig.formValue.chartType === 'pie' || widgetConfig.formValue.chartType === 'ring' && !widgetConfig?.formValue?.attributMetric && !isNumberType) {\n        <eo-form-input class=\"threshold-success\" [skipToggle]=\"true\"\n                       [label]=\"'eo.workspace.widget.form.label.minDocCount' | translate\">\n          <eo-number [scale]=\"0\" formControlName=\"minDocCount\">\n          </eo-number>\n        </eo-form-input>\n      }\n    }\n\n    @if (isNumberType) {\n      <eo-form-input [skipToggle]=\"true\"\n                     [label]=\"'eo.workspace.widget.charts.interval' | translate\"\n                     [invalid]=\"setupForm.dirty && setupForm.get('interval').invalid\">\n        <eo-number [scale]=\"0\" formControlName=\"interval\"></eo-number>\n      </eo-form-input>\n\n      <eo-form-input [skipToggle]=\"true\"\n                     [label]=\"'eo.workspace.widget.charts.startingpoint' | translate\"\n                     [invalid]=\"setupForm.dirty && setupForm.get('startingpoint').invalid\">\n        <eo-number [scale]=\"0\" formControlName=\"startingpoint\"></eo-number>\n      </eo-form-input>\n    }\n    @if (widgetConfig?.formValue?.chartType === 'bar' && attributMetricPicker?.codesystem?.entries && this.setupForm.get('storedQuery').valid && !isNumberType && !isDateTimeType) {\n      <eo-form-input [skipToggle]=\"true\" [label]=\"'eo.workspace.widget.form.label.attributMetric' | translate\">\n        <eo-codesystem formControlName=\"attributMetric\" [pickerTitle]=\"attributMetricPicker.title\"\n                       [codesystem]=\"attributMetricPicker.codesystem\"></eo-codesystem>\n      </eo-form-input>\n\n      @if (widgetConfig?.formValue?.chartType === 'bar' && widgetConfig?.formValue?.attributMetric) {\n        <eo-form-input [skipToggle]=\"true\" [label]=\"'eo.workspace.widget.form.label.chartMetric' | translate\">\n          <eo-codesystem formControlName=\"metric\" [pickerTitle]=\"chartMetricPicker.title\"\n                         [codesystem]=\"chartMetricPicker.codesystem\"></eo-codesystem>\n        </eo-form-input>\n      }\n    }\n\n    @if (widgetConfig?.formValue?.chartType) {\n      <div class=\"propertyPicker\">\n        <eo-form-input tabindex=\"0\"\n                       [label]=\"'eo.workspace.widget.charts.title' | translate\"\n                       [skipToggle]=\"true\"\n                       [invalid]=\"setupForm.dirty && setupForm.get('title').invalid\">\n          <eo-string autocomplete=\"true\" formControlName=\"title\"></eo-string>\n        </eo-form-input>\n        @if (setupForm.dirty && setupForm.get('title').invalid) {\n          <div class=\"err-msg\" [translateParams]=\"{maxlength: 50}\" translate>eo.form.property.maxlength</div>\n        }\n        @if (widgetConfig?.formValue?.chartType !== 'pie' && widgetConfig?.formValue?.chartType !== 'donut') {\n          <eo-form-input tabindex=\"0\"\n                         [label]=\"'eo.workspace.widget.charts.xAxe' | translate\"\n                         [skipToggle]=\"true\"\n                         [invalid]=\"setupForm.dirty && setupForm.get('xAxe').invalid\">\n            <eo-string autocomplete=\"true\" formControlName=\"xAxe\"></eo-string>\n          </eo-form-input>\n          @if (setupForm.dirty && setupForm.get('xAxe').invalid) {\n            <div class=\"err-msg\" [translateParams]=\"{maxlength: 50}\" translate>eo.form.property.maxlength</div>\n          }\n          <eo-form-input tabindex=\"0\"\n                         [label]=\"'eo.workspace.widget.charts.yAxe' | translate\"\n                         [skipToggle]=\"true\"\n                         [invalid]=\"setupForm.dirty && setupForm.get('yAxe').invalid\">\n            <eo-string autocomplete=\"true\" formControlName=\"yAxe\"></eo-string>\n          </eo-form-input>\n          @if (setupForm.dirty && setupForm.get('yAxe').invalid) {\n            <div class=\"err-msg\" [translateParams]=\"{maxlength: 50}\" translate>eo.form.property.maxlength</div>\n          }\n        }\n      </div>\n    }\n  </form>\n</div>\n\n@if (setupForm.valid) {\n  <div class=\"preview\">\n    <eo-charts-widget [widgetConfig]=\"widgetConfig\" [editMode]=\"true\"></eo-charts-widget>\n  </div>\n} @else {\n  <div class=\"empty\">\n    <eo-error-message\n      [emptyState]=\"{icon: 'ic_saved_search.svg', text: 'eo.workspace.widget.configuration.notOk'}\"></eo-error-message>\n  </div>\n}\n", styles: [":host{display:grid;grid-template-rows:1fr;grid-template-columns:minmax(200px,400px) 1fr;grid-template-areas:\"setup preview\";height:100%}:host .setup{grid-area:setup;padding:var(--app-pane-padding);border-right:1px solid var(--panel-divider-color);overflow-y:auto}:host .setup eo-form-input{display:block;margin-top:var(--app-pane-padding)}:host .setup .propertyPicker{display:block;padding-top:40px}:host .setup .err-msg{color:var(--color-error)}:host .preview{grid-area:preview;background-color:var(--main-background);padding:var(--app-pane-padding)}:host .preview eo-charts-widget{border:1px transparent var(--panel-divider-color)}\n"] }]
         }], ctorParameters: () => [{ type: i1$3.UntypedFormBuilder }, { type: i1.StoredQueriesService }, { type: i1.TranslateService }, { type: i1.UserService }, { type: i1.SystemService }], propDecorators: { widgetConfigChange: [{
                 type: Output
             }], widgetConfigStateChange: [{
@@ -24865,14 +24914,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.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" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.1.2", type: CountObjectsSetupComponent, selector: "eo-count-objects-setup", inputs: { widgetConfig: "widgetConfig" }, outputs: { widgetConfigChange: "widgetConfigChange", widgetConfigStateChange: "widgetConfigStateChange" }, ngImport: i0, template: "<div class=\"setup\">\n  <form [formGroup]=\"setupForm\">\n    @if (storedQueriesPicker?.codesystem?.entries) {\n      <eo-form-input [skipToggle]=\"true\"\n                     [label]=\"'eo.workspace.widget.label.storedquery' | translate\" [required]=\"true\"\n                     [description]=\"'eo.workspace.widget.stored.queries.description'\"\n                     [invalid]=\"setupForm.dirty && setupForm.get('storedQuery').invalid\">\n        <eo-codesystem formControlName=\"storedQuery\" [pickerTitle]=\"storedQueriesPicker.title\"\n                       [codesystem]=\"storedQueriesPicker.codesystem\"\n                       [emptyMessage]=\"'eo.workspace.widget.stored.queries.list.notAvailable'\"></eo-codesystem>\n      </eo-form-input>\n      @if (setupForm.dirty && setupForm.get('storedQuery').hasError('required')) {\n        <div class=\"err-msg\" translate>\n          eo.form.property.required\n        </div>\n      }\n    }\n\n    @if(widgetConfig?.storedQuery){\n\n      <eo-form-input class=\"label checkbox\" [skipToggle]=\"true\"\n                      [label]=\"'eo.widget.hitcount.form.label.showZero' | translate\">\n        <eo-checkbox formControlName=\"showZero\">\n        </eo-checkbox>\n      </eo-form-input>\n    \n      <eo-form-input class=\"label checkbox\" [skipToggle]=\"true\"\n                     [label]=\"'eo.widget.hitcount.form.label.countTileThresholdInvert' | translate\">\n        <eo-checkbox formControlName=\"countTileThresholdInvert\">\n        </eo-checkbox>\n      </eo-form-input>\n      <div class=\"desc\">{{ countTileThresholdDesc }}</div>\n\n      <eo-form-input class=\"threshold-success\" [skipToggle]=\"true\"\n                    [label]=\"'eo.widget.hitcount.form.label.threshold.success' | translate\">\n        <eo-number [scale]=\"0\" formControlName=\"countTileSuccessThreshold\">\n        </eo-number>\n      </eo-form-input>\n\n      <eo-form-input class=\"threshold-warning\" [skipToggle]=\"true\"\n                    [label]=\"'eo.widget.hitcount.form.label.threshold.warning' | translate\">\n        <eo-number [scale]=\"0\" formControlName=\"countTileWarningThreshold\">\n        </eo-number>\n      </eo-form-input>\n\n      <eo-form-input class=\"threshold-error\" [skipToggle]=\"true\"\n                     [label]=\"'eo.widget.hitcount.form.label.threshold.error' | translate\">\n        <eo-number [scale]=\"0\" formControlName=\"countTileErrorThreshold\">\n        </eo-number>\n      </eo-form-input>\n    }\n  </form>\n</div>\n@if (setupForm.valid) {\n  <div class=\"preview\">\n    <eo-count-objects-widget [widgetConfig]=\"widgetConfig\"></eo-count-objects-widget>\n  </div>\n} @else {\n  <div class=\"empty\">\n    <eo-error-message\n      [emptyState]=\"{icon: 'ic_saved_search.svg', text: 'eo.workspace.widget.stored.queries.list.empty'}\"></eo-error-message>\n  </div>\n}", styles: [":host{display:grid;grid-template-rows:1fr;grid-template-columns:minmax(200px,400px) 1fr;grid-template-areas:\"setup preview\";height:100%}:host .setup{grid-area:setup;padding:var(--app-pane-padding);border-right:1px solid var(--panel-divider-color)}:host .setup eo-form-input{display:block;margin-top:var(--app-pane-padding)}:host .setup .checkboxCountTitle{padding-bottom:30px;padding-top:30px}:host .setup .err-msg{color:var(--color-error)}:host .setup .desc{color:var(--text-color-caption)}:host .preview{background-color:var(--main-background);padding:var(--app-pane-padding);display:flex;justify-content:center;align-items:center;pointer-events:none}\n"], dependencies: [{ kind: "directive", type: i1$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.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"] }]
+            args: [{ selector: 'eo-count-objects-setup', template: "<div class=\"setup\">\n  <form [formGroup]=\"setupForm\">\n    @if (storedQueriesPicker?.codesystem?.entries) {\n      <eo-form-input [skipToggle]=\"true\"\n                     [label]=\"'eo.workspace.widget.label.storedquery' | translate\" [required]=\"true\"\n                     [description]=\"'eo.workspace.widget.stored.queries.description'\"\n                     [invalid]=\"setupForm.dirty && setupForm.get('storedQuery').invalid\">\n        <eo-codesystem formControlName=\"storedQuery\" [pickerTitle]=\"storedQueriesPicker.title\"\n                       [codesystem]=\"storedQueriesPicker.codesystem\"\n                       [emptyMessage]=\"'eo.workspace.widget.stored.queries.list.notAvailable'\"></eo-codesystem>\n      </eo-form-input>\n      @if (setupForm.dirty && setupForm.get('storedQuery').hasError('required')) {\n        <div class=\"err-msg\" translate>\n          eo.form.property.required\n        </div>\n      }\n    }\n\n    @if(widgetConfig?.storedQuery){\n\n      <eo-form-input class=\"label checkbox\" [skipToggle]=\"true\"\n                      [label]=\"'eo.widget.hitcount.form.label.showZero' | translate\">\n        <eo-checkbox formControlName=\"showZero\">\n        </eo-checkbox>\n      </eo-form-input>\n    \n      <eo-form-input class=\"label checkbox\" [skipToggle]=\"true\"\n                     [label]=\"'eo.widget.hitcount.form.label.countTileThresholdInvert' | translate\">\n        <eo-checkbox formControlName=\"countTileThresholdInvert\">\n        </eo-checkbox>\n      </eo-form-input>\n      <div class=\"desc\">{{ countTileThresholdDesc }}</div>\n\n      <eo-form-input class=\"threshold-success\" [skipToggle]=\"true\"\n                    [label]=\"'eo.widget.hitcount.form.label.threshold.success' | translate\">\n        <eo-number [scale]=\"0\" formControlName=\"countTileSuccessThreshold\">\n        </eo-number>\n      </eo-form-input>\n\n      <eo-form-input class=\"threshold-warning\" [skipToggle]=\"true\"\n                    [label]=\"'eo.widget.hitcount.form.label.threshold.warning' | translate\">\n        <eo-number [scale]=\"0\" formControlName=\"countTileWarningThreshold\">\n        </eo-number>\n      </eo-form-input>\n\n      <eo-form-input class=\"threshold-error\" [skipToggle]=\"true\"\n                     [label]=\"'eo.widget.hitcount.form.label.threshold.error' | translate\">\n        <eo-number [scale]=\"0\" formControlName=\"countTileErrorThreshold\">\n        </eo-number>\n      </eo-form-input>\n    }\n  </form>\n</div>\n@if (setupForm.valid) {\n  <div class=\"preview\">\n    <eo-count-objects-widget [widgetConfig]=\"widgetConfig\"></eo-count-objects-widget>\n  </div>\n} @else {\n  <div class=\"empty\">\n    <eo-error-message\n      [emptyState]=\"{icon: 'ic_saved_search.svg', text: 'eo.workspace.widget.stored.queries.list.empty'}\"></eo-error-message>\n  </div>\n}", styles: [":host{display:grid;grid-template-rows:1fr;grid-template-columns:minmax(200px,400px) 1fr;grid-template-areas:\"setup preview\";height:100%}:host .setup{grid-area:setup;padding:var(--app-pane-padding);border-right:1px solid var(--panel-divider-color)}:host .setup eo-form-input{display:block;margin-top:var(--app-pane-padding)}:host .setup .checkboxCountTitle{padding-bottom:30px;padding-top:30px}:host .setup .err-msg{color:var(--color-error)}:host .setup .desc{color:var(--text-color-caption)}:host .preview{background-color:var(--main-background);padding:var(--app-pane-padding);display:flex;justify-content:center;align-items:center;pointer-events:none}\n"] }]
         }], ctorParameters: () => [{ type: i1$3.UntypedFormBuilder }, { type: i4.TranslateService }, { type: i1.StoredQueriesService }], propDecorators: { widgetConfigChange: [{
                 type: Output
             }], widgetConfigStateChange: [{
@@ -24898,6 +24947,7 @@ let LastEditedAndCreatedSetupComponent = class LastEditedAndCreatedSetupComponen
         this.fb = fb;
         this.widgetConfigChange = new EventEmitter();
         this.widgetConfigStateChange = new EventEmitter();
+        this.isEmpty = false;
         this.isEditedChecked = false;
         this.isCreatedChecked = false;
         this.setupForm = this.fb.group({
@@ -24915,6 +24965,11 @@ let LastEditedAndCreatedSetupComponent = class LastEditedAndCreatedSetupComponen
             this.widgetConfigStateChange.emit(v);
         });
     }
+    ngAfterViewInit() {
+        setTimeout(() => {
+            this.isEmpty = this.lastEditedAndCreated.empty;
+        }, 200);
+    }
     ngOnInit() {
         this.setWidgetConfig();
     }
@@ -24927,18 +24982,21 @@ let LastEditedAndCreatedSetupComponent = class LastEditedAndCreatedSetupComponen
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: LastEditedAndCreatedSetupComponent, deps: [{ token: i1$3.UntypedFormBuilder }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.1.2", type: LastEditedAndCreatedSetupComponent, selector: "eo-last-edited-and-created-setup", inputs: { widgetConfig: "widgetConfig" }, outputs: { widgetConfigChange: "widgetConfigChange", widgetConfigStateChange: "widgetConfigStateChange" }, ngImport: i0, template: "<div class=\"setup\">\n  <form [formGroup]=\"setupForm\">\n    <eo-form-input class=\"label checkbox\" [label]=\"'eo.workspace.widget.form.label.edited'|translate\"\n                   [skipToggle]=\"true\">\n      <eo-checkbox formControlName=\"lastEdited\" [readonly]=\"isEditedChecked\" [tristate]=\"false\"></eo-checkbox>\n    </eo-form-input>\n    <eo-form-input class=\"label checkbox\" [label]=\"'eo.workspace.widget.form.label.created'|translate\"\n                   [skipToggle]=\"true\">\n      <eo-checkbox formControlName=\"lastCreated\" [readonly]=\"isCreatedChecked\" [tristate]=\"false\"></eo-checkbox>\n    </eo-form-input>\n    <eo-form-input [skipToggle]=\"true\" [required]=\"true\"\n                   [invalid]=\"setupForm.dirty && setupForm.get('number').invalid\"\n                   [label]=\"'eo.workspace.widget.form.label.size' | translate\">\n      <eo-number [scale]=\"0\" formControlName=\"number\"></eo-number>\n    </eo-form-input>\n    @if (setupForm.dirty && setupForm.get('number').invalid) {\n      <div class=\"err-msg\" translate>\n        @if (setupForm.get('number').hasError('required')) {\n          eo.form.property.required\n        } @else if (setupForm.get('number').hasError('max') || setupForm.get('size').hasError('min')) {\n          eo.form.property.string.error.classification.partialValue\n        }\n      </div>\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  </form>\n</div>\n\n@if (setupForm.valid) {\n  <div class=\"preview\">\n    <eo-last-edited-and-created [widgetConfig]=\"widgetConfig\"></eo-last-edited-and-created>\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{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-last-edited-and-created{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: NumberComponent, selector: "eo-number", inputs: ["scale", "precision", "grouping", "pattern", "readonly"] }, { kind: "component", type: CheckboxComponent, selector: "eo-checkbox", inputs: ["required", "tristate", "readonly"] }, { kind: "component", type: LastEditedAndCreatedComponent, selector: "eo-last-edited-and-created", inputs: ["widgetConfig"] }, { kind: "pipe", type: i4.TranslatePipe, name: "translate" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.1.2", type: LastEditedAndCreatedSetupComponent, selector: "eo-last-edited-and-created-setup", inputs: { widgetConfig: "widgetConfig" }, outputs: { widgetConfigChange: "widgetConfigChange", widgetConfigStateChange: "widgetConfigStateChange" }, viewQueries: [{ propertyName: "lastEditedAndCreated", first: true, predicate: LastEditedAndCreatedComponent, descendants: true }], ngImport: i0, template: "<div class=\"setup\">\n  <form [formGroup]=\"setupForm\">\n    <eo-form-input class=\"label checkbox\" [label]=\"'eo.workspace.widget.form.label.edited'|translate\"\n                   [skipToggle]=\"true\">\n      <eo-checkbox formControlName=\"lastEdited\" [readonly]=\"isEditedChecked\" [tristate]=\"false\"></eo-checkbox>\n    </eo-form-input>\n    <eo-form-input class=\"label checkbox\" [label]=\"'eo.workspace.widget.form.label.created'|translate\"\n                   [skipToggle]=\"true\">\n      <eo-checkbox formControlName=\"lastCreated\" [readonly]=\"isCreatedChecked\" [tristate]=\"false\"></eo-checkbox>\n    </eo-form-input>\n    <eo-form-input [skipToggle]=\"true\" [required]=\"true\"\n                   [invalid]=\"setupForm.dirty && setupForm.get('number').invalid\"\n                   [label]=\"'eo.workspace.widget.form.label.size' | translate\">\n      <eo-number [scale]=\"0\" formControlName=\"number\"></eo-number>\n    </eo-form-input>\n    @if (setupForm.dirty && setupForm.get('number').invalid) {\n      <div class=\"err-msg\" translate>\n        @if (setupForm.get('number').hasError('required')) {\n          eo.form.property.required\n        } @else if (setupForm.get('number').hasError('max') || setupForm.get('size').hasError('min')) {\n          eo.form.property.string.error.classification.partialValue\n        }\n      </div>\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  </form>\n</div>\n\n@if (isEmpty) {\n  <div class=\"empty\">\n    <eo-error-message\n      [emptyState]=\"{icon: 'ic_saved_search.svg', text: 'eo.workspace.widget.emptyList'}\"></eo-error-message>\n  </div>\n} @else {\n  <div class=\"preview\">\n    <eo-last-edited-and-created [widgetConfig]=\"widgetConfig\"></eo-last-edited-and-created>\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-last-edited-and-created{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: NumberComponent, selector: "eo-number", inputs: ["scale", "precision", "grouping", "pattern", "readonly"] }, { kind: "component", type: CheckboxComponent, selector: "eo-checkbox", inputs: ["required", "tristate", "readonly"] }, { kind: "component", type: LastEditedAndCreatedComponent, selector: "eo-last-edited-and-created", inputs: ["editMode", "widgetConfig"] }, { kind: "pipe", type: i4.TranslatePipe, name: "translate" }] }); }
 };
 LastEditedAndCreatedSetupComponent = __decorate([
     UntilDestroy()
 ], LastEditedAndCreatedSetupComponent);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: LastEditedAndCreatedSetupComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'eo-last-edited-and-created-setup', template: "<div class=\"setup\">\n  <form [formGroup]=\"setupForm\">\n    <eo-form-input class=\"label checkbox\" [label]=\"'eo.workspace.widget.form.label.edited'|translate\"\n                   [skipToggle]=\"true\">\n      <eo-checkbox formControlName=\"lastEdited\" [readonly]=\"isEditedChecked\" [tristate]=\"false\"></eo-checkbox>\n    </eo-form-input>\n    <eo-form-input class=\"label checkbox\" [label]=\"'eo.workspace.widget.form.label.created'|translate\"\n                   [skipToggle]=\"true\">\n      <eo-checkbox formControlName=\"lastCreated\" [readonly]=\"isCreatedChecked\" [tristate]=\"false\"></eo-checkbox>\n    </eo-form-input>\n    <eo-form-input [skipToggle]=\"true\" [required]=\"true\"\n                   [invalid]=\"setupForm.dirty && setupForm.get('number').invalid\"\n                   [label]=\"'eo.workspace.widget.form.label.size' | translate\">\n      <eo-number [scale]=\"0\" formControlName=\"number\"></eo-number>\n    </eo-form-input>\n    @if (setupForm.dirty && setupForm.get('number').invalid) {\n      <div class=\"err-msg\" translate>\n        @if (setupForm.get('number').hasError('required')) {\n          eo.form.property.required\n        } @else if (setupForm.get('number').hasError('max') || setupForm.get('size').hasError('min')) {\n          eo.form.property.string.error.classification.partialValue\n        }\n      </div>\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  </form>\n</div>\n\n@if (setupForm.valid) {\n  <div class=\"preview\">\n    <eo-last-edited-and-created [widgetConfig]=\"widgetConfig\"></eo-last-edited-and-created>\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{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-last-edited-and-created{border:1px solid var(--panel-divider-color)}\n"] }]
+            args: [{ selector: 'eo-last-edited-and-created-setup', template: "<div class=\"setup\">\n  <form [formGroup]=\"setupForm\">\n    <eo-form-input class=\"label checkbox\" [label]=\"'eo.workspace.widget.form.label.edited'|translate\"\n                   [skipToggle]=\"true\">\n      <eo-checkbox formControlName=\"lastEdited\" [readonly]=\"isEditedChecked\" [tristate]=\"false\"></eo-checkbox>\n    </eo-form-input>\n    <eo-form-input class=\"label checkbox\" [label]=\"'eo.workspace.widget.form.label.created'|translate\"\n                   [skipToggle]=\"true\">\n      <eo-checkbox formControlName=\"lastCreated\" [readonly]=\"isCreatedChecked\" [tristate]=\"false\"></eo-checkbox>\n    </eo-form-input>\n    <eo-form-input [skipToggle]=\"true\" [required]=\"true\"\n                   [invalid]=\"setupForm.dirty && setupForm.get('number').invalid\"\n                   [label]=\"'eo.workspace.widget.form.label.size' | translate\">\n      <eo-number [scale]=\"0\" formControlName=\"number\"></eo-number>\n    </eo-form-input>\n    @if (setupForm.dirty && setupForm.get('number').invalid) {\n      <div class=\"err-msg\" translate>\n        @if (setupForm.get('number').hasError('required')) {\n          eo.form.property.required\n        } @else if (setupForm.get('number').hasError('max') || setupForm.get('size').hasError('min')) {\n          eo.form.property.string.error.classification.partialValue\n        }\n      </div>\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  </form>\n</div>\n\n@if (isEmpty) {\n  <div class=\"empty\">\n    <eo-error-message\n      [emptyState]=\"{icon: 'ic_saved_search.svg', text: 'eo.workspace.widget.emptyList'}\"></eo-error-message>\n  </div>\n} @else {\n  <div class=\"preview\">\n    <eo-last-edited-and-created [widgetConfig]=\"widgetConfig\"></eo-last-edited-and-created>\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-last-edited-and-created{border:1px solid var(--panel-divider-color)}\n"] }]
         }], ctorParameters: () => [{ type: i1$3.UntypedFormBuilder }], propDecorators: { widgetConfigChange: [{
                 type: Output
             }], widgetConfigStateChange: [{
                 type: Output
+            }], lastEditedAndCreated: [{
+                type: ViewChild,
+                args: [LastEditedAndCreatedComponent]
             }], widgetConfig: [{
                 type: Input
             }] } });
@@ -25115,7 +25173,7 @@ class PictureWidgetSetupComponent {
         this.widgetConfig = {
             image: undefined,
         };
-        this.MAX_FILE_SIZE = 1048576;
+        this.MAX_FILE_SIZE = 5242880;
         this.widgetConfigChange = new EventEmitter();
     }
     pick() {
@@ -25125,7 +25183,7 @@ class PictureWidgetSetupComponent {
         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'))) {
+            if (!(file.type.includes('image/') && file.type.includes('jpeg') || file.type.includes('png') || file.type.includes('gif') || file.type.includes('jpg') || file.type.includes('svg'))) {
                 this.errorType = 'image';
                 this.showErrorDialog = true;
             }
@@ -25144,11 +25202,11 @@ class PictureWidgetSetupComponent {
         }
     }
     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%;overflow-y:hidden}: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;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" }] }); }
+    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=\".gif, .jpeg, .jpg, .png, .svg\" #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.workspace.widget.picture.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%;overflow-y:hidden}: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;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%;overflow-y:hidden}: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;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"] }]
+            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=\".gif, .jpeg, .jpg, .png, .svg\" #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.workspace.widget.picture.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%;overflow-y:hidden}: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;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']
@@ -25214,7 +25272,8 @@ let DashboardComponent = class DashboardComponent {
             cancel: this.translate.instant('eo.workspace.widgetGrid.cancel'),
             confirm: this.translate.instant('eo.workspace.widgetGrid.confirm'),
             widgetTodoHeadlineLabel: this.translate.instant('eo.workspace.widgetGrid.widgetTodoHeadlineLabel'),
-            widgetTodoTaskTitleLabel: this.translate.instant('eo.workspace.widgetGrid.widgetTitleLabel')
+            widgetTodoTaskTitleLabel: this.translate.instant('eo.workspace.widgetGrid.widgetTitleLabel'),
+            addNewWidgetLabel: this.translate.instant('eo.workspace.widgetGrid.addNewWidgetLabel')
         });
     }
     registerWidgets() {
@@ -25288,17 +25347,19 @@ let DashboardComponent = class DashboardComponent {
         setTimeout(() => {
             this.toolbarVisible = this.userService.getCurrentUser().userSettings.toolbarVisibility;
             const toolbar = document.querySelector('.toolbar');
-            if (this.toolbarVisible === false) {
-                this.hideToolbar(toolbar);
-            }
-            else {
-                this.showToolbar(toolbar);
+            if (toolbar) {
+                if (this.toolbarVisible === false) {
+                    this.hideToolbar(toolbar);
+                }
+                else {
+                    this.showToolbar(toolbar);
+                }
             }
             const showDashboardButton = document.getElementById('dashboardButton');
             showDashboardButton.addEventListener('click', () => {
                 this.hideOrShowOnClick(toolbar);
             });
-        }, 200);
+        }, 500);
     }
     hideToolbar(toolbar) {
         this.toolbarIconSrc = 'assets/_default/svg/ic_arrow_up.svg';
@@ -25365,7 +25426,7 @@ let DashboardComponent = class DashboardComponent {
         }
     }
     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: [
+    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;--wgw-background: transparent !important}::ng-deep yuv-widget-grid-workspaces>.confirm{align-items:center!important;justify-content:center!important}::ng-deep yuv-widget-grid-workspaces button.fab{border-radius:2.5em!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 .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", "buckets"], outputs: ["configChange", "gridItemEvent", "editModeChange"] }, { kind: "pipe", type: i4.TranslatePipe, name: "translate" }], animations: [
             listAnimation
         ] }); }
 };
@@ -25376,7 +25437,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImpor
             type: Component,
             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"] }]
+                    ], 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;--wgw-background: transparent !important}::ng-deep yuv-widget-grid-workspaces>.confirm{align-items:center!important;justify-content:center!important}::ng-deep yuv-widget-grid-workspaces button.fab{border-radius:2.5em!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 .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.HttpClient }, { type: i1.Config }, { type: i1.LocalStorageService }, { type: i1.TranslateService }, { type: PendingChangesService }] });
 let SettingsComponent = class SettingsComponent {
@@ -25599,15 +25660,21 @@ let SettingsComponent = class SettingsComponent {
             this.cacheService.replaceStorage(settings.cacheSettings);
         });
     }
+    defaultDashboard() {
+        this.userService.saveChangeWorkspace(undefined).subscribe(() => {
+            this.notify.success(this.translate.instant('eo.state.settings.dashboard.clear.success'));
+            this.saveLocalSettings().then();
+        });
+    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: SettingsComponent, deps: [{ token: i0.Renderer2 }, { token: i1.UserService }, { token: i1.Config }, { token: i1.NotificationsService }, { token: i1.SystemService }, { token: i1.EventService }, { token: i1.CapabilitiesService }, { token: PageTitleService }, { token: AgentService }, { token: i1$3.UntypedFormBuilder }, { token: i1.AppCacheService }, { token: i1.LocalStorageService }, { token: i1.TranslateService }, { token: i0.ElementRef }, { token: i1.NotificationsService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.2", type: SettingsComponent, selector: "eo-settings", viewQueries: [{ propertyName: "files", first: true, predicate: ["files"], descendants: true }, { propertyName: "headerBg", first: true, predicate: ["headerBg"], descendants: true }, { propertyName: "userAvatar", first: true, predicate: ["userAvatar"], descendants: true }, { propertyName: "confirmDeleteBtn", first: true, predicate: ["confirmDeleteBtn"], descendants: true }, { propertyName: "profileImageOverlay", first: true, predicate: ["profileImageOverlay"], descendants: true }, { propertyName: "deputiesForm", first: true, predicate: NgForm, descendants: true }], ngImport: i0, template: "<div class=\"eo-settings\" *ngIf=\"user\" eoRtlAware>\n\n  <div class=\"header\">\n\n    <div #headerBg class=\"bg\"></div>\n    <div class=\"fill\">\n      <div class=\"meta username\">{{user.name}}</div>\n      <h1>{{user.firstname}} {{user.lastname}}</h1>\n      <div class=\"meta email\">{{user.email}}</div>\n\n      <div class=\"presence\" *ngIf=\"capabilities.inbox\">\n        <button class=\"toggle dark present\" id=\"presence\" (click)=\"setPresence(true)\" [ngClass]=\"{active: user.present}\"\n         translate>eo.state.settings.presence.present</button>\n        <button class=\"toggle dark absent\" (click)=\"setPresence(false)\" (keydown.tab)=\"tabAction($event.target)\" [ngClass]=\"{active: !user.present}\"\n          translate>eo.state.settings.presence.absent</button>\n      </div>\n    </div>\n    <div (mouseenter)=\"mouseEnter()\" (mouseleave)=\"mouseLeave()\" (keydown.tab)=\"mouseEnter()\">\n\n      <eo-user-avatar #userAvatar class=\"userImage\" tabindex=\"-1\" eoRtlAware=\"full\">\n          <input type=\"file\" accept=\".jpg, .png\" style=\"display:none;\" #files (change)=\"selectImage($event.target)\" (click)=\"$event.target.value=null\">\n      </eo-user-avatar>\n      <eo-dialog  [styleClass]=\"'view'\" [minWidth]=\"'300px'\" [title]=\"'eo.state.settings.details.upload.dialog.title' | translate\"\n        [(visible)]=\"showPreviewDialog\" [focusOnShow]=\"false\">\n        <ng-container>\n          <div class=\"contain\">\n            <div class=\"attachments\">\n              <div class=\"atta\">\n                <img loading=\"lazy\" [src]=\"preview\">\n              </div>\n              <div class=\"user-avatar\" *ngIf=\"preview\">\n                <eo-user-avatar class=\"preview-round\" [previewUri]=\"preview\"></eo-user-avatar>\n              </div>\n            </div>\n          </div>\n          <div class=\"button-block\">\n            <button type=\"button\" (click)=\"closePreviewDialog()\" class=\"button danger\"\n              translate>eo.state.settings.details.delete.dialog.cancel</button>\n            <button type=\"button\" cdkFocusInitial (click)=\"uploadNewUserImage()\" class=\"button primary\"\n              translate>eo.state.settings.details.dialog.save</button>\n          </div>\n        </ng-container>\n      </eo-dialog>\n\n      <div class=\"overlay\" #profileImageOverlay tabindex=\"0\" eoRtlAware=\"full\">\n        <span class=\"updateMessage\" *ngIf=\"hoverSelector\">\n          <eo-icon tabindex=\"0\" (keydown.enter)=\"files.click()\" [iconSrc]=\"'assets/_default/svg/ic_edit.svg'\"\n            (click)=\"files.click()\"></eo-icon>\n          <eo-icon tabindex=\"0\" (keydown.enter)=\"trashIconClick()\" *ngIf=\"showDeleteIconTrash\"\n            [iconSrc]=\"'assets/_default/svg/ic_trash.svg'\" aria-disabled=\"true\" (click)=\"trashIconClick()\"></eo-icon>\n        </span>\n      </div>\n    </div>\n\n  </div>\n\n  <div class=\"body\" (keydown.tab)=\"tabAction($event.target)\">\n\n    <div class=\"body-wrap\">\n\n      <div class=\"section section-deputies\" *ngIf=\"capabilities.bpm && hasPrivilege('MANAGE_DEPUTY_LIST')\">\n        <h3 translate>eo.state.settings.deputies</h3>\n\n        <!-- deputies -->\n        <div class=\"entry deputies\">\n          <div class=\"label\" translate>eo.state.settings.deputies.label</div>\n          <div class=\"values\">\n            <form #deputiesForm=\"ngForm\" [ngClass]=\"{dirty: deputiesForm.dirty}\">\n              <eo-organization name=\"deputies\" [dataMeta]=\"deputies.dataMeta\" [filterObject]=\"{type: 'USER'}\"\n                [exceptions]=\"[user.name]\" [multiselect]=\"true\" tabindex=\"0\" [(ngModel)]=\"deputies.data\"></eo-organization>\n              <div class=\"actions\" *ngIf=\"deputiesForm.valid && deputiesForm.dirty\">\n                <button class=\"secondary\" (click)=\"resetDeputies()\" translate>eo.state.settings.deputies.cancel</button>\n                <button class=\"primary\" (click)=\"saveDeputies()\" translate>eo.state.settings.deputies.save</button>\n              </div>\n            </form>\n          </div>\n        </div>\n\n        <!-- substitute of -->\n        <div class=\"entry substitute\">\n          <div class=\"label\" translate>eo.state.settings.deputies.subsituteof.label</div>\n          <div class=\"values\">\n            <span class=\"chip\" *ngFor=\"let sub of user.substitutesOf\" [ngClass]=\"{present: sub.present}\">\n              <eo-icon class=\"chip substitute substitute--present\" *ngIf=\"sub.present\"\n                [iconSrc]=\"'assets/_default/svg/ic_done.svg'\"></eo-icon>\n              <eo-icon class=\"chip substitute substitute--away\" *ngIf=\"!sub.present\"\n                [iconSrc]=\"'assets/_default/svg/ic_clear.svg'\"></eo-icon>\n              <span>{{sub.title}} ({{sub.name}})</span>\n            </span>\n          </div>\n        </div>\n      </div>\n\n      <!-- password -->\n      <section class=\"section section-password\">\n        <div class=\"entry\">\n          <div class=\"label\" translate>eo.password.reset</div>\n          <div class=\"values\">\n            <eo-simple-accordion #simpleAcc [header]=\"('eo.password.reset' | translate)\"\n              [styles]=\"'setting__change-password'\" [headerClass]=\"'setting__change-password-header'\">\n\n              <eo-change-password-form (onFormSumbit)=\"simpleAcc.selected = false\"></eo-change-password-form>\n            </eo-simple-accordion>\n          </div>\n        </div>\n      </section>\n\n      <!-- language -->\n      <div class=\"section section-lang\">\n        <h3 translate>eo.state.settings.language</h3>\n        <div class=\"entry lang-app\">\n          <div class=\"label\" translate>eo.state.settings.language.client</div>\n          <div class=\"values\">\n            <button class=\"toggle\" (click)=\"changeClientLocale(locale.iso)\"\n              [ngClass]=\"{active: translate.currentLang === locale.iso}\"\n              *ngFor=\"let locale of clientLocales\">{{locale.label}}\n            </button>\n          </div>\n        </div>\n\n        <div class=\"entry lang-def\">\n          <div class=\"label\" translate>eo.state.settings.language.schema</div>\n          <div class=\"values\">\n            <button class=\"toggle\" (click)=\"changeSchemaLocale(locale.code)\"\n              [ngClass]=\"{active: activeSchema === locale.code}\"\n              *ngFor=\"let locale of schemaLocales\">{{locale.displayname}}</button>\n          </div>\n        </div>\n      </div>\n\n      <!-- permissions -->\n      <div class=\"section section-perm\">\n        <h3 translate>eo.state.settings.permission</h3>\n        <div class=\"entry perm-roles\">\n          <div class=\"label\" translate>eo.state.settings.roles</div>\n          <div class=\"values roles\">\n            <eo-simple-accordion [header]=\"('eo.state.settings.roles' | translate)\">\n              <eo-permissions [roles]=\"user.roles\"></eo-permissions>\n            </eo-simple-accordion>\n          </div>\n        </div>\n      </div>\n\n      <!-- agent -->\n      <div class=\"section section-others\">\n        <h3 translate>eo.state.settings.others</h3>\n        <ng-container *ngIf=\"showAgentConfig\">\n          <div class=\"entry\">\n            <div class=\"label\" translate>eo.state.settings.agent</div>\n            <div class=\"values\">\n              <div class=\"use-agent\">\n                <eo-checkbox [formControl]=\"useAgentControl\" [readonly]=\"useAgentControl.disabled\"\n                  *ngIf=\"useAgentControl\"></eo-checkbox>\n                <span class=\"use-agent-label\" translate>eo.state.settings.agent.use</span>\n                <!-- <a href=\"https://help.optimal-systems.com/yuuvisRAD/v60/user/client/de/client/integration/cln_tsk_agent_global.htm?Highlight=agent\">\n          <eo-icon class=\"info-icon\" [iconSrc]=\"'assets/_default/svg/ic_info.svg'\"></eo-icon>\n        </a> -->\n              </div>\n            </div>\n          </div>\n\n\n          <div class=\"entry lock-settings\" [ngClass]=\"{'lock-settings--show': (agentStatus | async)}\">\n            <div class=\"label\" translate>eo.state.settings.lock</div>\n            <div class=\"values\">\n              <button class=\"toggle button-enabled\" (click)=\"changeLockSettings(LockSettings.always)\"\n                [ngClass]=\"{active: agentLockSettings === LockSettings.always}\" [disabled]=\"defaultLockSetting\"\n                translate>eo.state.settings.lock.enable</button>\n              <button class=\"toggle button-disabled\" (click)=\"changeLockSettings(LockSettings.never)\"\n                [ngClass]=\"{active: agentLockSettings === LockSettings.never}\" [disabled]=\"defaultLockSetting\"\n                translate>eo.state.settings.lock.disable</button>\n              <button class=\"toggle button-ask\" (click)=\"changeLockSettings(LockSettings.ask)\"\n                [ngClass]=\"{active: agentLockSettings === LockSettings.ask}\" [disabled]=\"defaultLockSetting\"\n                translate>eo.state.settings.lock.ask</button>\n            </div>\n          </div>\n\n\n        </ng-container>\n        <div class=\"entry\">\n          <div class=\"label\" translate>eo.state.settings.localSettings</div>\n          <div class=\"values\">\n            <div class=\"flex-row\">\n              <button translate (click)=\"saveLocalSettings()\">eo.state.settings.localSettings.save</button>\n              <button translate (click)=\"loadLocalSettings()\">eo.state.settings.localSettings.load</button>\n              <button translate (click)=\"clearLocalSettings()\">eo.state.settings.localSettings.clear</button>\n            </div>\n          </div>\n        </div>\n      </div>\n\n    </div>\n  </div>\n  <eo-dialog [title]=\"'eo.state.settings.details.delete.dialog.title' | translate\" [(visible)]=\"showDeleteDialog\"\n    [focusOnShow]=\"false\" [minWidth]=\"400\" [styleClass]=\"'delete__dialog'\">\n    <div>{{'eo.state.settings.details.delete.dialog.message' | translate}}</div>\n\n    <div class=\"action-buttons image-delete--action-buttons flex-row\" >\n      <button type=\"button\" class=\"button cancel\" (click)=\"showDeleteDialog = false\"\n      translate>eo.state.settings.details.delete.dialog.cancel</button>\n      <button type=\"button\" cdkFocusInitial #confirmDeleteBtn (click)=\"deleteUserImage()\" class=\"button primary\"\n        translate>eo.state.settings.details.delete.dialog.ok</button>\n    </div>\n  </eo-dialog>\n\n  <eo-dialog [title]=\"'eo.state.settings.details.upload.dialog.title' | translate\" [(visible)]=\"showErrorDialog\"\n    [focusOnShow]=\"false\" [minWidth]=\"400\" [styleClass]=\"'delete__dialog'\">\n\n    <div>\n      <p>{{fileName}}</p>\n      <p *ngIf=\"viewMode ==='size'\" translate>eo.state.settings.details.upload.dialog.sizeError</p>\n      <p *ngIf=\"viewMode ==='image'\" translate>eo.state.settings.details.upload.dialog.fileError </p>\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</button>\n      <button type=\"button\" cdkFocusInitial (click)=\"files.click(); showErrorDialog = false\" class=\"button primary\"\n        translate>eo.state.settings.details.upload.dialog.back</button>\n    </div>\n  </eo-dialog>\n</div>\n", styles: [":host{position:absolute;inset:0;display:flex;flex-flow:row;justify-content:center}:host .cache{display:flex;flex-flow:row;margin:0 var(--app-pane-padding)}.eo-settings{margin:var(--app-pane-padding);box-sizing:border-box;width:800px;background:var(--color-white);display:flex;flex-flow:column;box-shadow:0 2px 5px #0003}@media screen and (max-width: 832px){.eo-settings{margin:0;min-width:inherit;width:100%}}.eo-settings .header{min-height:200px;max-height:300px;position:relative;flex:1 1}@media screen and (max-width: 480px){.eo-settings .header{min-height:210px}}.eo-settings .header h1{margin:0;padding:0;font-size:var(--font-display);font-weight:var(--font-weight-light);line-height:1em}.eo-settings .header .meta{margin:calc(var(--app-pane-padding) / 2) 0}.eo-settings .header .presence{margin-top:calc(var(--app-pane-padding) * 2)}.eo-settings .header .bg{position:absolute;inset:0;background-size:cover;background-position:center center;filter:grayscale(1)}.eo-settings .header .fill{position:absolute;inset:0;background:rgba(var(--color-primary-rgb),.85);color:var(--color-white);padding:var(--app-pane-padding)}.eo-settings .header .userImage{position:absolute;z-index:1;right:var(--app-pane-padding);bottom:calc(var(--app-pane-padding) * -1);background-size:cover;width:150px;height:150px;border:4px solid var(--color-white);box-shadow:0 2px 5px rgba(var(--color-black-rgb),.26)}@media screen and (max-width: 480px){.eo-settings .header .userImage{width:105px;height:105px}}.eo-settings .header .userImage.rtl{left:var(--app-pane-padding);right:auto}.eo-settings .header .overlay{position:absolute;z-index:1;right:var(--app-pane-padding);bottom:calc(var(--app-pane-padding) * -1);width:150px;height:150px;border:4px solid var(--color-white);box-shadow:0 2px 5px rgba(var(--color-black-rgb),.26)}@media screen and (max-width: 480px){.eo-settings .header .overlay{width:105px;height:105px}}.eo-settings .header .overlay.rtl{left:var(--app-pane-padding);right:auto}.eo-settings .header .overlay:focus{border-color:var(--color-accent);opacity:2}.eo-settings .header .overlay:hover{border-color:var(--color-accent);opacity:100}.eo-settings .header .overlay .updateMessage{box-sizing:border-box;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:#c0bcbcf1;background-clip:border-box}.eo-settings .header .overlay .updateMessage eo-icon{color:var(--color-white);width:48px;height:48px;opacity:.5;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}.eo-settings .header .overlay .updateMessage eo-icon:focus,.eo-settings .header .overlay .updateMessage eo-icon:hover{background-color:var(--color-primary);color:var(--color-white);cursor:pointer}.eo-settings .body{flex:1 1 auto;position:relative}.eo-settings .body .body-wrap{padding:var(--app-pane-padding);box-sizing:border-box;position:absolute;inset:0;overflow-y:auto}.eo-settings .body .section{margin-top:var(--app-pane-padding)}.eo-settings .body .section.section-deputies form{border-radius:2px}.eo-settings .body .section.section-deputies form .actions{display:flex;justify-content:flex-end;padding-top:calc(var(--app-pane-padding) / 4)}.eo-settings .body .section.section-deputies form .actions button{padding:calc(var(--app-pane-padding) / 4) calc(var(--app-pane-padding) / 2);border-radius:2px}.eo-settings .body .section.section-deputies form.dirty{padding:2px;background-color:rgba(var(--color-black-rgb),.06)}.eo-settings .body .section.section-deputies .entry.deputies .values{padding:0 2px;border:1px solid var(--eo-chips-border-color);border-radius:2px}.eo-settings .body .section.section-deputies .entry.substitute .values{display:flex;flex-flow:row wrap}.eo-settings .body .section.section-deputies .entry.substitute .values .chip{display:flex;align-items:center;font-size:.9em;padding:2px 4px}.eo-settings .body .section.section-deputies .entry.substitute .values .chip .substitute{width:calc(var(--app-pane-padding) * .75);height:calc(var(--app-pane-padding) * .6);border-radius:4px;border:0;color:var(--color-white)}.eo-settings .body .section.section-deputies .entry.substitute .values .chip .substitute--present{background-color:var(--color-success)}.eo-settings .body .section.section-deputies .entry.substitute .values .chip .substitute--away{background-color:var(--color-error)}.eo-settings .body .section.section-deputies .entry.substitute .values .chip>span{margin:0 calc(var(--app-pane-padding) / 2)}.eo-settings .body .section.section-deputies ::ng-deep .values .ui-state-default{background-color:var(--color-white);border-color:rgba(var(--color-black-rgb),.1);border-radius:2px;padding:0 0 2px 2px;min-height:27px}.eo-settings .body .section.section-deputies ::ng-deep .values .ui-state-disabled{opacity:1;border-color:transparent}.eo-settings .body .section p{line-height:1.7em}.eo-settings .body .section h3{margin:0;padding:0 0 0 150px;color:var(--text-color-caption);font-weight:var(--font-weight-normal);font-size:var(--font-subhead)}@media screen and (max-width: 480px){.eo-settings .body .section h3{padding:0}}.eo-settings .body .section .entry{display:flex;flex-flow:row nowrap;padding:var(--app-pane-padding) 0 0 0}.eo-settings .body .section .entry.lock-settings{overflow:hidden;opacity:0;height:0;transition:all .5s ease-in-out}.eo-settings .body .section .entry.lock-settings--show{opacity:1;height:100%}@media screen and (max-width: 480px){.eo-settings .body .section .entry{flex-flow:column}}.eo-settings .body .section .entry .label{flex:0 0 150px;color:var(--text-color-caption)}@media screen and (max-width: 480px){.eo-settings .body .section .entry .label{margin-bottom:calc(var(--app-pane-padding) / 2);flex:0 0 auto}}.eo-settings .body .section .entry .values{flex:1 1 auto}.eo-settings .body .section .entry .values button{margin:0 4px 4px 0;cursor:pointer}.eo-settings .body .section .entry .values button.active{cursor:default}.eo-settings .body .section .entry .values button.toggle:disabled{cursor:default}.eo-settings .body .section .entry .use-agent{display:flex;align-items:center}.eo-settings .body .section .entry .use-agent .use-agent-label{margin:0 calc(var(--app-pane-padding) / 2);color:var(--text-color-caption)}.eo-settings .body .section .entry .use-agent eo-icon.info-icon{margin:0;padding:3px;box-sizing:border-box;border-radius:50%;color:var(--text-color-caption)}.eo-settings .body .section .entry .use-agent eo-icon.info-icon:hover{background-color:var(--color-primary);color:var(--color-white);cursor:pointer}.eo-settings .body .section .values.roles{display:flex;flex-flow:column;align-items:flex-start}.eo-settings .body .section .values.roles .role{display:flex;flex-flow:row nowrap;margin-bottom:calc(var(--app-pane-padding) / 2);word-break:break-all}.eo-settings .body .section .values.roles .role eo-icon{width:18px;height:18px;color:var(--text-color-hint)}.eo-settings .body .section .values.roles .role>div{padding:0 calc(var(--app-pane-padding) / 2)}.eo-settings .body .section .values.roles .role>div .description{font-size:var(--font-caption);color:var(--text-color-caption)}.eo-settings .body .toggle-btn{display:inline-block;padding:2px 5px;border-radius:2px;-webkit-border-radius:2px;background:rgba(var(--color-black-rgb),.1);color:var(--text-color-caption);cursor:pointer;margin-right:3px;text-decoration:none}.eo-settings.rtl .header .userImage{right:auto;left:var(--app-pane-padding)}.eo-settings.rtl .body .section h3{padding:0 150px 0 0}::ng-deep .view{width:100%;height:100%}::ng-deep .view .eo-dialog-content{overflow:hidden}::ng-deep .view .contain{display:flex;flex-flow:column}@media screen and (max-width: 480px){::ng-deep .view .contain{min-height:210px}}::ng-deep .view .contain .attachments{width:100%;height:100%;display:flex;align-items:center;justify-content:space-around;margin:5px 60px 0}::ng-deep .view .contain .attachments .atta{position:relative;display:block;padding:0;margin-inline:10px;margin-top:10px}::ng-deep .view .contain .attachments .atta img{max-width:200px;max-height:200px;min-width:80px;min-height:80px;border:2px solid #5c5959;box-sizing:border-box}::ng-deep .view .contain .attachments .user-avatar{display:flex;margin-right:109px;align-items:center}::ng-deep .view .contain .attachments .user-avatar .preview-round{width:90px;height:90px;border-radius:50%;border:2px solid #5c5959}::ng-deep .view .button-block{display:flex;margin:8px;justify-content:right}::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: 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$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.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i1$3.NgForm, selector: "form:not([ngNoForm]):not([formGroup]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$3.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { 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: RtlAwareDirective, selector: "[eoRtlAware]", inputs: ["eoRtlAware"] }, { kind: "component", type: UserAvatarComponent, selector: "eo-user-avatar", inputs: ["showPresence", "previewUri"] }, { 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: 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: ChangePasswordFormComponent, selector: "eo-change-password-form", inputs: ["userRegex"], outputs: ["onFormSumbit"] }, { kind: "component", type: PermissionsComponent, selector: "eo-permissions", inputs: ["roles"] }, { kind: "component", type: SimpleAccordionComponent, selector: "eo-simple-accordion", inputs: ["header", "styles", "headerClass", "selected"], outputs: ["selectChange"] }, { kind: "pipe", type: i1$2.AsyncPipe, name: "async" }, { kind: "pipe", type: i4.TranslatePipe, name: "translate" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.2", type: SettingsComponent, selector: "eo-settings", viewQueries: [{ propertyName: "files", first: true, predicate: ["files"], descendants: true }, { propertyName: "headerBg", first: true, predicate: ["headerBg"], descendants: true }, { propertyName: "userAvatar", first: true, predicate: ["userAvatar"], descendants: true }, { propertyName: "confirmDeleteBtn", first: true, predicate: ["confirmDeleteBtn"], descendants: true }, { propertyName: "profileImageOverlay", first: true, predicate: ["profileImageOverlay"], descendants: true }, { propertyName: "deputiesForm", first: true, predicate: NgForm, descendants: true }], ngImport: i0, template: "<div class=\"eo-settings\" *ngIf=\"user\" eoRtlAware>\n\n  <div class=\"header\">\n\n    <div #headerBg class=\"bg\"></div>\n    <div class=\"fill\">\n      <div class=\"meta username\">{{user.name}}</div>\n      <h1>{{user.firstname}} {{user.lastname}}</h1>\n      <div class=\"meta email\">{{user.email}}</div>\n\n      <div class=\"presence\" *ngIf=\"capabilities.inbox\">\n        <button class=\"toggle dark present\" id=\"presence\" (click)=\"setPresence(true)\" [ngClass]=\"{active: user.present}\"\n         translate>eo.state.settings.presence.present</button>\n        <button class=\"toggle dark absent\" (click)=\"setPresence(false)\" (keydown.tab)=\"tabAction($event.target)\" [ngClass]=\"{active: !user.present}\"\n          translate>eo.state.settings.presence.absent</button>\n      </div>\n    </div>\n    <div (mouseenter)=\"mouseEnter()\" (mouseleave)=\"mouseLeave()\" (keydown.tab)=\"mouseEnter()\">\n\n      <eo-user-avatar #userAvatar class=\"userImage\" tabindex=\"-1\" eoRtlAware=\"full\">\n          <input type=\"file\" accept=\".jpg, .png\" style=\"display:none;\" #files (change)=\"selectImage($event.target)\" (click)=\"$event.target.value=null\">\n      </eo-user-avatar>\n      <eo-dialog  [styleClass]=\"'view'\" [minWidth]=\"'300px'\" [title]=\"'eo.state.settings.details.upload.dialog.title' | translate\"\n        [(visible)]=\"showPreviewDialog\" [focusOnShow]=\"false\">\n        <ng-container>\n          <div class=\"contain\">\n            <div class=\"attachments\">\n              <div class=\"atta\">\n                <img loading=\"lazy\" [src]=\"preview\">\n              </div>\n              <div class=\"user-avatar\" *ngIf=\"preview\">\n                <eo-user-avatar class=\"preview-round\" [previewUri]=\"preview\"></eo-user-avatar>\n              </div>\n            </div>\n          </div>\n          <div class=\"button-block\">\n            <button type=\"button\" (click)=\"closePreviewDialog()\" class=\"button danger\"\n              translate>eo.state.settings.details.delete.dialog.cancel</button>\n            <button type=\"button\" cdkFocusInitial (click)=\"uploadNewUserImage()\" class=\"button primary\"\n              translate>eo.state.settings.details.dialog.save</button>\n          </div>\n        </ng-container>\n      </eo-dialog>\n\n      <div class=\"overlay\" #profileImageOverlay tabindex=\"0\" eoRtlAware=\"full\">\n        <span class=\"updateMessage\" *ngIf=\"hoverSelector\">\n          <eo-icon tabindex=\"0\" (keydown.enter)=\"files.click()\" [iconSrc]=\"'assets/_default/svg/ic_edit.svg'\"\n            (click)=\"files.click()\"></eo-icon>\n          <eo-icon tabindex=\"0\" (keydown.enter)=\"trashIconClick()\" *ngIf=\"showDeleteIconTrash\"\n            [iconSrc]=\"'assets/_default/svg/ic_trash.svg'\" aria-disabled=\"true\" (click)=\"trashIconClick()\"></eo-icon>\n        </span>\n      </div>\n    </div>\n\n  </div>\n\n  <div class=\"body\" (keydown.tab)=\"tabAction($event.target)\">\n\n    <div class=\"body-wrap\">\n\n      <div class=\"section section-deputies\" *ngIf=\"capabilities.bpm && hasPrivilege('MANAGE_DEPUTY_LIST')\">\n        <h3 translate>eo.state.settings.deputies</h3>\n\n        <!-- deputies -->\n        <div class=\"entry deputies\">\n          <div class=\"label\" translate>eo.state.settings.deputies.label</div>\n          <div class=\"values\">\n            <form #deputiesForm=\"ngForm\" [ngClass]=\"{dirty: deputiesForm.dirty}\">\n              <eo-organization name=\"deputies\" [dataMeta]=\"deputies.dataMeta\" [filterObject]=\"{type: 'USER'}\"\n                [exceptions]=\"[user.name]\" [multiselect]=\"true\" tabindex=\"0\" [(ngModel)]=\"deputies.data\"></eo-organization>\n              <div class=\"actions\" *ngIf=\"deputiesForm.valid && deputiesForm.dirty\">\n                <button class=\"secondary\" (click)=\"resetDeputies()\" translate>eo.state.settings.deputies.cancel</button>\n                <button class=\"primary\" (click)=\"saveDeputies()\" translate>eo.state.settings.deputies.save</button>\n              </div>\n            </form>\n          </div>\n        </div>\n\n        <!-- substitute of -->\n        <div class=\"entry substitute\">\n          <div class=\"label\" translate>eo.state.settings.deputies.subsituteof.label</div>\n          <div class=\"values\">\n            <span class=\"chip\" *ngFor=\"let sub of user.substitutesOf\" [ngClass]=\"{present: sub.present}\">\n              <eo-icon class=\"chip substitute substitute--present\" *ngIf=\"sub.present\"\n                [iconSrc]=\"'assets/_default/svg/ic_done.svg'\"></eo-icon>\n              <eo-icon class=\"chip substitute substitute--away\" *ngIf=\"!sub.present\"\n                [iconSrc]=\"'assets/_default/svg/ic_clear.svg'\"></eo-icon>\n              <span>{{sub.title}} ({{sub.name}})</span>\n            </span>\n          </div>\n        </div>\n      </div>\n\n      <!-- password -->\n      <section class=\"section section-password\">\n        <div class=\"entry\">\n          <div class=\"label\" translate>eo.password.reset</div>\n          <div class=\"values\">\n            <eo-simple-accordion #simpleAcc [header]=\"('eo.password.reset' | translate)\"\n              [styles]=\"'setting__change-password'\" [headerClass]=\"'setting__change-password-header'\">\n\n              <eo-change-password-form (onFormSumbit)=\"simpleAcc.selected = false\"></eo-change-password-form>\n            </eo-simple-accordion>\n          </div>\n        </div>\n      </section>\n\n      <!-- language -->\n      <div class=\"section section-lang\">\n        <h3 translate>eo.state.settings.language</h3>\n        <div class=\"entry lang-app\">\n          <div class=\"label\" translate>eo.state.settings.language.client</div>\n          <div class=\"values\">\n            <button class=\"toggle\" (click)=\"changeClientLocale(locale.iso)\"\n              [ngClass]=\"{active: translate.currentLang === locale.iso}\"\n              *ngFor=\"let locale of clientLocales\">{{locale.label}}\n            </button>\n          </div>\n        </div>\n\n        <div class=\"entry lang-def\">\n          <div class=\"label\" translate>eo.state.settings.language.schema</div>\n          <div class=\"values\">\n            <button class=\"toggle\" (click)=\"changeSchemaLocale(locale.code)\"\n              [ngClass]=\"{active: activeSchema === locale.code}\"\n              *ngFor=\"let locale of schemaLocales\">{{locale.displayname}}</button>\n          </div>\n        </div>\n      </div>\n\n      <!-- permissions -->\n      <div class=\"section section-perm\">\n        <h3 translate>eo.state.settings.permission</h3>\n        <div class=\"entry perm-roles\">\n          <div class=\"label\" translate>eo.state.settings.roles</div>\n          <div class=\"values roles\">\n            <eo-simple-accordion [header]=\"('eo.state.settings.roles' | translate)\">\n              <eo-permissions [roles]=\"user.roles\"></eo-permissions>\n            </eo-simple-accordion>\n          </div>\n        </div>\n      </div>\n\n      <!-- agent -->\n      <div class=\"section section-others\">\n        <h3 translate>eo.state.settings.others</h3>\n        <ng-container *ngIf=\"showAgentConfig\">\n          <div class=\"entry\">\n            <div class=\"label\" translate>eo.state.settings.agent</div>\n            <div class=\"values\">\n              <div class=\"use-agent\">\n                <eo-checkbox [formControl]=\"useAgentControl\" [readonly]=\"useAgentControl.disabled\"\n                  *ngIf=\"useAgentControl\"></eo-checkbox>\n                <span class=\"use-agent-label\" translate>eo.state.settings.agent.use</span>\n                <!-- <a href=\"https://help.optimal-systems.com/yuuvisRAD/v60/user/client/de/client/integration/cln_tsk_agent_global.htm?Highlight=agent\">\n          <eo-icon class=\"info-icon\" [iconSrc]=\"'assets/_default/svg/ic_info.svg'\"></eo-icon>\n        </a> -->\n              </div>\n            </div>\n          </div>\n\n\n          <div class=\"entry lock-settings\" [ngClass]=\"{'lock-settings--show': (agentStatus | async)}\">\n            <div class=\"label\" translate>eo.state.settings.lock</div>\n            <div class=\"values\">\n              <button class=\"toggle button-enabled\" (click)=\"changeLockSettings(LockSettings.always)\"\n                [ngClass]=\"{active: agentLockSettings === LockSettings.always}\" [disabled]=\"defaultLockSetting\"\n                translate>eo.state.settings.lock.enable</button>\n              <button class=\"toggle button-disabled\" (click)=\"changeLockSettings(LockSettings.never)\"\n                [ngClass]=\"{active: agentLockSettings === LockSettings.never}\" [disabled]=\"defaultLockSetting\"\n                translate>eo.state.settings.lock.disable</button>\n              <button class=\"toggle button-ask\" (click)=\"changeLockSettings(LockSettings.ask)\"\n                [ngClass]=\"{active: agentLockSettings === LockSettings.ask}\" [disabled]=\"defaultLockSetting\"\n                translate>eo.state.settings.lock.ask</button>\n            </div>\n          </div>\n\n\n        </ng-container>\n        <div class=\"entry\">\n          <div class=\"label\" translate>eo.state.settings.localSettings</div>\n          <div class=\"values\">\n            <div class=\"flex-row\">\n              <button translate (click)=\"saveLocalSettings()\">eo.state.settings.localSettings.save</button>\n              <button translate (click)=\"loadLocalSettings()\">eo.state.settings.localSettings.load</button>\n              <button translate (click)=\"clearLocalSettings()\">eo.state.settings.localSettings.clear</button>\n            </div>\n          </div>\n        </div>\n        <div class=\"entry\">\n          <div class=\"label\" translate>eo.state.settings.dashboard.defaut</div>\n          <div class=\"values\">\n            <div class=\"flex-row\">\n              <button translate (click)=\"deleteConfigDashboard = true\">eo.state.settings.dashboard.button.clear</button>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n  <eo-dialog [title]=\"'eo.state.settings.dashboard.default.dialog.title' | translate\" [(visible)]=\"deleteConfigDashboard\"\n  [focusOnShow]=\"false\" [minWidth]=\"400\" [styleClass]=\"'delete__dialog'\">\n  <div>{{'eo.state.settings.dashboard.default.dialog.message' | translate}}</div>\n\n  <div class=\"action-buttons image-delete--action-buttons flex-row\" >\n    <button type=\"button\" class=\"button cancel\" (click)=\"deleteConfigDashboard = false\"\n    translate>eo.state.settings.details.delete.dialog.cancel</button>\n    <button type=\"button\" cdkFocusInitial #confirmDeleteBtn (click)=\"defaultDashboard(); deleteConfigDashboard = false\" class=\"button primary\"\n      translate>eo.state.settings.dashboard.button.reset</button>\n  </div>\n</eo-dialog>\n  <eo-dialog [title]=\"'eo.state.settings.details.delete.dialog.title' | translate\" [(visible)]=\"showDeleteDialog\"\n    [focusOnShow]=\"false\" [minWidth]=\"400\" [styleClass]=\"'delete__dialog'\">\n    <div>{{'eo.state.settings.details.delete.dialog.message' | translate}}</div>\n\n    <div class=\"action-buttons image-delete--action-buttons flex-row\" >\n      <button type=\"button\" class=\"button cancel\" (click)=\"showDeleteDialog = false\"\n      translate>eo.state.settings.details.delete.dialog.cancel</button>\n      <button type=\"button\" cdkFocusInitial #confirmDeleteBtn (click)=\"deleteUserImage()\" class=\"button primary\"\n        translate>eo.state.settings.details.delete.dialog.ok</button>\n    </div>\n  </eo-dialog>\n\n  <eo-dialog [title]=\"'eo.state.settings.details.upload.dialog.title' | translate\" [(visible)]=\"showErrorDialog\"\n    [focusOnShow]=\"false\" [minWidth]=\"400\" [styleClass]=\"'delete__dialog'\">\n\n    <div>\n      <p>{{fileName}}</p>\n      <p *ngIf=\"viewMode ==='size'\" translate>eo.state.settings.details.upload.dialog.sizeError</p>\n      <p *ngIf=\"viewMode ==='image'\" translate>eo.state.settings.details.upload.dialog.fileError </p>\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</button>\n      <button type=\"button\" cdkFocusInitial (click)=\"files.click(); showErrorDialog = false\" class=\"button primary\"\n        translate>eo.state.settings.details.upload.dialog.back</button>\n    </div>\n  </eo-dialog>\n</div>\n", styles: [":host{position:absolute;inset:0;display:flex;flex-flow:row;justify-content:center}:host .cache{display:flex;flex-flow:row;margin:0 var(--app-pane-padding)}.eo-settings{margin:var(--app-pane-padding);box-sizing:border-box;width:800px;background:var(--color-white);display:flex;flex-flow:column;box-shadow:0 2px 5px #0003}@media screen and (max-width: 832px){.eo-settings{margin:0;min-width:inherit;width:100%}}.eo-settings .header{min-height:200px;max-height:300px;position:relative;flex:1 1}@media screen and (max-width: 480px){.eo-settings .header{min-height:210px}}.eo-settings .header h1{margin:0;padding:0;font-size:var(--font-display);font-weight:var(--font-weight-light);line-height:1em}.eo-settings .header .meta{margin:calc(var(--app-pane-padding) / 2) 0}.eo-settings .header .presence{margin-top:calc(var(--app-pane-padding) * 2)}.eo-settings .header .bg{position:absolute;inset:0;background-size:cover;background-position:center center;filter:grayscale(1)}.eo-settings .header .fill{position:absolute;inset:0;background:rgba(var(--color-primary-rgb),.85);color:var(--color-white);padding:var(--app-pane-padding)}.eo-settings .header .userImage{position:absolute;z-index:1;right:var(--app-pane-padding);bottom:calc(var(--app-pane-padding) * -1);background-size:cover;width:150px;height:150px;border:4px solid var(--color-white);box-shadow:0 2px 5px rgba(var(--color-black-rgb),.26)}@media screen and (max-width: 480px){.eo-settings .header .userImage{width:105px;height:105px}}.eo-settings .header .userImage.rtl{left:var(--app-pane-padding);right:auto}.eo-settings .header .overlay{position:absolute;z-index:1;right:var(--app-pane-padding);bottom:calc(var(--app-pane-padding) * -1);width:150px;height:150px;border:4px solid var(--color-white);box-shadow:0 2px 5px rgba(var(--color-black-rgb),.26)}@media screen and (max-width: 480px){.eo-settings .header .overlay{width:105px;height:105px}}.eo-settings .header .overlay.rtl{left:var(--app-pane-padding);right:auto}.eo-settings .header .overlay:focus{border-color:var(--color-accent);opacity:2}.eo-settings .header .overlay:hover{border-color:var(--color-accent);opacity:100}.eo-settings .header .overlay .updateMessage{box-sizing:border-box;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:#c0bcbcf1;background-clip:border-box}.eo-settings .header .overlay .updateMessage eo-icon{color:var(--color-white);width:48px;height:48px;opacity:.5;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}.eo-settings .header .overlay .updateMessage eo-icon:focus,.eo-settings .header .overlay .updateMessage eo-icon:hover{background-color:var(--color-primary);color:var(--color-white);cursor:pointer}.eo-settings .body{flex:1 1 auto;position:relative}.eo-settings .body .body-wrap{padding:var(--app-pane-padding);box-sizing:border-box;position:absolute;inset:0;overflow-y:auto}.eo-settings .body .section{margin-top:var(--app-pane-padding)}.eo-settings .body .section.section-deputies form{border-radius:2px}.eo-settings .body .section.section-deputies form .actions{display:flex;justify-content:flex-end;padding-top:calc(var(--app-pane-padding) / 4)}.eo-settings .body .section.section-deputies form .actions button{padding:calc(var(--app-pane-padding) / 4) calc(var(--app-pane-padding) / 2);border-radius:2px}.eo-settings .body .section.section-deputies form.dirty{padding:2px;background-color:rgba(var(--color-black-rgb),.06)}.eo-settings .body .section.section-deputies .entry.deputies .values{padding:0 2px;border:1px solid var(--eo-chips-border-color);border-radius:2px}.eo-settings .body .section.section-deputies .entry.substitute .values{display:flex;flex-flow:row wrap}.eo-settings .body .section.section-deputies .entry.substitute .values .chip{display:flex;align-items:center;font-size:.9em;padding:2px 4px}.eo-settings .body .section.section-deputies .entry.substitute .values .chip .substitute{width:calc(var(--app-pane-padding) * .75);height:calc(var(--app-pane-padding) * .6);border-radius:4px;border:0;color:var(--color-white)}.eo-settings .body .section.section-deputies .entry.substitute .values .chip .substitute--present{background-color:var(--color-success)}.eo-settings .body .section.section-deputies .entry.substitute .values .chip .substitute--away{background-color:var(--color-error)}.eo-settings .body .section.section-deputies .entry.substitute .values .chip>span{margin:0 calc(var(--app-pane-padding) / 2)}.eo-settings .body .section.section-deputies ::ng-deep .values .ui-state-default{background-color:var(--color-white);border-color:rgba(var(--color-black-rgb),.1);border-radius:2px;padding:0 0 2px 2px;min-height:27px}.eo-settings .body .section.section-deputies ::ng-deep .values .ui-state-disabled{opacity:1;border-color:transparent}.eo-settings .body .section p{line-height:1.7em}.eo-settings .body .section h3{margin:0;padding:0 0 0 150px;color:var(--text-color-caption);font-weight:var(--font-weight-normal);font-size:var(--font-subhead)}@media screen and (max-width: 480px){.eo-settings .body .section h3{padding:0}}.eo-settings .body .section .entry{display:flex;flex-flow:row nowrap;padding:var(--app-pane-padding) 0 0 0}.eo-settings .body .section .entry.lock-settings{overflow:hidden;opacity:0;height:0;transition:all .5s ease-in-out}.eo-settings .body .section .entry.lock-settings--show{opacity:1;height:100%}@media screen and (max-width: 480px){.eo-settings .body .section .entry{flex-flow:column}}.eo-settings .body .section .entry .label{flex:0 0 150px;color:var(--text-color-caption)}@media screen and (max-width: 480px){.eo-settings .body .section .entry .label{margin-bottom:calc(var(--app-pane-padding) / 2);flex:0 0 auto}}.eo-settings .body .section .entry .values{flex:1 1 auto}.eo-settings .body .section .entry .values button{margin:0 4px 4px 0;cursor:pointer}.eo-settings .body .section .entry .values button.active{cursor:default}.eo-settings .body .section .entry .values button.toggle:disabled{cursor:default}.eo-settings .body .section .entry .use-agent{display:flex;align-items:center}.eo-settings .body .section .entry .use-agent .use-agent-label{margin:0 calc(var(--app-pane-padding) / 2);color:var(--text-color-caption)}.eo-settings .body .section .entry .use-agent eo-icon.info-icon{margin:0;padding:3px;box-sizing:border-box;border-radius:50%;color:var(--text-color-caption)}.eo-settings .body .section .entry .use-agent eo-icon.info-icon:hover{background-color:var(--color-primary);color:var(--color-white);cursor:pointer}.eo-settings .body .section .values.roles{display:flex;flex-flow:column;align-items:flex-start}.eo-settings .body .section .values.roles .role{display:flex;flex-flow:row nowrap;margin-bottom:calc(var(--app-pane-padding) / 2);word-break:break-all}.eo-settings .body .section .values.roles .role eo-icon{width:18px;height:18px;color:var(--text-color-hint)}.eo-settings .body .section .values.roles .role>div{padding:0 calc(var(--app-pane-padding) / 2)}.eo-settings .body .section .values.roles .role>div .description{font-size:var(--font-caption);color:var(--text-color-caption)}.eo-settings .body .toggle-btn{display:inline-block;padding:2px 5px;border-radius:2px;-webkit-border-radius:2px;background:rgba(var(--color-black-rgb),.1);color:var(--text-color-caption);cursor:pointer;margin-right:3px;text-decoration:none}.eo-settings.rtl .header .userImage{right:auto;left:var(--app-pane-padding)}.eo-settings.rtl .body .section h3{padding:0 150px 0 0}::ng-deep .view{width:100%;height:100%}::ng-deep .view .eo-dialog-content{overflow:hidden}::ng-deep .view .contain{display:flex;flex-flow:column}@media screen and (max-width: 480px){::ng-deep .view .contain{min-height:210px}}::ng-deep .view .contain .attachments{width:100%;height:100%;display:flex;align-items:center;justify-content:space-around;margin:5px 60px 0}::ng-deep .view .contain .attachments .atta{position:relative;display:block;padding:0;margin-inline:10px;margin-top:10px}::ng-deep .view .contain .attachments .atta img{max-width:200px;max-height:200px;min-width:80px;min-height:80px;border:2px solid #5c5959;box-sizing:border-box}::ng-deep .view .contain .attachments .user-avatar{display:flex;margin-right:109px;align-items:center}::ng-deep .view .contain .attachments .user-avatar .preview-round{width:90px;height:90px;border-radius:50%;border:2px solid #5c5959}::ng-deep .view .button-block{display:flex;margin:8px;justify-content:right}::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: 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$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.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i1$3.NgForm, selector: "form:not([ngNoForm]):not([formGroup]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$3.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { 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: RtlAwareDirective, selector: "[eoRtlAware]", inputs: ["eoRtlAware"] }, { kind: "component", type: UserAvatarComponent, selector: "eo-user-avatar", inputs: ["showPresence", "previewUri"] }, { 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: 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: ChangePasswordFormComponent, selector: "eo-change-password-form", inputs: ["userRegex"], outputs: ["onFormSumbit"] }, { kind: "component", type: PermissionsComponent, selector: "eo-permissions", inputs: ["roles"] }, { kind: "component", type: SimpleAccordionComponent, selector: "eo-simple-accordion", inputs: ["header", "styles", "headerClass", "selected"], outputs: ["selectChange"] }, { kind: "pipe", type: i1$2.AsyncPipe, name: "async" }, { kind: "pipe", type: i4.TranslatePipe, name: "translate" }] }); }
 };
 SettingsComponent = __decorate([
     UntilDestroy()
 ], SettingsComponent);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: SettingsComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'eo-settings', template: "<div class=\"eo-settings\" *ngIf=\"user\" eoRtlAware>\n\n  <div class=\"header\">\n\n    <div #headerBg class=\"bg\"></div>\n    <div class=\"fill\">\n      <div class=\"meta username\">{{user.name}}</div>\n      <h1>{{user.firstname}} {{user.lastname}}</h1>\n      <div class=\"meta email\">{{user.email}}</div>\n\n      <div class=\"presence\" *ngIf=\"capabilities.inbox\">\n        <button class=\"toggle dark present\" id=\"presence\" (click)=\"setPresence(true)\" [ngClass]=\"{active: user.present}\"\n         translate>eo.state.settings.presence.present</button>\n        <button class=\"toggle dark absent\" (click)=\"setPresence(false)\" (keydown.tab)=\"tabAction($event.target)\" [ngClass]=\"{active: !user.present}\"\n          translate>eo.state.settings.presence.absent</button>\n      </div>\n    </div>\n    <div (mouseenter)=\"mouseEnter()\" (mouseleave)=\"mouseLeave()\" (keydown.tab)=\"mouseEnter()\">\n\n      <eo-user-avatar #userAvatar class=\"userImage\" tabindex=\"-1\" eoRtlAware=\"full\">\n          <input type=\"file\" accept=\".jpg, .png\" style=\"display:none;\" #files (change)=\"selectImage($event.target)\" (click)=\"$event.target.value=null\">\n      </eo-user-avatar>\n      <eo-dialog  [styleClass]=\"'view'\" [minWidth]=\"'300px'\" [title]=\"'eo.state.settings.details.upload.dialog.title' | translate\"\n        [(visible)]=\"showPreviewDialog\" [focusOnShow]=\"false\">\n        <ng-container>\n          <div class=\"contain\">\n            <div class=\"attachments\">\n              <div class=\"atta\">\n                <img loading=\"lazy\" [src]=\"preview\">\n              </div>\n              <div class=\"user-avatar\" *ngIf=\"preview\">\n                <eo-user-avatar class=\"preview-round\" [previewUri]=\"preview\"></eo-user-avatar>\n              </div>\n            </div>\n          </div>\n          <div class=\"button-block\">\n            <button type=\"button\" (click)=\"closePreviewDialog()\" class=\"button danger\"\n              translate>eo.state.settings.details.delete.dialog.cancel</button>\n            <button type=\"button\" cdkFocusInitial (click)=\"uploadNewUserImage()\" class=\"button primary\"\n              translate>eo.state.settings.details.dialog.save</button>\n          </div>\n        </ng-container>\n      </eo-dialog>\n\n      <div class=\"overlay\" #profileImageOverlay tabindex=\"0\" eoRtlAware=\"full\">\n        <span class=\"updateMessage\" *ngIf=\"hoverSelector\">\n          <eo-icon tabindex=\"0\" (keydown.enter)=\"files.click()\" [iconSrc]=\"'assets/_default/svg/ic_edit.svg'\"\n            (click)=\"files.click()\"></eo-icon>\n          <eo-icon tabindex=\"0\" (keydown.enter)=\"trashIconClick()\" *ngIf=\"showDeleteIconTrash\"\n            [iconSrc]=\"'assets/_default/svg/ic_trash.svg'\" aria-disabled=\"true\" (click)=\"trashIconClick()\"></eo-icon>\n        </span>\n      </div>\n    </div>\n\n  </div>\n\n  <div class=\"body\" (keydown.tab)=\"tabAction($event.target)\">\n\n    <div class=\"body-wrap\">\n\n      <div class=\"section section-deputies\" *ngIf=\"capabilities.bpm && hasPrivilege('MANAGE_DEPUTY_LIST')\">\n        <h3 translate>eo.state.settings.deputies</h3>\n\n        <!-- deputies -->\n        <div class=\"entry deputies\">\n          <div class=\"label\" translate>eo.state.settings.deputies.label</div>\n          <div class=\"values\">\n            <form #deputiesForm=\"ngForm\" [ngClass]=\"{dirty: deputiesForm.dirty}\">\n              <eo-organization name=\"deputies\" [dataMeta]=\"deputies.dataMeta\" [filterObject]=\"{type: 'USER'}\"\n                [exceptions]=\"[user.name]\" [multiselect]=\"true\" tabindex=\"0\" [(ngModel)]=\"deputies.data\"></eo-organization>\n              <div class=\"actions\" *ngIf=\"deputiesForm.valid && deputiesForm.dirty\">\n                <button class=\"secondary\" (click)=\"resetDeputies()\" translate>eo.state.settings.deputies.cancel</button>\n                <button class=\"primary\" (click)=\"saveDeputies()\" translate>eo.state.settings.deputies.save</button>\n              </div>\n            </form>\n          </div>\n        </div>\n\n        <!-- substitute of -->\n        <div class=\"entry substitute\">\n          <div class=\"label\" translate>eo.state.settings.deputies.subsituteof.label</div>\n          <div class=\"values\">\n            <span class=\"chip\" *ngFor=\"let sub of user.substitutesOf\" [ngClass]=\"{present: sub.present}\">\n              <eo-icon class=\"chip substitute substitute--present\" *ngIf=\"sub.present\"\n                [iconSrc]=\"'assets/_default/svg/ic_done.svg'\"></eo-icon>\n              <eo-icon class=\"chip substitute substitute--away\" *ngIf=\"!sub.present\"\n                [iconSrc]=\"'assets/_default/svg/ic_clear.svg'\"></eo-icon>\n              <span>{{sub.title}} ({{sub.name}})</span>\n            </span>\n          </div>\n        </div>\n      </div>\n\n      <!-- password -->\n      <section class=\"section section-password\">\n        <div class=\"entry\">\n          <div class=\"label\" translate>eo.password.reset</div>\n          <div class=\"values\">\n            <eo-simple-accordion #simpleAcc [header]=\"('eo.password.reset' | translate)\"\n              [styles]=\"'setting__change-password'\" [headerClass]=\"'setting__change-password-header'\">\n\n              <eo-change-password-form (onFormSumbit)=\"simpleAcc.selected = false\"></eo-change-password-form>\n            </eo-simple-accordion>\n          </div>\n        </div>\n      </section>\n\n      <!-- language -->\n      <div class=\"section section-lang\">\n        <h3 translate>eo.state.settings.language</h3>\n        <div class=\"entry lang-app\">\n          <div class=\"label\" translate>eo.state.settings.language.client</div>\n          <div class=\"values\">\n            <button class=\"toggle\" (click)=\"changeClientLocale(locale.iso)\"\n              [ngClass]=\"{active: translate.currentLang === locale.iso}\"\n              *ngFor=\"let locale of clientLocales\">{{locale.label}}\n            </button>\n          </div>\n        </div>\n\n        <div class=\"entry lang-def\">\n          <div class=\"label\" translate>eo.state.settings.language.schema</div>\n          <div class=\"values\">\n            <button class=\"toggle\" (click)=\"changeSchemaLocale(locale.code)\"\n              [ngClass]=\"{active: activeSchema === locale.code}\"\n              *ngFor=\"let locale of schemaLocales\">{{locale.displayname}}</button>\n          </div>\n        </div>\n      </div>\n\n      <!-- permissions -->\n      <div class=\"section section-perm\">\n        <h3 translate>eo.state.settings.permission</h3>\n        <div class=\"entry perm-roles\">\n          <div class=\"label\" translate>eo.state.settings.roles</div>\n          <div class=\"values roles\">\n            <eo-simple-accordion [header]=\"('eo.state.settings.roles' | translate)\">\n              <eo-permissions [roles]=\"user.roles\"></eo-permissions>\n            </eo-simple-accordion>\n          </div>\n        </div>\n      </div>\n\n      <!-- agent -->\n      <div class=\"section section-others\">\n        <h3 translate>eo.state.settings.others</h3>\n        <ng-container *ngIf=\"showAgentConfig\">\n          <div class=\"entry\">\n            <div class=\"label\" translate>eo.state.settings.agent</div>\n            <div class=\"values\">\n              <div class=\"use-agent\">\n                <eo-checkbox [formControl]=\"useAgentControl\" [readonly]=\"useAgentControl.disabled\"\n                  *ngIf=\"useAgentControl\"></eo-checkbox>\n                <span class=\"use-agent-label\" translate>eo.state.settings.agent.use</span>\n                <!-- <a href=\"https://help.optimal-systems.com/yuuvisRAD/v60/user/client/de/client/integration/cln_tsk_agent_global.htm?Highlight=agent\">\n          <eo-icon class=\"info-icon\" [iconSrc]=\"'assets/_default/svg/ic_info.svg'\"></eo-icon>\n        </a> -->\n              </div>\n            </div>\n          </div>\n\n\n          <div class=\"entry lock-settings\" [ngClass]=\"{'lock-settings--show': (agentStatus | async)}\">\n            <div class=\"label\" translate>eo.state.settings.lock</div>\n            <div class=\"values\">\n              <button class=\"toggle button-enabled\" (click)=\"changeLockSettings(LockSettings.always)\"\n                [ngClass]=\"{active: agentLockSettings === LockSettings.always}\" [disabled]=\"defaultLockSetting\"\n                translate>eo.state.settings.lock.enable</button>\n              <button class=\"toggle button-disabled\" (click)=\"changeLockSettings(LockSettings.never)\"\n                [ngClass]=\"{active: agentLockSettings === LockSettings.never}\" [disabled]=\"defaultLockSetting\"\n                translate>eo.state.settings.lock.disable</button>\n              <button class=\"toggle button-ask\" (click)=\"changeLockSettings(LockSettings.ask)\"\n                [ngClass]=\"{active: agentLockSettings === LockSettings.ask}\" [disabled]=\"defaultLockSetting\"\n                translate>eo.state.settings.lock.ask</button>\n            </div>\n          </div>\n\n\n        </ng-container>\n        <div class=\"entry\">\n          <div class=\"label\" translate>eo.state.settings.localSettings</div>\n          <div class=\"values\">\n            <div class=\"flex-row\">\n              <button translate (click)=\"saveLocalSettings()\">eo.state.settings.localSettings.save</button>\n              <button translate (click)=\"loadLocalSettings()\">eo.state.settings.localSettings.load</button>\n              <button translate (click)=\"clearLocalSettings()\">eo.state.settings.localSettings.clear</button>\n            </div>\n          </div>\n        </div>\n      </div>\n\n    </div>\n  </div>\n  <eo-dialog [title]=\"'eo.state.settings.details.delete.dialog.title' | translate\" [(visible)]=\"showDeleteDialog\"\n    [focusOnShow]=\"false\" [minWidth]=\"400\" [styleClass]=\"'delete__dialog'\">\n    <div>{{'eo.state.settings.details.delete.dialog.message' | translate}}</div>\n\n    <div class=\"action-buttons image-delete--action-buttons flex-row\" >\n      <button type=\"button\" class=\"button cancel\" (click)=\"showDeleteDialog = false\"\n      translate>eo.state.settings.details.delete.dialog.cancel</button>\n      <button type=\"button\" cdkFocusInitial #confirmDeleteBtn (click)=\"deleteUserImage()\" class=\"button primary\"\n        translate>eo.state.settings.details.delete.dialog.ok</button>\n    </div>\n  </eo-dialog>\n\n  <eo-dialog [title]=\"'eo.state.settings.details.upload.dialog.title' | translate\" [(visible)]=\"showErrorDialog\"\n    [focusOnShow]=\"false\" [minWidth]=\"400\" [styleClass]=\"'delete__dialog'\">\n\n    <div>\n      <p>{{fileName}}</p>\n      <p *ngIf=\"viewMode ==='size'\" translate>eo.state.settings.details.upload.dialog.sizeError</p>\n      <p *ngIf=\"viewMode ==='image'\" translate>eo.state.settings.details.upload.dialog.fileError </p>\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</button>\n      <button type=\"button\" cdkFocusInitial (click)=\"files.click(); showErrorDialog = false\" class=\"button primary\"\n        translate>eo.state.settings.details.upload.dialog.back</button>\n    </div>\n  </eo-dialog>\n</div>\n", styles: [":host{position:absolute;inset:0;display:flex;flex-flow:row;justify-content:center}:host .cache{display:flex;flex-flow:row;margin:0 var(--app-pane-padding)}.eo-settings{margin:var(--app-pane-padding);box-sizing:border-box;width:800px;background:var(--color-white);display:flex;flex-flow:column;box-shadow:0 2px 5px #0003}@media screen and (max-width: 832px){.eo-settings{margin:0;min-width:inherit;width:100%}}.eo-settings .header{min-height:200px;max-height:300px;position:relative;flex:1 1}@media screen and (max-width: 480px){.eo-settings .header{min-height:210px}}.eo-settings .header h1{margin:0;padding:0;font-size:var(--font-display);font-weight:var(--font-weight-light);line-height:1em}.eo-settings .header .meta{margin:calc(var(--app-pane-padding) / 2) 0}.eo-settings .header .presence{margin-top:calc(var(--app-pane-padding) * 2)}.eo-settings .header .bg{position:absolute;inset:0;background-size:cover;background-position:center center;filter:grayscale(1)}.eo-settings .header .fill{position:absolute;inset:0;background:rgba(var(--color-primary-rgb),.85);color:var(--color-white);padding:var(--app-pane-padding)}.eo-settings .header .userImage{position:absolute;z-index:1;right:var(--app-pane-padding);bottom:calc(var(--app-pane-padding) * -1);background-size:cover;width:150px;height:150px;border:4px solid var(--color-white);box-shadow:0 2px 5px rgba(var(--color-black-rgb),.26)}@media screen and (max-width: 480px){.eo-settings .header .userImage{width:105px;height:105px}}.eo-settings .header .userImage.rtl{left:var(--app-pane-padding);right:auto}.eo-settings .header .overlay{position:absolute;z-index:1;right:var(--app-pane-padding);bottom:calc(var(--app-pane-padding) * -1);width:150px;height:150px;border:4px solid var(--color-white);box-shadow:0 2px 5px rgba(var(--color-black-rgb),.26)}@media screen and (max-width: 480px){.eo-settings .header .overlay{width:105px;height:105px}}.eo-settings .header .overlay.rtl{left:var(--app-pane-padding);right:auto}.eo-settings .header .overlay:focus{border-color:var(--color-accent);opacity:2}.eo-settings .header .overlay:hover{border-color:var(--color-accent);opacity:100}.eo-settings .header .overlay .updateMessage{box-sizing:border-box;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:#c0bcbcf1;background-clip:border-box}.eo-settings .header .overlay .updateMessage eo-icon{color:var(--color-white);width:48px;height:48px;opacity:.5;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}.eo-settings .header .overlay .updateMessage eo-icon:focus,.eo-settings .header .overlay .updateMessage eo-icon:hover{background-color:var(--color-primary);color:var(--color-white);cursor:pointer}.eo-settings .body{flex:1 1 auto;position:relative}.eo-settings .body .body-wrap{padding:var(--app-pane-padding);box-sizing:border-box;position:absolute;inset:0;overflow-y:auto}.eo-settings .body .section{margin-top:var(--app-pane-padding)}.eo-settings .body .section.section-deputies form{border-radius:2px}.eo-settings .body .section.section-deputies form .actions{display:flex;justify-content:flex-end;padding-top:calc(var(--app-pane-padding) / 4)}.eo-settings .body .section.section-deputies form .actions button{padding:calc(var(--app-pane-padding) / 4) calc(var(--app-pane-padding) / 2);border-radius:2px}.eo-settings .body .section.section-deputies form.dirty{padding:2px;background-color:rgba(var(--color-black-rgb),.06)}.eo-settings .body .section.section-deputies .entry.deputies .values{padding:0 2px;border:1px solid var(--eo-chips-border-color);border-radius:2px}.eo-settings .body .section.section-deputies .entry.substitute .values{display:flex;flex-flow:row wrap}.eo-settings .body .section.section-deputies .entry.substitute .values .chip{display:flex;align-items:center;font-size:.9em;padding:2px 4px}.eo-settings .body .section.section-deputies .entry.substitute .values .chip .substitute{width:calc(var(--app-pane-padding) * .75);height:calc(var(--app-pane-padding) * .6);border-radius:4px;border:0;color:var(--color-white)}.eo-settings .body .section.section-deputies .entry.substitute .values .chip .substitute--present{background-color:var(--color-success)}.eo-settings .body .section.section-deputies .entry.substitute .values .chip .substitute--away{background-color:var(--color-error)}.eo-settings .body .section.section-deputies .entry.substitute .values .chip>span{margin:0 calc(var(--app-pane-padding) / 2)}.eo-settings .body .section.section-deputies ::ng-deep .values .ui-state-default{background-color:var(--color-white);border-color:rgba(var(--color-black-rgb),.1);border-radius:2px;padding:0 0 2px 2px;min-height:27px}.eo-settings .body .section.section-deputies ::ng-deep .values .ui-state-disabled{opacity:1;border-color:transparent}.eo-settings .body .section p{line-height:1.7em}.eo-settings .body .section h3{margin:0;padding:0 0 0 150px;color:var(--text-color-caption);font-weight:var(--font-weight-normal);font-size:var(--font-subhead)}@media screen and (max-width: 480px){.eo-settings .body .section h3{padding:0}}.eo-settings .body .section .entry{display:flex;flex-flow:row nowrap;padding:var(--app-pane-padding) 0 0 0}.eo-settings .body .section .entry.lock-settings{overflow:hidden;opacity:0;height:0;transition:all .5s ease-in-out}.eo-settings .body .section .entry.lock-settings--show{opacity:1;height:100%}@media screen and (max-width: 480px){.eo-settings .body .section .entry{flex-flow:column}}.eo-settings .body .section .entry .label{flex:0 0 150px;color:var(--text-color-caption)}@media screen and (max-width: 480px){.eo-settings .body .section .entry .label{margin-bottom:calc(var(--app-pane-padding) / 2);flex:0 0 auto}}.eo-settings .body .section .entry .values{flex:1 1 auto}.eo-settings .body .section .entry .values button{margin:0 4px 4px 0;cursor:pointer}.eo-settings .body .section .entry .values button.active{cursor:default}.eo-settings .body .section .entry .values button.toggle:disabled{cursor:default}.eo-settings .body .section .entry .use-agent{display:flex;align-items:center}.eo-settings .body .section .entry .use-agent .use-agent-label{margin:0 calc(var(--app-pane-padding) / 2);color:var(--text-color-caption)}.eo-settings .body .section .entry .use-agent eo-icon.info-icon{margin:0;padding:3px;box-sizing:border-box;border-radius:50%;color:var(--text-color-caption)}.eo-settings .body .section .entry .use-agent eo-icon.info-icon:hover{background-color:var(--color-primary);color:var(--color-white);cursor:pointer}.eo-settings .body .section .values.roles{display:flex;flex-flow:column;align-items:flex-start}.eo-settings .body .section .values.roles .role{display:flex;flex-flow:row nowrap;margin-bottom:calc(var(--app-pane-padding) / 2);word-break:break-all}.eo-settings .body .section .values.roles .role eo-icon{width:18px;height:18px;color:var(--text-color-hint)}.eo-settings .body .section .values.roles .role>div{padding:0 calc(var(--app-pane-padding) / 2)}.eo-settings .body .section .values.roles .role>div .description{font-size:var(--font-caption);color:var(--text-color-caption)}.eo-settings .body .toggle-btn{display:inline-block;padding:2px 5px;border-radius:2px;-webkit-border-radius:2px;background:rgba(var(--color-black-rgb),.1);color:var(--text-color-caption);cursor:pointer;margin-right:3px;text-decoration:none}.eo-settings.rtl .header .userImage{right:auto;left:var(--app-pane-padding)}.eo-settings.rtl .body .section h3{padding:0 150px 0 0}::ng-deep .view{width:100%;height:100%}::ng-deep .view .eo-dialog-content{overflow:hidden}::ng-deep .view .contain{display:flex;flex-flow:column}@media screen and (max-width: 480px){::ng-deep .view .contain{min-height:210px}}::ng-deep .view .contain .attachments{width:100%;height:100%;display:flex;align-items:center;justify-content:space-around;margin:5px 60px 0}::ng-deep .view .contain .attachments .atta{position:relative;display:block;padding:0;margin-inline:10px;margin-top:10px}::ng-deep .view .contain .attachments .atta img{max-width:200px;max-height:200px;min-width:80px;min-height:80px;border:2px solid #5c5959;box-sizing:border-box}::ng-deep .view .contain .attachments .user-avatar{display:flex;margin-right:109px;align-items:center}::ng-deep .view .contain .attachments .user-avatar .preview-round{width:90px;height:90px;border-radius:50%;border:2px solid #5c5959}::ng-deep .view .button-block{display:flex;margin:8px;justify-content:right}::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"] }]
+            args: [{ selector: 'eo-settings', template: "<div class=\"eo-settings\" *ngIf=\"user\" eoRtlAware>\n\n  <div class=\"header\">\n\n    <div #headerBg class=\"bg\"></div>\n    <div class=\"fill\">\n      <div class=\"meta username\">{{user.name}}</div>\n      <h1>{{user.firstname}} {{user.lastname}}</h1>\n      <div class=\"meta email\">{{user.email}}</div>\n\n      <div class=\"presence\" *ngIf=\"capabilities.inbox\">\n        <button class=\"toggle dark present\" id=\"presence\" (click)=\"setPresence(true)\" [ngClass]=\"{active: user.present}\"\n         translate>eo.state.settings.presence.present</button>\n        <button class=\"toggle dark absent\" (click)=\"setPresence(false)\" (keydown.tab)=\"tabAction($event.target)\" [ngClass]=\"{active: !user.present}\"\n          translate>eo.state.settings.presence.absent</button>\n      </div>\n    </div>\n    <div (mouseenter)=\"mouseEnter()\" (mouseleave)=\"mouseLeave()\" (keydown.tab)=\"mouseEnter()\">\n\n      <eo-user-avatar #userAvatar class=\"userImage\" tabindex=\"-1\" eoRtlAware=\"full\">\n          <input type=\"file\" accept=\".jpg, .png\" style=\"display:none;\" #files (change)=\"selectImage($event.target)\" (click)=\"$event.target.value=null\">\n      </eo-user-avatar>\n      <eo-dialog  [styleClass]=\"'view'\" [minWidth]=\"'300px'\" [title]=\"'eo.state.settings.details.upload.dialog.title' | translate\"\n        [(visible)]=\"showPreviewDialog\" [focusOnShow]=\"false\">\n        <ng-container>\n          <div class=\"contain\">\n            <div class=\"attachments\">\n              <div class=\"atta\">\n                <img loading=\"lazy\" [src]=\"preview\">\n              </div>\n              <div class=\"user-avatar\" *ngIf=\"preview\">\n                <eo-user-avatar class=\"preview-round\" [previewUri]=\"preview\"></eo-user-avatar>\n              </div>\n            </div>\n          </div>\n          <div class=\"button-block\">\n            <button type=\"button\" (click)=\"closePreviewDialog()\" class=\"button danger\"\n              translate>eo.state.settings.details.delete.dialog.cancel</button>\n            <button type=\"button\" cdkFocusInitial (click)=\"uploadNewUserImage()\" class=\"button primary\"\n              translate>eo.state.settings.details.dialog.save</button>\n          </div>\n        </ng-container>\n      </eo-dialog>\n\n      <div class=\"overlay\" #profileImageOverlay tabindex=\"0\" eoRtlAware=\"full\">\n        <span class=\"updateMessage\" *ngIf=\"hoverSelector\">\n          <eo-icon tabindex=\"0\" (keydown.enter)=\"files.click()\" [iconSrc]=\"'assets/_default/svg/ic_edit.svg'\"\n            (click)=\"files.click()\"></eo-icon>\n          <eo-icon tabindex=\"0\" (keydown.enter)=\"trashIconClick()\" *ngIf=\"showDeleteIconTrash\"\n            [iconSrc]=\"'assets/_default/svg/ic_trash.svg'\" aria-disabled=\"true\" (click)=\"trashIconClick()\"></eo-icon>\n        </span>\n      </div>\n    </div>\n\n  </div>\n\n  <div class=\"body\" (keydown.tab)=\"tabAction($event.target)\">\n\n    <div class=\"body-wrap\">\n\n      <div class=\"section section-deputies\" *ngIf=\"capabilities.bpm && hasPrivilege('MANAGE_DEPUTY_LIST')\">\n        <h3 translate>eo.state.settings.deputies</h3>\n\n        <!-- deputies -->\n        <div class=\"entry deputies\">\n          <div class=\"label\" translate>eo.state.settings.deputies.label</div>\n          <div class=\"values\">\n            <form #deputiesForm=\"ngForm\" [ngClass]=\"{dirty: deputiesForm.dirty}\">\n              <eo-organization name=\"deputies\" [dataMeta]=\"deputies.dataMeta\" [filterObject]=\"{type: 'USER'}\"\n                [exceptions]=\"[user.name]\" [multiselect]=\"true\" tabindex=\"0\" [(ngModel)]=\"deputies.data\"></eo-organization>\n              <div class=\"actions\" *ngIf=\"deputiesForm.valid && deputiesForm.dirty\">\n                <button class=\"secondary\" (click)=\"resetDeputies()\" translate>eo.state.settings.deputies.cancel</button>\n                <button class=\"primary\" (click)=\"saveDeputies()\" translate>eo.state.settings.deputies.save</button>\n              </div>\n            </form>\n          </div>\n        </div>\n\n        <!-- substitute of -->\n        <div class=\"entry substitute\">\n          <div class=\"label\" translate>eo.state.settings.deputies.subsituteof.label</div>\n          <div class=\"values\">\n            <span class=\"chip\" *ngFor=\"let sub of user.substitutesOf\" [ngClass]=\"{present: sub.present}\">\n              <eo-icon class=\"chip substitute substitute--present\" *ngIf=\"sub.present\"\n                [iconSrc]=\"'assets/_default/svg/ic_done.svg'\"></eo-icon>\n              <eo-icon class=\"chip substitute substitute--away\" *ngIf=\"!sub.present\"\n                [iconSrc]=\"'assets/_default/svg/ic_clear.svg'\"></eo-icon>\n              <span>{{sub.title}} ({{sub.name}})</span>\n            </span>\n          </div>\n        </div>\n      </div>\n\n      <!-- password -->\n      <section class=\"section section-password\">\n        <div class=\"entry\">\n          <div class=\"label\" translate>eo.password.reset</div>\n          <div class=\"values\">\n            <eo-simple-accordion #simpleAcc [header]=\"('eo.password.reset' | translate)\"\n              [styles]=\"'setting__change-password'\" [headerClass]=\"'setting__change-password-header'\">\n\n              <eo-change-password-form (onFormSumbit)=\"simpleAcc.selected = false\"></eo-change-password-form>\n            </eo-simple-accordion>\n          </div>\n        </div>\n      </section>\n\n      <!-- language -->\n      <div class=\"section section-lang\">\n        <h3 translate>eo.state.settings.language</h3>\n        <div class=\"entry lang-app\">\n          <div class=\"label\" translate>eo.state.settings.language.client</div>\n          <div class=\"values\">\n            <button class=\"toggle\" (click)=\"changeClientLocale(locale.iso)\"\n              [ngClass]=\"{active: translate.currentLang === locale.iso}\"\n              *ngFor=\"let locale of clientLocales\">{{locale.label}}\n            </button>\n          </div>\n        </div>\n\n        <div class=\"entry lang-def\">\n          <div class=\"label\" translate>eo.state.settings.language.schema</div>\n          <div class=\"values\">\n            <button class=\"toggle\" (click)=\"changeSchemaLocale(locale.code)\"\n              [ngClass]=\"{active: activeSchema === locale.code}\"\n              *ngFor=\"let locale of schemaLocales\">{{locale.displayname}}</button>\n          </div>\n        </div>\n      </div>\n\n      <!-- permissions -->\n      <div class=\"section section-perm\">\n        <h3 translate>eo.state.settings.permission</h3>\n        <div class=\"entry perm-roles\">\n          <div class=\"label\" translate>eo.state.settings.roles</div>\n          <div class=\"values roles\">\n            <eo-simple-accordion [header]=\"('eo.state.settings.roles' | translate)\">\n              <eo-permissions [roles]=\"user.roles\"></eo-permissions>\n            </eo-simple-accordion>\n          </div>\n        </div>\n      </div>\n\n      <!-- agent -->\n      <div class=\"section section-others\">\n        <h3 translate>eo.state.settings.others</h3>\n        <ng-container *ngIf=\"showAgentConfig\">\n          <div class=\"entry\">\n            <div class=\"label\" translate>eo.state.settings.agent</div>\n            <div class=\"values\">\n              <div class=\"use-agent\">\n                <eo-checkbox [formControl]=\"useAgentControl\" [readonly]=\"useAgentControl.disabled\"\n                  *ngIf=\"useAgentControl\"></eo-checkbox>\n                <span class=\"use-agent-label\" translate>eo.state.settings.agent.use</span>\n                <!-- <a href=\"https://help.optimal-systems.com/yuuvisRAD/v60/user/client/de/client/integration/cln_tsk_agent_global.htm?Highlight=agent\">\n          <eo-icon class=\"info-icon\" [iconSrc]=\"'assets/_default/svg/ic_info.svg'\"></eo-icon>\n        </a> -->\n              </div>\n            </div>\n          </div>\n\n\n          <div class=\"entry lock-settings\" [ngClass]=\"{'lock-settings--show': (agentStatus | async)}\">\n            <div class=\"label\" translate>eo.state.settings.lock</div>\n            <div class=\"values\">\n              <button class=\"toggle button-enabled\" (click)=\"changeLockSettings(LockSettings.always)\"\n                [ngClass]=\"{active: agentLockSettings === LockSettings.always}\" [disabled]=\"defaultLockSetting\"\n                translate>eo.state.settings.lock.enable</button>\n              <button class=\"toggle button-disabled\" (click)=\"changeLockSettings(LockSettings.never)\"\n                [ngClass]=\"{active: agentLockSettings === LockSettings.never}\" [disabled]=\"defaultLockSetting\"\n                translate>eo.state.settings.lock.disable</button>\n              <button class=\"toggle button-ask\" (click)=\"changeLockSettings(LockSettings.ask)\"\n                [ngClass]=\"{active: agentLockSettings === LockSettings.ask}\" [disabled]=\"defaultLockSetting\"\n                translate>eo.state.settings.lock.ask</button>\n            </div>\n          </div>\n\n\n        </ng-container>\n        <div class=\"entry\">\n          <div class=\"label\" translate>eo.state.settings.localSettings</div>\n          <div class=\"values\">\n            <div class=\"flex-row\">\n              <button translate (click)=\"saveLocalSettings()\">eo.state.settings.localSettings.save</button>\n              <button translate (click)=\"loadLocalSettings()\">eo.state.settings.localSettings.load</button>\n              <button translate (click)=\"clearLocalSettings()\">eo.state.settings.localSettings.clear</button>\n            </div>\n          </div>\n        </div>\n        <div class=\"entry\">\n          <div class=\"label\" translate>eo.state.settings.dashboard.defaut</div>\n          <div class=\"values\">\n            <div class=\"flex-row\">\n              <button translate (click)=\"deleteConfigDashboard = true\">eo.state.settings.dashboard.button.clear</button>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n  <eo-dialog [title]=\"'eo.state.settings.dashboard.default.dialog.title' | translate\" [(visible)]=\"deleteConfigDashboard\"\n  [focusOnShow]=\"false\" [minWidth]=\"400\" [styleClass]=\"'delete__dialog'\">\n  <div>{{'eo.state.settings.dashboard.default.dialog.message' | translate}}</div>\n\n  <div class=\"action-buttons image-delete--action-buttons flex-row\" >\n    <button type=\"button\" class=\"button cancel\" (click)=\"deleteConfigDashboard = false\"\n    translate>eo.state.settings.details.delete.dialog.cancel</button>\n    <button type=\"button\" cdkFocusInitial #confirmDeleteBtn (click)=\"defaultDashboard(); deleteConfigDashboard = false\" class=\"button primary\"\n      translate>eo.state.settings.dashboard.button.reset</button>\n  </div>\n</eo-dialog>\n  <eo-dialog [title]=\"'eo.state.settings.details.delete.dialog.title' | translate\" [(visible)]=\"showDeleteDialog\"\n    [focusOnShow]=\"false\" [minWidth]=\"400\" [styleClass]=\"'delete__dialog'\">\n    <div>{{'eo.state.settings.details.delete.dialog.message' | translate}}</div>\n\n    <div class=\"action-buttons image-delete--action-buttons flex-row\" >\n      <button type=\"button\" class=\"button cancel\" (click)=\"showDeleteDialog = false\"\n      translate>eo.state.settings.details.delete.dialog.cancel</button>\n      <button type=\"button\" cdkFocusInitial #confirmDeleteBtn (click)=\"deleteUserImage()\" class=\"button primary\"\n        translate>eo.state.settings.details.delete.dialog.ok</button>\n    </div>\n  </eo-dialog>\n\n  <eo-dialog [title]=\"'eo.state.settings.details.upload.dialog.title' | translate\" [(visible)]=\"showErrorDialog\"\n    [focusOnShow]=\"false\" [minWidth]=\"400\" [styleClass]=\"'delete__dialog'\">\n\n    <div>\n      <p>{{fileName}}</p>\n      <p *ngIf=\"viewMode ==='size'\" translate>eo.state.settings.details.upload.dialog.sizeError</p>\n      <p *ngIf=\"viewMode ==='image'\" translate>eo.state.settings.details.upload.dialog.fileError </p>\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</button>\n      <button type=\"button\" cdkFocusInitial (click)=\"files.click(); showErrorDialog = false\" class=\"button primary\"\n        translate>eo.state.settings.details.upload.dialog.back</button>\n    </div>\n  </eo-dialog>\n</div>\n", styles: [":host{position:absolute;inset:0;display:flex;flex-flow:row;justify-content:center}:host .cache{display:flex;flex-flow:row;margin:0 var(--app-pane-padding)}.eo-settings{margin:var(--app-pane-padding);box-sizing:border-box;width:800px;background:var(--color-white);display:flex;flex-flow:column;box-shadow:0 2px 5px #0003}@media screen and (max-width: 832px){.eo-settings{margin:0;min-width:inherit;width:100%}}.eo-settings .header{min-height:200px;max-height:300px;position:relative;flex:1 1}@media screen and (max-width: 480px){.eo-settings .header{min-height:210px}}.eo-settings .header h1{margin:0;padding:0;font-size:var(--font-display);font-weight:var(--font-weight-light);line-height:1em}.eo-settings .header .meta{margin:calc(var(--app-pane-padding) / 2) 0}.eo-settings .header .presence{margin-top:calc(var(--app-pane-padding) * 2)}.eo-settings .header .bg{position:absolute;inset:0;background-size:cover;background-position:center center;filter:grayscale(1)}.eo-settings .header .fill{position:absolute;inset:0;background:rgba(var(--color-primary-rgb),.85);color:var(--color-white);padding:var(--app-pane-padding)}.eo-settings .header .userImage{position:absolute;z-index:1;right:var(--app-pane-padding);bottom:calc(var(--app-pane-padding) * -1);background-size:cover;width:150px;height:150px;border:4px solid var(--color-white);box-shadow:0 2px 5px rgba(var(--color-black-rgb),.26)}@media screen and (max-width: 480px){.eo-settings .header .userImage{width:105px;height:105px}}.eo-settings .header .userImage.rtl{left:var(--app-pane-padding);right:auto}.eo-settings .header .overlay{position:absolute;z-index:1;right:var(--app-pane-padding);bottom:calc(var(--app-pane-padding) * -1);width:150px;height:150px;border:4px solid var(--color-white);box-shadow:0 2px 5px rgba(var(--color-black-rgb),.26)}@media screen and (max-width: 480px){.eo-settings .header .overlay{width:105px;height:105px}}.eo-settings .header .overlay.rtl{left:var(--app-pane-padding);right:auto}.eo-settings .header .overlay:focus{border-color:var(--color-accent);opacity:2}.eo-settings .header .overlay:hover{border-color:var(--color-accent);opacity:100}.eo-settings .header .overlay .updateMessage{box-sizing:border-box;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:#c0bcbcf1;background-clip:border-box}.eo-settings .header .overlay .updateMessage eo-icon{color:var(--color-white);width:48px;height:48px;opacity:.5;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}.eo-settings .header .overlay .updateMessage eo-icon:focus,.eo-settings .header .overlay .updateMessage eo-icon:hover{background-color:var(--color-primary);color:var(--color-white);cursor:pointer}.eo-settings .body{flex:1 1 auto;position:relative}.eo-settings .body .body-wrap{padding:var(--app-pane-padding);box-sizing:border-box;position:absolute;inset:0;overflow-y:auto}.eo-settings .body .section{margin-top:var(--app-pane-padding)}.eo-settings .body .section.section-deputies form{border-radius:2px}.eo-settings .body .section.section-deputies form .actions{display:flex;justify-content:flex-end;padding-top:calc(var(--app-pane-padding) / 4)}.eo-settings .body .section.section-deputies form .actions button{padding:calc(var(--app-pane-padding) / 4) calc(var(--app-pane-padding) / 2);border-radius:2px}.eo-settings .body .section.section-deputies form.dirty{padding:2px;background-color:rgba(var(--color-black-rgb),.06)}.eo-settings .body .section.section-deputies .entry.deputies .values{padding:0 2px;border:1px solid var(--eo-chips-border-color);border-radius:2px}.eo-settings .body .section.section-deputies .entry.substitute .values{display:flex;flex-flow:row wrap}.eo-settings .body .section.section-deputies .entry.substitute .values .chip{display:flex;align-items:center;font-size:.9em;padding:2px 4px}.eo-settings .body .section.section-deputies .entry.substitute .values .chip .substitute{width:calc(var(--app-pane-padding) * .75);height:calc(var(--app-pane-padding) * .6);border-radius:4px;border:0;color:var(--color-white)}.eo-settings .body .section.section-deputies .entry.substitute .values .chip .substitute--present{background-color:var(--color-success)}.eo-settings .body .section.section-deputies .entry.substitute .values .chip .substitute--away{background-color:var(--color-error)}.eo-settings .body .section.section-deputies .entry.substitute .values .chip>span{margin:0 calc(var(--app-pane-padding) / 2)}.eo-settings .body .section.section-deputies ::ng-deep .values .ui-state-default{background-color:var(--color-white);border-color:rgba(var(--color-black-rgb),.1);border-radius:2px;padding:0 0 2px 2px;min-height:27px}.eo-settings .body .section.section-deputies ::ng-deep .values .ui-state-disabled{opacity:1;border-color:transparent}.eo-settings .body .section p{line-height:1.7em}.eo-settings .body .section h3{margin:0;padding:0 0 0 150px;color:var(--text-color-caption);font-weight:var(--font-weight-normal);font-size:var(--font-subhead)}@media screen and (max-width: 480px){.eo-settings .body .section h3{padding:0}}.eo-settings .body .section .entry{display:flex;flex-flow:row nowrap;padding:var(--app-pane-padding) 0 0 0}.eo-settings .body .section .entry.lock-settings{overflow:hidden;opacity:0;height:0;transition:all .5s ease-in-out}.eo-settings .body .section .entry.lock-settings--show{opacity:1;height:100%}@media screen and (max-width: 480px){.eo-settings .body .section .entry{flex-flow:column}}.eo-settings .body .section .entry .label{flex:0 0 150px;color:var(--text-color-caption)}@media screen and (max-width: 480px){.eo-settings .body .section .entry .label{margin-bottom:calc(var(--app-pane-padding) / 2);flex:0 0 auto}}.eo-settings .body .section .entry .values{flex:1 1 auto}.eo-settings .body .section .entry .values button{margin:0 4px 4px 0;cursor:pointer}.eo-settings .body .section .entry .values button.active{cursor:default}.eo-settings .body .section .entry .values button.toggle:disabled{cursor:default}.eo-settings .body .section .entry .use-agent{display:flex;align-items:center}.eo-settings .body .section .entry .use-agent .use-agent-label{margin:0 calc(var(--app-pane-padding) / 2);color:var(--text-color-caption)}.eo-settings .body .section .entry .use-agent eo-icon.info-icon{margin:0;padding:3px;box-sizing:border-box;border-radius:50%;color:var(--text-color-caption)}.eo-settings .body .section .entry .use-agent eo-icon.info-icon:hover{background-color:var(--color-primary);color:var(--color-white);cursor:pointer}.eo-settings .body .section .values.roles{display:flex;flex-flow:column;align-items:flex-start}.eo-settings .body .section .values.roles .role{display:flex;flex-flow:row nowrap;margin-bottom:calc(var(--app-pane-padding) / 2);word-break:break-all}.eo-settings .body .section .values.roles .role eo-icon{width:18px;height:18px;color:var(--text-color-hint)}.eo-settings .body .section .values.roles .role>div{padding:0 calc(var(--app-pane-padding) / 2)}.eo-settings .body .section .values.roles .role>div .description{font-size:var(--font-caption);color:var(--text-color-caption)}.eo-settings .body .toggle-btn{display:inline-block;padding:2px 5px;border-radius:2px;-webkit-border-radius:2px;background:rgba(var(--color-black-rgb),.1);color:var(--text-color-caption);cursor:pointer;margin-right:3px;text-decoration:none}.eo-settings.rtl .header .userImage{right:auto;left:var(--app-pane-padding)}.eo-settings.rtl .body .section h3{padding:0 150px 0 0}::ng-deep .view{width:100%;height:100%}::ng-deep .view .eo-dialog-content{overflow:hidden}::ng-deep .view .contain{display:flex;flex-flow:column}@media screen and (max-width: 480px){::ng-deep .view .contain{min-height:210px}}::ng-deep .view .contain .attachments{width:100%;height:100%;display:flex;align-items:center;justify-content:space-around;margin:5px 60px 0}::ng-deep .view .contain .attachments .atta{position:relative;display:block;padding:0;margin-inline:10px;margin-top:10px}::ng-deep .view .contain .attachments .atta img{max-width:200px;max-height:200px;min-width:80px;min-height:80px;border:2px solid #5c5959;box-sizing:border-box}::ng-deep .view .contain .attachments .user-avatar{display:flex;margin-right:109px;align-items:center}::ng-deep .view .contain .attachments .user-avatar .preview-round{width:90px;height:90px;border-radius:50%;border:2px solid #5c5959}::ng-deep .view .button-block{display:flex;margin:8px;justify-content:right}::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: () => [{ type: i0.Renderer2 }, { type: i1.UserService }, { type: i1.Config }, { type: i1.NotificationsService }, { type: i1.SystemService }, { type: i1.EventService }, { type: i1.CapabilitiesService }, { type: PageTitleService }, { type: AgentService }, { type: i1$3.UntypedFormBuilder }, { type: i1.AppCacheService }, { type: i1.LocalStorageService }, { type: i1.TranslateService }, { type: i0.ElementRef }, { type: i1.NotificationsService }], propDecorators: { files: [{
                 type: ViewChild,
                 args: ['files']
@@ -25716,7 +25783,7 @@ class LoginComponent {
         });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: LoginComponent, deps: [{ token: i2$1.ActivatedRoute }, { token: i2$1.Router }, { token: i1.Config }, { token: PageTitleService }, { token: i1.TranslateService }, { token: i1$1.DomSanitizer }, { token: i0.ChangeDetectorRef }, { token: i1.AuthService }, { token: i1.UserService }, { token: PluginsService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.2", type: LoginComponent, selector: "eo-login", viewQueries: [{ propertyName: "setAsPresentButton", first: true, predicate: ["setAsPresent"], descendants: true }], ngImport: i0, template: "<div class=\"eo-login-container\" [style.background-image]=\"backgroundImage\">\n  <div class=\"eo-login\">\n\n    <div class=\"head\">\n      <eo-icon [iconSrc]=\"appLogo\"></eo-icon>\n    </div>\n\n    <div class=\"invalid\" *ngIf=\"invalid\" translate>eo.state.login.msg.invalid</div>\n    <div class=\"invalid\" *ngIf=\"licenseExceeded\" translate>eo.state.login.msg.licenseExceeded</div>\n\n    <form (ngSubmit)=\"login()\" #loginForm=\"ngForm\">\n\n      <fieldset [ngClass]=\"{loading: loading}\">\n\n        <div class=\"form-item\" *ngIf=\"native\" [ngClass]=\"{empty: !profiles || profiles.length === 0}\">\n          <yvc-dropdown [options]=\"profiles\" placeholder=\"host\"\n                      [required]=\"true\"\n                      [(ngModel)]=\"form.host\" name=\"profile\">\n            <ng-template let-profile pTemplate=\"item\">\n              <div class=\"option-row\">\n                <div>{{profile.label}}</div>\n                <eo-icon [iconSrc]=\"'assets/_default/svg/ic_clear.svg'\"\n                         (click)=\"removeProfile(profile.value)\"></eo-icon>\n              </div>\n            </ng-template>\n          </yvc-dropdown>\n          <label translate>eo.state.login.host</label>\n        </div>\n\n        <!-- form login -->\n        <div class=\"form-item\">\n          <input type=\"text\" class=\"form-control\" id=\"username\" placeholder=\"{{'eo.state.login.username'|translate}}\"\n                 [disabled]=\"loading\" autofocus\n                 [(ngModel)]=\"form.username\" name=\"username\" required tabindex=\"1\">\n          <label for=\"username\" translate>eo.state.login.username</label>\n        </div>\n        <div class=\"form-item\">\n          <input type=\"password\" class=\"form-control\" id=\"password\"\n                 placeholder=\"{{'eo.state.login.password'|translate}}\"\n                 [disabled]=\"loading\"\n                 [(ngModel)]=\"form.password\" name=\"password\" required tabindex=\"2\">\n          <label for=\"password\" translate>eo.state.login.password</label>\n        </div>\n\n      </fieldset>\n      <div class=\"actions\">\n        <button type=\"submit\" class=\"primary\" [disabled]=\"!loginForm.form.valid || loading\"\n                [ngClass]=\"{spinner: loading}\"\n                translate tabindex=\"3\">eo.state.login.submit</button>\n      </div>\n    </form>\n  </div>\n</div>\n\n<eo-dialog [title]=\"'eo.state.login.presence.dialog.title' | translate\" [(visible)]=\"showAbsentDialog\"\n           [focusOnShow]=\"false\" [minWidth]=\"400\" [styleClass]=\"'login-presence__dialog'\">\n\n  <div>\n    <span>{{'eo.state.login.presence.dialog.message' | translate}}</span>\n  </div>\n\n  <div class=\"action-buttons login-presence--action-buttons flex-row\">\n    <button type=\"button\" class=\"button cancel\" (click)=\"closeShowAbsentDialog()\"\n            translate>eo.state.login.presence.dialog.cancel</button>\n    <button type=\"button\" #setAsPresent (click)=\"closeShowAbsentDialog(true)\" class=\"button primary\"\n            translate>eo.state.login.presence.dialog.setAsPresent</button>\n  </div>\n</eo-dialog>\n", styles: [":host{position:absolute;inset:0;display:flex;flex-flow:row;align-items:stretch;justify-content:center}.eo-login-container{width:100%;display:flex;justify-content:center;background-size:cover;background-position:center center}.eo-login-container .eo-login{width:400px;display:flex;flex-flow:column;align-items:stretch;justify-content:center}@media screen and (max-width: 432px){.eo-login-container .eo-login{width:100%;box-sizing:border-box;padding:0 var(--app-pane-padding)}}.eo-login-container .eo-login .head{padding-bottom:calc(var(--app-pane-padding) * 3);display:flex;justify-content:flex-end}.eo-login-container .eo-login .head eo-icon{width:60%;height:auto;margin:0;min-width:120px;color:var(--text-color-hint)}.eo-login-container .eo-login .invalid{color:var(--color-error);margin-bottom:var(--app-pane-padding)}.eo-login-container .eo-login fieldset{background:var(--color-white);border:0;padding:0;border-radius:2px;box-shadow:0 2px 8px rgba(var(--color-black-rgb),.26)}.eo-login-container .eo-login fieldset .form-item{display:flex;flex-flow:row nowrap;align-items:center;border-bottom:1px solid var(--list-item-border-color)}.eo-login-container .eo-login fieldset .form-item>*{flex:1 1 auto}.eo-login-container .eo-login fieldset .form-item label{flex:0 0 auto;color:var(--text-color-caption);padding:0 calc(var(--app-pane-padding) / 2)}.eo-login-container .eo-login fieldset input{width:100%;background:transparent;box-sizing:border-box;margin:0;padding:calc(var(--app-pane-padding) * .75) calc(var(--app-pane-padding) / 2);border:0}.eo-login-container .eo-login fieldset input:-webkit-autofill{-webkit-box-shadow:0 0 0 30px white inset}.eo-login-container .eo-login fieldset input:last-child{border-bottom:0}.eo-login-container .eo-login fieldset.loading,.eo-login-container .eo-login fieldset.empty .ui-dropdown-trigger{opacity:.5}.eo-login-container .eo-login .actions{display:flex;flex-flow:row nowrap;justify-content:flex-end}.eo-login-container .eo-login .actions button{margin-top:var(--app-pane-padding)}.eo-login-container .eo-login .actions button[disabled]{opacity:.9}::ng-deep .login-presence__dialog{padding:8px;min-height:unset!important}::ng-deep .login-presence__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: 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.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: 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.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i1$3.NgForm, selector: "form:not([ngNoForm]):not([formGroup]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { 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: i5$1.Dropdown, selector: "yvc-dropdown", inputs: ["options", "filter", "disabled", "multiple", "disableClearButton"] }, { kind: "pipe", type: i4.TranslatePipe, name: "translate" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.2", type: LoginComponent, selector: "eo-login", viewQueries: [{ propertyName: "setAsPresentButton", first: true, predicate: ["setAsPresent"], descendants: true }], ngImport: i0, template: "<div class=\"eo-login-container\" [style.background-image]=\"backgroundImage\">\n  <div class=\"eo-login\">\n\n    <div class=\"head\">\n      <eo-icon [iconSrc]=\"appLogo\"></eo-icon>\n    </div>\n\n    <div class=\"invalid\" *ngIf=\"invalid\" translate>eo.state.login.msg.invalid</div>\n    <div class=\"invalid\" *ngIf=\"licenseExceeded\" translate>eo.state.login.msg.licenseExceeded</div>\n\n    <form (ngSubmit)=\"login()\" #loginForm=\"ngForm\">\n\n      <fieldset [ngClass]=\"{loading: loading}\">\n\n        <div class=\"form-item\" *ngIf=\"native\" [ngClass]=\"{empty: !profiles || profiles.length === 0}\">\n          <yvc-dropdown [options]=\"profiles\" placeholder=\"host\"\n                      [required]=\"true\"\n                      [(ngModel)]=\"form.host\" name=\"profile\">\n            <ng-template let-profile pTemplate=\"item\">\n              <div class=\"option-row\">\n                <div>{{profile.label}}</div>\n                <eo-icon [iconSrc]=\"'assets/_default/svg/ic_clear.svg'\"\n                         (click)=\"removeProfile(profile.value)\"></eo-icon>\n              </div>\n            </ng-template>\n          </yvc-dropdown>\n          <label translate>eo.state.login.host</label>\n        </div>\n\n        <!-- form login -->\n        <div class=\"form-item\">\n          <input type=\"text\" class=\"form-control\" id=\"username\" placeholder=\"{{'eo.state.login.username'|translate}}\"\n                 [disabled]=\"loading\" autofocus\n                 [(ngModel)]=\"form.username\" name=\"username\" required tabindex=\"1\">\n          <label for=\"username\" translate>eo.state.login.username</label>\n        </div>\n        <div class=\"form-item\">\n          <input type=\"password\" class=\"form-control\" id=\"password\"\n                 placeholder=\"{{'eo.state.login.password'|translate}}\"\n                 [disabled]=\"loading\"\n                 [(ngModel)]=\"form.password\" name=\"password\" required tabindex=\"2\">\n          <label for=\"password\" translate>eo.state.login.password</label>\n        </div>\n\n      </fieldset>\n      <div class=\"actions\">\n        <button type=\"submit\" class=\"primary\" [disabled]=\"!loginForm.form.valid || loading\"\n                [ngClass]=\"{spinner: loading}\"\n                translate tabindex=\"3\">eo.state.login.submit</button>\n      </div>\n    </form>\n  </div>\n</div>\n\n<eo-dialog [title]=\"'eo.state.login.presence.dialog.title' | translate\" [(visible)]=\"showAbsentDialog\"\n           [focusOnShow]=\"false\" [minWidth]=\"400\" [styleClass]=\"'login-presence__dialog'\">\n\n  <div>\n    <span>{{'eo.state.login.presence.dialog.message' | translate}}</span>\n  </div>\n\n  <div class=\"action-buttons login-presence--action-buttons flex-row\">\n    <button type=\"button\" class=\"button cancel\" (click)=\"closeShowAbsentDialog()\"\n            translate>eo.state.login.presence.dialog.cancel</button>\n    <button type=\"button\" #setAsPresent (click)=\"closeShowAbsentDialog(true)\" class=\"button primary\"\n            translate>eo.state.login.presence.dialog.setAsPresent</button>\n  </div>\n</eo-dialog>\n", styles: [":host{position:absolute;inset:0;display:flex;flex-flow:row;align-items:stretch;justify-content:center}.eo-login-container{width:100%;display:flex;justify-content:center;background-size:cover;background-position:center center}.eo-login-container .eo-login{width:400px;display:flex;flex-flow:column;align-items:stretch;justify-content:center}@media screen and (max-width: 432px){.eo-login-container .eo-login{width:100%;box-sizing:border-box;padding:0 var(--app-pane-padding)}}.eo-login-container .eo-login .head{padding-bottom:calc(var(--app-pane-padding) * 3);display:flex;justify-content:flex-end}.eo-login-container .eo-login .head eo-icon{width:60%;height:auto;margin:0;min-width:120px;color:var(--text-color-hint)}.eo-login-container .eo-login .invalid{color:var(--color-error);margin-bottom:var(--app-pane-padding)}.eo-login-container .eo-login fieldset{background:var(--color-white);border:0;padding:0;border-radius:2px;box-shadow:0 2px 8px rgba(var(--color-black-rgb),.26)}.eo-login-container .eo-login fieldset .form-item{display:flex;flex-flow:row nowrap;align-items:center;border-bottom:1px solid var(--list-item-border-color)}.eo-login-container .eo-login fieldset .form-item>*{flex:1 1 auto}.eo-login-container .eo-login fieldset .form-item label{flex:0 0 auto;color:var(--text-color-caption);padding:0 calc(var(--app-pane-padding) / 2)}.eo-login-container .eo-login fieldset input{width:100%;background:transparent;box-sizing:border-box;margin:0;padding:calc(var(--app-pane-padding) * .75) calc(var(--app-pane-padding) / 2);border:0}.eo-login-container .eo-login fieldset input:-webkit-autofill{-webkit-box-shadow:0 0 0 30px white inset}.eo-login-container .eo-login fieldset input:last-child{border-bottom:0}.eo-login-container .eo-login fieldset.loading,.eo-login-container .eo-login fieldset.empty .ui-dropdown-trigger{opacity:.5}.eo-login-container .eo-login .actions{display:flex;flex-flow:row nowrap;justify-content:flex-end}.eo-login-container .eo-login .actions button{margin-top:var(--app-pane-padding)}.eo-login-container .eo-login .actions button[disabled]{opacity:.9}::ng-deep .login-presence__dialog{padding:8px;min-height:unset!important}::ng-deep .login-presence__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: 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.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: 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.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i1$3.NgForm, selector: "form:not([ngNoForm]):not([formGroup]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { 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: i6.Dropdown, selector: "yvc-dropdown", inputs: ["options", "filter", "disabled", "multiple", "disableClearButton"] }, { kind: "pipe", type: i4.TranslatePipe, name: "translate" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: LoginComponent, decorators: [{
             type: Component,
@@ -25772,7 +25839,7 @@ let ResultStateComponent = class ResultStateComponent {
         this.selection.clear();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: ResultStateComponent, deps: [{ token: PendingChangesService }, { token: i2$1.ActivatedRoute }, { token: PageTitleService }, { token: SelectionService }, { token: i2$1.Router }, { token: i1.NotificationsService }, { token: i1.TranslateService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.2", type: ResultStateComponent, selector: "eo-result-state", ngImport: i0, template: "<yvc-master-details [layoutOptions]=\"{masterSize: 60, detailsSize: 40}\" [layoutSettingsID]=\"'result.state--' + typeName\"\n  [detailsActive]=\"true\">\n  <!-- master -->\n  <ng-template #yvcMasterPane>\n    <eo-result-list [query]=\"query\" [hasIcon]=\"true\" [clearAfterExecute]=\"clearAfterExecute\"\n      (onResult)=\"onResult($event)\" (onQueryInvalid)=\"onQueryInvalid()\"></eo-result-list>\n  </ng-template>\n\n  <!-- details -->\n  <ng-template #yvcDetailsPane>\n    <eo-object-details [searchTerm]=\"searchTerm\" [applySelection]=\"{}\"\n      [cacheLayout]=\"'result.state--' + typeName + '.object-details'\" [plugins]=\"'object-details-tab.result' | plugins\">\n    </eo-object-details>\n  </ng-template>\n</yvc-master-details>", styles: [":host{position:absolute;left:var(--app-pane-padding);right:var(--app-pane-padding);top:var(--app-pane-padding);bottom:var(--app-pane-padding);overflow:hidden;display:block}:host yvc-master-details{height:100%}\n"], dependencies: [{ kind: "component", type: ResultListComponent, selector: "eo-result-list", inputs: ["title", "configType", "configContext", "clearAfterExecute", "emptyMessage", "selectFirst", "gridOptions", "hasIcon", "reference", "query", "searchResult"], outputs: ["onSelectionChanged", "onFocusChanged", "onDoubleClick", "onContextMenu", "onCountChanged", "onRefresh", "onResult", "onQueryInvalid"] }, { kind: "component", type: ObjectDetailsComponent, selector: "eo-object-details", inputs: ["plugins", "reference", "searchTerm", "enableCompare", "recyclebinTabs", "enableDiff", "enableSync", "cacheLayout", "emptyState", "params", "params2", "item", "item2", "applySelection", "parseDmsParams"], outputs: ["hasContent"] }, { kind: "component", type: i8$1.MasterDetailsComponent, selector: "yvc-master-details", inputs: ["detailsActive", "layoutSettingsID", "layoutOptions", "undockableDetails", "panelStyle", "mode"] }, { kind: "pipe", type: PluginPipe, name: "plugins" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.2", type: ResultStateComponent, selector: "eo-result-state", ngImport: i0, template: "<yvc-master-details [layoutOptions]=\"{masterSize: 60, detailsSize: 40}\" [layoutSettingsID]=\"'result.state--' + typeName\"\n  [detailsActive]=\"true\">\n  <!-- master -->\n  <ng-template #yvcMasterPane>\n    <eo-result-list [query]=\"query\" [hasIcon]=\"true\" [clearAfterExecute]=\"clearAfterExecute\"\n      (onResult)=\"onResult($event)\" (onQueryInvalid)=\"onQueryInvalid()\"></eo-result-list>\n  </ng-template>\n\n  <!-- details -->\n  <ng-template #yvcDetailsPane>\n    <eo-object-details [searchTerm]=\"searchTerm\" [applySelection]=\"{}\"\n      [cacheLayout]=\"'result.state--' + typeName + '.object-details'\" [plugins]=\"'object-details-tab.result' | plugins\">\n    </eo-object-details>\n  </ng-template>\n</yvc-master-details>", styles: [":host{position:absolute;left:var(--app-pane-padding);right:var(--app-pane-padding);top:var(--app-pane-padding);bottom:var(--app-pane-padding);overflow:hidden;display:block}:host yvc-master-details{height:100%}\n"], dependencies: [{ kind: "component", type: ResultListComponent, selector: "eo-result-list", inputs: ["title", "configType", "configContext", "clearAfterExecute", "emptyMessage", "selectFirst", "gridOptions", "hasIcon", "reference", "query", "searchResult"], outputs: ["onSelectionChanged", "onFocusChanged", "onDoubleClick", "onContextMenu", "onCountChanged", "onRefresh", "onResult", "onQueryInvalid"] }, { kind: "component", type: ObjectDetailsComponent, selector: "eo-object-details", inputs: ["plugins", "reference", "searchTerm", "enableCompare", "recyclebinTabs", "versionComponentTabs", "enableDiff", "enableSync", "cacheLayout", "emptyState", "params", "params2", "item", "item2", "applySelection", "parseDmsParams"], outputs: ["hasContent"] }, { kind: "component", type: i8$1.MasterDetailsComponent, selector: "yvc-master-details", inputs: ["detailsActive", "layoutSettingsID", "layoutOptions", "undockableDetails", "panelStyle", "mode"] }, { kind: "pipe", type: PluginPipe, name: "plugins" }] }); }
 };
 ResultStateComponent = __decorate([
     UntilDestroy()
@@ -25890,7 +25957,7 @@ let FavoriteStateComponent = class FavoriteStateComponent {
         this.selection.clear();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: FavoriteStateComponent, deps: [{ token: SelectionService }, { token: i1.TranslateService }, { token: i1.SystemService }, { token: EmptyStateService }, { token: PendingChangesService }, { token: PageTitleService }, { token: i1.UserService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.2", type: FavoriteStateComponent, selector: "eo-favorite-state", viewQueries: [{ propertyName: "eoGrid", first: true, predicate: ["eoGrid"], descendants: true }], ngImport: i0, template: "<yvc-split-view [layoutSettingsID]=\"'favorite.state'\">\n\n  <ng-template yvcSplitArea [size]=\"30\">\n    <eo-list-container #eoList [applySelection]=\"{}\" [parseDmsParams]=\"parseDmsParams\">\n      <div class=\"eo-header\">\n        <eo-icon class=\"eo-header-icon\" [iconSrc]=\"'assets/_default/svg/ic_favorite.svg'\"></eo-icon>\n        <div class=\"eo-header-info\">\n          <div class=\"eo-header-title\" translate>eo.favorites.list.title</div>\n        </div>\n        <div class=\"eo-header-actions\">\n          <eo-icon class=\"button refresh-button\" [iconSrc]=\"'assets/_default/svg/ic_refresh.svg'\"\n            (click)=\"cFilter.resetFilter();cSort.reset();refreshGrid()\"\n            [iconTitle]=\"('eo.list.refresh' | translate)\"></eo-icon>\n\n          <eo-overlay #oFilter class=\"overlay-filter\" [iconSrc]=\"'assets/_default/svg/ic_filter.svg'\"\n            [iconTitle]=\"'eo.list.filter' | translate\">\n            <eo-custom-filter #cFilter (change)=\"cFilter.updateGrid(eoList.eoGridSubject, $event)\"\n              (active)=\"oFilter.onActiveChanged($event)\">\n              <eo-text-filter [title]=\"'eo.favorites.filter.title' | translate\" [id]=\"'favorites.text'\"\n                [matchFields]=\"['title']\" [filterParams]=\"textFilterParams\">\n              </eo-text-filter>\n              <eo-set-filter [operator]=\"'OR'\" [id]=\"'favorites.set'\"\n                [title]=\"'eo.favorites.filter.section.objecttype' | translate\"\n                [options]=\"typeFilterFields\"></eo-set-filter>\n            </eo-custom-filter>\n          </eo-overlay>\n\n          <eo-overlay #oSort class=\"overlay-sort\" [iconSrc]=\"'assets/_default/svg/ic_sort.svg'\"\n            [iconTitle]=\"'eo.list.sort' | translate\">\n            <eo-custom-sort #cSort [id]=\"'favorites.sort'\" (change)=\"cSort.updateGrid(eoList.eoGrid, $event)\"\n              (active)=\"oSort.onActiveChanged($event)\" [sortFields]=\"sortFields\"></eo-custom-sort>\n          </eo-overlay>\n\n          <eo-icon class=\"button\" (click)=\"hasContent ? eoList.showActions() : false\"\n            [ngClass]=\"{'disabled': !hasContent, 'actions-button': hasContent}\"\n            [iconTitle]=\"'eo.object.actions.title' | translate\" [iconSrc]=\"'assets/_default/svg/ic_more.svg'\"></eo-icon>\n        </div>\n      </div>\n      <div class=\"eo-body\">\n        <eo-grid #eoGrid *ngIf=\"gridOptions?.rowData\" [gridOptions]=\"gridOptions\" [fullWidth]=\"true\" [showHeader]=\"true\"\n          [showFooter]=\"true\" (eoGridCountChanged)=\"eoList.onCountChanged($event)\"\n          (eoGridContextMenuClick)=\"eoList.onContextMenu($event, 'DMS_OBJECT')\"\n          (eoGridSelectionChanged)=\"eoList.onSelectionChanged($event)\"\n          (eoGridDoubleClick)=\"eoList.onDoubleClick($event)\" (eoGridFocusChanged)=\"eoList.onFocusChanged($event)\">\n\n          <div class=\"header\">\n          </div>\n\n          <div class=\"footer\">\n            <eo-total-count [gridCount]=\"eoList.gridCount\" [outsideGrid]=\"false\" class=\"flex-row\"></eo-total-count>\n          </div>\n\n          <div class=\"empty\">\n            <eo-error-message\n              [emptyState]=\"{icon: 'ic_favorite.svg', text: oFilter.active ? 'eo.no.filter.result' : 'eo.favorites.list.empty'}\"></eo-error-message>\n            <eo-reset-filter [isFilterActive]=\"oFilter.active\"\n              (click)=\"cFilter.resetFilter();cSort.reset();refreshGrid()\"></eo-reset-filter>\n          </div>\n\n        </eo-grid>\n      </div>\n    </eo-list-container>\n  </ng-template>\n\n  <ng-template yvcSplitArea [size]=\"70\">\n    <eo-object-details [applySelection]=\"{}\" [parseDmsParams]=\"parseDmsParams\" [emptyState]=\"emptyState\"\n      [cacheLayout]=\"'favorite.state.object-details'\" (hasContent)=\"hasContent = $event\"\n      [plugins]=\"'object-details-tab.favorite' | plugins\">\n      <div class=\"error\" *ngIf=\"gridData?.length && !hasContent\">\n        <button class=\"button\" (click)=\"remove()\" translate>eo.favorite.details.item.gone.remove</button>\n      </div>\n    </eo-object-details>\n  </ng-template>\n</yvc-split-view>", styles: [":host{position:absolute;left:var(--app-pane-padding);right:var(--app-pane-padding);top:var(--app-pane-padding);bottom:var(--app-pane-padding);overflow:hidden}:host yvc-split-view{height:100%}:host .error .button{margin:1em;background-color:#d3d3d3}:host ::ng-deep .ag-cell .list-item{display:flex;flex:1;flex-direction:row;min-height:0;min-width:0;align-items:center;height:80px}:host ::ng-deep .ag-cell .list-item[unselectable]{-webkit-user-select:none;user-select:none}:host ::ng-deep .ag-cell .list-item .content{flex:1;padding:var(--app-pane-padding);display:inline-block;max-width:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host ::ng-deep .ag-cell .list-item .content .title{font-weight:var(--font-weight-medium);font-size:var(--font-body)}:host ::ng-deep .ag-cell .list-item .content .description{font-size:var(--font-caption)}:host ::ng-deep .ag-cell .list-item .content .date{color:rgba(var(--color-black-rgb),.4)}\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: 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: OverlayComponent, selector: "eo-overlay", inputs: ["iconSrc", "badge", "iconClass", "active", "iconTitle", "userAvatar"] }, { kind: "component", type: ErrorMessageComponent, selector: "eo-error-message", inputs: ["emptyState"] }, { kind: "component", type: ObjectDetailsComponent, selector: "eo-object-details", inputs: ["plugins", "reference", "searchTerm", "enableCompare", "recyclebinTabs", "enableDiff", "enableSync", "cacheLayout", "emptyState", "params", "params2", "item", "item2", "applySelection", "parseDmsParams"], outputs: ["hasContent"] }, { kind: "component", type: GridComponent, selector: "eo-grid", inputs: ["selectFirst", "selectionLimit", "sizeToFit", "fullWidth", "showHeader", "showFooter", "loaderContent", "options", "gridOptions"], outputs: ["eoGridCountChanged", "eoGridSelectionChanged", "eoGridFocusChanged", "eoGridCellClick", "eoGridDoubleClick", "eoGridContextMenuClick", "eoGridColumnResized"] }, { kind: "component", type: TotalCountComponent, selector: "eo-total-count", inputs: ["eoGrid", "outsideGrid", "gridCount"] }, { kind: "component", type: CustomSortComponent, selector: "eo-custom-sort", inputs: ["eoGrid", "overlay", "id", "sortFields"], outputs: ["change", "active"] }, { kind: "component", type: CustomFilterComponent, selector: "eo-custom-filter", inputs: ["overlay", "eoGrid", "activeFilter", "isFilterActive"], outputs: ["change", "active", "onResetFilters"] }, { kind: "component", type: TextFilterComponent, selector: "eo-text-filter", inputs: ["title", "placeholder", "enableSave", "filterParams", "matchFields"] }, { kind: "component", type: SetFilterComponent, selector: "eo-set-filter", inputs: ["title", "searchLimit", "operator", "options", "filterParams"] }, { kind: "component", type: ResetFilterComponent, selector: "eo-reset-filter", inputs: ["isFilterActive"] }, { kind: "component", type: ListContainerComponent, selector: "eo-list-container", inputs: ["applySelection", "applyVersion", "loading", "tabs", "parseDmsParams"] }, { kind: "component", type: i20.SplitViewComponent, selector: "yvc-split-view", inputs: ["direction", "gutterSize", "restrictMove", "disabled", "gutterDblClickDuration", "layoutSettingsID"], outputs: ["layoutSettingsChange", "dragStart", "dragEnd", "gutterClick", "gutterDblClick"] }, { kind: "directive", type: i20.SplitAreaDirective, selector: "[yvcSplitArea]", inputs: ["size", "order", "minSize", "maxSize", "panelClass", "visible"] }, { kind: "pipe", type: i4.TranslatePipe, name: "translate" }, { kind: "pipe", type: PluginPipe, name: "plugins" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.2", type: FavoriteStateComponent, selector: "eo-favorite-state", viewQueries: [{ propertyName: "eoGrid", first: true, predicate: ["eoGrid"], descendants: true }], ngImport: i0, template: "<yvc-split-view [layoutSettingsID]=\"'favorite.state'\">\n\n  <ng-template yvcSplitArea [size]=\"30\">\n    <eo-list-container #eoList [applySelection]=\"{}\" [parseDmsParams]=\"parseDmsParams\">\n      <div class=\"eo-header\">\n        <eo-icon class=\"eo-header-icon\" [iconSrc]=\"'assets/_default/svg/ic_favorite.svg'\"></eo-icon>\n        <div class=\"eo-header-info\">\n          <div class=\"eo-header-title\" translate>eo.favorites.list.title</div>\n        </div>\n        <div class=\"eo-header-actions\">\n          <eo-icon class=\"button refresh-button\" [iconSrc]=\"'assets/_default/svg/ic_refresh.svg'\"\n            (click)=\"cFilter.resetFilter();cSort.reset();refreshGrid()\"\n            [iconTitle]=\"('eo.list.refresh' | translate)\"></eo-icon>\n\n          <eo-overlay #oFilter class=\"overlay-filter\" [iconSrc]=\"'assets/_default/svg/ic_filter.svg'\"\n            [iconTitle]=\"'eo.list.filter' | translate\">\n            <eo-custom-filter #cFilter (change)=\"cFilter.updateGrid(eoList.eoGridSubject, $event)\"\n              (active)=\"oFilter.onActiveChanged($event)\">\n              <eo-text-filter [title]=\"'eo.favorites.filter.title' | translate\" [id]=\"'favorites.text'\"\n                [matchFields]=\"['title']\" [filterParams]=\"textFilterParams\">\n              </eo-text-filter>\n              <eo-set-filter [operator]=\"'OR'\" [id]=\"'favorites.set'\"\n                [title]=\"'eo.favorites.filter.section.objecttype' | translate\"\n                [options]=\"typeFilterFields\"></eo-set-filter>\n            </eo-custom-filter>\n          </eo-overlay>\n\n          <eo-overlay #oSort class=\"overlay-sort\" [iconSrc]=\"'assets/_default/svg/ic_sort.svg'\"\n            [iconTitle]=\"'eo.list.sort' | translate\">\n            <eo-custom-sort #cSort [id]=\"'favorites.sort'\" (change)=\"cSort.updateGrid(eoList.eoGrid, $event)\"\n              (active)=\"oSort.onActiveChanged($event)\" [sortFields]=\"sortFields\"></eo-custom-sort>\n          </eo-overlay>\n\n          <eo-icon class=\"button\" (click)=\"hasContent ? eoList.showActions() : false\"\n            [ngClass]=\"{'disabled': !hasContent, 'actions-button': hasContent}\"\n            [iconTitle]=\"'eo.object.actions.title' | translate\" [iconSrc]=\"'assets/_default/svg/ic_more.svg'\"></eo-icon>\n        </div>\n      </div>\n      <div class=\"eo-body\">\n        <eo-grid #eoGrid *ngIf=\"gridOptions?.rowData\" [gridOptions]=\"gridOptions\" [fullWidth]=\"true\" [showHeader]=\"true\"\n          [showFooter]=\"true\" (eoGridCountChanged)=\"eoList.onCountChanged($event)\"\n          (eoGridContextMenuClick)=\"eoList.onContextMenu($event, 'DMS_OBJECT')\"\n          (eoGridSelectionChanged)=\"eoList.onSelectionChanged($event)\"\n          (eoGridDoubleClick)=\"eoList.onDoubleClick($event)\" (eoGridFocusChanged)=\"eoList.onFocusChanged($event)\">\n\n          <div class=\"header\">\n          </div>\n\n          <div class=\"footer\">\n            <eo-total-count [gridCount]=\"eoList.gridCount\" [outsideGrid]=\"false\" class=\"flex-row\"></eo-total-count>\n          </div>\n\n          <div class=\"empty\">\n            <eo-error-message\n              [emptyState]=\"{icon: 'ic_favorite.svg', text: oFilter.active ? 'eo.no.filter.result' : 'eo.favorites.list.empty'}\"></eo-error-message>\n            <eo-reset-filter [isFilterActive]=\"oFilter.active\"\n              (click)=\"cFilter.resetFilter();cSort.reset();refreshGrid()\"></eo-reset-filter>\n          </div>\n\n        </eo-grid>\n      </div>\n    </eo-list-container>\n  </ng-template>\n\n  <ng-template yvcSplitArea [size]=\"70\">\n    <eo-object-details [applySelection]=\"{}\" [parseDmsParams]=\"parseDmsParams\" [emptyState]=\"emptyState\"\n      [cacheLayout]=\"'favorite.state.object-details'\" (hasContent)=\"hasContent = $event\"\n      [plugins]=\"'object-details-tab.favorite' | plugins\">\n      <div class=\"error\" *ngIf=\"gridData?.length && !hasContent\">\n        <button class=\"button\" (click)=\"remove()\" translate>eo.favorite.details.item.gone.remove</button>\n      </div>\n    </eo-object-details>\n  </ng-template>\n</yvc-split-view>", styles: [":host{position:absolute;left:var(--app-pane-padding);right:var(--app-pane-padding);top:var(--app-pane-padding);bottom:var(--app-pane-padding);overflow:hidden}:host yvc-split-view{height:100%}:host .error .button{margin:1em;background-color:#d3d3d3}:host ::ng-deep .ag-cell .list-item{display:flex;flex:1;flex-direction:row;min-height:0;min-width:0;align-items:center;height:80px}:host ::ng-deep .ag-cell .list-item[unselectable]{-webkit-user-select:none;user-select:none}:host ::ng-deep .ag-cell .list-item .content{flex:1;padding:var(--app-pane-padding);display:inline-block;max-width:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host ::ng-deep .ag-cell .list-item .content .title{font-weight:var(--font-weight-medium);font-size:var(--font-body)}:host ::ng-deep .ag-cell .list-item .content .description{font-size:var(--font-caption)}:host ::ng-deep .ag-cell .list-item .content .date{color:rgba(var(--color-black-rgb),.4)}\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: 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: OverlayComponent, selector: "eo-overlay", inputs: ["iconSrc", "badge", "iconClass", "active", "iconTitle", "userAvatar"] }, { kind: "component", type: ErrorMessageComponent, selector: "eo-error-message", inputs: ["emptyState"] }, { kind: "component", type: ObjectDetailsComponent, selector: "eo-object-details", inputs: ["plugins", "reference", "searchTerm", "enableCompare", "recyclebinTabs", "versionComponentTabs", "enableDiff", "enableSync", "cacheLayout", "emptyState", "params", "params2", "item", "item2", "applySelection", "parseDmsParams"], outputs: ["hasContent"] }, { kind: "component", type: GridComponent, selector: "eo-grid", inputs: ["selectFirst", "selectionLimit", "sizeToFit", "fullWidth", "showHeader", "showFooter", "loaderContent", "options", "gridOptions"], outputs: ["eoGridCountChanged", "eoGridSelectionChanged", "eoGridFocusChanged", "eoGridCellClick", "eoGridDoubleClick", "eoGridContextMenuClick", "eoGridColumnResized"] }, { kind: "component", type: TotalCountComponent, selector: "eo-total-count", inputs: ["eoGrid", "outsideGrid", "gridCount"] }, { kind: "component", type: CustomSortComponent, selector: "eo-custom-sort", inputs: ["eoGrid", "overlay", "id", "sortFields"], outputs: ["change", "active"] }, { kind: "component", type: CustomFilterComponent, selector: "eo-custom-filter", inputs: ["overlay", "eoGrid", "activeFilter", "isFilterActive"], outputs: ["change", "active", "onResetFilters"] }, { kind: "component", type: TextFilterComponent, selector: "eo-text-filter", inputs: ["title", "placeholder", "enableSave", "filterParams", "matchFields"] }, { kind: "component", type: SetFilterComponent, selector: "eo-set-filter", inputs: ["title", "searchLimit", "operator", "options", "filterParams"] }, { kind: "component", type: ResetFilterComponent, selector: "eo-reset-filter", inputs: ["isFilterActive"] }, { kind: "component", type: ListContainerComponent, selector: "eo-list-container", inputs: ["applySelection", "applyVersion", "loading", "tabs", "parseDmsParams"] }, { kind: "component", type: i20.SplitViewComponent, selector: "yvc-split-view", inputs: ["direction", "gutterSize", "restrictMove", "disabled", "gutterDblClickDuration", "layoutSettingsID"], outputs: ["layoutSettingsChange", "dragStart", "dragEnd", "gutterClick", "gutterDblClick"] }, { kind: "directive", type: i20.SplitAreaDirective, selector: "[yvcSplitArea]", inputs: ["size", "order", "minSize", "maxSize", "panelClass", "visible"] }, { kind: "pipe", type: i4.TranslatePipe, name: "translate" }, { kind: "pipe", type: PluginPipe, name: "plugins" }] }); }
 };
 FavoriteStateComponent = __decorate([
     UntilDestroy()
@@ -25904,7 +25971,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImpor
             }] } });
 let StoredQueriesStateComponent = class StoredQueriesStateComponent {
-    constructor(route, router, pendingChanges, translate, selection, storedQueriesService, titleService, userService, appSearch) {
+    constructor(route, router, pendingChanges, translate, selection, storedQueriesService, titleService, userService, appSearch, eventService) {
         this.route = route;
         this.router = router;
         this.pendingChanges = pendingChanges;
@@ -25914,6 +25981,7 @@ let StoredQueriesStateComponent = class StoredQueriesStateComponent {
         this.titleService = titleService;
         this.userService = userService;
         this.appSearch = appSearch;
+        this.eventService = eventService;
         this.storedQueries = [];
         this.typeFilterFields = [];
         this.textFilterParams = {};
@@ -26064,8 +26132,18 @@ let StoredQueriesStateComponent = class StoredQueriesStateComponent {
                 this.createNewStoredQuery();
             }
         });
+        this.eventService.on(EnaioEvent.STORED_OBJECT_SHARED)
+            .pipe(untilDestroyed(this))
+            .subscribe(() => {
+            this.eoGrid.api.refreshCells({ force: true });
+        });
+        this.eventService.on(EnaioEvent.STORED_OBJECT_FAVORISED)
+            .pipe(untilDestroyed(this))
+            .subscribe(() => {
+            this.eoGrid.api.refreshCells({ force: true });
+        });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: StoredQueriesStateComponent, deps: [{ token: i2$1.ActivatedRoute }, { token: i2$1.Router }, { token: PendingChangesService }, { token: i1.TranslateService }, { token: SelectionService }, { token: i1.StoredQueriesService }, { token: PageTitleService }, { token: i1.UserService }, { token: AppSearchService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: StoredQueriesStateComponent, deps: [{ token: i2$1.ActivatedRoute }, { token: i2$1.Router }, { token: PendingChangesService }, { token: i1.TranslateService }, { token: SelectionService }, { token: i1.StoredQueriesService }, { token: PageTitleService }, { token: i1.UserService }, { token: AppSearchService }, { token: i1.EventService }], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.2", type: StoredQueriesStateComponent, selector: "eo-stored-queries-state", viewQueries: [{ propertyName: "eoGrid", first: true, predicate: ["eoGrid"], descendants: true }], ngImport: i0, template: "<yvc-split-view [layoutSettingsID]=\"'stored.queries.state'\">\n  <!-- list -->\n  <ng-template yvcSplitArea [size]=\"25\">\n    <eo-list-container #eoList [applySelection]=\"{}\">\n      <div class=\"eo-header\">\n        <eo-icon class=\"eo-header-icon\" [iconSrc]=\"'assets/_default/svg/ic_saved_search.svg'\"></eo-icon>\n        <div class=\"eo-header-info\">\n          <div class=\"eo-header-title\" translate>eo.sidebar.navigation.storedqueries</div>\n        </div>\n        <div class=\"eo-header-actions\">\n          <eo-icon class=\"button refresh-button\" [iconSrc]=\"'assets/_default/svg/ic_refresh.svg'\"\n            (click)=\"cFilter.resetFilter();cSort.reset();refreshGrid()\"\n            [iconTitle]=\"('eo.list.refresh' | translate)\"></eo-icon>\n\n          <eo-overlay #oFilter class=\"overlay-filter\" [iconSrc]=\"'assets/_default/svg/ic_filter.svg'\"\n            [iconTitle]=\"'eo.list.filter' | translate\">\n            <eo-custom-filter #cFilter (change)=\"cFilter.updateGrid(eoList.eoGrid, $event)\"\n              (active)=\"oFilter.onActiveChanged($event)\">\n              <eo-text-filter [title]=\"'eo.folder.filter.title' | translate\" [id]=\"'stored.queries.text'\"\n                [matchFields]=\"['name']\" [filterParams]=\"textFilterParams\"></eo-text-filter>\n              <eo-set-filter [operator]=\"'OR'\" [id]=\"'stored.queries.type'\"\n                [title]=\"'eo.folder.filter.section.objecttype' | translate\"\n                [options]=\"typeFilterFields\"></eo-set-filter>\n            </eo-custom-filter>\n          </eo-overlay>\n\n          <eo-overlay #oSort class=\"overlay-sort\" [iconSrc]=\"'assets/_default/svg/ic_sort.svg'\"\n            [iconTitle]=\"'eo.list.sort' | translate\">\n            <eo-custom-sort #cSort [id]=\"'stored.queries.sort'\" (change)=\"cSort.updateGrid(eoList.eoGrid, $event)\"\n              (active)=\"oSort.onActiveChanged($event)\" [sortFields]=\"sortFields\"></eo-custom-sort>\n          </eo-overlay>\n        </div>\n      </div>\n      <div class=\"eo-body\">\n        <eo-grid #eoGrid [gridOptions]=\"gridOptions\" *ngIf=\"gridOptions?.rowData\" [fullWidth]=\"true\" [showHeader]=\"true\"\n          [showFooter]=\"true\" [selectFirst]=\"selectFirst\" (eoGridCountChanged)=\"eoList.onCountChanged($event)\"\n          (eoGridSelectionChanged)=\"eoList.onSelectionChanged($event)\"\n          (eoGridFocusChanged)=\"eoList.onFocusChanged($event)\">\n\n          <div class=\"header\">\n          </div>\n\n          <div class=\"footer\">\n            <eo-total-count [gridCount]=\"eoList.gridCount\" [outsideGrid]=\"false\" class=\"flex-row\"></eo-total-count>\n          </div>\n\n          <div class=\"empty\">\n            <eo-error-message\n              [emptyState]=\"{icon: 'ic_search.svg', text: oFilter.active ? 'eo.no.filter.result' : 'eo.stored.queries.list.empty'}\"></eo-error-message>\n            <eo-reset-filter [isFilterActive]=\"oFilter.active\"\n              (click)=\"cFilter.resetFilter();cSort.reset();refreshGrid()\"></eo-reset-filter>\n          </div>\n        </eo-grid>\n      </div>\n    </eo-list-container>\n  </ng-template>\n\n  <!-- details -->\n  <ng-template yvcSplitArea [size]=\"75\">\n    <eo-stored-query-details (notifyList)=\"notifyList($event)\"></eo-stored-query-details>\n  </ng-template>\n</yvc-split-view>", styles: [":host{position:absolute;left:var(--app-pane-padding);right:var(--app-pane-padding);top:var(--app-pane-padding);bottom:var(--app-pane-padding);overflow:hidden}:host yvc-split-view{height:100%}:host ::ng-deep eo-grid .ag-cell .list-item{display:flex;flex:1;flex-direction:row;min-height:0;min-width:0;align-items:center;height:80px}:host ::ng-deep eo-grid .ag-cell .list-item[unselectable]{-webkit-user-select:none;user-select:none}:host ::ng-deep eo-grid .ag-cell .list-item .content{flex:1;padding:var(--app-pane-padding);display:inline-block;max-width:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host ::ng-deep eo-grid .ag-cell .list-item .content .title{font-weight:var(--font-weight-medium);font-size:var(--font-body)}:host ::ng-deep eo-grid .ag-cell .list-item .content .description{font-size:var(--font-caption)}:host ::ng-deep eo-grid .ag-cell .list-item .content .date{color:rgba(var(--color-black-rgb),.4)}:host ::ng-deep eo-grid .ag-cell .list-item .content .icons{font-size:15px}:host ::ng-deep eo-grid .ag-cell .list-item .content .icons img{width:16px;height:16px;padding:3px}:host ::ng-deep eo-grid .ag-cell .list-item .content .icons .object-type-label{display:none}:host ::ng-deep eo-grid .ag-cell .list-item .content .icons.shared-with-me>span{border-radius:2px;-webkit-border-radius:2px;background-color:var(--text-color-hint)}\n"], dependencies: [{ kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { 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: OverlayComponent, selector: "eo-overlay", inputs: ["iconSrc", "badge", "iconClass", "active", "iconTitle", "userAvatar"] }, { kind: "component", type: ErrorMessageComponent, selector: "eo-error-message", inputs: ["emptyState"] }, { kind: "component", type: StoredQueryDetailsComponent, selector: "eo-stored-query-details", inputs: ["query"], outputs: ["notifyList"] }, { kind: "component", type: GridComponent, selector: "eo-grid", inputs: ["selectFirst", "selectionLimit", "sizeToFit", "fullWidth", "showHeader", "showFooter", "loaderContent", "options", "gridOptions"], outputs: ["eoGridCountChanged", "eoGridSelectionChanged", "eoGridFocusChanged", "eoGridCellClick", "eoGridDoubleClick", "eoGridContextMenuClick", "eoGridColumnResized"] }, { kind: "component", type: TotalCountComponent, selector: "eo-total-count", inputs: ["eoGrid", "outsideGrid", "gridCount"] }, { kind: "component", type: CustomSortComponent, selector: "eo-custom-sort", inputs: ["eoGrid", "overlay", "id", "sortFields"], outputs: ["change", "active"] }, { kind: "component", type: CustomFilterComponent, selector: "eo-custom-filter", inputs: ["overlay", "eoGrid", "activeFilter", "isFilterActive"], outputs: ["change", "active", "onResetFilters"] }, { kind: "component", type: TextFilterComponent, selector: "eo-text-filter", inputs: ["title", "placeholder", "enableSave", "filterParams", "matchFields"] }, { kind: "component", type: SetFilterComponent, selector: "eo-set-filter", inputs: ["title", "searchLimit", "operator", "options", "filterParams"] }, { kind: "component", type: ResetFilterComponent, selector: "eo-reset-filter", inputs: ["isFilterActive"] }, { kind: "component", type: ListContainerComponent, selector: "eo-list-container", inputs: ["applySelection", "applyVersion", "loading", "tabs", "parseDmsParams"] }, { kind: "component", type: i20.SplitViewComponent, selector: "yvc-split-view", inputs: ["direction", "gutterSize", "restrictMove", "disabled", "gutterDblClickDuration", "layoutSettingsID"], outputs: ["layoutSettingsChange", "dragStart", "dragEnd", "gutterClick", "gutterDblClick"] }, { kind: "directive", type: i20.SplitAreaDirective, selector: "[yvcSplitArea]", inputs: ["size", "order", "minSize", "maxSize", "panelClass", "visible"] }, { kind: "pipe", type: i4.TranslatePipe, name: "translate" }] }); }
 };
 StoredQueriesStateComponent = __decorate([
@@ -26074,7 +26152,7 @@ StoredQueriesStateComponent = __decorate([
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: StoredQueriesStateComponent, decorators: [{
             type: Component,
             args: [{ selector: 'eo-stored-queries-state', template: "<yvc-split-view [layoutSettingsID]=\"'stored.queries.state'\">\n  <!-- list -->\n  <ng-template yvcSplitArea [size]=\"25\">\n    <eo-list-container #eoList [applySelection]=\"{}\">\n      <div class=\"eo-header\">\n        <eo-icon class=\"eo-header-icon\" [iconSrc]=\"'assets/_default/svg/ic_saved_search.svg'\"></eo-icon>\n        <div class=\"eo-header-info\">\n          <div class=\"eo-header-title\" translate>eo.sidebar.navigation.storedqueries</div>\n        </div>\n        <div class=\"eo-header-actions\">\n          <eo-icon class=\"button refresh-button\" [iconSrc]=\"'assets/_default/svg/ic_refresh.svg'\"\n            (click)=\"cFilter.resetFilter();cSort.reset();refreshGrid()\"\n            [iconTitle]=\"('eo.list.refresh' | translate)\"></eo-icon>\n\n          <eo-overlay #oFilter class=\"overlay-filter\" [iconSrc]=\"'assets/_default/svg/ic_filter.svg'\"\n            [iconTitle]=\"'eo.list.filter' | translate\">\n            <eo-custom-filter #cFilter (change)=\"cFilter.updateGrid(eoList.eoGrid, $event)\"\n              (active)=\"oFilter.onActiveChanged($event)\">\n              <eo-text-filter [title]=\"'eo.folder.filter.title' | translate\" [id]=\"'stored.queries.text'\"\n                [matchFields]=\"['name']\" [filterParams]=\"textFilterParams\"></eo-text-filter>\n              <eo-set-filter [operator]=\"'OR'\" [id]=\"'stored.queries.type'\"\n                [title]=\"'eo.folder.filter.section.objecttype' | translate\"\n                [options]=\"typeFilterFields\"></eo-set-filter>\n            </eo-custom-filter>\n          </eo-overlay>\n\n          <eo-overlay #oSort class=\"overlay-sort\" [iconSrc]=\"'assets/_default/svg/ic_sort.svg'\"\n            [iconTitle]=\"'eo.list.sort' | translate\">\n            <eo-custom-sort #cSort [id]=\"'stored.queries.sort'\" (change)=\"cSort.updateGrid(eoList.eoGrid, $event)\"\n              (active)=\"oSort.onActiveChanged($event)\" [sortFields]=\"sortFields\"></eo-custom-sort>\n          </eo-overlay>\n        </div>\n      </div>\n      <div class=\"eo-body\">\n        <eo-grid #eoGrid [gridOptions]=\"gridOptions\" *ngIf=\"gridOptions?.rowData\" [fullWidth]=\"true\" [showHeader]=\"true\"\n          [showFooter]=\"true\" [selectFirst]=\"selectFirst\" (eoGridCountChanged)=\"eoList.onCountChanged($event)\"\n          (eoGridSelectionChanged)=\"eoList.onSelectionChanged($event)\"\n          (eoGridFocusChanged)=\"eoList.onFocusChanged($event)\">\n\n          <div class=\"header\">\n          </div>\n\n          <div class=\"footer\">\n            <eo-total-count [gridCount]=\"eoList.gridCount\" [outsideGrid]=\"false\" class=\"flex-row\"></eo-total-count>\n          </div>\n\n          <div class=\"empty\">\n            <eo-error-message\n              [emptyState]=\"{icon: 'ic_search.svg', text: oFilter.active ? 'eo.no.filter.result' : 'eo.stored.queries.list.empty'}\"></eo-error-message>\n            <eo-reset-filter [isFilterActive]=\"oFilter.active\"\n              (click)=\"cFilter.resetFilter();cSort.reset();refreshGrid()\"></eo-reset-filter>\n          </div>\n        </eo-grid>\n      </div>\n    </eo-list-container>\n  </ng-template>\n\n  <!-- details -->\n  <ng-template yvcSplitArea [size]=\"75\">\n    <eo-stored-query-details (notifyList)=\"notifyList($event)\"></eo-stored-query-details>\n  </ng-template>\n</yvc-split-view>", styles: [":host{position:absolute;left:var(--app-pane-padding);right:var(--app-pane-padding);top:var(--app-pane-padding);bottom:var(--app-pane-padding);overflow:hidden}:host yvc-split-view{height:100%}:host ::ng-deep eo-grid .ag-cell .list-item{display:flex;flex:1;flex-direction:row;min-height:0;min-width:0;align-items:center;height:80px}:host ::ng-deep eo-grid .ag-cell .list-item[unselectable]{-webkit-user-select:none;user-select:none}:host ::ng-deep eo-grid .ag-cell .list-item .content{flex:1;padding:var(--app-pane-padding);display:inline-block;max-width:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host ::ng-deep eo-grid .ag-cell .list-item .content .title{font-weight:var(--font-weight-medium);font-size:var(--font-body)}:host ::ng-deep eo-grid .ag-cell .list-item .content .description{font-size:var(--font-caption)}:host ::ng-deep eo-grid .ag-cell .list-item .content .date{color:rgba(var(--color-black-rgb),.4)}:host ::ng-deep eo-grid .ag-cell .list-item .content .icons{font-size:15px}:host ::ng-deep eo-grid .ag-cell .list-item .content .icons img{width:16px;height:16px;padding:3px}:host ::ng-deep eo-grid .ag-cell .list-item .content .icons .object-type-label{display:none}:host ::ng-deep eo-grid .ag-cell .list-item .content .icons.shared-with-me>span{border-radius:2px;-webkit-border-radius:2px;background-color:var(--text-color-hint)}\n"] }]
-        }], ctorParameters: () => [{ type: i2$1.ActivatedRoute }, { type: i2$1.Router }, { type: PendingChangesService }, { type: i1.TranslateService }, { type: SelectionService }, { type: i1.StoredQueriesService }, { type: PageTitleService }, { type: i1.UserService }, { type: AppSearchService }], propDecorators: { eoGrid: [{
+        }], ctorParameters: () => [{ type: i2$1.ActivatedRoute }, { type: i2$1.Router }, { type: PendingChangesService }, { type: i1.TranslateService }, { type: SelectionService }, { type: i1.StoredQueriesService }, { type: PageTitleService }, { type: i1.UserService }, { type: AppSearchService }, { type: i1.EventService }], propDecorators: { eoGrid: [{
                 type: ViewChild,
                 args: ['eoGrid']
             }] } });
@@ -26107,12 +26185,10 @@ class ProcessStateComponent {
             startTimeFCN: null
         };
         this.sortParams = {
-            startTime: '',
-            modelName: ''
+            starttime: ''
         };
         this.defaultSortParams = {
-            startTime: "",
-            modelName: ""
+            starttime: ''
         };
         this.settings = {};
         this.colDefs = [
@@ -26175,7 +26251,6 @@ class ProcessStateComponent {
         this.settings = { total: 0, size: this.VIRTUAL_LIST_CHUNK_SIZE };
         this.sortFields = [
             { field: 'starttime', headerName: this.translate.instant('eo.grid.sort.date'), sort: null },
-            { field: 'modelname', headerName: this.translate.instant('eo.process.sort.type'), sort: null }
         ];
         const sortColDefs = CustomSortComponent.sortColDefs(this.sortFields);
         this.gridOptions = {
@@ -26192,8 +26267,8 @@ class ProcessStateComponent {
             this.filterForm.setValue(this.defaultFilterFormValue);
         }
     }
-    sort(field, direction) {
-        this.sortParams[field] = direction;
+    sort(evt) {
+        this.sortParams.starttime = evt.detail[0]?.sort ? evt.detail[0].sort : '';
         this.appCache.setItem(this.sortCacheKey, this.sortParams).subscribe();
         this.onPageChanged();
     }
@@ -26203,12 +26278,14 @@ class ProcessStateComponent {
             successCallback: (rows, total) => {
                 this.eoGrid.api?.setGridOption('rowData', rows);
                 this.settings = { total, size: this.VIRTUAL_LIST_CHUNK_SIZE, page };
+                this.eoGrid.selectRow(0);
             }
         });
     }
     fetchRowData(params) {
         const page = Math.floor(params.startRow / this.VIRTUAL_LIST_CHUNK_SIZE);
-        this.getProcesses({ size: this.VIRTUAL_LIST_CHUNK_SIZE, page }).subscribe((processes) => {
+        const sort = this.sortParams.starttime;
+        this.getProcesses({ size: this.VIRTUAL_LIST_CHUNK_SIZE, page, sort }).subscribe((processes) => {
             if (params.startRow === 0) {
                 this.emptyState1 = this.empty.getEmptyState(processes.content ? processes.content.length : -1, undefined, 'ic_no-file.svg');
                 this.emptyState2 = this.empty.getEmptyState(processes.content ? processes.content.length : -1, undefined, 'ic_no-file.svg');
@@ -26275,11 +26352,8 @@ class ProcessStateComponent {
         return url;
     }
     addSortParamsToUrl(url) {
-        if (this.sortParams.startTime) {
-            url += "&sort=starttime," + this.sortParams.startTime;
-        }
-        if (this.sortParams.modelName) {
-            url += "&sort=name," + this.sortParams.modelName;
+        if (this.sortParams.starttime) {
+            url += '&sort=starttime,' + this.sortParams.starttime;
         }
         return url;
     }
@@ -26368,11 +26442,11 @@ class ProcessStateComponent {
         return this.pendingChanges.hasPendingTask();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: ProcessStateComponent, deps: [{ token: i1.TranslateService }, { token: i1.BpmService }, { token: SelectionService }, { token: EmptyStateService }, { token: i1.BackendService }, { token: i1$3.UntypedFormBuilder }, { token: PageTitleService }, { token: i1.AppCacheService }, { token: PendingChangesService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.2", type: ProcessStateComponent, selector: "eo-process-state", viewQueries: [{ propertyName: "eoGrid", first: true, predicate: ["eoGrid"], descendants: true }], ngImport: i0, template: "<yvc-split-view [layoutSettingsID]=\"'inbox.state'\">\n  <!-- list -->\n  <ng-template yvcSplitArea [size]=\"30\">\n    <eo-list-container #eoList [applySelection]=\"{out: processSelectionId}\">\n      <div class=\"eo-header\">\n        <eo-icon class=\"eo-header-icon\" [iconSrc]=\"'assets/_default/svg/ic_bpm.svg'\"></eo-icon>\n        <div class=\"eo-header-info\">\n          <div class=\"eo-header-title\" translate>eo.state.process</div>\n        </div>\n        <div class=\"eo-header-actions\">\n          <eo-icon class=\"button refresh-button\" [iconSrc]=\"'assets/_default/svg/ic_refresh.svg'\"\n                   (click)=\"refreshList()\"\n                   [iconTitle]=\"('eo.list.refresh' | translate)\"></eo-icon>\n\n          <eo-overlay #oFilter [iconSrc]=\"'assets/_default/svg/ic_filter.svg'\"\n                      class=\"overlay-filter\"\n                      [iconTitle]=\"'eo.list.filter' | translate\">\n            <eo-custom-filter #cFilter (change)=\"cFilter.updateGrid(eoList.eoGridSubject, $event)\"\n                              (active)=\"oFilter.onActiveChanged($event)\">\n              <div class=\"filter-title\" translate>eo.filter.by</div>\n              <form [formGroup]=\"filterForm\" *ngIf='filterForm'>\n                <eo-form-input [label]=\"('eo.state.process.filter.labels.model' | translate)\" *ngIf=\"processModelsListObject.entries.length\">\n                  <eo-dynamic-list formControlName=\"modelFCN\" [pickerTitle]=\"'Models'\" [listObject]=\"processModelsListObject\"></eo-dynamic-list>\n                </eo-form-input>\n                <eo-form-input [label]=\"('eo.state.process.filter.labels.running' | translate)\">\n                  <eo-checkbox formControlName=\"runningFCN\" [tristate]=\"false\"></eo-checkbox>\n                </eo-form-input>\n                <eo-form-input [label]=\"('eo.state.process.filter.labels.paused' | translate)\">\n                  <eo-checkbox formControlName=\"pausedFCN\" [tristate]=\"false\"></eo-checkbox>\n                </eo-form-input>\n                <eo-form-input [label]=\"('eo.state.process.filter.labels.created' | translate)\">\n                  <eo-checkbox formControlName=\"createdFCN\" [tristate]=\"false\"></eo-checkbox>\n                </eo-form-input>\n                <eo-form-input [label]=\"('eo.state.process.filter.labels.canceled' | translate)\">\n                  <eo-checkbox formControlName=\"canceledFCN\" [tristate]=\"false\"></eo-checkbox>\n                </eo-form-input>\n                <eo-form-input [label]=\"('eo.state.process.filter.labels.failed' | translate)\">\n                  <eo-checkbox formControlName=\"failedFCN\" [tristate]=\"false\"></eo-checkbox>\n                </eo-form-input>\n                <eo-form-input [label]=\"('eo.state.process.filter.labels.completed' | translate)\">\n                  <eo-checkbox formControlName=\"completedFCN\" [tristate]=\"false\"></eo-checkbox>\n                </eo-form-input>\n                <eo-form-input [label]=\"('eo.state.process.filter.labels.starttime' | translate)\">\n                  <eo-datetime-range formControlName=\"startTimeFCN\" [withTime]=\"false\"></eo-datetime-range>\n                </eo-form-input>\n              </form>\n              <button class=\"reset-filter\" (click)=\"resetFilters()\" *ngIf=\"hasChanged(defaultFilterFormValue, filterForm?.value)\">Reset filter</button>\n            </eo-custom-filter>\n          </eo-overlay>\n\n          <eo-overlay #oSort\n                      class=\"overlay-sort\"\n                      [iconSrc]=\"'assets/_default/svg/ic_sort.svg'\"\n                      [iconTitle]=\"'eo.list.sort' | translate\"\n                      [active]=\"hasChanged(defaultSortParams, sortParams)\">\n            <eo-custom-sort #cSort [id]=\"'process.sort'\" (change)=\"cSort.updateGrid(eoList.eoGrid, $event)\"\n                            (active)=\"oSort.onActiveChanged($event)\" [sortFields]=\"sortFields\"></eo-custom-sort>\n          </eo-overlay>\n\n        </div>\n      </div>\n      <div class=\"eo-body\">\n        <eo-grid #eoGrid\n                 *ngIf=\"gridOptions\"\n                 [gridOptions]=\"gridOptions\"\n                 [fullWidth]=\"true\"\n                 [showHeader]=\"true\"\n                 [showFooter]=\"true\"\n                 [selectFirst]=\"true\"\n                 (eoGridCountChanged)=\"eoList.onCountChanged($event)\"\n                 (eoGridSelectionChanged)=\"eoList.onSelectionChanged($event)\"\n                 (eoGridFocusChanged)=\"eoList.onFocusChanged($event)\">\n          <div class=\"header\">\n          </div>\n\n          <div class=\"footer\">\n            <eo-total-count [gridCount]=\"eoList.gridCount\" [outsideGrid]=\"false\" class=\"flex-row\"></eo-total-count>\n            <eo-pagination [settings]=\"settings\" (pageChanged)=\"onPageChanged($event)\"></eo-pagination>\n          </div>\n\n          <div class=\"empty\">\n            <eo-error-message [emptyState]=\"{icon: 'ic_bpm.svg', text: oFilter.active ? 'eo.no.filter.result' : 'eo.process.list.empty'}\"></eo-error-message>\n            <eo-reset-filter [isFilterActive]=\"oFilter.active\" (click)=\"resetFilters()\"></eo-reset-filter>\n          </div>\n        </eo-grid>\n      </div>\n    </eo-list-container>\n  </ng-template>\n\n  <!-- process details -->\n  <ng-template yvcSplitArea [size]=\"30\">\n    <eo-process-details [applySelection]=\"{in: processSelectionId}\" [emptyState]=\"emptyState1\"\n    [plugins]=\"'process-details-tab.process' | plugins\">\n    </eo-process-details>\n  </ng-template>\n\n  <!-- object details -->\n  <ng-template yvcSplitArea [size]=\"40\">\n    <eo-object-details [applySelection]=\"{}\"\n                           [cacheLayout]=\"'process.state.object-details'\"\n                           [emptyState]=\"emptyState2\"\n                           [plugins]=\"'object-details-tab.process' | plugins\">\n        </eo-object-details>\n  </ng-template>\n</yvc-split-view>\n", styles: [":host{position:absolute;left:var(--app-pane-padding);right:var(--app-pane-padding);top:var(--app-pane-padding);bottom:var(--app-pane-padding);overflow:hidden}:host .error .button{margin:1em}:host yvc-split-view{height:100%}:host::ng-deep .list-item{display:flex;-webkit-box-flex:1;-ms-flex:1;flex:1;flex-direction:row;min-height:0;min-width:0;align-items:center;height:80px}:host::ng-deep .list-item[unselectable]{-webkit-user-select:none;user-select:none}:host::ng-deep .list-item .content{flex:1;padding:16px;display:inline-block;max-width:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host::ng-deep .list-item .content .title{font-weight:700;font-size:13px}:host::ng-deep .list-item .content .description{font-size:12px;color:rgba(var(--color-black-rgb),.54)}:host::ng-deep .list-item .meta{padding:0 8px;display:flex;flex-flow:column;align-items:flex-end}:host::ng-deep .list-item .meta .datelabel{display:flex;flex-flow:column}:host::ng-deep .list-item .meta .date{display:flex;font-size:var(--font-hint);color:var(--text-color-caption);flex-direction:row;border-radius:2px;padding:2px;line-height:1em}:host::ng-deep .list-item .meta .date.end{background-color:rgba(var(--color-success),.3)}:host::ng-deep .list-item .meta .time{padding-left:2px}:host::ng-deep .list-item.notstarted{opacity:.5}:host::ng-deep .list-item.error .content .title,:host::ng-deep .list-item.error .content .description{color:var(--color-error)}:host::ng-deep .list-item.error .meta .datelabel{color:var(--color-error)}\n"], dependencies: [{ 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.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: EoIconComponent, selector: "eo-icon", inputs: ["objectType", "iconId", "iconSrc", "badge", "iconTitle"] }, { kind: "component", type: OverlayComponent, selector: "eo-overlay", inputs: ["iconSrc", "badge", "iconClass", "active", "iconTitle", "userAvatar"] }, { kind: "component", type: ErrorMessageComponent, selector: "eo-error-message", inputs: ["emptyState"] }, { kind: "component", type: ObjectDetailsComponent, selector: "eo-object-details", inputs: ["plugins", "reference", "searchTerm", "enableCompare", "recyclebinTabs", "enableDiff", "enableSync", "cacheLayout", "emptyState", "params", "params2", "item", "item2", "applySelection", "parseDmsParams"], outputs: ["hasContent"] }, { kind: "component", type: GridComponent, selector: "eo-grid", inputs: ["selectFirst", "selectionLimit", "sizeToFit", "fullWidth", "showHeader", "showFooter", "loaderContent", "options", "gridOptions"], outputs: ["eoGridCountChanged", "eoGridSelectionChanged", "eoGridFocusChanged", "eoGridCellClick", "eoGridDoubleClick", "eoGridContextMenuClick", "eoGridColumnResized"] }, { kind: "component", type: TotalCountComponent, selector: "eo-total-count", inputs: ["eoGrid", "outsideGrid", "gridCount"] }, { kind: "component", type: CustomSortComponent, selector: "eo-custom-sort", inputs: ["eoGrid", "overlay", "id", "sortFields"], outputs: ["change", "active"] }, { kind: "component", type: CustomFilterComponent, selector: "eo-custom-filter", inputs: ["overlay", "eoGrid", "activeFilter", "isFilterActive"], outputs: ["change", "active", "onResetFilters"] }, { kind: "component", type: ResetFilterComponent, selector: "eo-reset-filter", inputs: ["isFilterActive"] }, { kind: "component", type: PaginationComponent, selector: "eo-pagination", inputs: ["settings"], outputs: ["pageChanged"] }, { kind: "component", type: FormInputComponent, selector: "eo-form-input", inputs: ["label", "tag", "description", "skipToggle", "isNull", "invalid", "disabled", "required"], outputs: ["onToggleLabel"] }, { kind: "component", type: DatetimeRangeComponent, selector: "eo-datetime-range", inputs: ["withTime", "pickerTitle", "operator"] }, { kind: "component", type: CheckboxComponent, selector: "eo-checkbox", inputs: ["required", "tristate", "readonly"] }, { kind: "component", type: DynamicListComponent, selector: "eo-dynamic-list", inputs: ["situation", "multiselect", "pickerTitle", "readonly", "filterFunction", "listObject"] }, { kind: "component", type: ListContainerComponent, selector: "eo-list-container", inputs: ["applySelection", "applyVersion", "loading", "tabs", "parseDmsParams"] }, { kind: "component", type: ProcessDetailsComponent, selector: "eo-process-details", inputs: ["plugins", "emptyState", "applySelection", "item"], outputs: ["onDmsItemSelected"] }, { kind: "component", type: i20.SplitViewComponent, selector: "yvc-split-view", inputs: ["direction", "gutterSize", "restrictMove", "disabled", "gutterDblClickDuration", "layoutSettingsID"], outputs: ["layoutSettingsChange", "dragStart", "dragEnd", "gutterClick", "gutterDblClick"] }, { kind: "directive", type: i20.SplitAreaDirective, selector: "[yvcSplitArea]", inputs: ["size", "order", "minSize", "maxSize", "panelClass", "visible"] }, { kind: "pipe", type: i4.TranslatePipe, name: "translate" }, { kind: "pipe", type: PluginPipe, name: "plugins" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.2", type: ProcessStateComponent, selector: "eo-process-state", viewQueries: [{ propertyName: "eoGrid", first: true, predicate: ["eoGrid"], descendants: true }], ngImport: i0, template: "<yvc-split-view [layoutSettingsID]=\"'inbox.state'\">\n  <!-- list -->\n  <ng-template yvcSplitArea [size]=\"30\">\n    <eo-list-container #eoList [applySelection]=\"{out: processSelectionId}\">\n      <div class=\"eo-header\">\n        <eo-icon class=\"eo-header-icon\" [iconSrc]=\"'assets/_default/svg/ic_bpm.svg'\"></eo-icon>\n        <div class=\"eo-header-info\">\n          <div class=\"eo-header-title\" translate>eo.state.process</div>\n        </div>\n        <div class=\"eo-header-actions\">\n          <eo-icon class=\"button refresh-button\" [iconSrc]=\"'assets/_default/svg/ic_refresh.svg'\"\n                   (click)=\"refreshList()\"\n                   [iconTitle]=\"('eo.list.refresh' | translate)\"></eo-icon>\n\n          <eo-overlay #oFilter [iconSrc]=\"'assets/_default/svg/ic_filter.svg'\"\n                      class=\"overlay-filter\"\n                      [iconTitle]=\"'eo.list.filter' | translate\"\n                      [active]=\"hasChanged(defaultFilterFormValue, filterForm?.value)\">\n            <eo-custom-filter #cFilter (change)=\"cFilter.updateGrid(eoList.eoGridSubject, $event)\"\n                              (active)=\"oFilter.onActiveChanged($event)\">\n              <div class=\"filter-title\" translate>eo.filter.by</div>\n              <form [formGroup]=\"filterForm\" *ngIf='filterForm'>\n                <eo-form-input [label]=\"('eo.state.process.filter.labels.model' | translate)\" *ngIf=\"processModelsListObject.entries.length\">\n                  <eo-dynamic-list formControlName=\"modelFCN\" [pickerTitle]=\"'Models'\" [listObject]=\"processModelsListObject\"></eo-dynamic-list>\n                </eo-form-input>\n                <eo-form-input [label]=\"('eo.state.process.filter.labels.running' | translate)\">\n                  <eo-checkbox formControlName=\"runningFCN\" [tristate]=\"false\"></eo-checkbox>\n                </eo-form-input>\n                <eo-form-input [label]=\"('eo.state.process.filter.labels.paused' | translate)\">\n                  <eo-checkbox formControlName=\"pausedFCN\" [tristate]=\"false\"></eo-checkbox>\n                </eo-form-input>\n                <eo-form-input [label]=\"('eo.state.process.filter.labels.created' | translate)\">\n                  <eo-checkbox formControlName=\"createdFCN\" [tristate]=\"false\"></eo-checkbox>\n                </eo-form-input>\n                <eo-form-input [label]=\"('eo.state.process.filter.labels.canceled' | translate)\">\n                  <eo-checkbox formControlName=\"canceledFCN\" [tristate]=\"false\"></eo-checkbox>\n                </eo-form-input>\n                <eo-form-input [label]=\"('eo.state.process.filter.labels.failed' | translate)\">\n                  <eo-checkbox formControlName=\"failedFCN\" [tristate]=\"false\"></eo-checkbox>\n                </eo-form-input>\n                <eo-form-input [label]=\"('eo.state.process.filter.labels.completed' | translate)\">\n                  <eo-checkbox formControlName=\"completedFCN\" [tristate]=\"false\"></eo-checkbox>\n                </eo-form-input>\n                <eo-form-input [label]=\"('eo.state.process.filter.labels.starttime' | translate)\">\n                  <eo-datetime-range formControlName=\"startTimeFCN\" [withTime]=\"false\"></eo-datetime-range>\n                </eo-form-input>\n              </form>\n              <button class=\"reset-filter\" (click)=\"resetFilters()\" *ngIf=\"hasChanged(defaultFilterFormValue, filterForm?.value)\">Reset filter</button>\n            </eo-custom-filter>\n          </eo-overlay>\n\n          <eo-overlay #oSort\n                      class=\"overlay-sort\"\n                      [iconSrc]=\"'assets/_default/svg/ic_sort.svg'\"\n                      [iconTitle]=\"'eo.list.sort' | translate\"\n                      [active]=\"hasChanged(defaultSortParams, sortParams)\">\n            <eo-custom-sort [id]=\"'process.sort'\" (change)=\"sort($event)\"\n                            (active)=\"oSort.onActiveChanged($event)\" [sortFields]=\"sortFields\"></eo-custom-sort>\n          </eo-overlay>\n\n        </div>\n      </div>\n      <div class=\"eo-body\">\n        <eo-grid #eoGrid\n                 *ngIf=\"gridOptions\"\n                 [gridOptions]=\"gridOptions\"\n                 [fullWidth]=\"true\"\n                 [showHeader]=\"true\"\n                 [showFooter]=\"true\"\n                 [selectFirst]=\"true\"\n                 (eoGridCountChanged)=\"eoList.onCountChanged($event)\"\n                 (eoGridSelectionChanged)=\"eoList.onSelectionChanged($event)\"\n                 (eoGridFocusChanged)=\"eoList.onFocusChanged($event)\">\n          <div class=\"header\">\n          </div>\n\n          <div class=\"footer\">\n            <eo-total-count [gridCount]=\"eoList.gridCount\" [outsideGrid]=\"false\" class=\"flex-row\"></eo-total-count>\n            <eo-pagination [settings]=\"settings\" (pageChanged)=\"onPageChanged($event)\"></eo-pagination>\n          </div>\n\n          <div class=\"empty\">\n            <eo-error-message [emptyState]=\"{icon: 'ic_bpm.svg', text: oFilter.active ? 'eo.no.filter.result' : 'eo.process.list.empty'}\"></eo-error-message>\n            <eo-reset-filter [isFilterActive]=\"oFilter.active\" (click)=\"resetFilters()\"></eo-reset-filter>\n          </div>\n        </eo-grid>\n      </div>\n    </eo-list-container>\n  </ng-template>\n\n  <!-- process details -->\n  <ng-template yvcSplitArea [size]=\"30\">\n    <eo-process-details [applySelection]=\"{in: processSelectionId}\" [emptyState]=\"emptyState1\"\n    [plugins]=\"'process-details-tab.process' | plugins\">\n    </eo-process-details>\n  </ng-template>\n\n  <!-- object details -->\n  <ng-template yvcSplitArea [size]=\"40\">\n    <eo-object-details [applySelection]=\"{}\"\n                           [cacheLayout]=\"'process.state.object-details'\"\n                           [emptyState]=\"emptyState2\"\n                           [plugins]=\"'object-details-tab.process' | plugins\">\n        </eo-object-details>\n  </ng-template>\n</yvc-split-view>\n", styles: [":host{position:absolute;left:var(--app-pane-padding);right:var(--app-pane-padding);top:var(--app-pane-padding);bottom:var(--app-pane-padding);overflow:hidden}:host .error .button{margin:1em}:host yvc-split-view{height:100%}:host::ng-deep .list-item{display:flex;-webkit-box-flex:1;-ms-flex:1;flex:1;flex-direction:row;min-height:0;min-width:0;align-items:center;height:80px}:host::ng-deep .list-item[unselectable]{-webkit-user-select:none;user-select:none}:host::ng-deep .list-item .content{flex:1;padding:16px;display:inline-block;max-width:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host::ng-deep .list-item .content .title{font-weight:700;font-size:13px}:host::ng-deep .list-item .content .description{font-size:12px;color:rgba(var(--color-black-rgb),.54)}:host::ng-deep .list-item .meta{padding:0 8px;display:flex;flex-flow:column;align-items:flex-end}:host::ng-deep .list-item .meta .datelabel{display:flex;flex-flow:column}:host::ng-deep .list-item .meta .date{display:flex;font-size:var(--font-hint);color:var(--text-color-caption);flex-direction:row;border-radius:2px;padding:2px;line-height:1em}:host::ng-deep .list-item .meta .date.end{background-color:rgba(var(--color-success),.3)}:host::ng-deep .list-item .meta .time{padding-left:2px}:host::ng-deep .list-item.notstarted{opacity:.5}:host::ng-deep .list-item.error .content .title,:host::ng-deep .list-item.error .content .description{color:var(--color-error)}:host::ng-deep .list-item.error .meta .datelabel{color:var(--color-error)}\n"], dependencies: [{ 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.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: EoIconComponent, selector: "eo-icon", inputs: ["objectType", "iconId", "iconSrc", "badge", "iconTitle"] }, { kind: "component", type: OverlayComponent, selector: "eo-overlay", inputs: ["iconSrc", "badge", "iconClass", "active", "iconTitle", "userAvatar"] }, { kind: "component", type: ErrorMessageComponent, selector: "eo-error-message", inputs: ["emptyState"] }, { kind: "component", type: ObjectDetailsComponent, selector: "eo-object-details", inputs: ["plugins", "reference", "searchTerm", "enableCompare", "recyclebinTabs", "versionComponentTabs", "enableDiff", "enableSync", "cacheLayout", "emptyState", "params", "params2", "item", "item2", "applySelection", "parseDmsParams"], outputs: ["hasContent"] }, { kind: "component", type: GridComponent, selector: "eo-grid", inputs: ["selectFirst", "selectionLimit", "sizeToFit", "fullWidth", "showHeader", "showFooter", "loaderContent", "options", "gridOptions"], outputs: ["eoGridCountChanged", "eoGridSelectionChanged", "eoGridFocusChanged", "eoGridCellClick", "eoGridDoubleClick", "eoGridContextMenuClick", "eoGridColumnResized"] }, { kind: "component", type: TotalCountComponent, selector: "eo-total-count", inputs: ["eoGrid", "outsideGrid", "gridCount"] }, { kind: "component", type: CustomSortComponent, selector: "eo-custom-sort", inputs: ["eoGrid", "overlay", "id", "sortFields"], outputs: ["change", "active"] }, { kind: "component", type: CustomFilterComponent, selector: "eo-custom-filter", inputs: ["overlay", "eoGrid", "activeFilter", "isFilterActive"], outputs: ["change", "active", "onResetFilters"] }, { kind: "component", type: ResetFilterComponent, selector: "eo-reset-filter", inputs: ["isFilterActive"] }, { kind: "component", type: PaginationComponent, selector: "eo-pagination", inputs: ["settings"], outputs: ["pageChanged"] }, { kind: "component", type: FormInputComponent, selector: "eo-form-input", inputs: ["label", "tag", "description", "skipToggle", "isNull", "invalid", "disabled", "required"], outputs: ["onToggleLabel"] }, { kind: "component", type: DatetimeRangeComponent, selector: "eo-datetime-range", inputs: ["withTime", "pickerTitle", "operator"] }, { kind: "component", type: CheckboxComponent, selector: "eo-checkbox", inputs: ["required", "tristate", "readonly"] }, { kind: "component", type: DynamicListComponent, selector: "eo-dynamic-list", inputs: ["situation", "multiselect", "pickerTitle", "readonly", "filterFunction", "listObject"] }, { kind: "component", type: ListContainerComponent, selector: "eo-list-container", inputs: ["applySelection", "applyVersion", "loading", "tabs", "parseDmsParams"] }, { kind: "component", type: ProcessDetailsComponent, selector: "eo-process-details", inputs: ["plugins", "emptyState", "applySelection", "item"], outputs: ["onDmsItemSelected"] }, { kind: "component", type: i20.SplitViewComponent, selector: "yvc-split-view", inputs: ["direction", "gutterSize", "restrictMove", "disabled", "gutterDblClickDuration", "layoutSettingsID"], outputs: ["layoutSettingsChange", "dragStart", "dragEnd", "gutterClick", "gutterDblClick"] }, { kind: "directive", type: i20.SplitAreaDirective, selector: "[yvcSplitArea]", inputs: ["size", "order", "minSize", "maxSize", "panelClass", "visible"] }, { kind: "pipe", type: i4.TranslatePipe, name: "translate" }, { kind: "pipe", type: PluginPipe, name: "plugins" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: ProcessStateComponent, decorators: [{
             type: Component,
-            args: [{ selector: "eo-process-state", template: "<yvc-split-view [layoutSettingsID]=\"'inbox.state'\">\n  <!-- list -->\n  <ng-template yvcSplitArea [size]=\"30\">\n    <eo-list-container #eoList [applySelection]=\"{out: processSelectionId}\">\n      <div class=\"eo-header\">\n        <eo-icon class=\"eo-header-icon\" [iconSrc]=\"'assets/_default/svg/ic_bpm.svg'\"></eo-icon>\n        <div class=\"eo-header-info\">\n          <div class=\"eo-header-title\" translate>eo.state.process</div>\n        </div>\n        <div class=\"eo-header-actions\">\n          <eo-icon class=\"button refresh-button\" [iconSrc]=\"'assets/_default/svg/ic_refresh.svg'\"\n                   (click)=\"refreshList()\"\n                   [iconTitle]=\"('eo.list.refresh' | translate)\"></eo-icon>\n\n          <eo-overlay #oFilter [iconSrc]=\"'assets/_default/svg/ic_filter.svg'\"\n                      class=\"overlay-filter\"\n                      [iconTitle]=\"'eo.list.filter' | translate\">\n            <eo-custom-filter #cFilter (change)=\"cFilter.updateGrid(eoList.eoGridSubject, $event)\"\n                              (active)=\"oFilter.onActiveChanged($event)\">\n              <div class=\"filter-title\" translate>eo.filter.by</div>\n              <form [formGroup]=\"filterForm\" *ngIf='filterForm'>\n                <eo-form-input [label]=\"('eo.state.process.filter.labels.model' | translate)\" *ngIf=\"processModelsListObject.entries.length\">\n                  <eo-dynamic-list formControlName=\"modelFCN\" [pickerTitle]=\"'Models'\" [listObject]=\"processModelsListObject\"></eo-dynamic-list>\n                </eo-form-input>\n                <eo-form-input [label]=\"('eo.state.process.filter.labels.running' | translate)\">\n                  <eo-checkbox formControlName=\"runningFCN\" [tristate]=\"false\"></eo-checkbox>\n                </eo-form-input>\n                <eo-form-input [label]=\"('eo.state.process.filter.labels.paused' | translate)\">\n                  <eo-checkbox formControlName=\"pausedFCN\" [tristate]=\"false\"></eo-checkbox>\n                </eo-form-input>\n                <eo-form-input [label]=\"('eo.state.process.filter.labels.created' | translate)\">\n                  <eo-checkbox formControlName=\"createdFCN\" [tristate]=\"false\"></eo-checkbox>\n                </eo-form-input>\n                <eo-form-input [label]=\"('eo.state.process.filter.labels.canceled' | translate)\">\n                  <eo-checkbox formControlName=\"canceledFCN\" [tristate]=\"false\"></eo-checkbox>\n                </eo-form-input>\n                <eo-form-input [label]=\"('eo.state.process.filter.labels.failed' | translate)\">\n                  <eo-checkbox formControlName=\"failedFCN\" [tristate]=\"false\"></eo-checkbox>\n                </eo-form-input>\n                <eo-form-input [label]=\"('eo.state.process.filter.labels.completed' | translate)\">\n                  <eo-checkbox formControlName=\"completedFCN\" [tristate]=\"false\"></eo-checkbox>\n                </eo-form-input>\n                <eo-form-input [label]=\"('eo.state.process.filter.labels.starttime' | translate)\">\n                  <eo-datetime-range formControlName=\"startTimeFCN\" [withTime]=\"false\"></eo-datetime-range>\n                </eo-form-input>\n              </form>\n              <button class=\"reset-filter\" (click)=\"resetFilters()\" *ngIf=\"hasChanged(defaultFilterFormValue, filterForm?.value)\">Reset filter</button>\n            </eo-custom-filter>\n          </eo-overlay>\n\n          <eo-overlay #oSort\n                      class=\"overlay-sort\"\n                      [iconSrc]=\"'assets/_default/svg/ic_sort.svg'\"\n                      [iconTitle]=\"'eo.list.sort' | translate\"\n                      [active]=\"hasChanged(defaultSortParams, sortParams)\">\n            <eo-custom-sort #cSort [id]=\"'process.sort'\" (change)=\"cSort.updateGrid(eoList.eoGrid, $event)\"\n                            (active)=\"oSort.onActiveChanged($event)\" [sortFields]=\"sortFields\"></eo-custom-sort>\n          </eo-overlay>\n\n        </div>\n      </div>\n      <div class=\"eo-body\">\n        <eo-grid #eoGrid\n                 *ngIf=\"gridOptions\"\n                 [gridOptions]=\"gridOptions\"\n                 [fullWidth]=\"true\"\n                 [showHeader]=\"true\"\n                 [showFooter]=\"true\"\n                 [selectFirst]=\"true\"\n                 (eoGridCountChanged)=\"eoList.onCountChanged($event)\"\n                 (eoGridSelectionChanged)=\"eoList.onSelectionChanged($event)\"\n                 (eoGridFocusChanged)=\"eoList.onFocusChanged($event)\">\n          <div class=\"header\">\n          </div>\n\n          <div class=\"footer\">\n            <eo-total-count [gridCount]=\"eoList.gridCount\" [outsideGrid]=\"false\" class=\"flex-row\"></eo-total-count>\n            <eo-pagination [settings]=\"settings\" (pageChanged)=\"onPageChanged($event)\"></eo-pagination>\n          </div>\n\n          <div class=\"empty\">\n            <eo-error-message [emptyState]=\"{icon: 'ic_bpm.svg', text: oFilter.active ? 'eo.no.filter.result' : 'eo.process.list.empty'}\"></eo-error-message>\n            <eo-reset-filter [isFilterActive]=\"oFilter.active\" (click)=\"resetFilters()\"></eo-reset-filter>\n          </div>\n        </eo-grid>\n      </div>\n    </eo-list-container>\n  </ng-template>\n\n  <!-- process details -->\n  <ng-template yvcSplitArea [size]=\"30\">\n    <eo-process-details [applySelection]=\"{in: processSelectionId}\" [emptyState]=\"emptyState1\"\n    [plugins]=\"'process-details-tab.process' | plugins\">\n    </eo-process-details>\n  </ng-template>\n\n  <!-- object details -->\n  <ng-template yvcSplitArea [size]=\"40\">\n    <eo-object-details [applySelection]=\"{}\"\n                           [cacheLayout]=\"'process.state.object-details'\"\n                           [emptyState]=\"emptyState2\"\n                           [plugins]=\"'object-details-tab.process' | plugins\">\n        </eo-object-details>\n  </ng-template>\n</yvc-split-view>\n", styles: [":host{position:absolute;left:var(--app-pane-padding);right:var(--app-pane-padding);top:var(--app-pane-padding);bottom:var(--app-pane-padding);overflow:hidden}:host .error .button{margin:1em}:host yvc-split-view{height:100%}:host::ng-deep .list-item{display:flex;-webkit-box-flex:1;-ms-flex:1;flex:1;flex-direction:row;min-height:0;min-width:0;align-items:center;height:80px}:host::ng-deep .list-item[unselectable]{-webkit-user-select:none;user-select:none}:host::ng-deep .list-item .content{flex:1;padding:16px;display:inline-block;max-width:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host::ng-deep .list-item .content .title{font-weight:700;font-size:13px}:host::ng-deep .list-item .content .description{font-size:12px;color:rgba(var(--color-black-rgb),.54)}:host::ng-deep .list-item .meta{padding:0 8px;display:flex;flex-flow:column;align-items:flex-end}:host::ng-deep .list-item .meta .datelabel{display:flex;flex-flow:column}:host::ng-deep .list-item .meta .date{display:flex;font-size:var(--font-hint);color:var(--text-color-caption);flex-direction:row;border-radius:2px;padding:2px;line-height:1em}:host::ng-deep .list-item .meta .date.end{background-color:rgba(var(--color-success),.3)}:host::ng-deep .list-item .meta .time{padding-left:2px}:host::ng-deep .list-item.notstarted{opacity:.5}:host::ng-deep .list-item.error .content .title,:host::ng-deep .list-item.error .content .description{color:var(--color-error)}:host::ng-deep .list-item.error .meta .datelabel{color:var(--color-error)}\n"] }]
+            args: [{ selector: "eo-process-state", template: "<yvc-split-view [layoutSettingsID]=\"'inbox.state'\">\n  <!-- list -->\n  <ng-template yvcSplitArea [size]=\"30\">\n    <eo-list-container #eoList [applySelection]=\"{out: processSelectionId}\">\n      <div class=\"eo-header\">\n        <eo-icon class=\"eo-header-icon\" [iconSrc]=\"'assets/_default/svg/ic_bpm.svg'\"></eo-icon>\n        <div class=\"eo-header-info\">\n          <div class=\"eo-header-title\" translate>eo.state.process</div>\n        </div>\n        <div class=\"eo-header-actions\">\n          <eo-icon class=\"button refresh-button\" [iconSrc]=\"'assets/_default/svg/ic_refresh.svg'\"\n                   (click)=\"refreshList()\"\n                   [iconTitle]=\"('eo.list.refresh' | translate)\"></eo-icon>\n\n          <eo-overlay #oFilter [iconSrc]=\"'assets/_default/svg/ic_filter.svg'\"\n                      class=\"overlay-filter\"\n                      [iconTitle]=\"'eo.list.filter' | translate\"\n                      [active]=\"hasChanged(defaultFilterFormValue, filterForm?.value)\">\n            <eo-custom-filter #cFilter (change)=\"cFilter.updateGrid(eoList.eoGridSubject, $event)\"\n                              (active)=\"oFilter.onActiveChanged($event)\">\n              <div class=\"filter-title\" translate>eo.filter.by</div>\n              <form [formGroup]=\"filterForm\" *ngIf='filterForm'>\n                <eo-form-input [label]=\"('eo.state.process.filter.labels.model' | translate)\" *ngIf=\"processModelsListObject.entries.length\">\n                  <eo-dynamic-list formControlName=\"modelFCN\" [pickerTitle]=\"'Models'\" [listObject]=\"processModelsListObject\"></eo-dynamic-list>\n                </eo-form-input>\n                <eo-form-input [label]=\"('eo.state.process.filter.labels.running' | translate)\">\n                  <eo-checkbox formControlName=\"runningFCN\" [tristate]=\"false\"></eo-checkbox>\n                </eo-form-input>\n                <eo-form-input [label]=\"('eo.state.process.filter.labels.paused' | translate)\">\n                  <eo-checkbox formControlName=\"pausedFCN\" [tristate]=\"false\"></eo-checkbox>\n                </eo-form-input>\n                <eo-form-input [label]=\"('eo.state.process.filter.labels.created' | translate)\">\n                  <eo-checkbox formControlName=\"createdFCN\" [tristate]=\"false\"></eo-checkbox>\n                </eo-form-input>\n                <eo-form-input [label]=\"('eo.state.process.filter.labels.canceled' | translate)\">\n                  <eo-checkbox formControlName=\"canceledFCN\" [tristate]=\"false\"></eo-checkbox>\n                </eo-form-input>\n                <eo-form-input [label]=\"('eo.state.process.filter.labels.failed' | translate)\">\n                  <eo-checkbox formControlName=\"failedFCN\" [tristate]=\"false\"></eo-checkbox>\n                </eo-form-input>\n                <eo-form-input [label]=\"('eo.state.process.filter.labels.completed' | translate)\">\n                  <eo-checkbox formControlName=\"completedFCN\" [tristate]=\"false\"></eo-checkbox>\n                </eo-form-input>\n                <eo-form-input [label]=\"('eo.state.process.filter.labels.starttime' | translate)\">\n                  <eo-datetime-range formControlName=\"startTimeFCN\" [withTime]=\"false\"></eo-datetime-range>\n                </eo-form-input>\n              </form>\n              <button class=\"reset-filter\" (click)=\"resetFilters()\" *ngIf=\"hasChanged(defaultFilterFormValue, filterForm?.value)\">Reset filter</button>\n            </eo-custom-filter>\n          </eo-overlay>\n\n          <eo-overlay #oSort\n                      class=\"overlay-sort\"\n                      [iconSrc]=\"'assets/_default/svg/ic_sort.svg'\"\n                      [iconTitle]=\"'eo.list.sort' | translate\"\n                      [active]=\"hasChanged(defaultSortParams, sortParams)\">\n            <eo-custom-sort [id]=\"'process.sort'\" (change)=\"sort($event)\"\n                            (active)=\"oSort.onActiveChanged($event)\" [sortFields]=\"sortFields\"></eo-custom-sort>\n          </eo-overlay>\n\n        </div>\n      </div>\n      <div class=\"eo-body\">\n        <eo-grid #eoGrid\n                 *ngIf=\"gridOptions\"\n                 [gridOptions]=\"gridOptions\"\n                 [fullWidth]=\"true\"\n                 [showHeader]=\"true\"\n                 [showFooter]=\"true\"\n                 [selectFirst]=\"true\"\n                 (eoGridCountChanged)=\"eoList.onCountChanged($event)\"\n                 (eoGridSelectionChanged)=\"eoList.onSelectionChanged($event)\"\n                 (eoGridFocusChanged)=\"eoList.onFocusChanged($event)\">\n          <div class=\"header\">\n          </div>\n\n          <div class=\"footer\">\n            <eo-total-count [gridCount]=\"eoList.gridCount\" [outsideGrid]=\"false\" class=\"flex-row\"></eo-total-count>\n            <eo-pagination [settings]=\"settings\" (pageChanged)=\"onPageChanged($event)\"></eo-pagination>\n          </div>\n\n          <div class=\"empty\">\n            <eo-error-message [emptyState]=\"{icon: 'ic_bpm.svg', text: oFilter.active ? 'eo.no.filter.result' : 'eo.process.list.empty'}\"></eo-error-message>\n            <eo-reset-filter [isFilterActive]=\"oFilter.active\" (click)=\"resetFilters()\"></eo-reset-filter>\n          </div>\n        </eo-grid>\n      </div>\n    </eo-list-container>\n  </ng-template>\n\n  <!-- process details -->\n  <ng-template yvcSplitArea [size]=\"30\">\n    <eo-process-details [applySelection]=\"{in: processSelectionId}\" [emptyState]=\"emptyState1\"\n    [plugins]=\"'process-details-tab.process' | plugins\">\n    </eo-process-details>\n  </ng-template>\n\n  <!-- object details -->\n  <ng-template yvcSplitArea [size]=\"40\">\n    <eo-object-details [applySelection]=\"{}\"\n                           [cacheLayout]=\"'process.state.object-details'\"\n                           [emptyState]=\"emptyState2\"\n                           [plugins]=\"'object-details-tab.process' | plugins\">\n        </eo-object-details>\n  </ng-template>\n</yvc-split-view>\n", styles: [":host{position:absolute;left:var(--app-pane-padding);right:var(--app-pane-padding);top:var(--app-pane-padding);bottom:var(--app-pane-padding);overflow:hidden}:host .error .button{margin:1em}:host yvc-split-view{height:100%}:host::ng-deep .list-item{display:flex;-webkit-box-flex:1;-ms-flex:1;flex:1;flex-direction:row;min-height:0;min-width:0;align-items:center;height:80px}:host::ng-deep .list-item[unselectable]{-webkit-user-select:none;user-select:none}:host::ng-deep .list-item .content{flex:1;padding:16px;display:inline-block;max-width:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host::ng-deep .list-item .content .title{font-weight:700;font-size:13px}:host::ng-deep .list-item .content .description{font-size:12px;color:rgba(var(--color-black-rgb),.54)}:host::ng-deep .list-item .meta{padding:0 8px;display:flex;flex-flow:column;align-items:flex-end}:host::ng-deep .list-item .meta .datelabel{display:flex;flex-flow:column}:host::ng-deep .list-item .meta .date{display:flex;font-size:var(--font-hint);color:var(--text-color-caption);flex-direction:row;border-radius:2px;padding:2px;line-height:1em}:host::ng-deep .list-item .meta .date.end{background-color:rgba(var(--color-success),.3)}:host::ng-deep .list-item .meta .time{padding-left:2px}:host::ng-deep .list-item.notstarted{opacity:.5}:host::ng-deep .list-item.error .content .title,:host::ng-deep .list-item.error .content .description{color:var(--color-error)}:host::ng-deep .list-item.error .meta .datelabel{color:var(--color-error)}\n"] }]
         }], ctorParameters: () => [{ type: i1.TranslateService }, { type: i1.BpmService }, { type: SelectionService }, { type: EmptyStateService }, { type: i1.BackendService }, { type: i1$3.UntypedFormBuilder }, { type: PageTitleService }, { type: i1.AppCacheService }, { type: PendingChangesService }], propDecorators: { eoGrid: [{
                 type: ViewChild,
                 args: ["eoGrid"]
@@ -26561,7 +26635,7 @@ let NotificationsStateComponent = class NotificationsStateComponent {
         this.selection.clear();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: NotificationsStateComponent, deps: [{ token: SelectionService }, { token: i1.TranslateService }, { token: i1.SystemService }, { token: PendingChangesService }, { token: EmptyStateService }, { token: i1.BackendService }, { token: i1.EventService }, { token: i1.DmsService }, { token: PageTitleService }, { token: i1.UserService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.2", type: NotificationsStateComponent, selector: "eo-notifications-state", viewQueries: [{ propertyName: "eoGrid", first: true, predicate: ["eoGrid"], descendants: true }], ngImport: i0, template: "<yvc-split-view [layoutSettingsID]=\"'notification.state'\">\n  <ng-template yvcSplitArea [size]=\"25\"><eo-list-container #eoList [applySelection]=\"{}\"\n      [parseDmsParams]=\"parseDmsParams\">\n      <div class=\"eo-header\">\n        <eo-icon class=\"eo-header-icon\" [iconSrc]=\"'assets/_default/svg/ic_inbox.svg'\"></eo-icon>\n        <div class=\"eo-header-info\">\n          <div class=\"eo-header-title\" translate>eo.notifications.list.title</div>\n          <div class=\"header-sub-title\" translate>eo.notifications.list.subtitle</div>\n        </div>\n        <div class=\"eo-header-actions\">\n          <eo-icon class=\"button refresh-button\" [iconSrc]=\"'assets/_default/svg/ic_refresh.svg'\"\n            (click)=\"cFilter.resetFilter();cSort.reset();refreshGrid()\"\n            [iconTitle]=\"('eo.list.refresh' | translate)\"></eo-icon>\n\n          <eo-overlay #oFilter [iconSrc]=\"'assets/_default/svg/ic_filter.svg'\"\n            class=\"overlay-filter\" [iconTitle]=\"'eo.list.filter' | translate\">\n            <eo-custom-filter #cFilter (change)=\"cFilter.updateGrid(eoList.eoGrid, $event)\"\n              (active)=\"oFilter.onActiveChanged($event)\">\n              <eo-text-filter [title]=\"'eo.notifications.filter.title' | translate\" [matchFields]=\"['info']\"\n                [filterParams]=\"textFilterParams\" [id]=\"'notifications.text'\"></eo-text-filter>\n\n              <eo-set-filter [operator]=\"'OR'\" [title]=\"'eo.notifications.filter.section.title' | translate\"\n                [options]=\"objectTypeFilterFields\" [id]=\"'notifications.object.type'\"></eo-set-filter>\n\n              <eo-set-filter [operator]=\"'OR'\" [title]=\"'eo.notifications.filter.section.objecttype' | translate\"\n                [options]=\"typeFilterFields\" [id]=\"'notifications.type'\"></eo-set-filter>\n            </eo-custom-filter>\n          </eo-overlay>\n\n          <eo-overlay #oSort [iconSrc]=\"'assets/_default/svg/ic_sort.svg'\" class=\"overlay-sort\"\n            [iconTitle]=\"'eo.list.sort' | translate\">\n            <eo-custom-sort #cSort [id]=\"'notifications.sort'\" (change)=\"cSort.updateGrid(eoList.eoGrid, $event)\"\n              (active)=\"oSort.onActiveChanged($event)\" [sortFields]=\"sortFields\"></eo-custom-sort>\n          </eo-overlay>\n\n          <eo-icon class=\"button actions-button\" (click)=\"eoList.showActions()\"\n            [iconTitle]=\"'eo.object.actions.title' | translate\" [iconSrc]=\"'assets/_default/svg/ic_more.svg'\"></eo-icon>\n        </div>\n      </div>\n\n      <div class=\"eo-body\">\n        <eo-grid #eoGrid [gridOptions]=\"gridOptions\" *ngIf=\"gridOptions\" [fullWidth]=\"true\" [showHeader]=\"true\"\n          [showFooter]=\"true\" (eoGridCountChanged)=\"eoList.onCountChanged($event)\"\n          (eoGridContextMenuClick)=\"eoList.onContextMenu($event)\"\n          (eoGridSelectionChanged)=\"eoList.onSelectionChanged($event)\"\n          (eoGridDoubleClick)=\"eoList.onDoubleClick($event)\" (eoGridFocusChanged)=\"eoList.onFocusChanged($event)\">\n\n          <div class=\"header\">\n          </div>\n\n          <div class=\"footer\">\n            <eo-total-count [gridCount]=\"eoList.gridCount\" [outsideGrid]=\"false\" class=\"flex-row\"></eo-total-count>\n          </div>\n\n          <div class=\"empty\">\n            <eo-error-message\n              [emptyState]=\"{icon: 'ic_inbox.svg', text: oFilter.active ? 'eo.no.filter.result' : 'eo.notifications.list.empty'}\"></eo-error-message>\n            <eo-reset-filter [isFilterActive]=\"oFilter.active\"\n              (click)=\"cFilter.resetFilter();cSort.reset();refreshGrid()\"></eo-reset-filter>\n          </div>\n\n        </eo-grid>\n      </div>\n    </eo-list-container>\n  </ng-template>\n\n  <ng-template yvcSplitArea [size]=\"75\">\n    <eo-object-details [applySelection]=\"{}\" [parseDmsParams]=\"parseDmsParams\"\n      [cacheLayout]=\"'notification.state.object-details'\" [emptyState]=\"emptyState\" [plugins]=\"'object-details-tab.notifications' | plugins\">\n      <div class=\"error\" *ngIf=\"gridData?.length\">\n        <button class=\"button secondary\" (click)=\"remove()\" translate>eo.notifications.details.item.gone.remove</button>\n        <button class=\"button secondary\" (click)=\"removeSubscriptionAndResubmissions()\"\n          translate>eo.notifications.details.item.gone.remove.subscriptions</button>\n      </div>\n    </eo-object-details>\n  </ng-template>\n\n</yvc-split-view>\n", styles: [":host{position:absolute;left:var(--app-pane-padding);right:var(--app-pane-padding);top:var(--app-pane-padding);bottom:var(--app-pane-padding);overflow:hidden}:host .error .button{margin:1em}:host yvc-split-view{height:100%}:host ::ng-deep .ag-cell .list-item{display:flex;flex:1;flex-direction:row;min-height:0;min-width:0;align-items:center;height:80px}:host ::ng-deep .ag-cell .list-item[unselectable]{-webkit-user-select:none;user-select:none}:host ::ng-deep .ag-cell .list-item .content{flex:1;padding:var(--app-pane-padding);display:inline-block;max-width:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host ::ng-deep .ag-cell .list-item .content .title{font-weight:var(--font-weight-medium);font-size:var(--font-body)}:host ::ng-deep .ag-cell .list-item .content .meta{color:rgba(var(--color-black-rgb),.4)}:host ::ng-deep .ag-cell .list-item .content .meta .description{font-size:var(--font-caption)}:host ::ng-deep .ag-cell .list-item .content .meta .description.date{font-size:var(--font-hint)}\n"], dependencies: [{ kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { 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: OverlayComponent, selector: "eo-overlay", inputs: ["iconSrc", "badge", "iconClass", "active", "iconTitle", "userAvatar"] }, { kind: "component", type: ErrorMessageComponent, selector: "eo-error-message", inputs: ["emptyState"] }, { kind: "component", type: ObjectDetailsComponent, selector: "eo-object-details", inputs: ["plugins", "reference", "searchTerm", "enableCompare", "recyclebinTabs", "enableDiff", "enableSync", "cacheLayout", "emptyState", "params", "params2", "item", "item2", "applySelection", "parseDmsParams"], outputs: ["hasContent"] }, { kind: "component", type: GridComponent, selector: "eo-grid", inputs: ["selectFirst", "selectionLimit", "sizeToFit", "fullWidth", "showHeader", "showFooter", "loaderContent", "options", "gridOptions"], outputs: ["eoGridCountChanged", "eoGridSelectionChanged", "eoGridFocusChanged", "eoGridCellClick", "eoGridDoubleClick", "eoGridContextMenuClick", "eoGridColumnResized"] }, { kind: "component", type: TotalCountComponent, selector: "eo-total-count", inputs: ["eoGrid", "outsideGrid", "gridCount"] }, { kind: "component", type: CustomSortComponent, selector: "eo-custom-sort", inputs: ["eoGrid", "overlay", "id", "sortFields"], outputs: ["change", "active"] }, { kind: "component", type: CustomFilterComponent, selector: "eo-custom-filter", inputs: ["overlay", "eoGrid", "activeFilter", "isFilterActive"], outputs: ["change", "active", "onResetFilters"] }, { kind: "component", type: TextFilterComponent, selector: "eo-text-filter", inputs: ["title", "placeholder", "enableSave", "filterParams", "matchFields"] }, { kind: "component", type: SetFilterComponent, selector: "eo-set-filter", inputs: ["title", "searchLimit", "operator", "options", "filterParams"] }, { kind: "component", type: ResetFilterComponent, selector: "eo-reset-filter", inputs: ["isFilterActive"] }, { kind: "component", type: ListContainerComponent, selector: "eo-list-container", inputs: ["applySelection", "applyVersion", "loading", "tabs", "parseDmsParams"] }, { kind: "component", type: i20.SplitViewComponent, selector: "yvc-split-view", inputs: ["direction", "gutterSize", "restrictMove", "disabled", "gutterDblClickDuration", "layoutSettingsID"], outputs: ["layoutSettingsChange", "dragStart", "dragEnd", "gutterClick", "gutterDblClick"] }, { kind: "directive", type: i20.SplitAreaDirective, selector: "[yvcSplitArea]", inputs: ["size", "order", "minSize", "maxSize", "panelClass", "visible"] }, { kind: "pipe", type: i4.TranslatePipe, name: "translate" }, { kind: "pipe", type: PluginPipe, name: "plugins" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.2", type: NotificationsStateComponent, selector: "eo-notifications-state", viewQueries: [{ propertyName: "eoGrid", first: true, predicate: ["eoGrid"], descendants: true }], ngImport: i0, template: "<yvc-split-view [layoutSettingsID]=\"'notification.state'\">\n  <ng-template yvcSplitArea [size]=\"25\"><eo-list-container #eoList [applySelection]=\"{}\"\n      [parseDmsParams]=\"parseDmsParams\">\n      <div class=\"eo-header\">\n        <eo-icon class=\"eo-header-icon\" [iconSrc]=\"'assets/_default/svg/ic_inbox.svg'\"></eo-icon>\n        <div class=\"eo-header-info\">\n          <div class=\"eo-header-title\" translate>eo.notifications.list.title</div>\n          <div class=\"header-sub-title\" translate>eo.notifications.list.subtitle</div>\n        </div>\n        <div class=\"eo-header-actions\">\n          <eo-icon class=\"button refresh-button\" [iconSrc]=\"'assets/_default/svg/ic_refresh.svg'\"\n            (click)=\"cFilter.resetFilter();cSort.reset();refreshGrid()\"\n            [iconTitle]=\"('eo.list.refresh' | translate)\"></eo-icon>\n\n          <eo-overlay #oFilter [iconSrc]=\"'assets/_default/svg/ic_filter.svg'\"\n            class=\"overlay-filter\" [iconTitle]=\"'eo.list.filter' | translate\">\n            <eo-custom-filter #cFilter (change)=\"cFilter.updateGrid(eoList.eoGrid, $event)\"\n              (active)=\"oFilter.onActiveChanged($event)\">\n              <eo-text-filter [title]=\"'eo.notifications.filter.title' | translate\" [matchFields]=\"['info']\"\n                [filterParams]=\"textFilterParams\" [id]=\"'notifications.text'\"></eo-text-filter>\n\n              <eo-set-filter [operator]=\"'OR'\" [title]=\"'eo.notifications.filter.section.title' | translate\"\n                [options]=\"objectTypeFilterFields\" [id]=\"'notifications.object.type'\"></eo-set-filter>\n\n              <eo-set-filter [operator]=\"'OR'\" [title]=\"'eo.notifications.filter.section.objecttype' | translate\"\n                [options]=\"typeFilterFields\" [id]=\"'notifications.type'\"></eo-set-filter>\n            </eo-custom-filter>\n          </eo-overlay>\n\n          <eo-overlay #oSort [iconSrc]=\"'assets/_default/svg/ic_sort.svg'\" class=\"overlay-sort\"\n            [iconTitle]=\"'eo.list.sort' | translate\">\n            <eo-custom-sort #cSort [id]=\"'notifications.sort'\" (change)=\"cSort.updateGrid(eoList.eoGrid, $event)\"\n              (active)=\"oSort.onActiveChanged($event)\" [sortFields]=\"sortFields\"></eo-custom-sort>\n          </eo-overlay>\n\n          <eo-icon class=\"button actions-button\" (click)=\"eoList.showActions()\"\n            [iconTitle]=\"'eo.object.actions.title' | translate\" [iconSrc]=\"'assets/_default/svg/ic_more.svg'\"></eo-icon>\n        </div>\n      </div>\n\n      <div class=\"eo-body\">\n        <eo-grid #eoGrid [gridOptions]=\"gridOptions\" *ngIf=\"gridOptions\" [fullWidth]=\"true\" [showHeader]=\"true\"\n          [showFooter]=\"true\" (eoGridCountChanged)=\"eoList.onCountChanged($event)\"\n          (eoGridContextMenuClick)=\"eoList.onContextMenu($event)\"\n          (eoGridSelectionChanged)=\"eoList.onSelectionChanged($event)\"\n          (eoGridDoubleClick)=\"eoList.onDoubleClick($event)\" (eoGridFocusChanged)=\"eoList.onFocusChanged($event)\">\n\n          <div class=\"header\">\n          </div>\n\n          <div class=\"footer\">\n            <eo-total-count [gridCount]=\"eoList.gridCount\" [outsideGrid]=\"false\" class=\"flex-row\"></eo-total-count>\n          </div>\n\n          <div class=\"empty\">\n            <eo-error-message\n              [emptyState]=\"{icon: 'ic_inbox.svg', text: oFilter.active ? 'eo.no.filter.result' : 'eo.notifications.list.empty'}\"></eo-error-message>\n            <eo-reset-filter [isFilterActive]=\"oFilter.active\"\n              (click)=\"cFilter.resetFilter();cSort.reset();refreshGrid()\"></eo-reset-filter>\n          </div>\n\n        </eo-grid>\n      </div>\n    </eo-list-container>\n  </ng-template>\n\n  <ng-template yvcSplitArea [size]=\"75\">\n    <eo-object-details [applySelection]=\"{}\" [parseDmsParams]=\"parseDmsParams\"\n      [cacheLayout]=\"'notification.state.object-details'\" [emptyState]=\"emptyState\" [plugins]=\"'object-details-tab.notifications' | plugins\">\n      <div class=\"error\" *ngIf=\"gridData?.length\">\n        <button class=\"button secondary\" (click)=\"remove()\" translate>eo.notifications.details.item.gone.remove</button>\n        <button class=\"button secondary\" (click)=\"removeSubscriptionAndResubmissions()\"\n          translate>eo.notifications.details.item.gone.remove.subscriptions</button>\n      </div>\n    </eo-object-details>\n  </ng-template>\n\n</yvc-split-view>\n", styles: [":host{position:absolute;left:var(--app-pane-padding);right:var(--app-pane-padding);top:var(--app-pane-padding);bottom:var(--app-pane-padding);overflow:hidden}:host .error .button{margin:1em}:host yvc-split-view{height:100%}:host ::ng-deep .ag-cell .list-item{display:flex;flex:1;flex-direction:row;min-height:0;min-width:0;align-items:center;height:80px}:host ::ng-deep .ag-cell .list-item[unselectable]{-webkit-user-select:none;user-select:none}:host ::ng-deep .ag-cell .list-item .content{flex:1;padding:var(--app-pane-padding);display:inline-block;max-width:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host ::ng-deep .ag-cell .list-item .content .title{font-weight:var(--font-weight-medium);font-size:var(--font-body)}:host ::ng-deep .ag-cell .list-item .content .meta{color:rgba(var(--color-black-rgb),.4)}:host ::ng-deep .ag-cell .list-item .content .meta .description{font-size:var(--font-caption)}:host ::ng-deep .ag-cell .list-item .content .meta .description.date{font-size:var(--font-hint)}\n"], dependencies: [{ kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { 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: OverlayComponent, selector: "eo-overlay", inputs: ["iconSrc", "badge", "iconClass", "active", "iconTitle", "userAvatar"] }, { kind: "component", type: ErrorMessageComponent, selector: "eo-error-message", inputs: ["emptyState"] }, { kind: "component", type: ObjectDetailsComponent, selector: "eo-object-details", inputs: ["plugins", "reference", "searchTerm", "enableCompare", "recyclebinTabs", "versionComponentTabs", "enableDiff", "enableSync", "cacheLayout", "emptyState", "params", "params2", "item", "item2", "applySelection", "parseDmsParams"], outputs: ["hasContent"] }, { kind: "component", type: GridComponent, selector: "eo-grid", inputs: ["selectFirst", "selectionLimit", "sizeToFit", "fullWidth", "showHeader", "showFooter", "loaderContent", "options", "gridOptions"], outputs: ["eoGridCountChanged", "eoGridSelectionChanged", "eoGridFocusChanged", "eoGridCellClick", "eoGridDoubleClick", "eoGridContextMenuClick", "eoGridColumnResized"] }, { kind: "component", type: TotalCountComponent, selector: "eo-total-count", inputs: ["eoGrid", "outsideGrid", "gridCount"] }, { kind: "component", type: CustomSortComponent, selector: "eo-custom-sort", inputs: ["eoGrid", "overlay", "id", "sortFields"], outputs: ["change", "active"] }, { kind: "component", type: CustomFilterComponent, selector: "eo-custom-filter", inputs: ["overlay", "eoGrid", "activeFilter", "isFilterActive"], outputs: ["change", "active", "onResetFilters"] }, { kind: "component", type: TextFilterComponent, selector: "eo-text-filter", inputs: ["title", "placeholder", "enableSave", "filterParams", "matchFields"] }, { kind: "component", type: SetFilterComponent, selector: "eo-set-filter", inputs: ["title", "searchLimit", "operator", "options", "filterParams"] }, { kind: "component", type: ResetFilterComponent, selector: "eo-reset-filter", inputs: ["isFilterActive"] }, { kind: "component", type: ListContainerComponent, selector: "eo-list-container", inputs: ["applySelection", "applyVersion", "loading", "tabs", "parseDmsParams"] }, { kind: "component", type: i20.SplitViewComponent, selector: "yvc-split-view", inputs: ["direction", "gutterSize", "restrictMove", "disabled", "gutterDblClickDuration", "layoutSettingsID"], outputs: ["layoutSettingsChange", "dragStart", "dragEnd", "gutterClick", "gutterDblClick"] }, { kind: "directive", type: i20.SplitAreaDirective, selector: "[yvcSplitArea]", inputs: ["size", "order", "minSize", "maxSize", "panelClass", "visible"] }, { kind: "pipe", type: i4.TranslatePipe, name: "translate" }, { kind: "pipe", type: PluginPipe, name: "plugins" }] }); }
 };
 NotificationsStateComponent = __decorate([
     UntilDestroy()
@@ -26677,14 +26751,14 @@ let VersionStateComponent = class VersionStateComponent {
           `;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: VersionStateComponent, deps: [{ token: i2$1.ActivatedRoute }, { token: i1.TranslateService }, { token: PageTitleService }, { token: i1.EventService }, { token: i1.DmsService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.2", type: VersionStateComponent, selector: "eo-version-state", viewQueries: [{ propertyName: "eoGrid", first: true, predicate: ["eoGrid"], descendants: true }], ngImport: i0, template: "<yvc-split-view [layoutSettingsID]=\"'version.state'\">\n  <!-- list of versions -->\n  <ng-template yvcSplitArea [size]=\"30\">\n    <eo-list-container #eoList [applySelection]=\"{}\" [parseDmsParams]=\"parseDmsParams\">\n      <div class=\"eo-header\">\n        <eo-icon class=\"eo-header-icon\" [iconSrc]=\"'assets/_default/svg/ic_format_list_numbered.svg'\"></eo-icon>\n        <div class=\"eo-header-info\">\n          <div class=\"eo-header-title\" translate>eo.versions.list.title</div>\n          <div class=\"eo-header-subtitle\">{{versionItem?.title}}</div>\n        </div>\n        <div class=\"eo-header-actions\">\n          <eo-icon class=\"button primary refresh-button\" [iconSrc]=\"'assets/_default/svg/ic_refresh.svg'\"\n                   (click)=\"cFilter.resetFilter();cSort.reset();refreshGrid()\"\n                   [iconTitle]=\"('eo.list.refresh' | translate)\"></eo-icon>\n\n          <eo-overlay #oFilter [iconSrc]=\"'assets/_default/svg/ic_filter.svg'\" [iconClass]=\"'primary'\" class=\"overlay-filter\"\n                      [iconTitle]=\"'eo.list.filter' | translate\">\n            <eo-custom-filter #cFilter\n                              (change)=\"cFilter.updateGrid(eoList.eoGrid, $event)\"\n                              (active)=\"oFilter.onActiveChanged($event)\">\n              <!--<eo-text-filter [title]=\"'eo.versions.filter.title' | translate\" [matchFields]=\"['title']\"></eo-text-filter>-->\n              <eo-set-filter [operator]=\"'OR'\" [title]=\"'eo.versions.list.users' | translate\"\n                             [options]=\"userFilterFields\" [id]=\"'versions.user'\"></eo-set-filter>\n              <eo-set-filter [operator]=\"'OR'\" [title]=\"'eo.versions.list.types' | translate\"\n                             [options]=\"typeFilterFields\" [id]=\"'versions.type'\"></eo-set-filter>\n            </eo-custom-filter>\n          </eo-overlay>\n\n          <eo-overlay #oSort [iconSrc]=\"'assets/_default/svg/ic_sort.svg'\" [iconClass]=\"'primary'\" class=\"overlay-sort\"\n                      [iconTitle]=\"'eo.list.sort' | translate\">\n            <eo-custom-sort #cSort\n                            (change)=\"cSort.updateGrid(eoList.eoGrid, $event)\"\n                            (active)=\"oSort.onActiveChanged($event)\"\n                            [sortFields]=\"sortFields\" [id]=\"'versions.sort'\"></eo-custom-sort>\n          </eo-overlay>\n\n          <eo-icon class=\"button actions-button\" (click)=\"eoList.showActions()\" [iconTitle]=\"'eo.object.actions.title' | translate\"\n                   [iconSrc]=\"'assets/_default/svg/ic_more.svg'\"></eo-icon>\n        </div>\n      </div>\n      <div class=\"eo-body\">\n        <eo-grid #eoGrid [gridOptions]=\"gridOptions\" *ngIf=\"gridOptions?.rowData\"\n                 [fullWidth]=\"true\"\n                 [showHeader]=\"true\"\n                 [showFooter]=\"true\"\n                 [selectionLimit]=\"2\"\n                 (eoGridCountChanged)=\"eoList.onCountChanged($event)\"\n                 (eoGridSelectionChanged)=\"eoList.onSelectionChanged($event)\"\n                 (eoGridFocusChanged)=\"eoList.onFocusChanged($event)\">\n\n          <div class=\"header\">\n          </div>\n\n          <div class=\"footer\">\n            <eo-total-count [gridCount]=\"eoList.gridCount\" [outsideGrid]=\"false\" class=\"flex-row\"></eo-total-count>\n          </div>\n\n          <div class=\"empty\">\n            <eo-error-message\n              [emptyState]=\"{icon: 'ic_no-file.svg', text: oFilter.active ? 'eo.no.filter.result' : 'eo.versions.list.empty'}\"></eo-error-message>\n            <eo-reset-filter [isFilterActive]=\"oFilter.active\" (click)=\"cFilter.resetFilter();cSort.reset();refreshGrid()\"></eo-reset-filter>\n          </div>\n        </eo-grid>\n      </div>\n    </eo-list-container>\n  </ng-template>\n\n  <!-- version compare/details-->\n  <ng-template yvcSplitArea [size]=\"70\">\n    <eo-object-details [enableCompare]=\"true\" [applySelection]=\"{}\" [parseDmsParams]=\"parseDmsParams\"\n                       [cacheLayout]=\"'version.state--' + typeName + '.object-details'\" [plugins]=\"'object-details-tab.version' | plugins\">\n    </eo-object-details>\n  </ng-template>\n</yvc-split-view>\n", styles: [":host{position:absolute;left:var(--app-pane-padding);right:var(--app-pane-padding);top:var(--app-pane-padding);bottom:var(--app-pane-padding);overflow:hidden}:host .error .button{margin:1em}:host yvc-split-view{height:100%}:host ::ng-deep .ag-cell .list-item{display:flex;flex:1;flex-direction:row;min-height:0;min-width:0;align-items:center;height:80px;--version-icon-width: 28px}:host ::ng-deep .ag-cell .list-item[unselectable]{-webkit-user-select:none;user-select:none}:host ::ng-deep .ag-cell .list-item .content{flex:1;padding:var(--app-pane-padding);display:inline-block;max-width:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host ::ng-deep .ag-cell .list-item .content .title{font-weight:var(--font-weight-bold);font-size:var(--font-body)}:host ::ng-deep .ag-cell .list-item .content .description{font-size:var(--font-caption)}:host ::ng-deep .ag-cell .list-item .content .date{color:rgba(var(--color-black-rgb),.4)}:host ::ng-deep .ag-cell .list-item .meta{padding:0 calc(var(--app-pane-padding) / 2);display:flex;flex-flow:column;align-items:flex-end}:host ::ng-deep .ag-cell .list-item .meta .date{color:rgba(var(--color-black-rgb),.4)}:host ::ng-deep .ag-cell .list-item .icon.circle{display:flex;width:var(--version-icon-width);height:var(--version-icon-width);font-weight:var(--font-weight-bold);font-size:var(--font-caption);justify-content:center;align-items:center;border-radius:50%;-webkit-border-radius:50%;border:3px solid var(--color-primary-4);color:var(--color-primary-4)}:host ::ng-deep .ag-row-selected .ag-cell .list-item .icon.circle{border-color:var(--color-primary);color:var(--color-primary)}\n"], dependencies: [{ kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { 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: OverlayComponent, selector: "eo-overlay", inputs: ["iconSrc", "badge", "iconClass", "active", "iconTitle", "userAvatar"] }, { kind: "component", type: ErrorMessageComponent, selector: "eo-error-message", inputs: ["emptyState"] }, { kind: "component", type: ObjectDetailsComponent, selector: "eo-object-details", inputs: ["plugins", "reference", "searchTerm", "enableCompare", "recyclebinTabs", "enableDiff", "enableSync", "cacheLayout", "emptyState", "params", "params2", "item", "item2", "applySelection", "parseDmsParams"], outputs: ["hasContent"] }, { kind: "component", type: GridComponent, selector: "eo-grid", inputs: ["selectFirst", "selectionLimit", "sizeToFit", "fullWidth", "showHeader", "showFooter", "loaderContent", "options", "gridOptions"], outputs: ["eoGridCountChanged", "eoGridSelectionChanged", "eoGridFocusChanged", "eoGridCellClick", "eoGridDoubleClick", "eoGridContextMenuClick", "eoGridColumnResized"] }, { kind: "component", type: TotalCountComponent, selector: "eo-total-count", inputs: ["eoGrid", "outsideGrid", "gridCount"] }, { kind: "component", type: CustomSortComponent, selector: "eo-custom-sort", inputs: ["eoGrid", "overlay", "id", "sortFields"], outputs: ["change", "active"] }, { kind: "component", type: CustomFilterComponent, selector: "eo-custom-filter", inputs: ["overlay", "eoGrid", "activeFilter", "isFilterActive"], outputs: ["change", "active", "onResetFilters"] }, { kind: "component", type: SetFilterComponent, selector: "eo-set-filter", inputs: ["title", "searchLimit", "operator", "options", "filterParams"] }, { kind: "component", type: ResetFilterComponent, selector: "eo-reset-filter", inputs: ["isFilterActive"] }, { kind: "component", type: ListContainerComponent, selector: "eo-list-container", inputs: ["applySelection", "applyVersion", "loading", "tabs", "parseDmsParams"] }, { kind: "component", type: i20.SplitViewComponent, selector: "yvc-split-view", inputs: ["direction", "gutterSize", "restrictMove", "disabled", "gutterDblClickDuration", "layoutSettingsID"], outputs: ["layoutSettingsChange", "dragStart", "dragEnd", "gutterClick", "gutterDblClick"] }, { kind: "directive", type: i20.SplitAreaDirective, selector: "[yvcSplitArea]", inputs: ["size", "order", "minSize", "maxSize", "panelClass", "visible"] }, { kind: "pipe", type: i4.TranslatePipe, name: "translate" }, { kind: "pipe", type: PluginPipe, name: "plugins" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.2", type: VersionStateComponent, selector: "eo-version-state", viewQueries: [{ propertyName: "eoGrid", first: true, predicate: ["eoGrid"], descendants: true }], ngImport: i0, template: "<yvc-split-view [layoutSettingsID]=\"'version.state'\">\n  <!-- list of versions -->\n  <ng-template yvcSplitArea [size]=\"30\">\n    <eo-list-container #eoList [applySelection]=\"{}\" [parseDmsParams]=\"parseDmsParams\">\n      <div class=\"eo-header\">\n        <eo-icon class=\"eo-header-icon\" [iconSrc]=\"'assets/_default/svg/ic_format_list_numbered.svg'\"></eo-icon>\n        <div class=\"eo-header-info\">\n          <div class=\"eo-header-title\" translate>eo.versions.list.title</div>\n          <div class=\"eo-header-subtitle\">{{versionItem?.title}}</div>\n        </div>\n        <div class=\"eo-header-actions\">\n          <eo-icon class=\"button primary refresh-button\" [iconSrc]=\"'assets/_default/svg/ic_refresh.svg'\"\n                   (click)=\"cFilter.resetFilter();cSort.reset();refreshGrid()\"\n                   [iconTitle]=\"('eo.list.refresh' | translate)\"></eo-icon>\n\n          <eo-overlay #oFilter [iconSrc]=\"'assets/_default/svg/ic_filter.svg'\" [iconClass]=\"'primary'\" class=\"overlay-filter\"\n                      [iconTitle]=\"'eo.list.filter' | translate\">\n            <eo-custom-filter #cFilter\n                              (change)=\"cFilter.updateGrid(eoList.eoGrid, $event)\"\n                              (active)=\"oFilter.onActiveChanged($event)\">\n              <!--<eo-text-filter [title]=\"'eo.versions.filter.title' | translate\" [matchFields]=\"['title']\"></eo-text-filter>-->\n              <eo-set-filter [operator]=\"'OR'\" [title]=\"'eo.versions.list.users' | translate\"\n                             [options]=\"userFilterFields\" [id]=\"'versions.user'\"></eo-set-filter>\n              <eo-set-filter [operator]=\"'OR'\" [title]=\"'eo.versions.list.types' | translate\"\n                             [options]=\"typeFilterFields\" [id]=\"'versions.type'\"></eo-set-filter>\n            </eo-custom-filter>\n          </eo-overlay>\n\n          <eo-overlay #oSort [iconSrc]=\"'assets/_default/svg/ic_sort.svg'\" [iconClass]=\"'primary'\" class=\"overlay-sort\"\n                      [iconTitle]=\"'eo.list.sort' | translate\">\n            <eo-custom-sort #cSort\n                            (change)=\"cSort.updateGrid(eoList.eoGrid, $event)\"\n                            (active)=\"oSort.onActiveChanged($event)\"\n                            [sortFields]=\"sortFields\" [id]=\"'versions.sort'\"></eo-custom-sort>\n          </eo-overlay>\n\n          <eo-icon class=\"button actions-button\" (click)=\"eoList.showActions()\" [iconTitle]=\"'eo.object.actions.title' | translate\"\n                   [iconSrc]=\"'assets/_default/svg/ic_more.svg'\"></eo-icon>\n        </div>\n      </div>\n      <div class=\"eo-body\">\n        <eo-grid #eoGrid [gridOptions]=\"gridOptions\" *ngIf=\"gridOptions?.rowData\"\n                 [fullWidth]=\"true\"\n                 [showHeader]=\"true\"\n                 [showFooter]=\"true\"\n                 [selectionLimit]=\"2\"\n                 (eoGridCountChanged)=\"eoList.onCountChanged($event)\"\n                 (eoGridSelectionChanged)=\"eoList.onSelectionChanged($event)\"\n                 (eoGridFocusChanged)=\"eoList.onFocusChanged($event)\">\n\n          <div class=\"header\">\n          </div>\n\n          <div class=\"footer\">\n            <eo-total-count [gridCount]=\"eoList.gridCount\" [outsideGrid]=\"false\" class=\"flex-row\"></eo-total-count>\n          </div>\n\n          <div class=\"empty\">\n            <eo-error-message\n              [emptyState]=\"{icon: 'ic_no-file.svg', text: oFilter.active ? 'eo.no.filter.result' : 'eo.versions.list.empty'}\"></eo-error-message>\n            <eo-reset-filter [isFilterActive]=\"oFilter.active\" (click)=\"cFilter.resetFilter();cSort.reset();refreshGrid()\"></eo-reset-filter>\n          </div>\n        </eo-grid>\n      </div>\n    </eo-list-container>\n  </ng-template>\n\n  <!-- version compare/details-->\n  <ng-template yvcSplitArea [size]=\"70\">\n    <eo-object-details [enableCompare]=\"true\" [applySelection]=\"{}\" [parseDmsParams]=\"parseDmsParams\" [versionComponentTabs]=\"true\"\n                       [cacheLayout]=\"'version.state--' + typeName + '.object-details'\" [plugins]=\"'object-details-tab.version' | plugins\">\n    </eo-object-details>\n  </ng-template>\n</yvc-split-view>\n", styles: [":host{position:absolute;left:var(--app-pane-padding);right:var(--app-pane-padding);top:var(--app-pane-padding);bottom:var(--app-pane-padding);overflow:hidden}:host .error .button{margin:1em}:host yvc-split-view{height:100%}:host ::ng-deep .ag-cell .list-item{display:flex;flex:1;flex-direction:row;min-height:0;min-width:0;align-items:center;height:80px;--version-icon-width: 28px}:host ::ng-deep .ag-cell .list-item[unselectable]{-webkit-user-select:none;user-select:none}:host ::ng-deep .ag-cell .list-item .content{flex:1;padding:var(--app-pane-padding);display:inline-block;max-width:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host ::ng-deep .ag-cell .list-item .content .title{font-weight:var(--font-weight-bold);font-size:var(--font-body)}:host ::ng-deep .ag-cell .list-item .content .description{font-size:var(--font-caption)}:host ::ng-deep .ag-cell .list-item .content .date{color:rgba(var(--color-black-rgb),.4)}:host ::ng-deep .ag-cell .list-item .meta{padding:0 calc(var(--app-pane-padding) / 2);display:flex;flex-flow:column;align-items:flex-end}:host ::ng-deep .ag-cell .list-item .meta .date{color:rgba(var(--color-black-rgb),.4)}:host ::ng-deep .ag-cell .list-item .icon.circle{display:flex;width:var(--version-icon-width);height:var(--version-icon-width);font-weight:var(--font-weight-bold);font-size:var(--font-caption);justify-content:center;align-items:center;border-radius:50%;-webkit-border-radius:50%;border:3px solid var(--color-primary-4);color:var(--color-primary-4)}:host ::ng-deep .ag-row-selected .ag-cell .list-item .icon.circle{border-color:var(--color-primary);color:var(--color-primary)}\n"], dependencies: [{ kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { 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: OverlayComponent, selector: "eo-overlay", inputs: ["iconSrc", "badge", "iconClass", "active", "iconTitle", "userAvatar"] }, { kind: "component", type: ErrorMessageComponent, selector: "eo-error-message", inputs: ["emptyState"] }, { kind: "component", type: ObjectDetailsComponent, selector: "eo-object-details", inputs: ["plugins", "reference", "searchTerm", "enableCompare", "recyclebinTabs", "versionComponentTabs", "enableDiff", "enableSync", "cacheLayout", "emptyState", "params", "params2", "item", "item2", "applySelection", "parseDmsParams"], outputs: ["hasContent"] }, { kind: "component", type: GridComponent, selector: "eo-grid", inputs: ["selectFirst", "selectionLimit", "sizeToFit", "fullWidth", "showHeader", "showFooter", "loaderContent", "options", "gridOptions"], outputs: ["eoGridCountChanged", "eoGridSelectionChanged", "eoGridFocusChanged", "eoGridCellClick", "eoGridDoubleClick", "eoGridContextMenuClick", "eoGridColumnResized"] }, { kind: "component", type: TotalCountComponent, selector: "eo-total-count", inputs: ["eoGrid", "outsideGrid", "gridCount"] }, { kind: "component", type: CustomSortComponent, selector: "eo-custom-sort", inputs: ["eoGrid", "overlay", "id", "sortFields"], outputs: ["change", "active"] }, { kind: "component", type: CustomFilterComponent, selector: "eo-custom-filter", inputs: ["overlay", "eoGrid", "activeFilter", "isFilterActive"], outputs: ["change", "active", "onResetFilters"] }, { kind: "component", type: SetFilterComponent, selector: "eo-set-filter", inputs: ["title", "searchLimit", "operator", "options", "filterParams"] }, { kind: "component", type: ResetFilterComponent, selector: "eo-reset-filter", inputs: ["isFilterActive"] }, { kind: "component", type: ListContainerComponent, selector: "eo-list-container", inputs: ["applySelection", "applyVersion", "loading", "tabs", "parseDmsParams"] }, { kind: "component", type: i20.SplitViewComponent, selector: "yvc-split-view", inputs: ["direction", "gutterSize", "restrictMove", "disabled", "gutterDblClickDuration", "layoutSettingsID"], outputs: ["layoutSettingsChange", "dragStart", "dragEnd", "gutterClick", "gutterDblClick"] }, { kind: "directive", type: i20.SplitAreaDirective, selector: "[yvcSplitArea]", inputs: ["size", "order", "minSize", "maxSize", "panelClass", "visible"] }, { kind: "pipe", type: i4.TranslatePipe, name: "translate" }, { kind: "pipe", type: PluginPipe, name: "plugins" }] }); }
 };
 VersionStateComponent = __decorate([
     UntilDestroy()
 ], VersionStateComponent);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: VersionStateComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'eo-version-state', template: "<yvc-split-view [layoutSettingsID]=\"'version.state'\">\n  <!-- list of versions -->\n  <ng-template yvcSplitArea [size]=\"30\">\n    <eo-list-container #eoList [applySelection]=\"{}\" [parseDmsParams]=\"parseDmsParams\">\n      <div class=\"eo-header\">\n        <eo-icon class=\"eo-header-icon\" [iconSrc]=\"'assets/_default/svg/ic_format_list_numbered.svg'\"></eo-icon>\n        <div class=\"eo-header-info\">\n          <div class=\"eo-header-title\" translate>eo.versions.list.title</div>\n          <div class=\"eo-header-subtitle\">{{versionItem?.title}}</div>\n        </div>\n        <div class=\"eo-header-actions\">\n          <eo-icon class=\"button primary refresh-button\" [iconSrc]=\"'assets/_default/svg/ic_refresh.svg'\"\n                   (click)=\"cFilter.resetFilter();cSort.reset();refreshGrid()\"\n                   [iconTitle]=\"('eo.list.refresh' | translate)\"></eo-icon>\n\n          <eo-overlay #oFilter [iconSrc]=\"'assets/_default/svg/ic_filter.svg'\" [iconClass]=\"'primary'\" class=\"overlay-filter\"\n                      [iconTitle]=\"'eo.list.filter' | translate\">\n            <eo-custom-filter #cFilter\n                              (change)=\"cFilter.updateGrid(eoList.eoGrid, $event)\"\n                              (active)=\"oFilter.onActiveChanged($event)\">\n              <!--<eo-text-filter [title]=\"'eo.versions.filter.title' | translate\" [matchFields]=\"['title']\"></eo-text-filter>-->\n              <eo-set-filter [operator]=\"'OR'\" [title]=\"'eo.versions.list.users' | translate\"\n                             [options]=\"userFilterFields\" [id]=\"'versions.user'\"></eo-set-filter>\n              <eo-set-filter [operator]=\"'OR'\" [title]=\"'eo.versions.list.types' | translate\"\n                             [options]=\"typeFilterFields\" [id]=\"'versions.type'\"></eo-set-filter>\n            </eo-custom-filter>\n          </eo-overlay>\n\n          <eo-overlay #oSort [iconSrc]=\"'assets/_default/svg/ic_sort.svg'\" [iconClass]=\"'primary'\" class=\"overlay-sort\"\n                      [iconTitle]=\"'eo.list.sort' | translate\">\n            <eo-custom-sort #cSort\n                            (change)=\"cSort.updateGrid(eoList.eoGrid, $event)\"\n                            (active)=\"oSort.onActiveChanged($event)\"\n                            [sortFields]=\"sortFields\" [id]=\"'versions.sort'\"></eo-custom-sort>\n          </eo-overlay>\n\n          <eo-icon class=\"button actions-button\" (click)=\"eoList.showActions()\" [iconTitle]=\"'eo.object.actions.title' | translate\"\n                   [iconSrc]=\"'assets/_default/svg/ic_more.svg'\"></eo-icon>\n        </div>\n      </div>\n      <div class=\"eo-body\">\n        <eo-grid #eoGrid [gridOptions]=\"gridOptions\" *ngIf=\"gridOptions?.rowData\"\n                 [fullWidth]=\"true\"\n                 [showHeader]=\"true\"\n                 [showFooter]=\"true\"\n                 [selectionLimit]=\"2\"\n                 (eoGridCountChanged)=\"eoList.onCountChanged($event)\"\n                 (eoGridSelectionChanged)=\"eoList.onSelectionChanged($event)\"\n                 (eoGridFocusChanged)=\"eoList.onFocusChanged($event)\">\n\n          <div class=\"header\">\n          </div>\n\n          <div class=\"footer\">\n            <eo-total-count [gridCount]=\"eoList.gridCount\" [outsideGrid]=\"false\" class=\"flex-row\"></eo-total-count>\n          </div>\n\n          <div class=\"empty\">\n            <eo-error-message\n              [emptyState]=\"{icon: 'ic_no-file.svg', text: oFilter.active ? 'eo.no.filter.result' : 'eo.versions.list.empty'}\"></eo-error-message>\n            <eo-reset-filter [isFilterActive]=\"oFilter.active\" (click)=\"cFilter.resetFilter();cSort.reset();refreshGrid()\"></eo-reset-filter>\n          </div>\n        </eo-grid>\n      </div>\n    </eo-list-container>\n  </ng-template>\n\n  <!-- version compare/details-->\n  <ng-template yvcSplitArea [size]=\"70\">\n    <eo-object-details [enableCompare]=\"true\" [applySelection]=\"{}\" [parseDmsParams]=\"parseDmsParams\"\n                       [cacheLayout]=\"'version.state--' + typeName + '.object-details'\" [plugins]=\"'object-details-tab.version' | plugins\">\n    </eo-object-details>\n  </ng-template>\n</yvc-split-view>\n", styles: [":host{position:absolute;left:var(--app-pane-padding);right:var(--app-pane-padding);top:var(--app-pane-padding);bottom:var(--app-pane-padding);overflow:hidden}:host .error .button{margin:1em}:host yvc-split-view{height:100%}:host ::ng-deep .ag-cell .list-item{display:flex;flex:1;flex-direction:row;min-height:0;min-width:0;align-items:center;height:80px;--version-icon-width: 28px}:host ::ng-deep .ag-cell .list-item[unselectable]{-webkit-user-select:none;user-select:none}:host ::ng-deep .ag-cell .list-item .content{flex:1;padding:var(--app-pane-padding);display:inline-block;max-width:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host ::ng-deep .ag-cell .list-item .content .title{font-weight:var(--font-weight-bold);font-size:var(--font-body)}:host ::ng-deep .ag-cell .list-item .content .description{font-size:var(--font-caption)}:host ::ng-deep .ag-cell .list-item .content .date{color:rgba(var(--color-black-rgb),.4)}:host ::ng-deep .ag-cell .list-item .meta{padding:0 calc(var(--app-pane-padding) / 2);display:flex;flex-flow:column;align-items:flex-end}:host ::ng-deep .ag-cell .list-item .meta .date{color:rgba(var(--color-black-rgb),.4)}:host ::ng-deep .ag-cell .list-item .icon.circle{display:flex;width:var(--version-icon-width);height:var(--version-icon-width);font-weight:var(--font-weight-bold);font-size:var(--font-caption);justify-content:center;align-items:center;border-radius:50%;-webkit-border-radius:50%;border:3px solid var(--color-primary-4);color:var(--color-primary-4)}:host ::ng-deep .ag-row-selected .ag-cell .list-item .icon.circle{border-color:var(--color-primary);color:var(--color-primary)}\n"] }]
+            args: [{ selector: 'eo-version-state', template: "<yvc-split-view [layoutSettingsID]=\"'version.state'\">\n  <!-- list of versions -->\n  <ng-template yvcSplitArea [size]=\"30\">\n    <eo-list-container #eoList [applySelection]=\"{}\" [parseDmsParams]=\"parseDmsParams\">\n      <div class=\"eo-header\">\n        <eo-icon class=\"eo-header-icon\" [iconSrc]=\"'assets/_default/svg/ic_format_list_numbered.svg'\"></eo-icon>\n        <div class=\"eo-header-info\">\n          <div class=\"eo-header-title\" translate>eo.versions.list.title</div>\n          <div class=\"eo-header-subtitle\">{{versionItem?.title}}</div>\n        </div>\n        <div class=\"eo-header-actions\">\n          <eo-icon class=\"button primary refresh-button\" [iconSrc]=\"'assets/_default/svg/ic_refresh.svg'\"\n                   (click)=\"cFilter.resetFilter();cSort.reset();refreshGrid()\"\n                   [iconTitle]=\"('eo.list.refresh' | translate)\"></eo-icon>\n\n          <eo-overlay #oFilter [iconSrc]=\"'assets/_default/svg/ic_filter.svg'\" [iconClass]=\"'primary'\" class=\"overlay-filter\"\n                      [iconTitle]=\"'eo.list.filter' | translate\">\n            <eo-custom-filter #cFilter\n                              (change)=\"cFilter.updateGrid(eoList.eoGrid, $event)\"\n                              (active)=\"oFilter.onActiveChanged($event)\">\n              <!--<eo-text-filter [title]=\"'eo.versions.filter.title' | translate\" [matchFields]=\"['title']\"></eo-text-filter>-->\n              <eo-set-filter [operator]=\"'OR'\" [title]=\"'eo.versions.list.users' | translate\"\n                             [options]=\"userFilterFields\" [id]=\"'versions.user'\"></eo-set-filter>\n              <eo-set-filter [operator]=\"'OR'\" [title]=\"'eo.versions.list.types' | translate\"\n                             [options]=\"typeFilterFields\" [id]=\"'versions.type'\"></eo-set-filter>\n            </eo-custom-filter>\n          </eo-overlay>\n\n          <eo-overlay #oSort [iconSrc]=\"'assets/_default/svg/ic_sort.svg'\" [iconClass]=\"'primary'\" class=\"overlay-sort\"\n                      [iconTitle]=\"'eo.list.sort' | translate\">\n            <eo-custom-sort #cSort\n                            (change)=\"cSort.updateGrid(eoList.eoGrid, $event)\"\n                            (active)=\"oSort.onActiveChanged($event)\"\n                            [sortFields]=\"sortFields\" [id]=\"'versions.sort'\"></eo-custom-sort>\n          </eo-overlay>\n\n          <eo-icon class=\"button actions-button\" (click)=\"eoList.showActions()\" [iconTitle]=\"'eo.object.actions.title' | translate\"\n                   [iconSrc]=\"'assets/_default/svg/ic_more.svg'\"></eo-icon>\n        </div>\n      </div>\n      <div class=\"eo-body\">\n        <eo-grid #eoGrid [gridOptions]=\"gridOptions\" *ngIf=\"gridOptions?.rowData\"\n                 [fullWidth]=\"true\"\n                 [showHeader]=\"true\"\n                 [showFooter]=\"true\"\n                 [selectionLimit]=\"2\"\n                 (eoGridCountChanged)=\"eoList.onCountChanged($event)\"\n                 (eoGridSelectionChanged)=\"eoList.onSelectionChanged($event)\"\n                 (eoGridFocusChanged)=\"eoList.onFocusChanged($event)\">\n\n          <div class=\"header\">\n          </div>\n\n          <div class=\"footer\">\n            <eo-total-count [gridCount]=\"eoList.gridCount\" [outsideGrid]=\"false\" class=\"flex-row\"></eo-total-count>\n          </div>\n\n          <div class=\"empty\">\n            <eo-error-message\n              [emptyState]=\"{icon: 'ic_no-file.svg', text: oFilter.active ? 'eo.no.filter.result' : 'eo.versions.list.empty'}\"></eo-error-message>\n            <eo-reset-filter [isFilterActive]=\"oFilter.active\" (click)=\"cFilter.resetFilter();cSort.reset();refreshGrid()\"></eo-reset-filter>\n          </div>\n        </eo-grid>\n      </div>\n    </eo-list-container>\n  </ng-template>\n\n  <!-- version compare/details-->\n  <ng-template yvcSplitArea [size]=\"70\">\n    <eo-object-details [enableCompare]=\"true\" [applySelection]=\"{}\" [parseDmsParams]=\"parseDmsParams\" [versionComponentTabs]=\"true\"\n                       [cacheLayout]=\"'version.state--' + typeName + '.object-details'\" [plugins]=\"'object-details-tab.version' | plugins\">\n    </eo-object-details>\n  </ng-template>\n</yvc-split-view>\n", styles: [":host{position:absolute;left:var(--app-pane-padding);right:var(--app-pane-padding);top:var(--app-pane-padding);bottom:var(--app-pane-padding);overflow:hidden}:host .error .button{margin:1em}:host yvc-split-view{height:100%}:host ::ng-deep .ag-cell .list-item{display:flex;flex:1;flex-direction:row;min-height:0;min-width:0;align-items:center;height:80px;--version-icon-width: 28px}:host ::ng-deep .ag-cell .list-item[unselectable]{-webkit-user-select:none;user-select:none}:host ::ng-deep .ag-cell .list-item .content{flex:1;padding:var(--app-pane-padding);display:inline-block;max-width:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host ::ng-deep .ag-cell .list-item .content .title{font-weight:var(--font-weight-bold);font-size:var(--font-body)}:host ::ng-deep .ag-cell .list-item .content .description{font-size:var(--font-caption)}:host ::ng-deep .ag-cell .list-item .content .date{color:rgba(var(--color-black-rgb),.4)}:host ::ng-deep .ag-cell .list-item .meta{padding:0 calc(var(--app-pane-padding) / 2);display:flex;flex-flow:column;align-items:flex-end}:host ::ng-deep .ag-cell .list-item .meta .date{color:rgba(var(--color-black-rgb),.4)}:host ::ng-deep .ag-cell .list-item .icon.circle{display:flex;width:var(--version-icon-width);height:var(--version-icon-width);font-weight:var(--font-weight-bold);font-size:var(--font-caption);justify-content:center;align-items:center;border-radius:50%;-webkit-border-radius:50%;border:3px solid var(--color-primary-4);color:var(--color-primary-4)}:host ::ng-deep .ag-row-selected .ag-cell .list-item .icon.circle{border-color:var(--color-primary);color:var(--color-primary)}\n"] }]
         }], ctorParameters: () => [{ type: i2$1.ActivatedRoute }, { type: i1.TranslateService }, { type: PageTitleService }, { type: i1.EventService }, { type: i1.DmsService }], propDecorators: { eoGrid: [{
                 type: ViewChild,
                 args: ['eoGrid']
@@ -26798,14 +26872,14 @@ let RecyclebinStateComponent = class RecyclebinStateComponent {
         this.selection.clear();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: RecyclebinStateComponent, deps: [{ token: SelectionService }, { token: i4.TranslateService }, { token: i1.SystemService }, { token: EmptyStateService }, { token: PendingChangesService }, { token: i1.EventService }, { token: PageTitleService }, { token: i1.UserService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.2", type: RecyclebinStateComponent, selector: "eo-recyclebin-state", viewQueries: [{ propertyName: "eoGrid", first: true, predicate: ["eoGrid"], descendants: true }], ngImport: i0, template: "<yvc-split-view [layoutSettingsID]=\"'recyclebin.state'\">\n  <ng-template yvcSplitArea [size]=\"25\">\n    <eo-list-container #eoList [applySelection]=\"{}\" [parseDmsParams]=\"parseDmsParams\">\n      <div class=\"eo-header\">\n        <eo-icon class=\"eo-header-icon\" [iconSrc]=\"'assets/_default/svg/ic_trash.svg'\"></eo-icon>\n        <div class=\"eo-header-info\">\n          <div class=\"eo-header-title\" translate>eo.recyclebin.list.title</div>\n        </div>\n        <div class=\"eo-header-actions\">\n          <eo-icon class=\"button refresh-button\" [iconSrc]=\"'assets/_default/svg/ic_refresh.svg'\"\n            (click)=\"cFilter.resetFilter();cSort.reset();refreshGrid()\"\n            [iconTitle]=\"('eo.list.refresh' | translate)\"></eo-icon>\n\n          <eo-overlay #oFilter class=\"overlay-filter\" [iconSrc]=\"'assets/_default/svg/ic_filter.svg'\" [iconTitle]=\"'eo.list.sort'  | translate\">\n            <eo-custom-filter #cFilter (change)=\"cFilter.updateGrid(eoList.eoGridSubject, $event)\"\n              (active)=\"oFilter.onActiveChanged($event)\">\n              <eo-text-filter [title]=\"'eo.recyclebin.filter.title' | translate\" [id]=\"'recyclebin.text'\"\n                [matchFields]=\"['title','description']\" [filterParams]=\"textFilterParams\">\n              </eo-text-filter>\n\n            </eo-custom-filter>\n          </eo-overlay>\n\n          <eo-overlay #oSort class=\"overlay-sort\" [iconSrc]=\"'assets/_default/svg/ic_sort.svg'\" [iconTitle]=\"'eo.list.sort' | translate\">\n            <eo-custom-sort #cSort [id]=\"'recyclebin.sort'\" (change)=\"cSort.updateGrid(eoList.eoGrid, $event)\"\n              (active)=\"oSort.onActiveChanged($event)\" [sortFields]=\"sortFields\"></eo-custom-sort>\n          </eo-overlay>\n\n        </div>\n      </div>\n      <div class=\"eo-body\">\n        <eo-grid #eoGrid *ngIf=\"gridOptions?.rowData\" [gridOptions]=\"gridOptions\" [fullWidth]=\"true\"\n          [showHeader]=\"true\" [showFooter]=\"true\" [selectFirst]=\"true\"\n          [selectionLimit]=\"1\"\n          (eoGridCountChanged)=\"eoList.onCountChanged($event)\"\n          (eoGridSelectionChanged)=\"eoList.onSelectionChanged($event)\"\n          (eoGridFocusChanged)=\"eoList.onFocusChanged($event)\"\n          >\n\n          <div class=\"header\">\n          </div>\n\n          <div class=\"footer\">\n            <eo-total-count [gridCount]=\"eoList.gridCount\" [outsideGrid]=\"false\" class=\"flex-row\"></eo-total-count>\n          </div>\n\n          <div class=\"empty\">\n            <eo-error-message\n              [emptyState]=\"{icon: 'ic_trash.svg', text: oFilter.active ? 'eo.no.filter.result' : 'eo.recyclebin.list.empty'}\"></eo-error-message>\n            <eo-reset-filter [isFilterActive]=\"oFilter.active\"\n              (click)=\"cFilter.resetFilter();cSort.reset();refreshGrid()\"></eo-reset-filter>\n          </div>\n\n        </eo-grid>\n      </div>\n    </eo-list-container>\n  </ng-template>\n\n  <ng-template yvcSplitArea [size]=\"75\">\n    <eo-recyclebin-details [applySelection]=\"{}\" [parseDmsParams]=\"parseDmsParams\" [emptyState]=\"emptyState\"\n        [cacheLayout]=\"'recyclebin.state.details'\" (hasContent)=\"hasContent = $event\" \n        [plugins]=\"'object-details-tab.recyclebin' | plugins\">\n      </eo-recyclebin-details>\n  </ng-template>\n</yvc-split-view>\n", styles: [":host{position:absolute;left:var(--app-pane-padding);right:var(--app-pane-padding);top:var(--app-pane-padding);bottom:var(--app-pane-padding);overflow:hidden}:host .error .button{margin:1em;background-color:#d3d3d3}:host yvc-split-view{height:100%}:host ::ng-deep .ag-cell .list-item{display:flex;flex:1;flex-direction:row;min-height:0;min-width:0;align-items:center;height:80px}:host ::ng-deep .ag-cell .list-item[unselectable]{-webkit-user-select:none;user-select:none}:host ::ng-deep .ag-cell .list-item .content{flex:1;padding:var(--app-pane-padding);display:inline-block;max-width:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host ::ng-deep .ag-cell .list-item .content .title{font-weight:var(--font-weight-medium);font-size:var(--font-body)}:host ::ng-deep .ag-cell .list-item .content .description{font-size:var(--font-caption)}:host ::ng-deep .ag-cell .list-item .content .date{color:rgba(var(--color-black-rgb),.4)}\n"], dependencies: [{ kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { 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: OverlayComponent, selector: "eo-overlay", inputs: ["iconSrc", "badge", "iconClass", "active", "iconTitle", "userAvatar"] }, { kind: "component", type: ErrorMessageComponent, selector: "eo-error-message", inputs: ["emptyState"] }, { kind: "component", type: RecyclebinDetailsComponent, selector: "eo-recyclebin-details", inputs: ["plugins", "cacheLayout", "applySelection", "parseDmsParams", "emptyState", "params", "item"], outputs: ["hasContent"] }, { kind: "component", type: GridComponent, selector: "eo-grid", inputs: ["selectFirst", "selectionLimit", "sizeToFit", "fullWidth", "showHeader", "showFooter", "loaderContent", "options", "gridOptions"], outputs: ["eoGridCountChanged", "eoGridSelectionChanged", "eoGridFocusChanged", "eoGridCellClick", "eoGridDoubleClick", "eoGridContextMenuClick", "eoGridColumnResized"] }, { kind: "component", type: TotalCountComponent, selector: "eo-total-count", inputs: ["eoGrid", "outsideGrid", "gridCount"] }, { kind: "component", type: CustomSortComponent, selector: "eo-custom-sort", inputs: ["eoGrid", "overlay", "id", "sortFields"], outputs: ["change", "active"] }, { kind: "component", type: CustomFilterComponent, selector: "eo-custom-filter", inputs: ["overlay", "eoGrid", "activeFilter", "isFilterActive"], outputs: ["change", "active", "onResetFilters"] }, { kind: "component", type: TextFilterComponent, selector: "eo-text-filter", inputs: ["title", "placeholder", "enableSave", "filterParams", "matchFields"] }, { kind: "component", type: ResetFilterComponent, selector: "eo-reset-filter", inputs: ["isFilterActive"] }, { kind: "component", type: ListContainerComponent, selector: "eo-list-container", inputs: ["applySelection", "applyVersion", "loading", "tabs", "parseDmsParams"] }, { kind: "component", type: i20.SplitViewComponent, selector: "yvc-split-view", inputs: ["direction", "gutterSize", "restrictMove", "disabled", "gutterDblClickDuration", "layoutSettingsID"], outputs: ["layoutSettingsChange", "dragStart", "dragEnd", "gutterClick", "gutterDblClick"] }, { kind: "directive", type: i20.SplitAreaDirective, selector: "[yvcSplitArea]", inputs: ["size", "order", "minSize", "maxSize", "panelClass", "visible"] }, { kind: "pipe", type: i4.TranslatePipe, name: "translate" }, { kind: "pipe", type: PluginPipe, name: "plugins" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.2", type: RecyclebinStateComponent, selector: "eo-recyclebin-state", viewQueries: [{ propertyName: "eoGrid", first: true, predicate: ["eoGrid"], descendants: true }], ngImport: i0, template: "<yvc-split-view [layoutSettingsID]=\"'recyclebin.state'\">\n  <ng-template yvcSplitArea [size]=\"25\">\n    <eo-list-container #eoList [applySelection]=\"{}\" [parseDmsParams]=\"parseDmsParams\">\n      <div class=\"eo-header\">\n        <eo-icon class=\"eo-header-icon\" [iconSrc]=\"'assets/_default/svg/ic_trash.svg'\"></eo-icon>\n        <div class=\"eo-header-info\">\n          <div class=\"eo-header-title\" translate>eo.recyclebin.list.title</div>\n        </div>\n        <div class=\"eo-header-actions\">\n          <eo-icon class=\"button refresh-button\" [iconSrc]=\"'assets/_default/svg/ic_refresh.svg'\"\n            (click)=\"cFilter.resetFilter();cSort.reset();refreshGrid()\"\n            [iconTitle]=\"('eo.list.refresh' | translate)\"></eo-icon>\n\n          <eo-overlay #oFilter class=\"overlay-filter\" [iconSrc]=\"'assets/_default/svg/ic_filter.svg'\" [iconTitle]=\"'eo.recyclebin.filter.title'  | translate\">\n            <eo-custom-filter #cFilter (change)=\"cFilter.updateGrid(eoList.eoGridSubject, $event)\"\n              (active)=\"oFilter.onActiveChanged($event)\">\n              <eo-text-filter [title]=\"'eo.recyclebin.filter.title' | translate\" [id]=\"'recyclebin.text'\"\n                [matchFields]=\"['title','description']\" [filterParams]=\"textFilterParams\">\n              </eo-text-filter>\n\n            </eo-custom-filter>\n          </eo-overlay>\n\n          <eo-overlay #oSort class=\"overlay-sort\" [iconSrc]=\"'assets/_default/svg/ic_sort.svg'\" [iconTitle]=\"'eo.recyclebin.sort.title' | translate\">\n            <eo-custom-sort #cSort [id]=\"'recyclebin.sort'\" (change)=\"cSort.updateGrid(eoList.eoGrid, $event)\"\n              (active)=\"oSort.onActiveChanged($event)\" [sortFields]=\"sortFields\"></eo-custom-sort>\n          </eo-overlay>\n\n        </div>\n      </div>\n      <div class=\"eo-body\">\n        <eo-grid #eoGrid *ngIf=\"gridOptions?.rowData\" [gridOptions]=\"gridOptions\" [fullWidth]=\"true\"\n          [showHeader]=\"true\" [showFooter]=\"true\" [selectFirst]=\"true\"\n          [selectionLimit]=\"1\"\n          (eoGridCountChanged)=\"eoList.onCountChanged($event)\"\n          (eoGridSelectionChanged)=\"eoList.onSelectionChanged($event)\"\n          (eoGridFocusChanged)=\"eoList.onFocusChanged($event)\"\n          >\n\n          <div class=\"header\">\n          </div>\n\n          <div class=\"footer\">\n            <eo-total-count [gridCount]=\"eoList.gridCount\" [outsideGrid]=\"false\" class=\"flex-row\"></eo-total-count>\n          </div>\n\n          <div class=\"empty\">\n            <eo-error-message\n              [emptyState]=\"{icon: 'ic_trash.svg', text: oFilter.active ? 'eo.no.filter.result' : 'eo.recyclebin.list.empty'}\"></eo-error-message>\n            <eo-reset-filter [isFilterActive]=\"oFilter.active\"\n              (click)=\"cFilter.resetFilter();cSort.reset();refreshGrid()\"></eo-reset-filter>\n          </div>\n\n        </eo-grid>\n      </div>\n    </eo-list-container>\n  </ng-template>\n\n  <ng-template yvcSplitArea [size]=\"75\">\n    <eo-recyclebin-details [applySelection]=\"{}\" [parseDmsParams]=\"parseDmsParams\" [emptyState]=\"emptyState\"\n        [cacheLayout]=\"'recyclebin.state.details'\" (hasContent)=\"hasContent = $event\" \n        [plugins]=\"'object-details-tab.recyclebin' | plugins\">\n      </eo-recyclebin-details>\n  </ng-template>\n</yvc-split-view>\n", styles: [":host{position:absolute;left:var(--app-pane-padding);right:var(--app-pane-padding);top:var(--app-pane-padding);bottom:var(--app-pane-padding);overflow:hidden}:host .error .button{margin:1em;background-color:#d3d3d3}:host yvc-split-view{height:100%}:host ::ng-deep .ag-cell .list-item{display:flex;flex:1;flex-direction:row;min-height:0;min-width:0;align-items:center;height:80px}:host ::ng-deep .ag-cell .list-item[unselectable]{-webkit-user-select:none;user-select:none}:host ::ng-deep .ag-cell .list-item .content{flex:1;padding:var(--app-pane-padding);display:inline-block;max-width:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host ::ng-deep .ag-cell .list-item .content .title{font-weight:var(--font-weight-medium);font-size:var(--font-body)}:host ::ng-deep .ag-cell .list-item .content .description{font-size:var(--font-caption)}:host ::ng-deep .ag-cell .list-item .content .date{color:rgba(var(--color-black-rgb),.4)}\n"], dependencies: [{ kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { 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: OverlayComponent, selector: "eo-overlay", inputs: ["iconSrc", "badge", "iconClass", "active", "iconTitle", "userAvatar"] }, { kind: "component", type: ErrorMessageComponent, selector: "eo-error-message", inputs: ["emptyState"] }, { kind: "component", type: RecyclebinDetailsComponent, selector: "eo-recyclebin-details", inputs: ["plugins", "cacheLayout", "applySelection", "parseDmsParams", "emptyState", "params", "item"], outputs: ["hasContent"] }, { kind: "component", type: GridComponent, selector: "eo-grid", inputs: ["selectFirst", "selectionLimit", "sizeToFit", "fullWidth", "showHeader", "showFooter", "loaderContent", "options", "gridOptions"], outputs: ["eoGridCountChanged", "eoGridSelectionChanged", "eoGridFocusChanged", "eoGridCellClick", "eoGridDoubleClick", "eoGridContextMenuClick", "eoGridColumnResized"] }, { kind: "component", type: TotalCountComponent, selector: "eo-total-count", inputs: ["eoGrid", "outsideGrid", "gridCount"] }, { kind: "component", type: CustomSortComponent, selector: "eo-custom-sort", inputs: ["eoGrid", "overlay", "id", "sortFields"], outputs: ["change", "active"] }, { kind: "component", type: CustomFilterComponent, selector: "eo-custom-filter", inputs: ["overlay", "eoGrid", "activeFilter", "isFilterActive"], outputs: ["change", "active", "onResetFilters"] }, { kind: "component", type: TextFilterComponent, selector: "eo-text-filter", inputs: ["title", "placeholder", "enableSave", "filterParams", "matchFields"] }, { kind: "component", type: ResetFilterComponent, selector: "eo-reset-filter", inputs: ["isFilterActive"] }, { kind: "component", type: ListContainerComponent, selector: "eo-list-container", inputs: ["applySelection", "applyVersion", "loading", "tabs", "parseDmsParams"] }, { kind: "component", type: i20.SplitViewComponent, selector: "yvc-split-view", inputs: ["direction", "gutterSize", "restrictMove", "disabled", "gutterDblClickDuration", "layoutSettingsID"], outputs: ["layoutSettingsChange", "dragStart", "dragEnd", "gutterClick", "gutterDblClick"] }, { kind: "directive", type: i20.SplitAreaDirective, selector: "[yvcSplitArea]", inputs: ["size", "order", "minSize", "maxSize", "panelClass", "visible"] }, { kind: "pipe", type: i4.TranslatePipe, name: "translate" }, { kind: "pipe", type: PluginPipe, name: "plugins" }] }); }
 };
 RecyclebinStateComponent = __decorate([
     UntilDestroy()
 ], RecyclebinStateComponent);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: RecyclebinStateComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'eo-recyclebin-state', template: "<yvc-split-view [layoutSettingsID]=\"'recyclebin.state'\">\n  <ng-template yvcSplitArea [size]=\"25\">\n    <eo-list-container #eoList [applySelection]=\"{}\" [parseDmsParams]=\"parseDmsParams\">\n      <div class=\"eo-header\">\n        <eo-icon class=\"eo-header-icon\" [iconSrc]=\"'assets/_default/svg/ic_trash.svg'\"></eo-icon>\n        <div class=\"eo-header-info\">\n          <div class=\"eo-header-title\" translate>eo.recyclebin.list.title</div>\n        </div>\n        <div class=\"eo-header-actions\">\n          <eo-icon class=\"button refresh-button\" [iconSrc]=\"'assets/_default/svg/ic_refresh.svg'\"\n            (click)=\"cFilter.resetFilter();cSort.reset();refreshGrid()\"\n            [iconTitle]=\"('eo.list.refresh' | translate)\"></eo-icon>\n\n          <eo-overlay #oFilter class=\"overlay-filter\" [iconSrc]=\"'assets/_default/svg/ic_filter.svg'\" [iconTitle]=\"'eo.list.sort'  | translate\">\n            <eo-custom-filter #cFilter (change)=\"cFilter.updateGrid(eoList.eoGridSubject, $event)\"\n              (active)=\"oFilter.onActiveChanged($event)\">\n              <eo-text-filter [title]=\"'eo.recyclebin.filter.title' | translate\" [id]=\"'recyclebin.text'\"\n                [matchFields]=\"['title','description']\" [filterParams]=\"textFilterParams\">\n              </eo-text-filter>\n\n            </eo-custom-filter>\n          </eo-overlay>\n\n          <eo-overlay #oSort class=\"overlay-sort\" [iconSrc]=\"'assets/_default/svg/ic_sort.svg'\" [iconTitle]=\"'eo.list.sort' | translate\">\n            <eo-custom-sort #cSort [id]=\"'recyclebin.sort'\" (change)=\"cSort.updateGrid(eoList.eoGrid, $event)\"\n              (active)=\"oSort.onActiveChanged($event)\" [sortFields]=\"sortFields\"></eo-custom-sort>\n          </eo-overlay>\n\n        </div>\n      </div>\n      <div class=\"eo-body\">\n        <eo-grid #eoGrid *ngIf=\"gridOptions?.rowData\" [gridOptions]=\"gridOptions\" [fullWidth]=\"true\"\n          [showHeader]=\"true\" [showFooter]=\"true\" [selectFirst]=\"true\"\n          [selectionLimit]=\"1\"\n          (eoGridCountChanged)=\"eoList.onCountChanged($event)\"\n          (eoGridSelectionChanged)=\"eoList.onSelectionChanged($event)\"\n          (eoGridFocusChanged)=\"eoList.onFocusChanged($event)\"\n          >\n\n          <div class=\"header\">\n          </div>\n\n          <div class=\"footer\">\n            <eo-total-count [gridCount]=\"eoList.gridCount\" [outsideGrid]=\"false\" class=\"flex-row\"></eo-total-count>\n          </div>\n\n          <div class=\"empty\">\n            <eo-error-message\n              [emptyState]=\"{icon: 'ic_trash.svg', text: oFilter.active ? 'eo.no.filter.result' : 'eo.recyclebin.list.empty'}\"></eo-error-message>\n            <eo-reset-filter [isFilterActive]=\"oFilter.active\"\n              (click)=\"cFilter.resetFilter();cSort.reset();refreshGrid()\"></eo-reset-filter>\n          </div>\n\n        </eo-grid>\n      </div>\n    </eo-list-container>\n  </ng-template>\n\n  <ng-template yvcSplitArea [size]=\"75\">\n    <eo-recyclebin-details [applySelection]=\"{}\" [parseDmsParams]=\"parseDmsParams\" [emptyState]=\"emptyState\"\n        [cacheLayout]=\"'recyclebin.state.details'\" (hasContent)=\"hasContent = $event\" \n        [plugins]=\"'object-details-tab.recyclebin' | plugins\">\n      </eo-recyclebin-details>\n  </ng-template>\n</yvc-split-view>\n", styles: [":host{position:absolute;left:var(--app-pane-padding);right:var(--app-pane-padding);top:var(--app-pane-padding);bottom:var(--app-pane-padding);overflow:hidden}:host .error .button{margin:1em;background-color:#d3d3d3}:host yvc-split-view{height:100%}:host ::ng-deep .ag-cell .list-item{display:flex;flex:1;flex-direction:row;min-height:0;min-width:0;align-items:center;height:80px}:host ::ng-deep .ag-cell .list-item[unselectable]{-webkit-user-select:none;user-select:none}:host ::ng-deep .ag-cell .list-item .content{flex:1;padding:var(--app-pane-padding);display:inline-block;max-width:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host ::ng-deep .ag-cell .list-item .content .title{font-weight:var(--font-weight-medium);font-size:var(--font-body)}:host ::ng-deep .ag-cell .list-item .content .description{font-size:var(--font-caption)}:host ::ng-deep .ag-cell .list-item .content .date{color:rgba(var(--color-black-rgb),.4)}\n"] }]
+            args: [{ selector: 'eo-recyclebin-state', template: "<yvc-split-view [layoutSettingsID]=\"'recyclebin.state'\">\n  <ng-template yvcSplitArea [size]=\"25\">\n    <eo-list-container #eoList [applySelection]=\"{}\" [parseDmsParams]=\"parseDmsParams\">\n      <div class=\"eo-header\">\n        <eo-icon class=\"eo-header-icon\" [iconSrc]=\"'assets/_default/svg/ic_trash.svg'\"></eo-icon>\n        <div class=\"eo-header-info\">\n          <div class=\"eo-header-title\" translate>eo.recyclebin.list.title</div>\n        </div>\n        <div class=\"eo-header-actions\">\n          <eo-icon class=\"button refresh-button\" [iconSrc]=\"'assets/_default/svg/ic_refresh.svg'\"\n            (click)=\"cFilter.resetFilter();cSort.reset();refreshGrid()\"\n            [iconTitle]=\"('eo.list.refresh' | translate)\"></eo-icon>\n\n          <eo-overlay #oFilter class=\"overlay-filter\" [iconSrc]=\"'assets/_default/svg/ic_filter.svg'\" [iconTitle]=\"'eo.recyclebin.filter.title'  | translate\">\n            <eo-custom-filter #cFilter (change)=\"cFilter.updateGrid(eoList.eoGridSubject, $event)\"\n              (active)=\"oFilter.onActiveChanged($event)\">\n              <eo-text-filter [title]=\"'eo.recyclebin.filter.title' | translate\" [id]=\"'recyclebin.text'\"\n                [matchFields]=\"['title','description']\" [filterParams]=\"textFilterParams\">\n              </eo-text-filter>\n\n            </eo-custom-filter>\n          </eo-overlay>\n\n          <eo-overlay #oSort class=\"overlay-sort\" [iconSrc]=\"'assets/_default/svg/ic_sort.svg'\" [iconTitle]=\"'eo.recyclebin.sort.title' | translate\">\n            <eo-custom-sort #cSort [id]=\"'recyclebin.sort'\" (change)=\"cSort.updateGrid(eoList.eoGrid, $event)\"\n              (active)=\"oSort.onActiveChanged($event)\" [sortFields]=\"sortFields\"></eo-custom-sort>\n          </eo-overlay>\n\n        </div>\n      </div>\n      <div class=\"eo-body\">\n        <eo-grid #eoGrid *ngIf=\"gridOptions?.rowData\" [gridOptions]=\"gridOptions\" [fullWidth]=\"true\"\n          [showHeader]=\"true\" [showFooter]=\"true\" [selectFirst]=\"true\"\n          [selectionLimit]=\"1\"\n          (eoGridCountChanged)=\"eoList.onCountChanged($event)\"\n          (eoGridSelectionChanged)=\"eoList.onSelectionChanged($event)\"\n          (eoGridFocusChanged)=\"eoList.onFocusChanged($event)\"\n          >\n\n          <div class=\"header\">\n          </div>\n\n          <div class=\"footer\">\n            <eo-total-count [gridCount]=\"eoList.gridCount\" [outsideGrid]=\"false\" class=\"flex-row\"></eo-total-count>\n          </div>\n\n          <div class=\"empty\">\n            <eo-error-message\n              [emptyState]=\"{icon: 'ic_trash.svg', text: oFilter.active ? 'eo.no.filter.result' : 'eo.recyclebin.list.empty'}\"></eo-error-message>\n            <eo-reset-filter [isFilterActive]=\"oFilter.active\"\n              (click)=\"cFilter.resetFilter();cSort.reset();refreshGrid()\"></eo-reset-filter>\n          </div>\n\n        </eo-grid>\n      </div>\n    </eo-list-container>\n  </ng-template>\n\n  <ng-template yvcSplitArea [size]=\"75\">\n    <eo-recyclebin-details [applySelection]=\"{}\" [parseDmsParams]=\"parseDmsParams\" [emptyState]=\"emptyState\"\n        [cacheLayout]=\"'recyclebin.state.details'\" (hasContent)=\"hasContent = $event\" \n        [plugins]=\"'object-details-tab.recyclebin' | plugins\">\n      </eo-recyclebin-details>\n  </ng-template>\n</yvc-split-view>\n", styles: [":host{position:absolute;left:var(--app-pane-padding);right:var(--app-pane-padding);top:var(--app-pane-padding);bottom:var(--app-pane-padding);overflow:hidden}:host .error .button{margin:1em;background-color:#d3d3d3}:host yvc-split-view{height:100%}:host ::ng-deep .ag-cell .list-item{display:flex;flex:1;flex-direction:row;min-height:0;min-width:0;align-items:center;height:80px}:host ::ng-deep .ag-cell .list-item[unselectable]{-webkit-user-select:none;user-select:none}:host ::ng-deep .ag-cell .list-item .content{flex:1;padding:var(--app-pane-padding);display:inline-block;max-width:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host ::ng-deep .ag-cell .list-item .content .title{font-weight:var(--font-weight-medium);font-size:var(--font-body)}:host ::ng-deep .ag-cell .list-item .content .description{font-size:var(--font-caption)}:host ::ng-deep .ag-cell .list-item .content .date{color:rgba(var(--color-black-rgb),.4)}\n"] }]
         }], ctorParameters: () => [{ type: SelectionService }, { type: i4.TranslateService }, { type: i1.SystemService }, { type: EmptyStateService }, { type: PendingChangesService }, { type: i1.EventService }, { type: PageTitleService }, { type: i1.UserService }], propDecorators: { eoGrid: [{
                 type: ViewChild,
                 args: ['eoGrid']
@@ -27049,7 +27123,7 @@ let InboxStateComponent = class InboxStateComponent {
         this.selection.clear();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: InboxStateComponent, deps: [{ token: i1.TranslateService }, { token: SelectionService }, { token: PageTitleService }, { token: i1.InboxService }, { token: PendingChangesService }, { token: EmptyStateService }, { token: i1.EventService }, { token: i2$1.ActivatedRoute }, { token: i1.LocalStorageService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.2", type: InboxStateComponent, selector: "eo-inbox-state", viewQueries: [{ propertyName: "eoGrid", first: true, predicate: ["eoGrid"], descendants: true }], ngImport: i0, template: "<yvc-split-view [layoutSettingsID]=\"'inbox.state'\">\n  <!-- list -->\n  <ng-template yvcSplitArea [size]=\"30\">\n    <eo-list-container #eoList [applySelection]=\"{out: inboxSelectionId}\">\n      <div class=\"eo-header\">\n\n        <eo-icon class=\"eo-header-icon\" [iconSrc]=\"'assets/_default/svg/ic_inbox.svg'\"></eo-icon>\n        <div class=\"eo-header-info\">\n          <div class=\"eo-header-title\" translate>eo.inbox.list.title</div>\n        </div>\n        <div class=\"eo-header-actions\">\n          <eo-icon class=\"button refresh-button\" [ngClass]=\"{inboxChanged: inboxChanged}\"\n            (click)=\"cFilter.resetFilter(); refreshGrid()\" [iconSrc]=\"'assets/_default/svg/ic_refresh.svg'\"\n            [iconTitle]=\"('eo.list.refresh' | translate)\"></eo-icon>\n\n          <eo-overlay #oFilter class=\"overlay-filter\" [iconSrc]=\"'assets/_default/svg/ic_filter.svg'\" [iconTitle]=\"'eo.list.filter' | translate\">\n            <eo-custom-filter #cFilter (change)=\"cFilter.updateGrid(eoList.eoGridSubject, $event)\"\n              (active)=\"oFilter.onActiveChanged($event)\">\n              <eo-text-filter [title]=\"'eo.inbox.filter.title' | translate\" [filterParams]=\"defaultFilterParams\"\n                [id]=\"'inbox.text'\" [matchFields]=\"['title','description','id']\" [enableSave]=\"true\"></eo-text-filter>\n              <eo-set-filter class=\"type-filters\" [operator]=\"'OR'\" [id]=\"'inbox.type'\" [filterParams]=\"defaultFilterParams\" [options]=\"typeFilterFields\"></eo-set-filter>\n              <eo-set-filter class=\"inbox-filters\" [operator]=\"'AND'\" [id]=\"'inbox.set'\" [filterParams]=\"defaultFilterParams\" [options]=\"inboxFilterFields\"></eo-set-filter>\n            </eo-custom-filter>\n          </eo-overlay>\n\n          <eo-overlay #oSort class=\"overlay-sort\" [iconSrc]=\"'assets/_default/svg/ic_sort.svg'\"\n            [iconTitle]=\"'eo.list.sort' | translate\">\n            <eo-custom-sort #cSort [id]=\"'inbox.sort'\" (change)=\"cSort.updateGrid(eoList.eoGrid, $event)\"\n              (active)=\"oSort.onActiveChanged($event)\" [sortFields]=\"sortFields\"></eo-custom-sort>\n          </eo-overlay>\n\n        </div>\n      </div>\n      <div class=\"eo-body\">\n        <eo-grid #eoGrid *ngIf=\"gridOptions?.rowData\" [gridOptions]=\"gridOptions\" [fullWidth]=\"true\" [showHeader]=\"true\"\n          [showFooter]=\"true\" [selectFirst]=\"selectFirst\" [options]=\"{filterActive: oFilter.active}\"\n          (eoGridCountChanged)=\"eoList.onCountChanged($event);onCountChanged($event)\"\n          (eoGridSelectionChanged)=\"eoList.onSelectionChanged($event)\"\n          (eoGridFocusChanged)=\"eoList.onFocusChanged($event)\">\n          <div class=\"header\">\n          </div>\n\n          <div class=\"footer\">\n            <eo-total-count [gridCount]=\"eoList.gridCount\" [outsideGrid]=\"false\" class=\"flex-row\"></eo-total-count>\n          </div>\n\n          <div class=\"empty\">\n            <eo-error-message\n              [emptyState]=\"{icon: 'ic_inbox.svg', text: oFilter.active ? 'eo.no.filter.result' : 'eo.inbox.list.empty'}\"></eo-error-message>\n            <eo-reset-filter [isFilterActive]=\"oFilter.active\"\n              (click)=\"cFilter.resetFilter();cSort.reset();refreshGrid()\"></eo-reset-filter>\n          </div>\n\n        </eo-grid>\n      </div>\n    </eo-list-container>\n  </ng-template>\n  <!-- inbox details -->\n  <ng-template yvcSplitArea [size]=\"30\">\n    <eo-inbox-details [applySelection]=\"{in: inboxSelectionId, out: inboxDmsObjectSelectionId}\"\n      [emptyState]=\"emptyState\" [plugins]=\"'inbox-details-tab.inbox' | plugins\">\n    </eo-inbox-details>\n  </ng-template>\n  <!-- object details -->\n  <ng-template yvcSplitArea [size]=\"40\">\n    <eo-object-details [applySelection]=\"{in: inboxDmsObjectSelectionId}\" [cacheLayout]=\"'inbox.state.object-details'\"\n    [plugins]=\"'object-details-tab.inbox' | plugins\">\n    </eo-object-details>\n  </ng-template>\n</yvc-split-view>", styles: [":host{position:absolute;left:var(--app-pane-padding);right:var(--app-pane-padding);top:var(--app-pane-padding);bottom:var(--app-pane-padding);overflow:hidden}:host yvc-split-view{height:100%}:host .inboxChanged{background:var(--color-success);color:#fff}:host .inboxChanged:hover{background:var(--color-success);color:#fff}:host ::ng-deep .ag-cell .list-item{display:flex;flex:1;flex-direction:row;min-height:0;min-width:0;align-items:center;height:80px}:host ::ng-deep .ag-cell .list-item[unselectable]{-webkit-user-select:none;user-select:none}:host ::ng-deep .ag-cell .list-item .content{flex:1;padding:var(--app-pane-padding);display:inline-block;max-width:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host ::ng-deep .ag-cell .list-item .content .notes>span{border-radius:2px;-webkit-border-radius:2px;background-color:var(--color-primary-4);color:#fff;font-size:var(--font-hint);padding:1px calc(var(--app-pane-padding) / 4) 0 calc(var(--app-pane-padding) / 4)}:host ::ng-deep .ag-cell .list-item .content .notes.pastDue span.period{background-color:var(--color-error)}:host ::ng-deep .ag-cell .list-item .content .title{font-weight:var(--font-weight-normal);font-size:var(--font-body)}:host ::ng-deep .ag-cell .list-item .content .title-bold{font-weight:var(--font-weight-bold);font-size:var(--font-body)}:host ::ng-deep .ag-cell .list-item .content .description{font-size:var(--font-caption);color:var(--text-color-caption)}:host ::ng-deep .ag-cell .list-item.read .title{font-weight:var(--font-weight-normal)}:host ::ng-deep .ag-cell .list-item .meta{padding:0 calc(var(--app-pane-padding) / 2);display:flex;flex-flow:column;align-items:flex-end}:host ::ng-deep .ag-cell .list-item .meta .date{color:rgba(var(--color-black-rgb),.4)}\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: "component", type: GridComponent, selector: "eo-grid", inputs: ["selectFirst", "selectionLimit", "sizeToFit", "fullWidth", "showHeader", "showFooter", "loaderContent", "options", "gridOptions"], outputs: ["eoGridCountChanged", "eoGridSelectionChanged", "eoGridFocusChanged", "eoGridCellClick", "eoGridDoubleClick", "eoGridContextMenuClick", "eoGridColumnResized"] }, { kind: "component", type: TotalCountComponent, selector: "eo-total-count", inputs: ["eoGrid", "outsideGrid", "gridCount"] }, { kind: "component", type: CustomSortComponent, selector: "eo-custom-sort", inputs: ["eoGrid", "overlay", "id", "sortFields"], outputs: ["change", "active"] }, { kind: "component", type: CustomFilterComponent, selector: "eo-custom-filter", inputs: ["overlay", "eoGrid", "activeFilter", "isFilterActive"], outputs: ["change", "active", "onResetFilters"] }, { kind: "component", type: TextFilterComponent, selector: "eo-text-filter", inputs: ["title", "placeholder", "enableSave", "filterParams", "matchFields"] }, { kind: "component", type: SetFilterComponent, selector: "eo-set-filter", inputs: ["title", "searchLimit", "operator", "options", "filterParams"] }, { kind: "component", type: ResetFilterComponent, selector: "eo-reset-filter", inputs: ["isFilterActive"] }, { 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: OverlayComponent, selector: "eo-overlay", inputs: ["iconSrc", "badge", "iconClass", "active", "iconTitle", "userAvatar"] }, { kind: "component", type: ErrorMessageComponent, selector: "eo-error-message", inputs: ["emptyState"] }, { kind: "component", type: ObjectDetailsComponent, selector: "eo-object-details", inputs: ["plugins", "reference", "searchTerm", "enableCompare", "recyclebinTabs", "enableDiff", "enableSync", "cacheLayout", "emptyState", "params", "params2", "item", "item2", "applySelection", "parseDmsParams"], outputs: ["hasContent"] }, { kind: "component", type: InboxDetailsComponent, selector: "eo-inbox-details", inputs: ["plugins", "emptyState", "applySelection", "item"] }, { kind: "component", type: ListContainerComponent, selector: "eo-list-container", inputs: ["applySelection", "applyVersion", "loading", "tabs", "parseDmsParams"] }, { kind: "component", type: i20.SplitViewComponent, selector: "yvc-split-view", inputs: ["direction", "gutterSize", "restrictMove", "disabled", "gutterDblClickDuration", "layoutSettingsID"], outputs: ["layoutSettingsChange", "dragStart", "dragEnd", "gutterClick", "gutterDblClick"] }, { kind: "directive", type: i20.SplitAreaDirective, selector: "[yvcSplitArea]", inputs: ["size", "order", "minSize", "maxSize", "panelClass", "visible"] }, { kind: "pipe", type: i4.TranslatePipe, name: "translate" }, { kind: "pipe", type: PluginPipe, name: "plugins" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.2", type: InboxStateComponent, selector: "eo-inbox-state", viewQueries: [{ propertyName: "eoGrid", first: true, predicate: ["eoGrid"], descendants: true }], ngImport: i0, template: "<yvc-split-view [layoutSettingsID]=\"'inbox.state'\">\n  <!-- list -->\n  <ng-template yvcSplitArea [size]=\"30\">\n    <eo-list-container #eoList [applySelection]=\"{out: inboxSelectionId}\">\n      <div class=\"eo-header\">\n\n        <eo-icon class=\"eo-header-icon\" [iconSrc]=\"'assets/_default/svg/ic_inbox.svg'\"></eo-icon>\n        <div class=\"eo-header-info\">\n          <div class=\"eo-header-title\" translate>eo.inbox.list.title</div>\n        </div>\n        <div class=\"eo-header-actions\">\n          <eo-icon class=\"button refresh-button\" [ngClass]=\"{inboxChanged: inboxChanged}\"\n            (click)=\"cFilter.resetFilter(); refreshGrid()\" [iconSrc]=\"'assets/_default/svg/ic_refresh.svg'\"\n            [iconTitle]=\"('eo.list.refresh' | translate)\"></eo-icon>\n\n          <eo-overlay #oFilter class=\"overlay-filter\" [iconSrc]=\"'assets/_default/svg/ic_filter.svg'\" [iconTitle]=\"'eo.list.filter' | translate\">\n            <eo-custom-filter #cFilter (change)=\"cFilter.updateGrid(eoList.eoGridSubject, $event)\"\n              (active)=\"oFilter.onActiveChanged($event)\">\n              <eo-text-filter [title]=\"'eo.inbox.filter.title' | translate\" [filterParams]=\"defaultFilterParams\"\n                [id]=\"'inbox.text'\" [matchFields]=\"['title','description','id']\" [enableSave]=\"true\"></eo-text-filter>\n              <eo-set-filter class=\"type-filters\" [operator]=\"'OR'\" [id]=\"'inbox.type'\" [filterParams]=\"defaultFilterParams\" [options]=\"typeFilterFields\"></eo-set-filter>\n              <eo-set-filter class=\"inbox-filters\" [operator]=\"'AND'\" [id]=\"'inbox.set'\" [filterParams]=\"defaultFilterParams\" [options]=\"inboxFilterFields\"></eo-set-filter>\n            </eo-custom-filter>\n          </eo-overlay>\n\n          <eo-overlay #oSort class=\"overlay-sort\" [iconSrc]=\"'assets/_default/svg/ic_sort.svg'\"\n            [iconTitle]=\"'eo.list.sort' | translate\">\n            <eo-custom-sort #cSort [id]=\"'inbox.sort'\" (change)=\"cSort.updateGrid(eoList.eoGrid, $event)\"\n              (active)=\"oSort.onActiveChanged($event)\" [sortFields]=\"sortFields\"></eo-custom-sort>\n          </eo-overlay>\n\n        </div>\n      </div>\n      <div class=\"eo-body\">\n        <eo-grid #eoGrid *ngIf=\"gridOptions?.rowData\" [gridOptions]=\"gridOptions\" [fullWidth]=\"true\" [showHeader]=\"true\"\n          [showFooter]=\"true\" [selectFirst]=\"selectFirst\" [options]=\"{filterActive: oFilter.active}\"\n          (eoGridCountChanged)=\"eoList.onCountChanged($event);onCountChanged($event)\"\n          (eoGridSelectionChanged)=\"eoList.onSelectionChanged($event)\"\n          (eoGridFocusChanged)=\"eoList.onFocusChanged($event)\">\n          <div class=\"header\">\n          </div>\n\n          <div class=\"footer\">\n            <eo-total-count [gridCount]=\"eoList.gridCount\" [outsideGrid]=\"false\" class=\"flex-row\"></eo-total-count>\n          </div>\n\n          <div class=\"empty\">\n            <eo-error-message\n              [emptyState]=\"{icon: 'ic_inbox.svg', text: oFilter.active ? 'eo.no.filter.result' : 'eo.inbox.list.empty'}\"></eo-error-message>\n            <eo-reset-filter [isFilterActive]=\"oFilter.active\"\n              (click)=\"cFilter.resetFilter();cSort.reset();refreshGrid()\"></eo-reset-filter>\n          </div>\n\n        </eo-grid>\n      </div>\n    </eo-list-container>\n  </ng-template>\n  <!-- inbox details -->\n  <ng-template yvcSplitArea [size]=\"30\">\n    <eo-inbox-details [applySelection]=\"{in: inboxSelectionId, out: inboxDmsObjectSelectionId}\"\n      [emptyState]=\"emptyState\" [plugins]=\"'inbox-details-tab.inbox' | plugins\">\n    </eo-inbox-details>\n  </ng-template>\n  <!-- object details -->\n  <ng-template yvcSplitArea [size]=\"40\">\n    <eo-object-details [applySelection]=\"{in: inboxDmsObjectSelectionId}\" [cacheLayout]=\"'inbox.state.object-details'\"\n    [plugins]=\"'object-details-tab.inbox' | plugins\">\n    </eo-object-details>\n  </ng-template>\n</yvc-split-view>", styles: [":host{position:absolute;left:var(--app-pane-padding);right:var(--app-pane-padding);top:var(--app-pane-padding);bottom:var(--app-pane-padding);overflow:hidden}:host yvc-split-view{height:100%}:host .inboxChanged{background:var(--color-success);color:#fff}:host .inboxChanged:hover{background:var(--color-success);color:#fff}:host ::ng-deep .ag-cell .list-item{display:flex;flex:1;flex-direction:row;min-height:0;min-width:0;align-items:center;height:80px}:host ::ng-deep .ag-cell .list-item[unselectable]{-webkit-user-select:none;user-select:none}:host ::ng-deep .ag-cell .list-item .content{flex:1;padding:var(--app-pane-padding);display:inline-block;max-width:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host ::ng-deep .ag-cell .list-item .content .notes>span{border-radius:2px;-webkit-border-radius:2px;background-color:var(--color-primary-4);color:#fff;font-size:var(--font-hint);padding:1px calc(var(--app-pane-padding) / 4) 0 calc(var(--app-pane-padding) / 4)}:host ::ng-deep .ag-cell .list-item .content .notes.pastDue span.period{background-color:var(--color-error)}:host ::ng-deep .ag-cell .list-item .content .title{font-weight:var(--font-weight-normal);font-size:var(--font-body)}:host ::ng-deep .ag-cell .list-item .content .title-bold{font-weight:var(--font-weight-bold);font-size:var(--font-body)}:host ::ng-deep .ag-cell .list-item .content .description{font-size:var(--font-caption);color:var(--text-color-caption)}:host ::ng-deep .ag-cell .list-item.read .title{font-weight:var(--font-weight-normal)}:host ::ng-deep .ag-cell .list-item .meta{padding:0 calc(var(--app-pane-padding) / 2);display:flex;flex-flow:column;align-items:flex-end}:host ::ng-deep .ag-cell .list-item .meta .date{color:rgba(var(--color-black-rgb),.4)}\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: "component", type: GridComponent, selector: "eo-grid", inputs: ["selectFirst", "selectionLimit", "sizeToFit", "fullWidth", "showHeader", "showFooter", "loaderContent", "options", "gridOptions"], outputs: ["eoGridCountChanged", "eoGridSelectionChanged", "eoGridFocusChanged", "eoGridCellClick", "eoGridDoubleClick", "eoGridContextMenuClick", "eoGridColumnResized"] }, { kind: "component", type: TotalCountComponent, selector: "eo-total-count", inputs: ["eoGrid", "outsideGrid", "gridCount"] }, { kind: "component", type: CustomSortComponent, selector: "eo-custom-sort", inputs: ["eoGrid", "overlay", "id", "sortFields"], outputs: ["change", "active"] }, { kind: "component", type: CustomFilterComponent, selector: "eo-custom-filter", inputs: ["overlay", "eoGrid", "activeFilter", "isFilterActive"], outputs: ["change", "active", "onResetFilters"] }, { kind: "component", type: TextFilterComponent, selector: "eo-text-filter", inputs: ["title", "placeholder", "enableSave", "filterParams", "matchFields"] }, { kind: "component", type: SetFilterComponent, selector: "eo-set-filter", inputs: ["title", "searchLimit", "operator", "options", "filterParams"] }, { kind: "component", type: ResetFilterComponent, selector: "eo-reset-filter", inputs: ["isFilterActive"] }, { 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: OverlayComponent, selector: "eo-overlay", inputs: ["iconSrc", "badge", "iconClass", "active", "iconTitle", "userAvatar"] }, { kind: "component", type: ErrorMessageComponent, selector: "eo-error-message", inputs: ["emptyState"] }, { kind: "component", type: ObjectDetailsComponent, selector: "eo-object-details", inputs: ["plugins", "reference", "searchTerm", "enableCompare", "recyclebinTabs", "versionComponentTabs", "enableDiff", "enableSync", "cacheLayout", "emptyState", "params", "params2", "item", "item2", "applySelection", "parseDmsParams"], outputs: ["hasContent"] }, { kind: "component", type: InboxDetailsComponent, selector: "eo-inbox-details", inputs: ["plugins", "emptyState", "applySelection", "item"] }, { kind: "component", type: ListContainerComponent, selector: "eo-list-container", inputs: ["applySelection", "applyVersion", "loading", "tabs", "parseDmsParams"] }, { kind: "component", type: i20.SplitViewComponent, selector: "yvc-split-view", inputs: ["direction", "gutterSize", "restrictMove", "disabled", "gutterDblClickDuration", "layoutSettingsID"], outputs: ["layoutSettingsChange", "dragStart", "dragEnd", "gutterClick", "gutterDblClick"] }, { kind: "directive", type: i20.SplitAreaDirective, selector: "[yvcSplitArea]", inputs: ["size", "order", "minSize", "maxSize", "panelClass", "visible"] }, { kind: "pipe", type: i4.TranslatePipe, name: "translate" }, { kind: "pipe", type: PluginPipe, name: "plugins" }] }); }
 };
 InboxStateComponent = __decorate([
     UntilDestroy()
@@ -27530,14 +27604,14 @@ let ObjectStateComponent = class ObjectStateComponent {
         this.selection.clear();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: ObjectStateComponent, deps: [{ token: i2$1.ActivatedRoute }, { token: PageTitleService }, { token: i1.SystemService }, { token: i1.DmsService }, { token: SelectionService }, { token: i1.TranslateService }, { token: ObjectStateService }, { token: ActionService }, { token: LocationService }, { token: PendingChangesService }, { token: i1.EventService }, { token: GridService }, { token: LayoutService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.2", type: ObjectStateComponent, selector: "eo-object-state", outputs: { onTermFilterChange: "onTermFilterChange" }, providers: [ObjectStateService], viewQueries: [{ propertyName: "eoGrid", first: true, predicate: ["eoGrid"], descendants: true }], ngImport: i0, template: "<div class=\"file\" [ngClass]=\"{ready: context || context === null}\" *ngIf=\"!error; else errorTmpl\">\n\n  <div class=\"file-head\" *ngIf=\"context && context.isContextFolder\">\n    <div class=\"left\">\n      <eo-icon class=\"type-icon\" [objectType]=\"context.type\"></eo-icon>\n      <div class=\"title\" (click)=\"setupFrontPage()\" (contextmenu)=\"onContextMenuClicked($event)\">\n        <div class=\"label\">{{context.title || '&nbsp;'}}</div>\n        <div class=\"description\">{{context.description || '&nbsp;'}}</div>\n      </div>\n    </div>\n    <div class=\"right\">\n      <div class=\"fold\">\n        <span class=\"created-date\">{{context.created.on | localeDate}}</span>\n        <span class=\"created-title\">{{context.created.by.title}}</span>\n      </div>\n      <div class=\"actions\">\n      </div>\n    </div>\n  </div>\n\n  <div class=\"file-body\">\n    <div class=\"file-body-wrap\">\n\n      <ng-container *ngIf=\"context !== null; else tplDetailsOnly\">\n\n        <yvc-split-view *ngIf=\"cacheLayout\" [layoutSettingsID]=\"cacheLayout\">\n          <ng-template yvcSplitArea [panelClass]=\"'tree'\" [size]=\"20\" [visible]=\"true\">\n            <div class=\"tree-panel-error\" *ngIf=\"loadingState.tree.isError(); else tplTree\" translate>\n              eo.state.object.tree.error</div>\n\n            <ng-template #tplTree>\n\n              <eo-list-container #eoList [loading]=\"!contextTree\" [tabs]=\"false\">\n                <div class=\"eo-header dark\">\n                  <div class=\"eo-header-info\">\n                    <h2 class=\"eo-header-title\" translate>eo.state.object.tree.title</h2>\n                    <form name=\"structureForm\" class=\"tree-filter-form\" [ngClass]=\"{active: !!termFilter}\">\n                      <eo-form-input [skipToggle]=\"true\" [label]=\" 'eo.state.object.tree.filter.label' | translate\">\n                        <input [(ngModel)]=\"termFilter\" maxlength=\"250\" [ngModelOptions]=\"{standalone: true}\"\n                          (ngModelChange)=\"onTermFilterChange.emit($event)\" />\n                      </eo-form-input>\n                    </form>\n                  </div>\n                </div>\n                <div class=\"eo-body tree\">\n                  <eo-tree [tree]=\"contextTree\" [options]=\"{multiselect: false, disableDeselection: true}\"\n                    [@panelLoading]=\"loadingState.tree.state\" *ngIf=\"contextTree\" [highlightedNodes]=\"highlightedNodes\"\n                    [treeUpdate]=\"contextTreeUpdate\" [(ngModel)]=\"selectedNodes\"\n                    (ngModelChange)=\"onTreeSelectionChanged($event)\"></eo-tree>\n                  <h3 *ngIf=\"contextTreeRef?.length\" title=\"{{'eo.state.object.tree.references.tooltip'|translate}}\"\n                    translate>eo.state.object.tree.references</h3>\n                  <eo-tree [tree]=\"contextTreeRef\" [options]=\"{multiselect: false, disableDeselection: true}\"\n                    [@panelLoading]=\"loadingState.treeRef.state\" *ngIf=\"contextTreeRef?.length\"\n                    [highlightedNodes]=\"highlightedNodes\" [treeUpdate]=\"contextTreeRefUpdate\"\n                    [(ngModel)]=\"selectedNodes\" (ngModelChange)=\"onTreeSelectionChanged($event)\"\n                    class=\"reference\"></eo-tree>\n                </div>\n              </eo-list-container>\n\n            </ng-template>\n          </ng-template>\n\n          <ng-template yvcSplitArea [panelClass]=\"'tree'\" [size]=\"35\" [visible]=\"true\">\n            <eo-object-state-details *ngIf=\"context\" [context]=\"context\" [frontPageData]=\"frontPageData\"\n              [visible]=\"frontPage\" (onTabChange)=\"setupFrontPage(true)\" [plugins]=\"'object-state-details-tab.object' | plugins\">\n            </eo-object-state-details>\n\n            <eo-result-list *ngIf=\"!frontPage && searchResult\" [selectFirst]=\"false\" [title]=\"gridTitle\"\n              [reference]=\"selectedNode?.isReference\" [searchResult]=\"searchResult\" [configType]=\"configType\"\n              [configContext]=\"\" [emptyMessage]=\"'eo.state.object.list.error'\" (onRefresh)=\"refreshList()\">\n            </eo-result-list>\n          </ng-template>\n\n          <ng-template yvcSplitArea [size]=\"45\" [visible]=\"true\">\n            <ng-container *ngTemplateOutlet=\"tplObjectDetails\"></ng-container>\n          </ng-template>\n        </yvc-split-view>\n\n      </ng-container>\n\n      <ng-template #tplDetailsOnly><ng-container *ngTemplateOutlet=\"tplObjectDetails\"></ng-container></ng-template>\n\n      <ng-template #tplObjectDetails>\n        <eo-object-details [applySelection]=\"{}\" [reference]=\"isReferenceActive\"\n          [cacheLayout]=\"'object.state--' + typeName + '.object-details'\" [plugins]=\"'object-details-tab.object' | plugins\">\n        </eo-object-details>\n      </ng-template>\n    </div>\n  </div>\n</div>\n\n<ng-template #errorTmpl>\n  <eo-error404></eo-error404>\n</ng-template>", styles: [":host{position:absolute;left:var(--app-pane-padding);right:var(--app-pane-padding);top:var(--app-pane-padding);bottom:var(--app-pane-padding)}:host .eo-body.tree h3{margin:0;padding:calc(var(--app-pane-padding) / 2) var(--app-pane-padding) 0 var(--app-pane-padding);font-size:var(--font-subhead);font-weight:var(--font-weight-normal);color:var(--text-color-caption);border-top:1px solid var(--list-item-border-color)}:host .file{height:100%;display:flex;flex-flow:column}:host .file .file-head,:host .file .file-body{opacity: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}:host .file.ready .file-head,:host .file.ready .file-body{opacity:1}:host .file .empty-state{background:rgba(var(--color-white-rgb),.3);height:100%;display:flex;flex-flow:column;align-items:center;justify-content:center}:host .file.undocked .empty-state{background:var(--main-background)}:host .file-head{color:var(--text-color-caption);margin-bottom:calc(var(--app-pane-padding) / 4);display:flex;flex-flow:row nowrap;width:100%}:host .file-head eo-icon{padding:var(--app-pane-padding);box-sizing:content-box}:host .file-head .left,:host .file-head .right{border-bottom:4px solid var(--color-primary-3);box-sizing:border-box}:host .file-head .left{flex:0 0 auto;display:flex;flex-flow:row nowrap;background:var(--color-white);max-width:calc(100% - 350px)}:host .file-head .left div.title{flex:0 0 auto;padding:var(--app-pane-padding) 0;cursor:pointer}[dir=ltr] :host .file-head .left div.title{padding-right:calc(var(--app-pane-padding) * 2);padding-left:0}[dir=rtl] :host .file-head .left div.title{padding-left:calc(var(--app-pane-padding) * 2);padding-right:0}:host .file-head .left div.title .label,:host .file-head .left div.title .description{width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host .file-head .left div.title .label{font-size:var(--font-title)}:host .file-head .right{flex:1 1 auto;display:flex;flex-flow:column;min-width:350px}:host .file-head .right .fold{flex:0 0 auto;background:var(--main-background);color:var(--text-color-caption);text-align:right;padding-bottom:calc(var(--app-pane-padding) / 2);display:flex;justify-content:flex-end}[dir=rtl] :host .file-head .right .fold{text-align:right;text-align:left}:host .file-head .right .fold .created-date{padding-right:5px}:host .file-head .right .actions{background:var(--color-white);flex:1 1 auto;display:flex;align-items:center;padding:0 var(--app-pane-padding);justify-content:flex-end;min-height:50px}:host .file-body{flex:1 1 auto;position:relative}:host .file-body .file-body-wrap{position:absolute;inset:0;overflow:hidden}:host .file-body .file-body-wrap .frontPage{position:absolute;inset:0;overflow:hidden}:host ::ng-deep .tree .tree-panel-error{display:flex;height:100%;flex-flow:column;justify-content:center;align-items:center;color:var(--text-color-caption)}:host ::ng-deep .tree .eo-head{background-color:var(--color-primary-3)}:host ::ng-deep .tree .eo-head .eo-header-info{padding:0}:host ::ng-deep .tree .eo-head .eo-header-info h2{flex:1 1 auto;color:var(--color-white)}:host ::ng-deep .tree .eo-head .eo-header-info form.tree-filter-form{width:61%;flex:0 0 auto;margin-bottom:var(--app-pane-padding);min-width:200px;align-self:flex-end}:host ::ng-deep .tree .eo-head .eo-header-info form.tree-filter-form input{background-color:transparent;border:0;outline:0}:host ::ng-deep .tree eo-result-list .eo-head{background-color:var(--panel-background)}:host ::ng-deep yvc-split-view{height:100%}:host ::ng-deep eo-tree{padding:var(--app-pane-padding)}:host ::ng-deep eo-object-details{background:var(--panel-background-grey)}\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.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$3.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: 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.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i1$3.NgForm, selector: "form:not([ngNoForm]):not([formGroup]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { 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: ResultListComponent, selector: "eo-result-list", inputs: ["title", "configType", "configContext", "clearAfterExecute", "emptyMessage", "selectFirst", "gridOptions", "hasIcon", "reference", "query", "searchResult"], outputs: ["onSelectionChanged", "onFocusChanged", "onDoubleClick", "onContextMenu", "onCountChanged", "onRefresh", "onResult", "onQueryInvalid"] }, { kind: "component", type: ObjectDetailsComponent, selector: "eo-object-details", inputs: ["plugins", "reference", "searchTerm", "enableCompare", "recyclebinTabs", "enableDiff", "enableSync", "cacheLayout", "emptyState", "params", "params2", "item", "item2", "applySelection", "parseDmsParams"], outputs: ["hasContent"] }, { kind: "component", type: TreeComponent, selector: "eo-tree", inputs: ["options", "isDisplayed", "readonly", "emptyMessage", "selectionKey", "highlightedNodes", "tree", "treeUpdate"], outputs: ["expandedNodesChanged", "onSelected"] }, { kind: "component", type: FormInputComponent, selector: "eo-form-input", inputs: ["label", "tag", "description", "skipToggle", "isNull", "invalid", "disabled", "required"], outputs: ["onToggleLabel"] }, { kind: "component", type: ListContainerComponent, selector: "eo-list-container", inputs: ["applySelection", "applyVersion", "loading", "tabs", "parseDmsParams"] }, { kind: "component", type: Error404Component, selector: "eo-error404" }, { kind: "component", type: ObjectStateDetailsComponent, selector: "eo-object-state-details", inputs: ["plugins", "context", "selectedItem", "seenItems", "frontPageData", "visible"], outputs: ["onTabChange"] }, { kind: "component", type: i20.SplitViewComponent, selector: "yvc-split-view", inputs: ["direction", "gutterSize", "restrictMove", "disabled", "gutterDblClickDuration", "layoutSettingsID"], outputs: ["layoutSettingsChange", "dragStart", "dragEnd", "gutterClick", "gutterDblClick"] }, { kind: "directive", type: i20.SplitAreaDirective, selector: "[yvcSplitArea]", inputs: ["size", "order", "minSize", "maxSize", "panelClass", "visible"] }, { kind: "pipe", type: i4.TranslatePipe, name: "translate" }, { kind: "pipe", type: LocaleDatePipe, name: "localeDate" }, { kind: "pipe", type: PluginPipe, name: "plugins" }], animations: [panelLoadingAnimations] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.2", type: ObjectStateComponent, selector: "eo-object-state", outputs: { onTermFilterChange: "onTermFilterChange" }, providers: [ObjectStateService], viewQueries: [{ propertyName: "eoGrid", first: true, predicate: ["eoGrid"], descendants: true }], ngImport: i0, template: "<div class=\"file\" [ngClass]=\"{ready: context || context === null}\" *ngIf=\"!error; else errorTmpl\">\n\n  <div class=\"file-head\" *ngIf=\"context && context.isContextFolder\">\n    <div class=\"left\">\n      <eo-icon class=\"type-icon\" [objectType]=\"context.type\"></eo-icon>\n      <div class=\"title\" (click)=\"setupFrontPage()\" (contextmenu)=\"onContextMenuClicked($event)\">\n        <div class=\"label\">{{context.title || '&nbsp;'}}</div>\n        <div class=\"description\">{{context.description || '&nbsp;'}}</div>\n      </div>\n    </div>\n    <div class=\"right\">\n      <div class=\"fold\">\n        <span class=\"created-date\">{{context.created.on | localeDate}}</span>\n        <span class=\"created-title\">{{context.created.by.title}}</span>\n      </div>\n      <div class=\"actions\">\n      </div>\n    </div>\n  </div>\n\n  <div class=\"file-body\">\n    <div class=\"file-body-wrap\">\n\n      <ng-container *ngIf=\"context !== null; else tplDetailsOnly\">\n\n        <yvc-split-view *ngIf=\"cacheLayout\" [layoutSettingsID]=\"cacheLayout\">\n          <ng-template yvcSplitArea [panelClass]=\"'tree'\" [size]=\"20\" [visible]=\"true\">\n            <div class=\"tree-panel-error\" *ngIf=\"loadingState.tree.isError(); else tplTree\" translate>\n              eo.state.object.tree.error</div>\n\n            <ng-template #tplTree>\n\n              <eo-list-container #eoList [loading]=\"!contextTree\" [tabs]=\"false\">\n                <div class=\"eo-header dark\">\n                  <div class=\"eo-header-info\">\n                    <h2 class=\"eo-header-title\" translate>eo.state.object.tree.title</h2>\n                    <form name=\"structureForm\" class=\"tree-filter-form\" [ngClass]=\"{active: !!termFilter}\">\n                      <eo-form-input [skipToggle]=\"true\" [label]=\" 'eo.state.object.tree.filter.label' | translate\">\n                        <input [(ngModel)]=\"termFilter\" maxlength=\"250\" [ngModelOptions]=\"{standalone: true}\"\n                          (ngModelChange)=\"onTermFilterChange.emit($event)\" />\n                      </eo-form-input>\n                    </form>\n                  </div>\n                </div>\n                <div class=\"eo-body tree\">\n                  <eo-tree [tree]=\"contextTree\" [options]=\"{multiselect: false, disableDeselection: true}\"\n                    [@panelLoading]=\"loadingState.tree.state\" *ngIf=\"contextTree\" [highlightedNodes]=\"highlightedNodes\"\n                    [treeUpdate]=\"contextTreeUpdate\" [(ngModel)]=\"selectedNodes\"\n                    (ngModelChange)=\"onTreeSelectionChanged($event)\"></eo-tree>\n                  <h3 *ngIf=\"contextTreeRef?.length\" title=\"{{'eo.state.object.tree.references.tooltip'|translate}}\"\n                    translate>eo.state.object.tree.references</h3>\n                  <eo-tree [tree]=\"contextTreeRef\" [options]=\"{multiselect: false, disableDeselection: true}\"\n                    [@panelLoading]=\"loadingState.treeRef.state\" *ngIf=\"contextTreeRef?.length\"\n                    [highlightedNodes]=\"highlightedNodes\" [treeUpdate]=\"contextTreeRefUpdate\"\n                    [(ngModel)]=\"selectedNodes\" (ngModelChange)=\"onTreeSelectionChanged($event)\"\n                    class=\"reference\"></eo-tree>\n                </div>\n              </eo-list-container>\n\n            </ng-template>\n          </ng-template>\n\n          <ng-template yvcSplitArea [panelClass]=\"'tree'\" [size]=\"35\" [visible]=\"true\">\n            <eo-object-state-details *ngIf=\"context\" [context]=\"context\" [frontPageData]=\"frontPageData\"\n              [visible]=\"frontPage\" (onTabChange)=\"setupFrontPage(true)\" [plugins]=\"'object-state-details-tab.object' | plugins\">\n            </eo-object-state-details>\n\n            <eo-result-list *ngIf=\"!frontPage && searchResult\" [selectFirst]=\"false\" [title]=\"gridTitle\"\n              [reference]=\"selectedNode?.isReference\" [searchResult]=\"searchResult\" [configType]=\"configType\"\n              [configContext]=\"\" [emptyMessage]=\"'eo.state.object.list.error'\" (onRefresh)=\"refreshList()\">\n            </eo-result-list>\n          </ng-template>\n\n          <ng-template yvcSplitArea [size]=\"45\" [visible]=\"true\">\n            <ng-container *ngTemplateOutlet=\"tplObjectDetails\"></ng-container>\n          </ng-template>\n        </yvc-split-view>\n\n      </ng-container>\n\n      <ng-template #tplDetailsOnly><ng-container *ngTemplateOutlet=\"tplObjectDetails\"></ng-container></ng-template>\n\n      <ng-template #tplObjectDetails>\n        <eo-object-details [applySelection]=\"{}\" [reference]=\"isReferenceActive\"\n          [cacheLayout]=\"'object.state--' + typeName + '.object-details'\" [plugins]=\"'object-details-tab.object' | plugins\">\n        </eo-object-details>\n      </ng-template>\n    </div>\n  </div>\n</div>\n\n<ng-template #errorTmpl>\n  <eo-error404></eo-error404>\n</ng-template>", styles: [":host{position:absolute;left:var(--app-pane-padding);right:var(--app-pane-padding);top:var(--app-pane-padding);bottom:var(--app-pane-padding)}:host .eo-body.tree h3{margin:0;padding:calc(var(--app-pane-padding) / 2) var(--app-pane-padding) 0 var(--app-pane-padding);font-size:var(--font-subhead);font-weight:var(--font-weight-normal);color:var(--text-color-caption);border-top:1px solid var(--list-item-border-color)}:host .file{height:100%;display:flex;flex-flow:column}:host .file .file-head,:host .file .file-body{opacity: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}:host .file.ready .file-head,:host .file.ready .file-body{opacity:1}:host .file .empty-state{background:rgba(var(--color-white-rgb),.3);height:100%;display:flex;flex-flow:column;align-items:center;justify-content:center}:host .file.undocked .empty-state{background:var(--main-background)}:host .file-head{color:var(--text-color-caption);margin-bottom:calc(var(--app-pane-padding) / 4);display:flex;flex-flow:row nowrap;width:100%}:host .file-head eo-icon{padding:var(--app-pane-padding);box-sizing:content-box;flex:none}:host .file-head .left,:host .file-head .right{border-bottom:4px solid var(--color-primary-3);box-sizing:border-box}:host .file-head .left{flex:0 0 auto;display:flex;flex-flow:row nowrap;background:var(--color-white);max-width:calc(100% - 350px)}:host .file-head .left div.title{flex:1;padding:var(--app-pane-padding) 0;display:inline-grid;min-height:0;min-width:0;cursor:pointer}[dir=ltr] :host .file-head .left div.title{padding-right:calc(var(--app-pane-padding) * 2);padding-left:0}[dir=rtl] :host .file-head .left div.title{padding-left:calc(var(--app-pane-padding) * 2);padding-right:0}:host .file-head .left div.title .label,:host .file-head .left div.title .description{display:inline-block;max-width:none;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host .file-head .left div.title .label{font-size:var(--font-title)}:host .file-head .right{flex:1 1 auto;display:flex;flex-flow:column;min-width:350px}:host .file-head .right .fold{flex:0 0 auto;background:var(--main-background);color:var(--text-color-caption);text-align:right;padding-bottom:calc(var(--app-pane-padding) / 2);display:flex;justify-content:flex-end}[dir=rtl] :host .file-head .right .fold{text-align:right;text-align:left}:host .file-head .right .fold .created-date{padding-right:5px}:host .file-head .right .actions{background:var(--color-white);flex:1 1 auto;display:flex;align-items:center;padding:0 var(--app-pane-padding);justify-content:flex-end;min-height:50px}:host .file-body{flex:1 1 auto;position:relative}:host .file-body .file-body-wrap{position:absolute;inset:0;overflow:hidden}:host .file-body .file-body-wrap .frontPage{position:absolute;inset:0;overflow:hidden}:host ::ng-deep .tree .tree-panel-error{display:flex;height:100%;flex-flow:column;justify-content:center;align-items:center;color:var(--text-color-caption)}:host ::ng-deep .tree .eo-head{background-color:var(--color-primary-3)}:host ::ng-deep .tree .eo-head .eo-header-info{padding:0}:host ::ng-deep .tree .eo-head .eo-header-info h2{flex:1 1 auto;color:var(--color-white)}:host ::ng-deep .tree .eo-head .eo-header-info form.tree-filter-form{width:61%;flex:0 0 auto;margin-bottom:var(--app-pane-padding);min-width:200px;align-self:flex-end}:host ::ng-deep .tree .eo-head .eo-header-info form.tree-filter-form input{background-color:transparent;border:0;outline:0}:host ::ng-deep .tree eo-result-list .eo-head{background-color:var(--panel-background)}:host ::ng-deep yvc-split-view{height:100%}:host ::ng-deep eo-tree{padding:var(--app-pane-padding)}:host ::ng-deep eo-object-details{background:var(--panel-background-grey)}\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.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$3.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: 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.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i1$3.NgForm, selector: "form:not([ngNoForm]):not([formGroup]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { 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: ResultListComponent, selector: "eo-result-list", inputs: ["title", "configType", "configContext", "clearAfterExecute", "emptyMessage", "selectFirst", "gridOptions", "hasIcon", "reference", "query", "searchResult"], outputs: ["onSelectionChanged", "onFocusChanged", "onDoubleClick", "onContextMenu", "onCountChanged", "onRefresh", "onResult", "onQueryInvalid"] }, { kind: "component", type: ObjectDetailsComponent, selector: "eo-object-details", inputs: ["plugins", "reference", "searchTerm", "enableCompare", "recyclebinTabs", "versionComponentTabs", "enableDiff", "enableSync", "cacheLayout", "emptyState", "params", "params2", "item", "item2", "applySelection", "parseDmsParams"], outputs: ["hasContent"] }, { kind: "component", type: TreeComponent, selector: "eo-tree", inputs: ["options", "isDisplayed", "readonly", "emptyMessage", "selectionKey", "highlightedNodes", "tree", "treeUpdate"], outputs: ["expandedNodesChanged", "onSelected"] }, { kind: "component", type: FormInputComponent, selector: "eo-form-input", inputs: ["label", "tag", "description", "skipToggle", "isNull", "invalid", "disabled", "required"], outputs: ["onToggleLabel"] }, { kind: "component", type: ListContainerComponent, selector: "eo-list-container", inputs: ["applySelection", "applyVersion", "loading", "tabs", "parseDmsParams"] }, { kind: "component", type: Error404Component, selector: "eo-error404" }, { kind: "component", type: ObjectStateDetailsComponent, selector: "eo-object-state-details", inputs: ["plugins", "context", "selectedItem", "seenItems", "frontPageData", "visible"], outputs: ["onTabChange"] }, { kind: "component", type: i20.SplitViewComponent, selector: "yvc-split-view", inputs: ["direction", "gutterSize", "restrictMove", "disabled", "gutterDblClickDuration", "layoutSettingsID"], outputs: ["layoutSettingsChange", "dragStart", "dragEnd", "gutterClick", "gutterDblClick"] }, { kind: "directive", type: i20.SplitAreaDirective, selector: "[yvcSplitArea]", inputs: ["size", "order", "minSize", "maxSize", "panelClass", "visible"] }, { kind: "pipe", type: i4.TranslatePipe, name: "translate" }, { kind: "pipe", type: LocaleDatePipe, name: "localeDate" }, { kind: "pipe", type: PluginPipe, name: "plugins" }], animations: [panelLoadingAnimations] }); }
 };
 ObjectStateComponent = __decorate([
     UntilDestroy()
 ], ObjectStateComponent);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: ObjectStateComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'eo-object-state', providers: [ObjectStateService], animations: [panelLoadingAnimations], template: "<div class=\"file\" [ngClass]=\"{ready: context || context === null}\" *ngIf=\"!error; else errorTmpl\">\n\n  <div class=\"file-head\" *ngIf=\"context && context.isContextFolder\">\n    <div class=\"left\">\n      <eo-icon class=\"type-icon\" [objectType]=\"context.type\"></eo-icon>\n      <div class=\"title\" (click)=\"setupFrontPage()\" (contextmenu)=\"onContextMenuClicked($event)\">\n        <div class=\"label\">{{context.title || '&nbsp;'}}</div>\n        <div class=\"description\">{{context.description || '&nbsp;'}}</div>\n      </div>\n    </div>\n    <div class=\"right\">\n      <div class=\"fold\">\n        <span class=\"created-date\">{{context.created.on | localeDate}}</span>\n        <span class=\"created-title\">{{context.created.by.title}}</span>\n      </div>\n      <div class=\"actions\">\n      </div>\n    </div>\n  </div>\n\n  <div class=\"file-body\">\n    <div class=\"file-body-wrap\">\n\n      <ng-container *ngIf=\"context !== null; else tplDetailsOnly\">\n\n        <yvc-split-view *ngIf=\"cacheLayout\" [layoutSettingsID]=\"cacheLayout\">\n          <ng-template yvcSplitArea [panelClass]=\"'tree'\" [size]=\"20\" [visible]=\"true\">\n            <div class=\"tree-panel-error\" *ngIf=\"loadingState.tree.isError(); else tplTree\" translate>\n              eo.state.object.tree.error</div>\n\n            <ng-template #tplTree>\n\n              <eo-list-container #eoList [loading]=\"!contextTree\" [tabs]=\"false\">\n                <div class=\"eo-header dark\">\n                  <div class=\"eo-header-info\">\n                    <h2 class=\"eo-header-title\" translate>eo.state.object.tree.title</h2>\n                    <form name=\"structureForm\" class=\"tree-filter-form\" [ngClass]=\"{active: !!termFilter}\">\n                      <eo-form-input [skipToggle]=\"true\" [label]=\" 'eo.state.object.tree.filter.label' | translate\">\n                        <input [(ngModel)]=\"termFilter\" maxlength=\"250\" [ngModelOptions]=\"{standalone: true}\"\n                          (ngModelChange)=\"onTermFilterChange.emit($event)\" />\n                      </eo-form-input>\n                    </form>\n                  </div>\n                </div>\n                <div class=\"eo-body tree\">\n                  <eo-tree [tree]=\"contextTree\" [options]=\"{multiselect: false, disableDeselection: true}\"\n                    [@panelLoading]=\"loadingState.tree.state\" *ngIf=\"contextTree\" [highlightedNodes]=\"highlightedNodes\"\n                    [treeUpdate]=\"contextTreeUpdate\" [(ngModel)]=\"selectedNodes\"\n                    (ngModelChange)=\"onTreeSelectionChanged($event)\"></eo-tree>\n                  <h3 *ngIf=\"contextTreeRef?.length\" title=\"{{'eo.state.object.tree.references.tooltip'|translate}}\"\n                    translate>eo.state.object.tree.references</h3>\n                  <eo-tree [tree]=\"contextTreeRef\" [options]=\"{multiselect: false, disableDeselection: true}\"\n                    [@panelLoading]=\"loadingState.treeRef.state\" *ngIf=\"contextTreeRef?.length\"\n                    [highlightedNodes]=\"highlightedNodes\" [treeUpdate]=\"contextTreeRefUpdate\"\n                    [(ngModel)]=\"selectedNodes\" (ngModelChange)=\"onTreeSelectionChanged($event)\"\n                    class=\"reference\"></eo-tree>\n                </div>\n              </eo-list-container>\n\n            </ng-template>\n          </ng-template>\n\n          <ng-template yvcSplitArea [panelClass]=\"'tree'\" [size]=\"35\" [visible]=\"true\">\n            <eo-object-state-details *ngIf=\"context\" [context]=\"context\" [frontPageData]=\"frontPageData\"\n              [visible]=\"frontPage\" (onTabChange)=\"setupFrontPage(true)\" [plugins]=\"'object-state-details-tab.object' | plugins\">\n            </eo-object-state-details>\n\n            <eo-result-list *ngIf=\"!frontPage && searchResult\" [selectFirst]=\"false\" [title]=\"gridTitle\"\n              [reference]=\"selectedNode?.isReference\" [searchResult]=\"searchResult\" [configType]=\"configType\"\n              [configContext]=\"\" [emptyMessage]=\"'eo.state.object.list.error'\" (onRefresh)=\"refreshList()\">\n            </eo-result-list>\n          </ng-template>\n\n          <ng-template yvcSplitArea [size]=\"45\" [visible]=\"true\">\n            <ng-container *ngTemplateOutlet=\"tplObjectDetails\"></ng-container>\n          </ng-template>\n        </yvc-split-view>\n\n      </ng-container>\n\n      <ng-template #tplDetailsOnly><ng-container *ngTemplateOutlet=\"tplObjectDetails\"></ng-container></ng-template>\n\n      <ng-template #tplObjectDetails>\n        <eo-object-details [applySelection]=\"{}\" [reference]=\"isReferenceActive\"\n          [cacheLayout]=\"'object.state--' + typeName + '.object-details'\" [plugins]=\"'object-details-tab.object' | plugins\">\n        </eo-object-details>\n      </ng-template>\n    </div>\n  </div>\n</div>\n\n<ng-template #errorTmpl>\n  <eo-error404></eo-error404>\n</ng-template>", styles: [":host{position:absolute;left:var(--app-pane-padding);right:var(--app-pane-padding);top:var(--app-pane-padding);bottom:var(--app-pane-padding)}:host .eo-body.tree h3{margin:0;padding:calc(var(--app-pane-padding) / 2) var(--app-pane-padding) 0 var(--app-pane-padding);font-size:var(--font-subhead);font-weight:var(--font-weight-normal);color:var(--text-color-caption);border-top:1px solid var(--list-item-border-color)}:host .file{height:100%;display:flex;flex-flow:column}:host .file .file-head,:host .file .file-body{opacity: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}:host .file.ready .file-head,:host .file.ready .file-body{opacity:1}:host .file .empty-state{background:rgba(var(--color-white-rgb),.3);height:100%;display:flex;flex-flow:column;align-items:center;justify-content:center}:host .file.undocked .empty-state{background:var(--main-background)}:host .file-head{color:var(--text-color-caption);margin-bottom:calc(var(--app-pane-padding) / 4);display:flex;flex-flow:row nowrap;width:100%}:host .file-head eo-icon{padding:var(--app-pane-padding);box-sizing:content-box}:host .file-head .left,:host .file-head .right{border-bottom:4px solid var(--color-primary-3);box-sizing:border-box}:host .file-head .left{flex:0 0 auto;display:flex;flex-flow:row nowrap;background:var(--color-white);max-width:calc(100% - 350px)}:host .file-head .left div.title{flex:0 0 auto;padding:var(--app-pane-padding) 0;cursor:pointer}[dir=ltr] :host .file-head .left div.title{padding-right:calc(var(--app-pane-padding) * 2);padding-left:0}[dir=rtl] :host .file-head .left div.title{padding-left:calc(var(--app-pane-padding) * 2);padding-right:0}:host .file-head .left div.title .label,:host .file-head .left div.title .description{width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host .file-head .left div.title .label{font-size:var(--font-title)}:host .file-head .right{flex:1 1 auto;display:flex;flex-flow:column;min-width:350px}:host .file-head .right .fold{flex:0 0 auto;background:var(--main-background);color:var(--text-color-caption);text-align:right;padding-bottom:calc(var(--app-pane-padding) / 2);display:flex;justify-content:flex-end}[dir=rtl] :host .file-head .right .fold{text-align:right;text-align:left}:host .file-head .right .fold .created-date{padding-right:5px}:host .file-head .right .actions{background:var(--color-white);flex:1 1 auto;display:flex;align-items:center;padding:0 var(--app-pane-padding);justify-content:flex-end;min-height:50px}:host .file-body{flex:1 1 auto;position:relative}:host .file-body .file-body-wrap{position:absolute;inset:0;overflow:hidden}:host .file-body .file-body-wrap .frontPage{position:absolute;inset:0;overflow:hidden}:host ::ng-deep .tree .tree-panel-error{display:flex;height:100%;flex-flow:column;justify-content:center;align-items:center;color:var(--text-color-caption)}:host ::ng-deep .tree .eo-head{background-color:var(--color-primary-3)}:host ::ng-deep .tree .eo-head .eo-header-info{padding:0}:host ::ng-deep .tree .eo-head .eo-header-info h2{flex:1 1 auto;color:var(--color-white)}:host ::ng-deep .tree .eo-head .eo-header-info form.tree-filter-form{width:61%;flex:0 0 auto;margin-bottom:var(--app-pane-padding);min-width:200px;align-self:flex-end}:host ::ng-deep .tree .eo-head .eo-header-info form.tree-filter-form input{background-color:transparent;border:0;outline:0}:host ::ng-deep .tree eo-result-list .eo-head{background-color:var(--panel-background)}:host ::ng-deep yvc-split-view{height:100%}:host ::ng-deep eo-tree{padding:var(--app-pane-padding)}:host ::ng-deep eo-object-details{background:var(--panel-background-grey)}\n"] }]
+            args: [{ selector: 'eo-object-state', providers: [ObjectStateService], animations: [panelLoadingAnimations], template: "<div class=\"file\" [ngClass]=\"{ready: context || context === null}\" *ngIf=\"!error; else errorTmpl\">\n\n  <div class=\"file-head\" *ngIf=\"context && context.isContextFolder\">\n    <div class=\"left\">\n      <eo-icon class=\"type-icon\" [objectType]=\"context.type\"></eo-icon>\n      <div class=\"title\" (click)=\"setupFrontPage()\" (contextmenu)=\"onContextMenuClicked($event)\">\n        <div class=\"label\">{{context.title || '&nbsp;'}}</div>\n        <div class=\"description\">{{context.description || '&nbsp;'}}</div>\n      </div>\n    </div>\n    <div class=\"right\">\n      <div class=\"fold\">\n        <span class=\"created-date\">{{context.created.on | localeDate}}</span>\n        <span class=\"created-title\">{{context.created.by.title}}</span>\n      </div>\n      <div class=\"actions\">\n      </div>\n    </div>\n  </div>\n\n  <div class=\"file-body\">\n    <div class=\"file-body-wrap\">\n\n      <ng-container *ngIf=\"context !== null; else tplDetailsOnly\">\n\n        <yvc-split-view *ngIf=\"cacheLayout\" [layoutSettingsID]=\"cacheLayout\">\n          <ng-template yvcSplitArea [panelClass]=\"'tree'\" [size]=\"20\" [visible]=\"true\">\n            <div class=\"tree-panel-error\" *ngIf=\"loadingState.tree.isError(); else tplTree\" translate>\n              eo.state.object.tree.error</div>\n\n            <ng-template #tplTree>\n\n              <eo-list-container #eoList [loading]=\"!contextTree\" [tabs]=\"false\">\n                <div class=\"eo-header dark\">\n                  <div class=\"eo-header-info\">\n                    <h2 class=\"eo-header-title\" translate>eo.state.object.tree.title</h2>\n                    <form name=\"structureForm\" class=\"tree-filter-form\" [ngClass]=\"{active: !!termFilter}\">\n                      <eo-form-input [skipToggle]=\"true\" [label]=\" 'eo.state.object.tree.filter.label' | translate\">\n                        <input [(ngModel)]=\"termFilter\" maxlength=\"250\" [ngModelOptions]=\"{standalone: true}\"\n                          (ngModelChange)=\"onTermFilterChange.emit($event)\" />\n                      </eo-form-input>\n                    </form>\n                  </div>\n                </div>\n                <div class=\"eo-body tree\">\n                  <eo-tree [tree]=\"contextTree\" [options]=\"{multiselect: false, disableDeselection: true}\"\n                    [@panelLoading]=\"loadingState.tree.state\" *ngIf=\"contextTree\" [highlightedNodes]=\"highlightedNodes\"\n                    [treeUpdate]=\"contextTreeUpdate\" [(ngModel)]=\"selectedNodes\"\n                    (ngModelChange)=\"onTreeSelectionChanged($event)\"></eo-tree>\n                  <h3 *ngIf=\"contextTreeRef?.length\" title=\"{{'eo.state.object.tree.references.tooltip'|translate}}\"\n                    translate>eo.state.object.tree.references</h3>\n                  <eo-tree [tree]=\"contextTreeRef\" [options]=\"{multiselect: false, disableDeselection: true}\"\n                    [@panelLoading]=\"loadingState.treeRef.state\" *ngIf=\"contextTreeRef?.length\"\n                    [highlightedNodes]=\"highlightedNodes\" [treeUpdate]=\"contextTreeRefUpdate\"\n                    [(ngModel)]=\"selectedNodes\" (ngModelChange)=\"onTreeSelectionChanged($event)\"\n                    class=\"reference\"></eo-tree>\n                </div>\n              </eo-list-container>\n\n            </ng-template>\n          </ng-template>\n\n          <ng-template yvcSplitArea [panelClass]=\"'tree'\" [size]=\"35\" [visible]=\"true\">\n            <eo-object-state-details *ngIf=\"context\" [context]=\"context\" [frontPageData]=\"frontPageData\"\n              [visible]=\"frontPage\" (onTabChange)=\"setupFrontPage(true)\" [plugins]=\"'object-state-details-tab.object' | plugins\">\n            </eo-object-state-details>\n\n            <eo-result-list *ngIf=\"!frontPage && searchResult\" [selectFirst]=\"false\" [title]=\"gridTitle\"\n              [reference]=\"selectedNode?.isReference\" [searchResult]=\"searchResult\" [configType]=\"configType\"\n              [configContext]=\"\" [emptyMessage]=\"'eo.state.object.list.error'\" (onRefresh)=\"refreshList()\">\n            </eo-result-list>\n          </ng-template>\n\n          <ng-template yvcSplitArea [size]=\"45\" [visible]=\"true\">\n            <ng-container *ngTemplateOutlet=\"tplObjectDetails\"></ng-container>\n          </ng-template>\n        </yvc-split-view>\n\n      </ng-container>\n\n      <ng-template #tplDetailsOnly><ng-container *ngTemplateOutlet=\"tplObjectDetails\"></ng-container></ng-template>\n\n      <ng-template #tplObjectDetails>\n        <eo-object-details [applySelection]=\"{}\" [reference]=\"isReferenceActive\"\n          [cacheLayout]=\"'object.state--' + typeName + '.object-details'\" [plugins]=\"'object-details-tab.object' | plugins\">\n        </eo-object-details>\n      </ng-template>\n    </div>\n  </div>\n</div>\n\n<ng-template #errorTmpl>\n  <eo-error404></eo-error404>\n</ng-template>", styles: [":host{position:absolute;left:var(--app-pane-padding);right:var(--app-pane-padding);top:var(--app-pane-padding);bottom:var(--app-pane-padding)}:host .eo-body.tree h3{margin:0;padding:calc(var(--app-pane-padding) / 2) var(--app-pane-padding) 0 var(--app-pane-padding);font-size:var(--font-subhead);font-weight:var(--font-weight-normal);color:var(--text-color-caption);border-top:1px solid var(--list-item-border-color)}:host .file{height:100%;display:flex;flex-flow:column}:host .file .file-head,:host .file .file-body{opacity: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}:host .file.ready .file-head,:host .file.ready .file-body{opacity:1}:host .file .empty-state{background:rgba(var(--color-white-rgb),.3);height:100%;display:flex;flex-flow:column;align-items:center;justify-content:center}:host .file.undocked .empty-state{background:var(--main-background)}:host .file-head{color:var(--text-color-caption);margin-bottom:calc(var(--app-pane-padding) / 4);display:flex;flex-flow:row nowrap;width:100%}:host .file-head eo-icon{padding:var(--app-pane-padding);box-sizing:content-box;flex:none}:host .file-head .left,:host .file-head .right{border-bottom:4px solid var(--color-primary-3);box-sizing:border-box}:host .file-head .left{flex:0 0 auto;display:flex;flex-flow:row nowrap;background:var(--color-white);max-width:calc(100% - 350px)}:host .file-head .left div.title{flex:1;padding:var(--app-pane-padding) 0;display:inline-grid;min-height:0;min-width:0;cursor:pointer}[dir=ltr] :host .file-head .left div.title{padding-right:calc(var(--app-pane-padding) * 2);padding-left:0}[dir=rtl] :host .file-head .left div.title{padding-left:calc(var(--app-pane-padding) * 2);padding-right:0}:host .file-head .left div.title .label,:host .file-head .left div.title .description{display:inline-block;max-width:none;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host .file-head .left div.title .label{font-size:var(--font-title)}:host .file-head .right{flex:1 1 auto;display:flex;flex-flow:column;min-width:350px}:host .file-head .right .fold{flex:0 0 auto;background:var(--main-background);color:var(--text-color-caption);text-align:right;padding-bottom:calc(var(--app-pane-padding) / 2);display:flex;justify-content:flex-end}[dir=rtl] :host .file-head .right .fold{text-align:right;text-align:left}:host .file-head .right .fold .created-date{padding-right:5px}:host .file-head .right .actions{background:var(--color-white);flex:1 1 auto;display:flex;align-items:center;padding:0 var(--app-pane-padding);justify-content:flex-end;min-height:50px}:host .file-body{flex:1 1 auto;position:relative}:host .file-body .file-body-wrap{position:absolute;inset:0;overflow:hidden}:host .file-body .file-body-wrap .frontPage{position:absolute;inset:0;overflow:hidden}:host ::ng-deep .tree .tree-panel-error{display:flex;height:100%;flex-flow:column;justify-content:center;align-items:center;color:var(--text-color-caption)}:host ::ng-deep .tree .eo-head{background-color:var(--color-primary-3)}:host ::ng-deep .tree .eo-head .eo-header-info{padding:0}:host ::ng-deep .tree .eo-head .eo-header-info h2{flex:1 1 auto;color:var(--color-white)}:host ::ng-deep .tree .eo-head .eo-header-info form.tree-filter-form{width:61%;flex:0 0 auto;margin-bottom:var(--app-pane-padding);min-width:200px;align-self:flex-end}:host ::ng-deep .tree .eo-head .eo-header-info form.tree-filter-form input{background-color:transparent;border:0;outline:0}:host ::ng-deep .tree eo-result-list .eo-head{background-color:var(--panel-background)}:host ::ng-deep yvc-split-view{height:100%}:host ::ng-deep eo-tree{padding:var(--app-pane-padding)}:host ::ng-deep eo-object-details{background:var(--panel-background-grey)}\n"] }]
         }], ctorParameters: () => [{ type: i2$1.ActivatedRoute }, { type: PageTitleService }, { type: i1.SystemService }, { type: i1.DmsService }, { type: SelectionService }, { type: i1.TranslateService }, { type: ObjectStateService }, { type: ActionService }, { type: LocationService }, { type: PendingChangesService }, { type: i1.EventService }, { type: GridService }, { type: LayoutService }], propDecorators: { eoGrid: [{
                 type: ViewChild,
                 args: ['eoGrid']