@eo-sdk/client 10.6.16 → 10.6.17

package/fesm2015/eo-sdk-client.mjs

@@ -7606,10 +7606,10 @@ class FormElementComponent {
     }
 }
 FormElementComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.2", ngImport: i0, type: FormElementComponent, deps: [{ token: i1.TranslateService }, { token: i0.Renderer2 }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
-FormElementComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.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: i2$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2$2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$2.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1$2.PatternValidator, selector: "[pattern][formControlName],[pattern][formControl],[pattern][ngModel]", inputs: ["pattern"] }, { kind: "directive", type: i1$2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$2.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"] }] });
+FormElementComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.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: i2$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2$2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$2.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1$2.PatternValidator, selector: "[pattern][formControlName],[pattern][formControl],[pattern][ngModel]", inputs: ["pattern"] }, { kind: "directive", type: i1$2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$2.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: "15.2.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        [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"] }]
+            args: [{ selector: 'eo-form-element', template: "<div class=\"form-element\" [formGroup]=\"element\" *ngIf=\"element\">\n\n  <div class=\"form-field t-{{formElementRef._eoFormElement.type}}\" #formField\n    [ngClass]=\"{disabled: !!formElementRef._eoFormElement.readonly}\" *ngIf=\"elementTemplate\">\n\n    <ng-container *ngTemplateOutlet=\"elementTemplate; context: {element, formElementRef}\"></ng-container>\n\n    <!-- the fields description -->\n    <div class=\"description\" *ngIf=\"formElementRef._eoFormElement.description\">{{formElementRef._eoFormElement.description}}</div>\n\n    <!-- error/validation messages -->\n    <div class=\"err-msg\" *ngIf=\"formElementRef.errors\">\n\n      <div *ngIf=\"formElementRef.errors.daterange\" translate>eo.form.property.daterange.invalid</div>\n      <div *ngIf=\"formElementRef.errors.numberrange\" translate>eo.form.property.numberrange.invalid</div>\n      <div *ngIf=\"formElementRef.errors.number\" translate>eo.form.property.number</div>\n      <div *ngIf=\"formElementRef.errors.precision\" translate\n        [translateParams]=\"formElementRef.errors.precision.translateValues\">\n        {{formElementRef.errors.precision.translateKey}}</div>\n      <div *ngIf=\"formElementRef.errors.scale\" translate\n        [translateParams]=\"formElementRef.errors.scale.translateValues\">{{formElementRef.errors.scale.translateKey}}\n      </div>\n\n      <div *ngIf=\"formElementRef.errors.regex || formElementRef.errors.pattern\" translate>\n        eo.form.property.string.regex.nomatch</div>\n      <div *ngIf=\"formElementRef.errors.classificationemail\" translate>\n        eo.form.property.string.error.classification.email</div>\n      <div *ngIf=\"formElementRef.errors.classificationurl\" translate>eo.form.property.string.error.classification.url\n      </div>\n      <div *ngIf=\"formElementRef.errors.onlyWhitespaces\" translate>eo.form.property.string.error.whitespaces</div>\n      <div *ngIf=\"formElementRef.errors.datecontrol\" translate>eo.form.property.date.invalid</div>\n      <div *ngIf=\"formElementRef.errors.codesystem\" translate>eo.form.property.codesystem.value.invalid</div>\n      <div *ngIf=\"formElementRef.errors.eoformScript\">{{formElementRef._eoFormElement.error.msg}}</div>\n      <div *ngIf=\"formElementRef.errors.required\" translate>eo.form.property.required</div>\n      <div *ngIf=\"formElementRef.errors.maxlength\" translate\n        [translateParams]=\"{maxlength: formElementRef._eoFormElement.maxlen}\">eo.form.property.maxlength</div>\n      <div *ngIf=\"formElementRef.errors.minlength\" translate\n        [translateParams]=\"{minlength: formElementRef._eoFormElement.minlen}\">eo.form.property.minlength</div>\n      <div *ngIf=\"formElementRef.errors.deletedIDReference\" translate>eo.form.property.idreference.deleted</div>\n      <div *ngIf=\"formElementRef.errors.deletedOrgObject\" translate>eo.form.property.orgobject.deleted</div>\n    </div>\n\n  </div>\n\n\n\n  <!-- STRING -->\n  <ng-template eoFormElementTemplate propertyType=\"STRING\" let-element=\"element\" let-formElementRef=\"formElementRef\">\n    <eo-form-input [tag]=\"tag\"\n      [label]=\"formElementRef._eoFormElement.label ? formElementRef._eoFormElement.label : formElementRef._eoFormElement.name\"\n      [isNull]=\"isNull\"\n      [skipToggle]=\"skipToggle || situation !== 'SEARCH'\" (onToggleLabel)=\"labelToggled($event)\"\n      [required]=\"formElementRef._eoFormElement.required\" [disabled]=\"formElementRef._eoFormElement.readonly\"\n      [invalid]=\"formElementRef.invalid\">\n\n      <eo-string\n        *ngIf=\"!formElementRef._eoFormElement.reference && formElementRef._eoFormElement.classification !== 'selector'\"\n        [situation]=\"element._eoFormControlWrapper.situation\"\n        [formControlName]=\"element._eoFormControlWrapper.controlName\"\n        [autocomplete]=\"formElementRef._eoFormElement.autocomplete\"\n        [multiselect]=\"!!formElementRef._eoFormElement.multiselect\"\n        [multiline]=\"formElementRef._eoFormElement.multiline\"\n        [classification]=\"formElementRef._eoFormElement.classification\" [regex]=\"formElementRef._eoFormElement.regex\"\n        [qname]=\"formElementRef._eoFormElement.qname\" [size]=\"formElementRef._eoFormElement.size\"\n        [readonly]=\"formElementRef._eoFormElement.readonly\" [minLength]=\"formElementRef._eoFormElement.minlen\"\n        [maxLength]=\"formElementRef._eoFormElement.maxlen\"></eo-string>\n\n      <!-- Dynamic List -->\n      <eo-dynamic-list\n        *ngIf=\"!formElementRef._eoFormElement.reference && formElementRef._eoFormElement.classification === 'selector'\"\n        [situation]=\"element._eoFormControlWrapper.situation\" [pickerTitle]=\"formElementRef._eoFormElement.label\"\n        [filterFunction]=\"formElementRef._eoFormElement.filterFunction\"\n        [multiselect]=\"formElementRef._eoFormElement.multiselect\" [listObject]=\"formElementRef._eoFormElement.list\"\n        [readonly]=\"formElementRef._eoFormElement.readonly\"\n        [formControlName]=\"element._eoFormControlWrapper.controlName\"></eo-dynamic-list>\n\n\n      <!-- Reference -->\n      <eo-reference *ngIf=\"formElementRef._eoFormElement.reference\"\n        [formControlName]=\"element._eoFormControlWrapper.controlName\"\n        [readonly]=\"formElementRef._eoFormElement.readonly\" [reference]=\"formElementRef._eoFormElement.reference\"\n        [multiselect]=\"!!formElementRef._eoFormElement.multiselect ? formElementRef._eoFormElement.multiselect : situation === 'SEARCH'\"\n        [minLength]=\"formElementRef._eoFormElement.minlen\"\n        [maxLength]=\"formElementRef._eoFormElement.maxlen\"></eo-reference>\n    </eo-form-input>\n  </ng-template>\n\n  <!-- ID-Reference -->\n  <ng-template eoFormElementTemplate propertyType=\"REFERENCE\" let-element=\"element\" let-formElementRef=\"formElementRef\">\n    <eo-form-input [tag]=\"tag\"\n      [label]=\"formElementRef._eoFormElement.label ? formElementRef._eoFormElement.label : formElementRef._eoFormElement.name\"\n      [isNull]=\"isNull\"\n      [skipToggle]=\"skipToggle || situation !== 'SEARCH'\" (onToggleLabel)=\"labelToggled($event)\"\n      [required]=\"formElementRef._eoFormElement.required\" [disabled]=\"formElementRef._eoFormElement.readonly\"\n      [invalid]=\"formElementRef.invalid\">\n\n      <eo-id-reference [formControlName]=\"element._eoFormControlWrapper.controlName\"\n        [situation]=\"element._eoFormControlWrapper.situation\"\n        [dataToRender]=\"formElementRef._eoFormElement.dataToRender\"\n        [reference]=\"formElementRef._eoFormElement.reference\" [readonly]=\"formElementRef._eoFormElement.readonly\"\n        [multiselect]=\"formElementRef._eoFormElement.multiselect\" [contextId]=\"formElementRef._eoFormElement.contextId\"\n        [exceptionIDs]=\"formElementRef._eoFormElement.exceptionIDs\"\n        [queryFilters]=\"formElementRef._eoFormElement.queryFilters\"\n        [objectTypesFilter]=\"formElementRef._eoFormElement.objectTypesFilter\"></eo-id-reference>\n    </eo-form-input>\n  </ng-template>\n\n  <!-- ID -->\n  <ng-template eoFormElementTemplate propertyType=\"ID\" let-element=\"element\" let-formElementRef=\"formElementRef\">\n    <eo-form-input [tag]=\"tag\"\n      [label]=\"formElementRef._eoFormElement.label ? formElementRef._eoFormElement.label : formElementRef._eoFormElement.name\"\n      [isNull]=\"isNull\"\n      [skipToggle]=\"skipToggle || situation !== 'SEARCH'\" (onToggleLabel)=\"labelToggled($event)\"\n      [required]=\"formElementRef._eoFormElement.required\" [disabled]=\"formElementRef._eoFormElement.readonly\"\n      [invalid]=\"formElementRef.invalid\">\n\n      <eo-string [situation]=\"element._eoFormControlWrapper.situation\"\n        [formControlName]=\"element._eoFormControlWrapper.controlName\"\n        [autocomplete]=\"formElementRef._eoFormElement.autocomplete\"\n        [multiselect]=\"formElementRef._eoFormElement.multiselect\" [regex]=\"'^[0-9a-fA-F]*$'\"\n        [qname]=\"formElementRef._eoFormElement.qname\" [readonly]=\"formElementRef._eoFormElement.readonly\"\n        [minLength]=\"32\" [maxLength]=\"32\"></eo-string>\n\n    </eo-form-input>\n  </ng-template>\n\n\n  <!-- BOOLEAN -->\n  <ng-template eoFormElementTemplate propertyType=\"BOOLEAN\" let-element=\"element\" let-formElementRef=\"formElementRef\">\n    <eo-form-input [tag]=\"tag\" class=\"checkbox\"\n      [label]=\"formElementRef._eoFormElement.label ? formElementRef._eoFormElement.label : formElementRef._eoFormElement.name\"\n      [isNull]=\"isNull\"\n      [skipToggle]=\"skipToggle || situation !== 'SEARCH'\" [required]=\"formElementRef._eoFormElement.required\"\n      [disabled]=\"formElementRef._eoFormElement.readonly\" (onToggleLabel)=\"labelToggled($event)\"\n      [invalid]=\"formElementRef.invalid\">\n\n      <eo-checkbox [formControlName]=\"element._eoFormControlWrapper.controlName\"\n        [required]=\"formElementRef._eoFormElement.required\" [readonly]=\"formElementRef._eoFormElement.readonly\"\n        [tristate]=\"true\"></eo-checkbox>\n    </eo-form-input>\n  </ng-template>\n\n  <!-- CODESYSTEM -->\n  <ng-template eoFormElementTemplate propertyType=\"CODESYSTEM\" let-element=\"element\"\n    let-formElementRef=\"formElementRef\">\n    <eo-form-input [tag]=\"tag\"\n      [label]=\"formElementRef._eoFormElement.label ? formElementRef._eoFormElement.label : formElementRef._eoFormElement.name\"\n      [isNull]=\"isNull\"\n      [skipToggle]=\"skipToggle || situation !== 'SEARCH'\" (onToggleLabel)=\"labelToggled($event)\"\n      [required]=\"formElementRef._eoFormElement.required\" [disabled]=\"formElementRef._eoFormElement.readonly\"\n      [invalid]=\"formElementRef.invalid\">\n\n      <eo-codesystem [situation]=\"element._eoFormControlWrapper.situation\"\n        [pickerTitle]=\"formElementRef._eoFormElement.label\" [readonly]=\"formElementRef._eoFormElement.readonly\"\n        [codesystem]=\"formElementRef._eoFormElement.codesystem\"\n        [multiselect]=\"formElementRef._eoFormElement.multiselect\"\n        [filterFunction]=\"formElementRef._eoFormElement.filterFunction\"\n        [disablingFilterFunction]=\"formElementRef._eoFormElement.disablingFilterFunction\"\n        [formControlName]=\"element._eoFormControlWrapper.controlName\"></eo-codesystem>\n    </eo-form-input>\n  </ng-template>\n\n  <!-- ORGANIZATION -->\n  <ng-template eoFormElementTemplate propertyType=\"ORGANIZATION\" let-element=\"element\"\n    let-formElementRef=\"formElementRef\">\n    <eo-form-input [tag]=\"tag\"\n      [label]=\"formElementRef._eoFormElement.label ? formElementRef._eoFormElement.label : formElementRef._eoFormElement.name\"\n      [isNull]=\"isNull\"\n      [skipToggle]=\"skipToggle || situation !== 'SEARCH'\" (onToggleLabel)=\"labelToggled($event)\"\n      [required]=\"formElementRef._eoFormElement.required\" [disabled]=\"formElementRef._eoFormElement.readonly\"\n      [invalid]=\"formElementRef.invalid\">\n\n      <eo-organization [situation]=\"element._eoFormControlWrapper.situation\"\n        [dataMeta]=\"formElementRef._eoFormElement.dataMeta\" [readonly]=\"formElementRef._eoFormElement.readonly\"\n        [filterObject]=\"formElementRef._eoFormElement.filter\" [multiselect]=\"formElementRef._eoFormElement.multiselect\"\n        (onDataMetaChanged)=\"organizationDataMetaResolved($event)\"\n        [formControlName]=\"element._eoFormControlWrapper.controlName\"></eo-organization>\n    </eo-form-input>\n  </ng-template>\n\n  <!-- NUMBER -->\n  <ng-template eoFormElementTemplate propertyType=\"NUMBER\" let-element=\"element\" let-formElementRef=\"formElementRef\">\n    <eo-form-input [tag]=\"tag\"\n      [label]=\"formElementRef._eoFormElement.label ? formElementRef._eoFormElement.label : formElementRef._eoFormElement.name\"\n      [isNull]=\"isNull\"\n      [skipToggle]=\"skipToggle || situation !== 'SEARCH'\" (onToggleLabel)=\"labelToggled($event)\"\n      [required]=\"formElementRef._eoFormElement.required\" [disabled]=\"formElementRef._eoFormElement.readonly\"\n      [invalid]=\"formElementRef.invalid\">\n\n      <eo-number *ngIf=\"situation !== 'SEARCH'\" [readonly]=\"formElementRef._eoFormElement.readonly\"\n        [precision]=\"formElementRef._eoFormElement.precision\" [scale]=\"formElementRef._eoFormElement.scale\"\n        [grouping]=\"formElementRef._eoFormElement.grouping\" [pattern]=\"formElementRef._eoFormElement.pattern\"\n        [formControlName]=\"element._eoFormControlWrapper.controlName\">\n      </eo-number>\n\n      <eo-number-range *ngIf=\"situation === 'SEARCH'\" [readonly]=\"formElementRef._eoFormElement.readonly\"\n        [precision]=\"formElementRef._eoFormElement.precision\" [scale]=\"formElementRef._eoFormElement.scale\"\n        [grouping]=\"formElementRef._eoFormElement.grouping\" [pattern]=\"formElementRef._eoFormElement.pattern\"\n        [formControlName]=\"element._eoFormControlWrapper.controlName\"></eo-number-range>\n    </eo-form-input>\n  </ng-template>\n\n  <!-- DATE AND DATETIME -->\n  <ng-template eoFormElementTemplate propertyType=\"DATETIME\" let-element=\"element\" let-formElementRef=\"formElementRef\">\n    <eo-form-input [tag]=\"tag\"\n      [label]=\"formElementRef._eoFormElement.label ? formElementRef._eoFormElement.label : formElementRef._eoFormElement.name\"\n      [isNull]=\"isNull\"\n      [skipToggle]=\"skipToggle || situation !== 'SEARCH'\" (onToggleLabel)=\"labelToggled($event)\"\n      [required]=\"formElementRef._eoFormElement.required\" [disabled]=\"formElementRef._eoFormElement.readonly\"\n      [invalid]=\"formElementRef.invalid\">\n\n      <eo-date *ngIf=\"situation !== 'SEARCH'\" [withTime]=\"formElementRef._eoFormElement.withtime\"\n        [readonly]=\"formElementRef._eoFormElement.readonly\"\n        [formControlName]=\"element._eoFormControlWrapper.controlName\"></eo-date>\n\n      <eo-datetime-range *ngIf=\"situation === 'SEARCH'\" [pickerTitle]=\"formElementRef._eoFormElement.label\"\n        [withTime]=\"formElementRef._eoFormElement.withtime\"\n        [formControlName]=\"element._eoFormControlWrapper.controlName\"></eo-datetime-range>\n    </eo-form-input>\n  </ng-template>\n\n  <ng-content></ng-content>\n\n  <!-- print out the type if it's not matching anything -->\n  <ng-template #tplUnknown><b>{{formElementRef._eoFormElement.type}}</b></ng-template>\n</div>\n", styles: [":host-context(.dark) .form-element .form-field .err-msg{background-color:var(--color-error);color:var(--color-white);margin:calc(var(--app-pane-padding) / 4) 0;padding:calc(var(--app-pane-padding) / 4);border:0;border-radius:2px}:host{flex:1 1 auto}:host.label-toggled::ng-deep eo-form-input label{text-decoration:line-through}.form-element{box-sizing:border-box}.form-element .form-field{margin:calc(var(--app-pane-padding) / 4) calc(var(--app-pane-padding) / 2)}.form-element .form-field .description{border:0;font-size:var(--font-hint);font-style:italic;padding:calc(var(--app-pane-padding) / 8) calc(var(--app-pane-padding) / 8) 0 calc(var(--app-pane-padding) / 8)}.form-element .form-field .err-msg{color:var(--color-error);padding:calc(var(--app-pane-padding) / 4) 0;border:0}.form-element .form-field .table{flex-flow:column;align-items:flex-start;border-color:transparent}.form-element .form-field .table .label{padding-bottom:calc(var(--app-pane-padding) / 4)}.form-element.ng-dirty:not(.ng-invalid)>.form-field:not(.focused)::ng-deep label{background-color:var(--color-dirty-background);color:var(--color-dirty-font)!important}\n"] }]
         }], ctorParameters: function () { return [{ type: i1.TranslateService }, { type: i0.Renderer2 }, { type: i0.ElementRef }]; }, propDecorators: { elementTemplates: [{
                 type: ViewChildren,
                 args: [FormElementTemplate, { emitDistinctChangesOnly: true }]
@@ -7977,8 +7977,6 @@ let MediaComponent = MediaComponent_1 = class MediaComponent {
         // set api to iframe window
         const win = (iframe === null || iframe === void 0 ? void 0 : 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 ((_a = win['api']) === null || _a === void 0 ? void 0 : _a.content) {
             win['api'].content.resolveViewerParams = (parameters) => {
                 const uri = parameters.path.replace(location.origin, '');
@@ -9918,14 +9916,19 @@ class IndexdataSummaryEntryComponent {
         });
     }
     set value(v) {
+        var _a, _b;
         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 = (_a = v === null || v === void 0 ? void 0 : v.val1) === null || _a === void 0 ? void 0 : _a.replace(/\n/gi, '<br>');
+                if (!this.showDiff) {
+                    v.val2 = (_b = v === null || v === void 0 ? void 0 : v.val2) === null || _b === void 0 ? void 0 : _b.replace(/\n/gi, '<br>');
+                }
             }
         }
         this.value1 = this.showDiff ? v.val1 : v;
@@ -10019,6 +10022,7 @@ let IndexdataSummaryComponent = IndexdataSummaryComponent_1 = class IndexdataSum
         this.diffActive = false;
         this.emptyState = false;
         this.enableVersions = true;
+        this.isChangesTab = false;
     }
     onValueClick(event, item = {}) {
         if (item.reference || item.version) {
@@ -10057,13 +10061,13 @@ let IndexdataSummaryComponent = IndexdataSummaryComponent_1 = class IndexdataSum
     }
 };
 IndexdataSummaryComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.2", ngImport: i0, type: IndexdataSummaryComponent, deps: [{ token: i1.TranslateService }, { token: GridService }, { token: i1.DmsService }, { token: i1.UserService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-IndexdataSummaryComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.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  <div class=\"storageinfo\" *ngIf=\"storageInfos?.length && isUserAllowedToShowStorageSection\">\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</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:-moz-max-content;width:max-content}\n"], dependencies: [{ kind: "directive", type: i2$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2$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.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.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  <div class=\"storageinfo\" *ngIf=\"storageInfos?.length && isUserAllowedToShowStorageSection && !isChangesTab\">\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</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:-moz-max-content;width:max-content}\n"], dependencies: [{ kind: "directive", type: i2$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2$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: "15.2.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  <div class=\"storageinfo\" *ngIf=\"storageInfos?.length && isUserAllowedToShowStorageSection\">\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</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:-moz-max-content;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  <div class=\"storageinfo\" *ngIf=\"storageInfos?.length && isUserAllowedToShowStorageSection && !isChangesTab\">\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</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:-moz-max-content;width:max-content}\n"] }]
         }], ctorParameters: function () { return [{ type: i1.TranslateService }, { type: GridService }, { type: i1.DmsService }, { type: i1.UserService }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { storageAccordion: [{
                 type: ViewChild,
                 args: ['storageAccordion']
@@ -10075,6 +10079,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.2", ngImpor
                 type: Input
             }], enableVersions: [{
                 type: Input
+            }], isChangesTab: [{
+                type: Input
             }], diff: [{
                 type: Input
             }] } });
@@ -15531,10 +15537,7 @@ class SignatureActionComponent extends DmsObjectTarget {
         this.range = SelectionRange.SINGLE_SELECT;
         this.extComponents = SignatureComponent;
         this.label = this.translate.instant('eo.action.signature.label');
-        this.signingService.getInfo().subscribe((info) => {
-            let platformName = info.platform === 'docusign' ? 'DocuSign' : 'Adobe Sign';
-            this.description = this.translate.instant('eo.action.signature.description', { platform: platformName });
-        });
+        this.description = this.translate.instant('eo.action.signature.description');
     }
     isExecutable(element) {
         return of(!this.signingService.signatureRequested(element)
@@ -18242,10 +18245,10 @@ class ProcessFileComponent {
     }
 }
 ProcessFileComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.2", ngImport: i0, type: ProcessFileComponent, deps: [{ token: i1.EventService }], target: i0.ɵɵFactoryTarget.Component });
-ProcessFileComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.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;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: i2$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2$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: [] });
+ProcessFileComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.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;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: i2$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2$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: "15.2.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;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;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: function () { return [{ type: i1.EventService }]; }, propDecorators: { processFile: [{
                 type: Input
             }], permissions: [{
@@ -18679,7 +18682,7 @@ let InboxDetailsComponent = class InboxDetailsComponent {
     }
 };
 InboxDetailsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.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 });
-InboxDetailsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.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;-moz-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: i2$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2$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" }] });
+InboxDetailsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.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;-moz-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: i2$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2$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()
 ], InboxDetailsComponent);
@@ -19314,8 +19317,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
@@ -19522,15 +19527,18 @@ let ObjectDetailsComponent = class ObjectDetailsComponent {
         const _primary = this.panelOrder.master || [];
         const _secondary = this.panelOrder.slave || [];
         const plugins = ((_c = this.plugins) === null || _c === void 0 ? void 0 : _c.map(p => p.id)) || [];
-        const tabs = [..._primary, ..._secondary, ...plugins].filter(t => !block.includes(t));
-        const diff = tabs.filter(t => !(primary === null || primary === void 0 ? void 0 : primary.includes(t)) && !(secondary === null || secondary === void 0 ? void 0 : 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 === null || primary === void 0 ? void 0 : primary.includes(t)) && !(secondary === null || secondary === void 0 ? void 0 : 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((_d = cachedOrder === null || cachedOrder === void 0 ? void 0 : cachedOrder.primary) === null || _d === void 0 ? void 0 : _d.active) ? (_e = cachedOrder === null || cachedOrder === void 0 ? void 0 : cachedOrder.primary) === null || _e === void 0 ? void 0 : _e.active : p[0] || '' },
             secondary: { tabs: s, active: s.includes((_f = cachedOrder === null || cachedOrder === void 0 ? void 0 : cachedOrder.secondary) === null || _f === void 0 ? void 0 : _f.active) ? (_g = cachedOrder === null || cachedOrder === void 0 ? void 0 : cachedOrder.secondary) === null || _g === void 0 ? void 0 : _g.active : s[0] || '' },
@@ -19574,13 +19582,13 @@ let ObjectDetailsComponent = class ObjectDetailsComponent {
     }
 };
 ObjectDetailsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.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.TranslateService }], target: i0.ɵɵFactoryTarget.Component });
-ObjectDetailsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.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        </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;-moz-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);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: i2$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2$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", "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: i2$2.AsyncPipe, name: "async" }, { kind: "pipe", type: i4.TranslatePipe, name: "translate" }, { kind: "pipe", type: LocaleDatePipe, name: "localeDate" }] });
+ObjectDetailsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.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        </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;-moz-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);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: i2$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2$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", "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: i2$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: "15.2.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        </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;-moz-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);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        </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;-moz-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);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: function () { return [{ 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.TranslateService }]; }, propDecorators: { preview: [{
                 type: ViewChild,
                 args: ['viewer']
@@ -19603,6 +19611,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.2", ngImpor
                 type: Input
             }], recyclebinTabs: [{
                 type: Input
+            }], versionComponentTabs: [{
+                type: Input
             }], enableDiff: [{
                 type: Input
             }], enableSync: [{
@@ -19845,7 +19855,7 @@ let RecyclebinDetailsComponent = class RecyclebinDetailsComponent {
     }
 };
 RecyclebinDetailsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.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 });
-RecyclebinDetailsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.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;-moz-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);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:white!important}::ng-deep .recyclebin-delete__dialog .recyclebin-delete__dialog_warning{color:var(--color-error)}\n"], dependencies: [{ kind: "directive", type: i2$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2$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" }] });
+RecyclebinDetailsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.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;-moz-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);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:white!important}::ng-deep .recyclebin-delete__dialog .recyclebin-delete__dialog_warning{color:var(--color-error)}\n"], dependencies: [{ kind: "directive", type: i2$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2$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()
 ], RecyclebinDetailsComponent);
@@ -20628,6 +20638,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);
             }
@@ -21549,6 +21560,7 @@ let ResultListComponent = ResultListComponent_1 = class ResultListComponent {
                 successCallback: (rows, total, relation) => {
                     this.settings = { total, relation, size: this.VIRTUAL_LIST_CHUNK_SIZE, page };
                     this.grid.api.setRowData(rows);
+                    this.grid.selectRow(0);
                 }
             });
         }
@@ -22662,10 +22674,10 @@ class AboutStateComponent {
         this.backend = backend;
         this.userService = userService;
         this.config = config;
-        this.__libraries__ = [{ "name": "@ag-grid-community/angular", "version": "22.1.2", "license": "MIT" }, { "name": "@ag-grid-community/client-side-row-model", "version": "22.1.1", "license": "MIT" }, { "name": "@ag-grid-community/core", "version": "22.1.1", "license": "MIT" }, { "name": "@ag-grid-community/csv-export", "version": "22.1.1", "license": "MIT" }, { "name": "@angular/animations", "version": "15.2.2", "license": "MIT" }, { "name": "@angular/cdk", "version": "15.2.2", "license": "MIT" }, { "name": "@angular/common", "version": "15.2.2", "license": "MIT" }, { "name": "@angular/compiler", "version": "15.2.2", "license": "MIT" }, { "name": "@angular/core", "version": "15.2.2", "license": "MIT" }, { "name": "@angular/forms", "version": "15.2.2", "license": "MIT" }, { "name": "@angular/platform-browser", "version": "15.2.2", "license": "MIT" }, { "name": "@angular/platform-browser-dynamic", "version": "15.2.2", "license": "MIT" }, { "name": "@angular/router", "version": "15.2.2", "license": "MIT" }, { "name": "@carbon/charts-angular", "version": "1.8.1", "license": "Apache-2.0" }, { "name": "@eo-sdk/core", "version": "10.6.16", "license": "MIT" }, { "name": "@ngneat/until-destroy", "version": "10.0.0", "license": "MIT" }, { "name": "@ngx-pwa/local-storage", "version": "15.0.0", "license": "MIT" }, { "name": "@ngx-translate/core", "version": "14.0.0", "license": "MIT" }, { "name": "@yuuvis/components", "version": "1.0.6", "license": "MIT" }, { "name": "@yuuvis/widget-grid", "version": "1.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.29.4", "license": "MIT" }, { "name": "ngx-toastr", "version": "16.0.2", "license": "MIT" }, { "name": "rxjs", "version": "7.5.7", "license": "Apache-2.0" }, { "name": "tslib", "version": "2.6.2", "license": "0BSD" }, { "name": "zone.js", "version": "0.11.8", "license": "MIT" }];
+        this.__libraries__ = [{ "name": "@ag-grid-community/angular", "version": "22.1.2", "license": "MIT" }, { "name": "@ag-grid-community/client-side-row-model", "version": "22.1.1", "license": "MIT" }, { "name": "@ag-grid-community/core", "version": "22.1.1", "license": "MIT" }, { "name": "@ag-grid-community/csv-export", "version": "22.1.1", "license": "MIT" }, { "name": "@angular/animations", "version": "15.2.2", "license": "MIT" }, { "name": "@angular/cdk", "version": "15.2.2", "license": "MIT" }, { "name": "@angular/common", "version": "15.2.2", "license": "MIT" }, { "name": "@angular/compiler", "version": "15.2.2", "license": "MIT" }, { "name": "@angular/core", "version": "15.2.2", "license": "MIT" }, { "name": "@angular/forms", "version": "15.2.2", "license": "MIT" }, { "name": "@angular/platform-browser", "version": "15.2.2", "license": "MIT" }, { "name": "@angular/platform-browser-dynamic", "version": "15.2.2", "license": "MIT" }, { "name": "@angular/router", "version": "15.2.2", "license": "MIT" }, { "name": "@carbon/charts-angular", "version": "1.8.1", "license": "Apache-2.0" }, { "name": "@eo-sdk/core", "version": "10.6.17", "license": "MIT" }, { "name": "@ngneat/until-destroy", "version": "10.0.0", "license": "MIT" }, { "name": "@ngx-pwa/local-storage", "version": "15.0.0", "license": "MIT" }, { "name": "@ngx-translate/core", "version": "14.0.0", "license": "MIT" }, { "name": "@yuuvis/components", "version": "1.0.6", "license": "MIT" }, { "name": "@yuuvis/widget-grid", "version": "1.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.29.4", "license": "MIT" }, { "name": "ngx-toastr", "version": "16.0.2", "license": "MIT" }, { "name": "rxjs", "version": "7.5.7", "license": "Apache-2.0" }, { "name": "tslib", "version": "2.6.2", "license": "0BSD" }, { "name": "zone.js", "version": "0.11.8", "license": "MIT" }];
         this.ctrl = {
             componentName: 'yuuvis® RAD client',
-            componentVersion: '10.6.16',
+            componentVersion: '10.6.17',
             productName: '',
             productVersion: ''
         };
@@ -22859,10 +22871,10 @@ class IframeWidgetComponent {
     }
 }
 IframeWidgetComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.2", ngImport: i0, type: IframeWidgetComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-IframeWidgetComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.2", type: IframeWidgetComponent, selector: "eo-iframe-widget", inputs: { widgetConfig: "widgetConfig" }, viewQueries: [{ propertyName: "iframe", first: true, predicate: ["iframe"], descendants: true, static: true }], ngImport: i0, template: "\n<header *ngIf=\"widgetConfig?.title\">\n    <a>{{widgetConfig?.title}}</a>\n</header>\n<div class=\"iframe\" *ngIf=\"widgetConfig?.url === '' ; else tpl\">\n</div>\n<ng-template #tpl>\n    <div class=\"container\"  [style.overflow]=\"'hidden'\">\n        <iframe class=\"responsive-iframe\" [src]=\"widgetConfig?.url | safeUrl\" #iframe></iframe>\n    </div>\n</ng-template>\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: "directive", type: i2$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: SafeUrlPipe, name: "safeUrl" }] });
+IframeWidgetComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.2", type: IframeWidgetComponent, selector: "eo-iframe-widget", inputs: { widgetConfig: "widgetConfig" }, viewQueries: [{ propertyName: "iframe", first: true, predicate: ["iframe"], descendants: true, static: true }], ngImport: i0, template: "\n<header *ngIf=\"widgetConfig?.title\">\n    <a>{{widgetConfig?.title}}</a>\n</header>\n<div class=\"iframe\" *ngIf=\"widgetConfig?.url === '' ; else tpl\">\n</div>\n<ng-template #tpl>\n    <div class=\"container\"  [style.overflow]=\"'hidden'\">\n        <iframe class=\"responsive-iframe\" [src]=\"widgetConfig?.url | safeUrl\" #iframe></iframe>\n    </div>\n</ng-template>\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: "directive", type: i2$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: SafeUrlPipe, name: "safeUrl" }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.2", ngImport: i0, type: IframeWidgetComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'eo-iframe-widget', template: "\n<header *ngIf=\"widgetConfig?.title\">\n    <a>{{widgetConfig?.title}}</a>\n</header>\n<div class=\"iframe\" *ngIf=\"widgetConfig?.url === '' ; else tpl\">\n</div>\n<ng-template #tpl>\n    <div class=\"container\"  [style.overflow]=\"'hidden'\">\n        <iframe class=\"responsive-iframe\" [src]=\"widgetConfig?.url | safeUrl\" #iframe></iframe>\n    </div>\n</ng-template>\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: "\n<header *ngIf=\"widgetConfig?.title\">\n    <a>{{widgetConfig?.title}}</a>\n</header>\n<div class=\"iframe\" *ngIf=\"widgetConfig?.url === '' ; else tpl\">\n</div>\n<ng-template #tpl>\n    <div class=\"container\"  [style.overflow]=\"'hidden'\">\n        <iframe class=\"responsive-iframe\" [src]=\"widgetConfig?.url | safeUrl\" #iframe></iframe>\n    </div>\n</ng-template>\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 }]
@@ -24190,7 +24202,7 @@ let DashboardComponent = class DashboardComponent {
     }
 };
 DashboardComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.2", ngImport: i0, type: DashboardComponent, deps: [{ token: i1.UserService }, { token: i2$6.WidgetGridRegistry }, { token: PageTitleService }, { token: i2$1.Router }, { token: i2.HttpClient }, { token: i1.Config }, { token: i1.LocalStorageService }, { token: i1.TranslateService }, { token: i1.CapabilitiesService }, { token: i1.StoredQueriesService }, { token: PendingChangesService }], target: i0.ɵɵFactoryTarget.Component });
-DashboardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.2", type: DashboardComponent, selector: "eo-dashboard", host: { listeners: { "window:keyup": "onKey($event)" } }, viewQueries: [{ propertyName: "quickSearchEl", first: true, predicate: ["quickSearch"], descendants: true }], ngImport: i0, template: "<ng-container>\n  <div class=\"fade\"></div>\n  <div class=\"dashboard\" [style.background-image]=\"backgroundImage\">\n    <div class=\"footerButton\" eoRtlAware=\"full\">\n      <eo-icon id=\"dashboardButton\" [iconSrc]=\"toolbarIconSrc\" [iconTitle]=\"toolbarIconTooltip | translate\"></eo-icon>\n    </div>\n    <yuv-widget-grid-workspaces *ngIf=\"workspaceConfig\"\n    [workspaceLabelMaxLength]=\"50\"\n    [workspaceConfig]=\"workspaceConfig\"\n      (configChange)=\"onWorkspacesConfigChange($event)\" (editModeChange)=\"onWorkspaceEditMode($event)\" [options]=\"workspaceOptions\">\n    </yuv-widget-grid-workspaces>\n  </div>\n</ng-container>\n", styles: [".fade{position:absolute;opacity:.3;left:0;right:0;top:0;z-index:1;height:500px;background:linear-gradient(to bottom,rgba(var(--color-black-rgb),1) 0,transparent 100%)}.dashboard{position:absolute;inset:0;background-size:cover;background-position:center center}.footerButton{position:absolute;z-index:1000;bottom:10px;cursor:pointer;right:5px}.footerButton.rtl{left:5px;right:unset}.footerButton:hover{color:var(--list-item-hover-background)}.footerButton:hover eo-icon{background-color:var(--list-item-hover-background)}.footerButton #dashboardButton{color:var(--text-color-caption)}::ng-deep .cds--cc--title p.title,::ng-deep .yuv-widget-headline{font-size:var(--font-body);font-weight:700;color:var(--text-color-caption);font-style:italic;margin:0;padding:0}::ng-deep svg{width:24px;height:24px}::ng-deep .legend-item svg{width:11px;height:11px}::ng-deep yuv-widget-grid{top:60px;height:92%!important;--color-admin-primary: var(--color-primary)}::ng-deep yuv-widget-grid.editMode gridster-item{outline:2px dotted var(--color-admin-primary);border-radius:2px}::ng-deep yuv-widget-grid-workspaces{background-size:cover;background-position:center center}::ng-deep yuv-widget-grid-workspaces>.confirm{align-items:center!important;justify-content:center!important}::ng-deep yuv-widget-grid-workspaces>.toolbar{padding-inline-end:36px!important;background-color:#d3d3d380!important}::ng-deep yuv-widget-grid-workspaces>.toolbar>.workspace-edit input{position:relative;left:6px;width:230px}::ng-deep yuv-widget-grid-workspaces yuv-picture-widget{box-sizing:border-box}::ng-deep gridster{background:none!important}::ng-deep gridster gridster-item:has(yuv-todo-widget),::ng-deep gridster gridster-item:has(yuv-picture-widget){border:1px solid var(--panel-divider-color)}::ng-deep gridster gridster-item:has(yuv-picture-widget){box-shadow:0 0 10px #0003}::ng-deep gridster .yuv-widget{border:1px solid var(--panel-divider-color)}::ng-deep gridster .gridster-row,::ng-deep gridster .gridster-column{border-color:#0003}.dark ::ng-deep gridster .gridster-row,.dark ::ng-deep gridster .gridster-column{border-color:var(--panel-divider-color)}\n"], dependencies: [{ kind: "directive", type: i2$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$6.WidgetGridWorkspacesComponent, selector: "yuv-widget-grid-workspaces", inputs: ["options", "workspaceConfig", "preventAdd", "workspaceLabelMaxLength"], outputs: ["configChange", "gridItemEvent", "editModeChange"] }, { kind: "pipe", type: i4.TranslatePipe, name: "translate" }], animations: [
+DashboardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.2", type: DashboardComponent, selector: "eo-dashboard", host: { listeners: { "window:keyup": "onKey($event)" } }, viewQueries: [{ propertyName: "quickSearchEl", first: true, predicate: ["quickSearch"], descendants: true }], ngImport: i0, template: "<ng-container>\n  <div class=\"fade\"></div>\n  <div class=\"dashboard\" [style.background-image]=\"backgroundImage\">\n    <div class=\"footerButton\" eoRtlAware=\"full\">\n      <eo-icon id=\"dashboardButton\" [iconSrc]=\"toolbarIconSrc\" [iconTitle]=\"toolbarIconTooltip | translate\"></eo-icon>\n    </div>\n    <yuv-widget-grid-workspaces *ngIf=\"workspaceConfig\"\n    [workspaceLabelMaxLength]=\"50\"\n    [workspaceConfig]=\"workspaceConfig\"\n      (configChange)=\"onWorkspacesConfigChange($event)\" (editModeChange)=\"onWorkspaceEditMode($event)\" [options]=\"workspaceOptions\">\n    </yuv-widget-grid-workspaces>\n  </div>\n</ng-container>\n", styles: [".fade{position:absolute;opacity:.3;left:0;right:0;top:0;z-index:1;height:500px;background:linear-gradient(to bottom,rgba(var(--color-black-rgb),1) 0,transparent 100%)}.dashboard{position:absolute;inset:0;background-size:cover;background-position:center center}.footerButton{position:absolute;z-index:1000;bottom:10px;cursor:pointer;right:5px}.footerButton.rtl{left:5px;right:unset}.footerButton:hover{color:var(--list-item-hover-background)}.footerButton:hover eo-icon{background-color:var(--list-item-hover-background)}.footerButton #dashboardButton{color:var(--text-color-caption)}::ng-deep .cds--cc--title p.title,::ng-deep .yuv-widget-headline{font-size:var(--font-body);font-weight:700;color:var(--text-color-caption);font-style:italic;margin:0;padding:0}::ng-deep svg{width:24px;height:24px}::ng-deep .legend-item svg{width:11px;height:11px}::ng-deep yuv-widget-grid{top:60px;height:92%!important;--color-admin-primary: var(--color-primary)}::ng-deep yuv-widget-grid.editMode gridster-item{outline:2px dotted var(--color-admin-primary);border-radius:2px}::ng-deep yuv-widget-grid-workspaces{background-size:cover;background-position:center center}::ng-deep yuv-widget-grid-workspaces>.confirm{align-items:center!important;justify-content:center!important}::ng-deep yuv-widget-grid-workspaces>.toolbar{padding-inline-end:36px!important;background-color:#d3d3d380!important}::ng-deep yuv-widget-grid-workspaces>.toolbar>.workspace-edit input{position:relative;left:6px;width:230px}::ng-deep yuv-widget-grid-workspaces yuv-picture-widget{box-sizing:border-box}::ng-deep gridster{background:none!important}::ng-deep gridster .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: i2$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$6.WidgetGridWorkspacesComponent, selector: "yuv-widget-grid-workspaces", inputs: ["options", "workspaceConfig", "preventAdd", "workspaceLabelMaxLength"], outputs: ["configChange", "gridItemEvent", "editModeChange"] }, { kind: "pipe", type: i4.TranslatePipe, name: "translate" }], animations: [
         listAnimation
     ] });
 DashboardComponent = __decorate([
@@ -24200,7 +24212,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.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}::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 .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: function () { return [{ type: i1.UserService }, { type: i2$6.WidgetGridRegistry }, { type: PageTitleService }, { type: i2$1.Router }, { type: i2.HttpClient }, { type: i1.Config }, { type: i1.LocalStorageService }, { type: i1.TranslateService }, { type: i1.CapabilitiesService }, { type: i1.StoredQueriesService }, { type: PendingChangesService }]; }, propDecorators: { quickSearchEl: [{
                 type: ViewChild,
                 args: ['quickSearch']
@@ -24605,7 +24617,7 @@ let ResultStateComponent = class ResultStateComponent {
     }
 };
 ResultStateComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.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 });
-ResultStateComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.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$2.MasterDetailsComponent, selector: "yvc-master-details", inputs: ["detailsActive", "layoutSettingsID", "layoutOptions", "undockableDetails", "panelStyle", "mode"] }, { kind: "pipe", type: PluginPipe, name: "plugins" }] });
+ResultStateComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.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$2.MasterDetailsComponent, selector: "yvc-master-details", inputs: ["detailsActive", "layoutSettingsID", "layoutOptions", "undockableDetails", "panelStyle", "mode"] }, { kind: "pipe", type: PluginPipe, name: "plugins" }] });
 ResultStateComponent = __decorate([
     UntilDestroy()
 ], ResultStateComponent);
@@ -24723,7 +24735,7 @@ let FavoriteStateComponent = class FavoriteStateComponent {
     }
 };
 FavoriteStateComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.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 });
-FavoriteStateComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.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;-moz-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: i2$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2$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" }] });
+FavoriteStateComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.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;-moz-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: i2$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2$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()
 ], FavoriteStateComponent);
@@ -25037,6 +25049,7 @@ class ProcessStateComponent {
             successCallback: (rows, total) => {
                 this.eoGrid.api.setRowData(rows);
                 this.settings = { total, size: this.VIRTUAL_LIST_CHUNK_SIZE, page };
+                this.eoGrid.selectRow(0);
             }
         });
     }
@@ -25203,7 +25216,7 @@ class ProcessStateComponent {
     }
 }
 ProcessStateComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.2", ngImport: i0, type: ProcessStateComponent, deps: [{ token: i1.TranslateService }, { token: i1.BpmService }, { token: SelectionService }, { token: EmptyStateService }, { token: i1.BackendService }, { token: i1$2.UntypedFormBuilder }, { token: PageTitleService }, { token: i1.AppCacheService }, { token: PendingChangesService }], target: i0.ɵɵFactoryTarget.Component });
-ProcessStateComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.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 #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;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;-moz-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: i2$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$2.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" }] });
+ProcessStateComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.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 #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;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;-moz-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: i2$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$2.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: "15.2.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                      [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 #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;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;-moz-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"] }]
@@ -25396,7 +25409,7 @@ let NotificationsStateComponent = class NotificationsStateComponent {
     }
 };
 NotificationsStateComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.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 });
-NotificationsStateComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.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;-moz-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: i2$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" }] });
+NotificationsStateComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.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;-moz-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: i2$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()
 ], NotificationsStateComponent);
@@ -25512,13 +25525,13 @@ let VersionStateComponent = class VersionStateComponent {
     }
 };
 VersionStateComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.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 });
-VersionStateComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.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;-moz-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: i2$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" }] });
+VersionStateComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.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;-moz-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: i2$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: "15.2.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;-moz-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;-moz-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: function () { return [{ type: i2$1.ActivatedRoute }, { type: i1.TranslateService }, { type: PageTitleService }, { type: i1.EventService }, { type: i1.DmsService }]; }, propDecorators: { eoGrid: [{
                 type: ViewChild,
                 args: ['eoGrid']
@@ -25887,7 +25900,7 @@ let InboxStateComponent = class InboxStateComponent {
     }
 };
 InboxStateComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.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 });
-InboxStateComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.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;-moz-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: i2$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2$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" }] });
+InboxStateComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.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;-moz-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: i2$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2$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()
 ], InboxStateComponent);
@@ -26357,7 +26370,7 @@ let ObjectStateComponent = class ObjectStateComponent {
     }
 };
 ObjectStateComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.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 });
-ObjectStateComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.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: i2$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2$2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1$2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$2.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$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$2.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i1$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i1$2.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] });
+ObjectStateComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.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: i2$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2$2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1$2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$2.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$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$2.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i1$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i1$2.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);