@eo-sdk/client 8.16.25 → 8.16.29

package/fesm2015/eo-sdk-client.js

@@ -1876,7 +1876,7 @@ class CellRenderer {
         if (param.value && (param.value.url || param.value.iconId)) {
             let iconUrl = param.value.url
                 ? param.context.baseHref + param.value.url
-                : param.context.backend.getContextPath() +
+                : param.context.backend.getBaseWithContext(param.context.backend.getServiceBase()) +
                     '/ui/icon/' +
                     param.value.iconId +
                     '.svg';
@@ -1998,7 +1998,7 @@ class CellRenderer {
         if (!UtilitiesService.isEmpty(value) && type) {
             (Array.isArray(value) ? value : [value]).forEach((val, index) => {
                 const link = 'object/' + val + '?type=' + param.reference.type;
-                const iconUrl = param.context.backend.getContextPath() +
+                const iconUrl = param.context.backend.getBaseWithContext(param.context.backend.getServiceBase()) +
                     '/ui/icon/' +
                     type.iconId +
                     '.svg';
@@ -9992,7 +9992,7 @@ class FormElementComponent {
 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       [ngSwitch]=\"formElementRef._eoFormElement.type\"\n       [ngClass]=\"{disabled: !!formElementRef._eoFormElement.readonly}\">\n\n    <!-- STRING -->\n    <eo-form-input *ngSwitchCase=\"'STRING'\" [tag]=\"tag\" [label]=\"formElementRef._eoFormElement.label\"\n                   [isNull]=\"isNull\"\n                   [skipToggle]=\"skipToggle || situation !== 'SEARCH'\"\n                   (onToggleLabel)=\"labelToggled($event)\"\n                   [required]=\"formElementRef._eoFormElement.required\"\n                   [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\"\n        [regex]=\"formElementRef._eoFormElement.regex\"\n        [qname]=\"formElementRef._eoFormElement.qname\"\n        [size]=\"formElementRef._eoFormElement.size\"\n        [readonly]=\"formElementRef._eoFormElement.readonly\"\n        [minLength]=\"formElementRef._eoFormElement.minlen\"\n        [maxLength]=\"formElementRef._eoFormElement.maxlen\"\n      ></eo-string>\n\n      <!-- Dynamic List -->\n      <eo-dynamic-list\n        *ngIf=\"!formElementRef._eoFormElement.reference && formElementRef._eoFormElement.classification === 'selector'\"\n        [situation]=\"element._eoFormControlWrapper.situation\"\n        [pickerTitle]=\"formElementRef._eoFormElement.label\"\n        [filterFunction]=\"formElementRef._eoFormElement.filterFunction\"\n        [multiselect]=\"formElementRef._eoFormElement.multiselect\"\n        [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\"\n                    [reference]=\"formElementRef._eoFormElement.reference\"\n                    [multiselect]=\"formElementRef._eoFormElement.multiselect\"\n                    [minLength]=\"formElementRef._eoFormElement.minlen\"\n                    [maxLength]=\"formElementRef._eoFormElement.maxlen\"\n      ></eo-reference>\n    </eo-form-input>\n\n    <!-- ID-Reference -->\n    <eo-form-input *ngSwitchCase=\"'REFERENCE'\" [tag]=\"tag\" [label]=\"formElementRef._eoFormElement.label\"\n                   [isNull]=\"isNull\"\n                   [skipToggle]=\"skipToggle || situation !== 'SEARCH'\"\n                   (onToggleLabel)=\"labelToggled($event)\"\n                   [required]=\"formElementRef._eoFormElement.required\"\n                   [disabled]=\"formElementRef._eoFormElement.readonly\"\n                   [invalid]=\"formElementRef.invalid\">\n\n      <eo-id-reference\n                    [formControlName]=\"element._eoFormControlWrapper.controlName\"\n                    [situation]=\"element._eoFormControlWrapper.situation\"\n                    [dataToRender]=\"formElementRef._eoFormElement.dataToRender\"\n                    [reference]=\"formElementRef._eoFormElement.reference\"\n                    [readonly]=\"formElementRef._eoFormElement.readonly\"\n                    [multiselect]=\"formElementRef._eoFormElement.multiselect\"\n                    [contextId]=\"formElementRef._eoFormElement.contextId\"\n                    [exceptionIDs]=\"formElementRef._eoFormElement.exceptionIDs\"\n                    [queryFilters]=\"formElementRef._eoFormElement.queryFilters\"\n                    [objectTypesFilter]=\"formElementRef._eoFormElement.objectTypesFilter\"\n      ></eo-id-reference>\n    </eo-form-input>\n\n    <!-- ID -->\n    <eo-form-input *ngSwitchCase=\"'ID'\" [tag]=\"tag\" [label]=\"formElementRef._eoFormElement.label\"\n                   [isNull]=\"isNull\"\n                   [skipToggle]=\"skipToggle || situation !== 'SEARCH'\"\n                   (onToggleLabel)=\"labelToggled($event)\"\n                   [required]=\"formElementRef._eoFormElement.required\"\n                   [disabled]=\"formElementRef._eoFormElement.readonly\"\n                   [invalid]=\"formElementRef.invalid\">\n\n      <eo-string\n                    [situation]=\"element._eoFormControlWrapper.situation\"\n                    [formControlName]=\"element._eoFormControlWrapper.controlName\"\n                    [autocomplete]=\"formElementRef._eoFormElement.autocomplete\"\n                    [multiselect]=\"formElementRef._eoFormElement.multiselect\"\n                    [regex]=\"'^[0-9a-fA-F]*$'\"\n                    [qname]=\"formElementRef._eoFormElement.qname\"\n                    [readonly]=\"formElementRef._eoFormElement.readonly\"\n                    [minLength]=\"32\"\n                    [maxLength]=\"32\"\n      ></eo-string>\n\n    </eo-form-input>\n\n\n    <!-- BOOLEAN -->\n    <eo-form-input *ngSwitchCase=\"'BOOLEAN'\" [tag]=\"tag\" class=\"checkbox\" [label]=\"formElementRef._eoFormElement.label\"\n                    [isNull]=\"isNull\"\n                   [skipToggle]=\"skipToggle || situation !== 'SEARCH'\"\n                   [required]=\"formElementRef._eoFormElement.required\"\n                   [disabled]=\"formElementRef._eoFormElement.readonly\"\n                   (onToggleLabel)=\"labelToggled($event)\"\n                   [invalid]=\"formElementRef.invalid\">\n\n      <eo-checkbox [formControlName]=\"element._eoFormControlWrapper.controlName\"\n                   [readonly]=\"formElementRef._eoFormElement.readonly\"\n                   [tristate]=\"true\"></eo-checkbox>\n    </eo-form-input>\n\n    <!-- CODESYSTEM -->\n    <eo-form-input *ngSwitchCase=\"'CODESYSTEM'\" [tag]=\"tag\" [label]=\"formElementRef._eoFormElement.label\"\n                   [isNull]=\"isNull\"\n                   [skipToggle]=\"skipToggle || situation !== 'SEARCH'\"\n                   (onToggleLabel)=\"labelToggled($event)\"\n                   [required]=\"formElementRef._eoFormElement.required\"\n                   [disabled]=\"formElementRef._eoFormElement.readonly\"\n                   [invalid]=\"formElementRef.invalid\">\n\n      <eo-codesystem [situation]=\"element._eoFormControlWrapper.situation\"\n                     [pickerTitle]=\"formElementRef._eoFormElement.label\"\n                     [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\"\n      ></eo-codesystem>\n    </eo-form-input>\n\n    <!-- ORGANIZATION -->\n    <eo-form-input *ngSwitchCase=\"'ORGANIZATION'\" [tag]=\"tag\" [label]=\"formElementRef._eoFormElement.label\"\n                   [isNull]=\"isNull\"\n                   [skipToggle]=\"skipToggle || situation !== 'SEARCH'\"\n                   (onToggleLabel)=\"labelToggled($event)\"\n                   [required]=\"formElementRef._eoFormElement.required\"\n                   [disabled]=\"formElementRef._eoFormElement.readonly\"\n                   [invalid]=\"formElementRef.invalid\">\n\n      <eo-organization [situation]=\"element._eoFormControlWrapper.situation\"\n                       [dataMeta]=\"formElementRef._eoFormElement.dataMeta\"\n                       [readonly]=\"formElementRef._eoFormElement.readonly\"\n                       [filterObject]=\"formElementRef._eoFormElement.filter\"\n                       [multiselect]=\"formElementRef._eoFormElement.multiselect\"\n                       (onDataMetaChanged)=\"organizationDataMetaResolved($event)\"\n                       [formControlName]=\"element._eoFormControlWrapper.controlName\"\n      ></eo-organization>\n    </eo-form-input>\n\n    <!-- NUMBER -->\n\n    <eo-form-input *ngSwitchCase=\"'NUMBER'\" [tag]=\"tag\" [label]=\"formElementRef._eoFormElement.label\"\n                   [isNull]=\"isNull\"\n                   [skipToggle]=\"skipToggle || situation !== 'SEARCH'\"\n                   (onToggleLabel)=\"labelToggled($event)\"\n                   [required]=\"formElementRef._eoFormElement.required\"\n                   [disabled]=\"formElementRef._eoFormElement.readonly\"\n                   [invalid]=\"formElementRef.invalid\">\n\n      <eo-number *ngIf=\"situation !== 'SEARCH'\"\n                 [readonly]=\"formElementRef._eoFormElement.readonly\"\n                 [precision]=\"formElementRef._eoFormElement.precision\"\n                 [scale]=\"formElementRef._eoFormElement.scale\"\n                 [grouping]=\"formElementRef._eoFormElement.grouping\"\n                 [pattern]=\"formElementRef._eoFormElement.pattern\"\n                 [formControlName]=\"element._eoFormControlWrapper.controlName\">\n      </eo-number>\n\n      <eo-number-range *ngIf=\"situation === 'SEARCH'\"\n                       [readonly]=\"formElementRef._eoFormElement.readonly\"\n                       [precision]=\"formElementRef._eoFormElement.precision\"\n                       [scale]=\"formElementRef._eoFormElement.scale\"\n                       [grouping]=\"formElementRef._eoFormElement.grouping\"\n                       [pattern]=\"formElementRef._eoFormElement.pattern\"\n                       [formControlName]=\"element._eoFormControlWrapper.controlName\"\n      ></eo-number-range>\n    </eo-form-input>\n\n    <!-- TABLE -->\n    <div class=\"table\" *ngSwitchCase=\"'TABLE'\">\n      <eo-table [params]=\"{\n        situation: element._eoFormControlWrapper.situation,\n        element: formElementRef._eoFormElement,\n        size: formElementRef._eoFormElement.size,\n        object: formElementRef._eoFormElement.object\n      }\" [formControlName]=\"element._eoFormControlWrapper.controlName\"></eo-table>\n    </div>\n\n    <!-- DATE AND DATETIME -->\n    <eo-form-input *ngSwitchCase=\"'DATETIME'\" [tag]=\"tag\" [label]=\"formElementRef._eoFormElement.label\"\n                   [isNull]=\"isNull\"\n                   [skipToggle]=\"skipToggle || situation !== 'SEARCH'\"\n                   (onToggleLabel)=\"labelToggled($event)\"\n                   [required]=\"formElementRef._eoFormElement.required\"\n                   [disabled]=\"formElementRef._eoFormElement.readonly\"\n                   [invalid]=\"formElementRef.invalid\">\n\n      <eo-datetime *ngIf=\"situation !== 'SEARCH'\"\n                   [readonly]=\"formElementRef._eoFormElement.readonly\"\n                   [pickerTitle]=\"formElementRef._eoFormElement.label\"\n                   [withTime]=\"formElementRef._eoFormElement.withtime\"\n                   [formControlName]=\"element._eoFormControlWrapper.controlName\"\n                   [validateDatabaseTimeRange]=\"formElementRef._eoFormElement.withtime\"\n      ></eo-datetime>\n\n      <eo-datetime-range *ngIf=\"situation === 'SEARCH'\"\n                         [pickerTitle]=\"formElementRef._eoFormElement.label\"\n                         [withTime]=\"formElementRef._eoFormElement.withtime\"\n                         [formControlName]=\"element._eoFormControlWrapper.controlName\"\n      ></eo-datetime-range>\n    </eo-form-input>\n\n\n    <!-- print out the type if it's not matching anything -->\n    <div *ngSwitchDefault><b>{{formElementRef._eoFormElement.type}}</b></div>\n\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\">{{formElementRef.errors.precision.translateKey}}</div>\n      <div *ngIf=\"formElementRef.errors.scale\" translate\n           [translateParams]=\"formElementRef.errors.scale.translateValues\">{{formElementRef.errors.scale.translateKey}}</div>\n\n      <div *ngIf=\"formElementRef.errors.regex || formElementRef.errors.pattern\" translate>eo.form.property.string.regex.nomatch</div>\n      <div *ngIf=\"formElementRef.errors.classificationemail\" translate>eo.form.property.string.error.classification.email</div>\n      <div *ngIf=\"formElementRef.errors.classificationurl\" translate>eo.form.property.string.error.classification.url</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 [translateParams]=\"{maxlength: formElementRef._eoFormElement.maxlen}\">eo.form.property.maxlength</div>\n      <div *ngIf=\"formElementRef.errors.minlength\" translate [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</div>\n",
+                template: "<div class=\"form-element\" [formGroup]=\"element\" *ngIf=\"element\">\n\n  <div class=\"form-field t-{{formElementRef._eoFormElement.type}}\" #formField\n       [ngSwitch]=\"formElementRef._eoFormElement.type\"\n       [ngClass]=\"{disabled: !!formElementRef._eoFormElement.readonly}\">\n\n    <!-- STRING -->\n    <eo-form-input *ngSwitchCase=\"'STRING'\" [tag]=\"tag\" [label]=\"formElementRef._eoFormElement.label\"\n                   [isNull]=\"isNull\"\n                   [skipToggle]=\"skipToggle || situation !== 'SEARCH'\"\n                   (onToggleLabel)=\"labelToggled($event)\"\n                   [required]=\"formElementRef._eoFormElement.required\"\n                   [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\"\n        [regex]=\"formElementRef._eoFormElement.regex\"\n        [qname]=\"formElementRef._eoFormElement.qname\"\n        [size]=\"formElementRef._eoFormElement.size\"\n        [readonly]=\"formElementRef._eoFormElement.readonly\"\n        [minLength]=\"formElementRef._eoFormElement.minlen\"\n        [maxLength]=\"formElementRef._eoFormElement.maxlen\"\n      ></eo-string>\n\n      <!-- Dynamic List -->\n      <eo-dynamic-list\n        *ngIf=\"!formElementRef._eoFormElement.reference && formElementRef._eoFormElement.classification === 'selector'\"\n        [situation]=\"element._eoFormControlWrapper.situation\"\n        [pickerTitle]=\"formElementRef._eoFormElement.label\"\n        [filterFunction]=\"formElementRef._eoFormElement.filterFunction\"\n        [multiselect]=\"formElementRef._eoFormElement.multiselect\"\n        [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\"\n                    [reference]=\"formElementRef._eoFormElement.reference\"\n                    [multiselect]=\"!!formElementRef._eoFormElement.multiselect ? formElementRef._eoFormElement.multiselect : situation === 'SEARCH'\"\n                    [minLength]=\"formElementRef._eoFormElement.minlen\"\n                    [maxLength]=\"formElementRef._eoFormElement.maxlen\"\n      ></eo-reference>\n    </eo-form-input>\n\n    <!-- ID-Reference -->\n    <eo-form-input *ngSwitchCase=\"'REFERENCE'\" [tag]=\"tag\" [label]=\"formElementRef._eoFormElement.label\"\n                   [isNull]=\"isNull\"\n                   [skipToggle]=\"skipToggle || situation !== 'SEARCH'\"\n                   (onToggleLabel)=\"labelToggled($event)\"\n                   [required]=\"formElementRef._eoFormElement.required\"\n                   [disabled]=\"formElementRef._eoFormElement.readonly\"\n                   [invalid]=\"formElementRef.invalid\">\n\n      <eo-id-reference\n                    [formControlName]=\"element._eoFormControlWrapper.controlName\"\n                    [situation]=\"element._eoFormControlWrapper.situation\"\n                    [dataToRender]=\"formElementRef._eoFormElement.dataToRender\"\n                    [reference]=\"formElementRef._eoFormElement.reference\"\n                    [readonly]=\"formElementRef._eoFormElement.readonly\"\n                    [multiselect]=\"formElementRef._eoFormElement.multiselect\"\n                    [contextId]=\"formElementRef._eoFormElement.contextId\"\n                    [exceptionIDs]=\"formElementRef._eoFormElement.exceptionIDs\"\n                    [queryFilters]=\"formElementRef._eoFormElement.queryFilters\"\n                    [objectTypesFilter]=\"formElementRef._eoFormElement.objectTypesFilter\"\n      ></eo-id-reference>\n    </eo-form-input>\n\n    <!-- ID -->\n    <eo-form-input *ngSwitchCase=\"'ID'\" [tag]=\"tag\" [label]=\"formElementRef._eoFormElement.label\"\n                   [isNull]=\"isNull\"\n                   [skipToggle]=\"skipToggle || situation !== 'SEARCH'\"\n                   (onToggleLabel)=\"labelToggled($event)\"\n                   [required]=\"formElementRef._eoFormElement.required\"\n                   [disabled]=\"formElementRef._eoFormElement.readonly\"\n                   [invalid]=\"formElementRef.invalid\">\n\n      <eo-string\n                    [situation]=\"element._eoFormControlWrapper.situation\"\n                    [formControlName]=\"element._eoFormControlWrapper.controlName\"\n                    [autocomplete]=\"formElementRef._eoFormElement.autocomplete\"\n                    [multiselect]=\"formElementRef._eoFormElement.multiselect\"\n                    [regex]=\"'^[0-9a-fA-F]*$'\"\n                    [qname]=\"formElementRef._eoFormElement.qname\"\n                    [readonly]=\"formElementRef._eoFormElement.readonly\"\n                    [minLength]=\"32\"\n                    [maxLength]=\"32\"\n      ></eo-string>\n\n    </eo-form-input>\n\n\n    <!-- BOOLEAN -->\n    <eo-form-input *ngSwitchCase=\"'BOOLEAN'\" [tag]=\"tag\" class=\"checkbox\" [label]=\"formElementRef._eoFormElement.label\"\n                    [isNull]=\"isNull\"\n                   [skipToggle]=\"skipToggle || situation !== 'SEARCH'\"\n                   [required]=\"formElementRef._eoFormElement.required\"\n                   [disabled]=\"formElementRef._eoFormElement.readonly\"\n                   (onToggleLabel)=\"labelToggled($event)\"\n                   [invalid]=\"formElementRef.invalid\">\n\n      <eo-checkbox [formControlName]=\"element._eoFormControlWrapper.controlName\"\n                   [readonly]=\"formElementRef._eoFormElement.readonly\"\n                   [tristate]=\"true\"></eo-checkbox>\n    </eo-form-input>\n\n    <!-- CODESYSTEM -->\n    <eo-form-input *ngSwitchCase=\"'CODESYSTEM'\" [tag]=\"tag\" [label]=\"formElementRef._eoFormElement.label\"\n                   [isNull]=\"isNull\"\n                   [skipToggle]=\"skipToggle || situation !== 'SEARCH'\"\n                   (onToggleLabel)=\"labelToggled($event)\"\n                   [required]=\"formElementRef._eoFormElement.required\"\n                   [disabled]=\"formElementRef._eoFormElement.readonly\"\n                   [invalid]=\"formElementRef.invalid\">\n\n      <eo-codesystem [situation]=\"element._eoFormControlWrapper.situation\"\n                     [pickerTitle]=\"formElementRef._eoFormElement.label\"\n                     [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\"\n      ></eo-codesystem>\n    </eo-form-input>\n\n    <!-- ORGANIZATION -->\n    <eo-form-input *ngSwitchCase=\"'ORGANIZATION'\" [tag]=\"tag\" [label]=\"formElementRef._eoFormElement.label\"\n                   [isNull]=\"isNull\"\n                   [skipToggle]=\"skipToggle || situation !== 'SEARCH'\"\n                   (onToggleLabel)=\"labelToggled($event)\"\n                   [required]=\"formElementRef._eoFormElement.required\"\n                   [disabled]=\"formElementRef._eoFormElement.readonly\"\n                   [invalid]=\"formElementRef.invalid\">\n\n      <eo-organization [situation]=\"element._eoFormControlWrapper.situation\"\n                       [dataMeta]=\"formElementRef._eoFormElement.dataMeta\"\n                       [readonly]=\"formElementRef._eoFormElement.readonly\"\n                       [filterObject]=\"formElementRef._eoFormElement.filter\"\n                       [multiselect]=\"formElementRef._eoFormElement.multiselect\"\n                       (onDataMetaChanged)=\"organizationDataMetaResolved($event)\"\n                       [formControlName]=\"element._eoFormControlWrapper.controlName\"\n      ></eo-organization>\n    </eo-form-input>\n\n    <!-- NUMBER -->\n\n    <eo-form-input *ngSwitchCase=\"'NUMBER'\" [tag]=\"tag\" [label]=\"formElementRef._eoFormElement.label\"\n                   [isNull]=\"isNull\"\n                   [skipToggle]=\"skipToggle || situation !== 'SEARCH'\"\n                   (onToggleLabel)=\"labelToggled($event)\"\n                   [required]=\"formElementRef._eoFormElement.required\"\n                   [disabled]=\"formElementRef._eoFormElement.readonly\"\n                   [invalid]=\"formElementRef.invalid\">\n\n      <eo-number *ngIf=\"situation !== 'SEARCH'\"\n                 [readonly]=\"formElementRef._eoFormElement.readonly\"\n                 [precision]=\"formElementRef._eoFormElement.precision\"\n                 [scale]=\"formElementRef._eoFormElement.scale\"\n                 [grouping]=\"formElementRef._eoFormElement.grouping\"\n                 [pattern]=\"formElementRef._eoFormElement.pattern\"\n                 [formControlName]=\"element._eoFormControlWrapper.controlName\">\n      </eo-number>\n\n      <eo-number-range *ngIf=\"situation === 'SEARCH'\"\n                       [readonly]=\"formElementRef._eoFormElement.readonly\"\n                       [precision]=\"formElementRef._eoFormElement.precision\"\n                       [scale]=\"formElementRef._eoFormElement.scale\"\n                       [grouping]=\"formElementRef._eoFormElement.grouping\"\n                       [pattern]=\"formElementRef._eoFormElement.pattern\"\n                       [formControlName]=\"element._eoFormControlWrapper.controlName\"\n      ></eo-number-range>\n    </eo-form-input>\n\n    <!-- TABLE -->\n    <div class=\"table\" *ngSwitchCase=\"'TABLE'\">\n      <eo-table [params]=\"{\n        situation: element._eoFormControlWrapper.situation,\n        element: formElementRef._eoFormElement,\n        size: formElementRef._eoFormElement.size,\n        object: formElementRef._eoFormElement.object\n      }\" [formControlName]=\"element._eoFormControlWrapper.controlName\"></eo-table>\n    </div>\n\n    <!-- DATE AND DATETIME -->\n    <eo-form-input *ngSwitchCase=\"'DATETIME'\" [tag]=\"tag\" [label]=\"formElementRef._eoFormElement.label\"\n                   [isNull]=\"isNull\"\n                   [skipToggle]=\"skipToggle || situation !== 'SEARCH'\"\n                   (onToggleLabel)=\"labelToggled($event)\"\n                   [required]=\"formElementRef._eoFormElement.required\"\n                   [disabled]=\"formElementRef._eoFormElement.readonly\"\n                   [invalid]=\"formElementRef.invalid\">\n\n      <eo-datetime *ngIf=\"situation !== 'SEARCH'\"\n                   [readonly]=\"formElementRef._eoFormElement.readonly\"\n                   [pickerTitle]=\"formElementRef._eoFormElement.label\"\n                   [withTime]=\"formElementRef._eoFormElement.withtime\"\n                   [formControlName]=\"element._eoFormControlWrapper.controlName\"\n                   [validateDatabaseTimeRange]=\"formElementRef._eoFormElement.withtime\"\n      ></eo-datetime>\n\n      <eo-datetime-range *ngIf=\"situation === 'SEARCH'\"\n                         [pickerTitle]=\"formElementRef._eoFormElement.label\"\n                         [withTime]=\"formElementRef._eoFormElement.withtime\"\n                         [formControlName]=\"element._eoFormControlWrapper.controlName\"\n      ></eo-datetime-range>\n    </eo-form-input>\n\n\n    <!-- print out the type if it's not matching anything -->\n    <div *ngSwitchDefault><b>{{formElementRef._eoFormElement.type}}</b></div>\n\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\">{{formElementRef.errors.precision.translateKey}}</div>\n      <div *ngIf=\"formElementRef.errors.scale\" translate\n           [translateParams]=\"formElementRef.errors.scale.translateValues\">{{formElementRef.errors.scale.translateKey}}</div>\n\n      <div *ngIf=\"formElementRef.errors.regex || formElementRef.errors.pattern\" translate>eo.form.property.string.regex.nomatch</div>\n      <div *ngIf=\"formElementRef.errors.classificationemail\" translate>eo.form.property.string.error.classification.email</div>\n      <div *ngIf=\"formElementRef.errors.classificationurl\" translate>eo.form.property.string.error.classification.url</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 [translateParams]=\"{maxlength: formElementRef._eoFormElement.maxlen}\">eo.form.property.maxlength</div>\n      <div *ngIf=\"formElementRef.errors.minlength\" translate [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</div>\n",
                 styles: [":host-context(.dark) .form-element .form-field .err-msg{background-color:var(--color-error);border:0;border-radius:2px;color:var(--color-white);margin:calc(var(--app-pane-padding)/4) 0;padding:calc(var(--app-pane-padding)/4)}: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{border:0;color:var(--color-error);padding:calc(var(--app-pane-padding)/4) 0}.form-element .form-field .table{align-items:flex-start;border-color:transparent;flex-flow:column}.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}"]
             },] }
 ];
@@ -10009,15 +10009,15 @@ FormElementComponent.propDecorators = {
 };
 
 class FormElementTableComponent extends UnsubscribeOnDestroy {
-    constructor(systemService, pendingChanges, gridApi, translate, storageService, eventService) {
+    constructor(storageService, systemService, pendingChanges, gridApi) {
         super();
+        this.storageService = storageService;
         this.systemService = systemService;
         this.pendingChanges = pendingChanges;
         this.gridApi = gridApi;
-        this.translate = translate;
-        this.storageService = storageService;
-        this.eventService = eventService;
         this.modules = [ClientSideRowModelModule, CsvExportModule];
+        this.BASE_CACHE_LAYOUT_KEY = 'table.state';
+        this.cacheLayoutKey = this.BASE_CACHE_LAYOUT_KEY;
         this.gridReady = false;
         this.showDialog = false;
         this.showPreview = false;
@@ -10074,13 +10074,14 @@ class FormElementTableComponent extends UnsubscribeOnDestroy {
                 this.overlayGridOptions.suppressRowClickSelection = !!this.rowEdit && !!tasks.includes(this.rowEdit.pendingTaskId);
             }, 0);
         });
-        this._cachedColumns = this.storageService.getItem(FormElementTableComponent.COLUMNS_DEFINITION) || [];
-        this._cachedColumnsOverlay = this.storageService.getItem(FormElementTableComponent.COLUMNS_DEFINITION_OVERLAY) || [];
-        this.showPreview = !!this.storageService.getItem('eo.table.showPreview');
     }
     set params(p) {
+        this.cacheLayoutKey = p ? `${this.BASE_CACHE_LAYOUT_KEY}.${p.element.name}` : this.BASE_CACHE_LAYOUT_KEY;
         if (p) {
             this._params = p;
+            this._cachedColumns = this.storageService.getItem(this.cacheLayoutKey + '.colDef') || [];
+            this._cachedColumnsOverlay = this.storageService.getItem(this.cacheLayoutKey + '.colDefOverlay') || [];
+            this.showPreview = this.storageService.getItem(this.cacheLayoutKey + '.showPreview');
             CellRenderer.situation = this._params.situation;
             if (this._params.situation === 'SEARCH') {
                 this._params.size = 'supersmall';
@@ -10398,10 +10399,10 @@ class FormElementTableComponent extends UnsubscribeOnDestroy {
         }
     }
     onColumnResized(column, overlay) {
-        let columnsDefinition = FormElementTableComponent.COLUMNS_DEFINITION;
+        let columnsDefinition = this.cacheLayoutKey + '.colDef';
         let cachedColumns = this._cachedColumns;
         if (overlay) {
-            columnsDefinition = FormElementTableComponent.COLUMNS_DEFINITION_OVERLAY;
+            columnsDefinition = this.cacheLayoutKey + '.colDefOverlay';
             cachedColumns = this._cachedColumnsOverlay;
         }
         let col = cachedColumns.find(c => c.qname === column.colDef.refData.qname);
@@ -10413,9 +10414,21 @@ class FormElementTableComponent extends UnsubscribeOnDestroy {
         }
         this.storageService.setItem(columnsDefinition, cachedColumns);
     }
+    _updateSplitViewLayoutCache() {
+        setTimeout(() => {
+            var _a;
+            (_a = this.splitView) === null || _a === void 0 ? void 0 : _a.updateLayoutCache();
+        });
+    }
     togglePreview() {
         this.showPreview = !this.showPreview;
-        this.storageService.setItem('eo.table.showPreview', this.showPreview);
+        // make sure that the layout of the split view is updated after the preview panels
+        // visibility changed
+        this._updateSplitViewLayoutCache();
+        this.storageService.setItem(this.cacheLayoutKey + '.showPreview', this.showPreview);
+    }
+    ngAfterViewInit() {
+        this._updateSplitViewLayoutCache();
     }
 }
 FormElementTableComponent.COLUMNS_DEFINITION = 'eo.framework.cache.tables.columns.definition';
@@ -10423,7 +10436,7 @@ FormElementTableComponent.COLUMNS_DEFINITION_OVERLAY = 'eo.framework.cache.table
 FormElementTableComponent.decorators = [
     { type: Component, args: [{
                 selector: 'eo-table',
-                template: "<div class=\"object-form-table\" [ngClass]=\"{medium: _params.size === 'medium', large: _params.size === 'large'}\">\n  <div class=\"label\">\n    <span>{{_params.element.label}}</span>\n    <ng-container *ngIf=\"_params.situation !== 'SEARCH'\">\n\n      <eo-icon class=\"stf\" [iconSrc]=\"'assets/_default/svg/ic_expand.svg'\" [iconTitle]=\"('eo.form.table.options.btn.open'| translate)\" (click)=\"openDialog()\"></eo-icon>\n      <eo-icon class=\"stf\" [iconSrc]=\"'assets/_default/svg/ic_size_to_fit.svg'\" [iconTitle]=\"('eo.form.table.options.btn.fit'| translate)\" (click)=\"sizeToFit()\"></eo-icon>\n      <eo-icon class=\"stf\" *ngIf=\"gridOptions.rowData.length\" [iconSrc]=\"'assets/_default/svg/ic_content-download.svg'\" [iconTitle]=\"('eo.form.table.options.btn.csv'| translate)\" (click)=\"exportCSV()\"></eo-icon>\n      <eo-icon class=\"stf add-row\" *ngIf=\"!_params.element.readonly\" [iconSrc]=\"'assets/_default/svg/ic_add.svg'\" [iconTitle]=\"('eo.form.table.options.btn.add'| translate)\" (click)=\"addRow()\"></eo-icon>\n\n    </ng-container>\n  </div>\n  <div class=\"grid-body size-{{ params.size }}\">\n    <ag-grid-angular #agGrid *ngIf=\"gridReady\" class=\"ag-theme-balham\" [modules]=\"modules\"\n                     [gridOptions]=\"gridOptions\"\n                     (rowDoubleClicked)=\"editRow($event)\"\n                     (cellClicked)=\"onCellClicked($event)\"\n                     (sortChanged)=\"onSortChanged()\"\n                     (cellValueChanged)=\"onEditComplete($event)\"\n                     (columnResized)=\"onColumnResized($event.column)\">\n    </ag-grid-angular>\n  </div>\n</div>\n\n\n<eo-dialog\n[title]=\"params.element.label\"\n[visible]=\"showDialog\"\n[dirtyCheck]=\"rowEdit?.pendingTaskId\"\n[minWidth]=\"_params.situation !== 'SEARCH' ? '97vw' : 200\"\n[styleClass]=\"'object-form-table-dialog'\"\n(hide)=\"onClose()\"\n[isFormTable]=\"true\"\n[hasPreviewFile]=\"!!params.object?.content\"\n[showPreview]=\"showPreview\"\n(onTogglePreview)=\"togglePreview()\">\n\n  <div class=\"body\">\n\n      <eo-split [gutterSize]=\"16\" [switchable]=\"true\" [cacheLayout]=\"'table.state'\">\n\n        <eo-split-area *ngIf=\"_params.situation !== 'SEARCH'\" class=\"table-area\" [size]=\"40\" [minSizePixel]=\"100\" [order]=\"1\">\n          <div class=\"table-body\">\n            <div class=\"object-form-table\">\n              <div class=\"label\">\n                <span></span>\n                <ng-container>\n                  <eo-icon class=\"stf\" [iconSrc]=\"'assets/_default/svg/ic_size_to_fit.svg'\" [iconTitle]=\"('eo.form.table.options.btn.fit'| translate)\" (click)=\"sizeToFit(true)\"></eo-icon>\n                  <eo-icon class=\"stf\" *ngIf=\"gridOptions.rowData.length\" [iconSrc]=\"'assets/_default/svg/ic_content-download.svg'\" [iconTitle]=\"('eo.form.table.options.btn.csv'| translate)\" (click)=\"exportCSV()\"></eo-icon>\n                  <eo-icon class=\"stf add-row\" *ngIf=\"!_params.element.readonly\" [iconSrc]=\"'assets/_default/svg/ic_add.svg'\" [iconTitle]=\"('eo.form.table.options.btn.add'| translate)\" (click)=\"addRow()\"></eo-icon>\n                </ng-container>\n              </div>\n              <div class=\"grid-body\">\n                <ag-grid-angular #agGrid2 *ngIf=\"gridReady\" class=\"ag-theme-balham\" [modules]=\"modules\"\n                                [gridOptions]=\"overlayGridOptions\"\n                                (cellClicked)=\"onCellClicked($event);editRow($event)\"\n                                (mousedown)=\"onMouseDown($event)\"\n                                (sortChanged)=\"onSortChanged()\"\n                                 (cellValueChanged)=\"onEditComplete($event)\"\n                                 (columnResized)=\"onColumnResized($event.column, true)\">\n                </ag-grid-angular>\n              </div>\n            </div>\n          </div>\n        </eo-split-area>\n\n        <eo-split-area [size]=\"20\" [minSizePixel]=\"300\" *ngIf=\"editingRow\" [order]=\"2\">\n          <div class=\"edit-body\">\n            <eo-row-edit [row]=\"editingRow\" #rowEdit\n                          (onSave)=\"updateRow($event)\"\n                          (onSaveCopy)=\"copyRow($event)\"\n                          (onDelete)=\"deleteRow($event)\"\n                          (onCancel)=\"cancelRowEdit()\"></eo-row-edit>\n          </div>\n        </eo-split-area>\n\n        <eo-split-area [visible]=\"showPreview && !!params?.object?.content\" *ngIf=\"!!params?.object?.content\" [size]=\"40\" [minSizePixel]=\"150\" [order]=\"3\">\n          <eo-media *ngIf=\"!!params?.object?.content\" [dmsObject]=\"params.object\" [undockDisabled]=\"true\"\n                    [useVersion]=\"params.object?.id === params.object?.content?.id\"></eo-media>\n        </eo-split-area>\n      </eo-split>\n  </div>\n</eo-dialog>\n",
+                template: "<div class=\"object-form-table\" [ngClass]=\"{medium: _params.size === 'medium', large: _params.size === 'large'}\">\n  <div class=\"label\">\n    <span>{{_params.element.label}}</span>\n    <ng-container *ngIf=\"_params.situation !== 'SEARCH'\">\n\n      <eo-icon class=\"stf\" [iconSrc]=\"'assets/_default/svg/ic_expand.svg'\" [iconTitle]=\"('eo.form.table.options.btn.open'| translate)\" (click)=\"openDialog()\"></eo-icon>\n      <eo-icon class=\"stf\" [iconSrc]=\"'assets/_default/svg/ic_size_to_fit.svg'\" [iconTitle]=\"('eo.form.table.options.btn.fit'| translate)\" (click)=\"sizeToFit()\"></eo-icon>\n      <eo-icon class=\"stf\" *ngIf=\"gridOptions.rowData.length\" [iconSrc]=\"'assets/_default/svg/ic_content-download.svg'\" [iconTitle]=\"('eo.form.table.options.btn.csv'| translate)\" (click)=\"exportCSV()\"></eo-icon>\n      <eo-icon class=\"stf add-row\" *ngIf=\"!_params.element.readonly\" [iconSrc]=\"'assets/_default/svg/ic_add.svg'\" [iconTitle]=\"('eo.form.table.options.btn.add'| translate)\" (click)=\"addRow()\"></eo-icon>\n\n    </ng-container>\n  </div>\n  <div class=\"grid-body size-{{ params.size }}\">\n    <ag-grid-angular #agGrid *ngIf=\"gridReady\" class=\"ag-theme-balham\" [modules]=\"modules\"\n                     [gridOptions]=\"gridOptions\"\n                     (rowDoubleClicked)=\"editRow($event)\"\n                     (cellClicked)=\"onCellClicked($event)\"\n                     (sortChanged)=\"onSortChanged()\"\n                     (cellValueChanged)=\"onEditComplete($event)\"\n                     (columnResized)=\"onColumnResized($event.column)\">\n    </ag-grid-angular>\n  </div>\n</div>\n\n\n<eo-dialog\n[title]=\"params.element.label\"\n[visible]=\"showDialog\"\n[dirtyCheck]=\"rowEdit?.pendingTaskId\"\n[minWidth]=\"_params.situation !== 'SEARCH' ? '97vw' : 200\"\n[styleClass]=\"'object-form-table-dialog'\"\n(hide)=\"onClose()\"\n[isFormTable]=\"true\"\n[hasPreviewFile]=\"!!params.object?.content\"\n[showPreview]=\"showPreview\"\n(onTogglePreview)=\"togglePreview()\">\n\n  <div class=\"body\" *ngIf=\"showDialog\">\n\n      <eo-split #splitView [gutterSize]=\"16\" [switchable]=\"true\"  [cacheLayout]=\"cacheLayoutKey\">\n\n        <eo-split-area *ngIf=\"_params.situation !== 'SEARCH'\" class=\"table-area\" [size]=\"40\" [minSizePixel]=\"100\" [order]=\"1\">\n          <div class=\"table-body\">\n            <div class=\"object-form-table\">\n              <div class=\"label\">\n                <span></span>\n                <ng-container>\n                  <eo-icon class=\"stf\" [iconSrc]=\"'assets/_default/svg/ic_size_to_fit.svg'\" [iconTitle]=\"('eo.form.table.options.btn.fit'| translate)\" (click)=\"sizeToFit(true)\"></eo-icon>\n                  <eo-icon class=\"stf\" *ngIf=\"gridOptions.rowData.length\" [iconSrc]=\"'assets/_default/svg/ic_content-download.svg'\" [iconTitle]=\"('eo.form.table.options.btn.csv'| translate)\" (click)=\"exportCSV()\"></eo-icon>\n                  <eo-icon class=\"stf add-row\" *ngIf=\"!_params.element.readonly\" [iconSrc]=\"'assets/_default/svg/ic_add.svg'\" [iconTitle]=\"('eo.form.table.options.btn.add'| translate)\" (click)=\"addRow()\"></eo-icon>\n                </ng-container>\n              </div>\n              <div class=\"grid-body\">\n                <ag-grid-angular #agGrid2 *ngIf=\"gridReady\" class=\"ag-theme-balham\" [modules]=\"modules\"\n                                [gridOptions]=\"overlayGridOptions\"\n                                (cellClicked)=\"onCellClicked($event);editRow($event)\"\n                                (mousedown)=\"onMouseDown($event)\"\n                                (sortChanged)=\"onSortChanged()\"\n                                 (cellValueChanged)=\"onEditComplete($event)\"\n                                 (columnResized)=\"onColumnResized($event.column, true)\">\n                </ag-grid-angular>\n              </div>\n            </div>\n          </div>\n        </eo-split-area>\n\n        <eo-split-area [size]=\"20\" [minSizePixel]=\"300\" *ngIf=\"editingRow\" [order]=\"2\">\n          <div class=\"edit-body\">\n            <eo-row-edit [row]=\"editingRow\" #rowEdit\n                          (onSave)=\"updateRow($event)\"\n                          (onSaveCopy)=\"copyRow($event)\"\n                          (onDelete)=\"deleteRow($event)\"\n                          (onCancel)=\"cancelRowEdit()\"></eo-row-edit>\n          </div>\n        </eo-split-area>\n\n        <eo-split-area [visible]=\"showPreview && !!params?.object?.content\" [size]=\"40\" [minSizePixel]=\"150\" [order]=\"3\">\n          <eo-media *ngIf=\"!!params?.object?.content\" [dmsObject]=\"params.object\" [undockDisabled]=\"true\"\n                    [useVersion]=\"params.object?.id === params.object?.content?.id\"></eo-media>\n        </eo-split-area>\n      </eo-split>\n  </div>\n</eo-dialog>\n",
                 providers: [
                     {
                         provide: NG_VALUE_ACCESSOR,
@@ -10440,15 +10453,14 @@ FormElementTableComponent.decorators = [
             },] }
 ];
 FormElementTableComponent.ctorParameters = () => [
+    { type: LocalStorageService },
     { type: SystemService },
     { type: PendingChangesService },
-    { type: GridService },
-    { type: TranslateService },
-    { type: LocalStorageService },
-    { type: EventService }
+    { type: GridService }
 ];
 FormElementTableComponent.propDecorators = {
     rowEdit: [{ type: ViewChild, args: ['rowEdit',] }],
+    splitView: [{ type: ViewChild, args: ['splitView',] }],
     params: [{ type: Input }],
     copyCellHandler: [{ type: HostListener, args: ['keydown.control.alt.shift.c', ['$event'],] }, { type: HostListener, args: ['keydown.control.shift.c', ['$event'],] }, { type: HostListener, args: ['keydown.control.alt.c', ['$event'],] }, { type: HostListener, args: ['keydown.control.c', ['$event'],] }]
 };
@@ -10675,7 +10687,7 @@ class SplitComponent extends UnsubscribeOnDestroy {
             this.layoutService.getLayout(`eo.split.layout.${this.cacheLayout}`)
                 .subscribe(layout => {
                 (layout || []).forEach((area) => {
-                    if (area && this.areas.length) {
+                    if (area && this.areas.length > area.index) {
                         this.areas[area.index].size = area.size;
                         this.areas[area.index].sizeUser = area.size;
                         this.areas[area.index].component.visible = area.visible;
@@ -10728,14 +10740,14 @@ class SplitComponent extends UnsubscribeOnDestroy {
         const item = this.areas.find(a => a.component === area);
         if (item) {
             this.refresh();
-            this.updateCache();
+            this.updateLayoutCache();
         }
     }
     showArea(area) {
         const item = this.areas.find(a => a.component === area);
         if (item) {
             this.refresh();
-            this.updateCache();
+            this.updateLayoutCache();
         }
     }
     isLastVisibleArea(area) {
@@ -10881,7 +10893,7 @@ class SplitComponent extends UnsubscribeOnDestroy {
         this.containerSize = 0;
         this.areaASize = 0;
         this.areaBSize = 0;
-        this.updateCache();
+        this.updateLayoutCache();
         this.isDragging = false;
         this.notify('end');
     }
@@ -10898,7 +10910,7 @@ class SplitComponent extends UnsubscribeOnDestroy {
                 return this.visibleTransitionEndInternal.next(data);
         }
     }
-    updateCache() {
+    updateLayoutCache() {
         if (this.cacheLayout) {
             let layout = this.areas.map((a, i) => ({ index: i, size: a.size, visible: a.component.visible }));
             this.layoutService.cacheLayout(`eo.split.layout.${this.cacheLayout}`, layout);
@@ -17541,7 +17553,7 @@ class ObjectDetailsComponent extends UnsubscribeOnDestroy {
 ObjectDetailsComponent.decorators = [
     { type: Component, args: [{
                 selector: 'eo-object-details',
-                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\" [iconSrc]=\"'assets/_default/svg/ic_refresh.svg'\"\n              [iconTitle]=\"('eo.list.refresh' | translate)\" [ngClass]=\"{'disable-refresh': preventClickThrough}\" (click)=\"refreshContent()\"></eo-icon>\n            <eo-icon class=\"button sync-tab-btn\" *ngIf=\"enableCompare\" [ngClass]=\"{'enabled': enableSync}\"\n              [iconSrc]=\"'assets/_default/svg/ic_link.svg'\" [iconTitle]=\"'eo.versions.detail.glue.tooltip' | translate\"\n              (click)=\"enableSync = !enableSync\"></eo-icon>\n            <eo-favorite-icon [item]=\"item\" *ngIf=\"!enableCompare && capabilities.favorites && !isJournalObject(item)\">\n            </eo-favorite-icon>\n            <eo-icon class=\"button oc-button\" *ngIf=\"!enableCompare && item.content\" (click)=\"downloadOriginalContent()\"\n              [iconTitle]=\"('eo.action.download.dms.object.content.label' | translate)\" [iconSrc]=\"'assets/_default/svg/ic_content-download.svg'\"></eo-icon>\n            <eo-edit-icon [item]=\"item\" *ngIf=\"!enableCompare && item.content && item.rights.edit && (agentIsConnected$ | async)\">\n            </eo-edit-icon>\n            <eo-icon class=\"button am-button\" (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'\"\n            [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\"></eo-icon>\n          <eo-icon class=\"shared-icon\" *ngIf=\"item.additionalvisibility.length\"\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        </div>\n      </div>\n    </header>\n  </div>\n  <div class=\"eo-body\">\n    <eo-tab-container [pluginPanels]=\"externalPanels\" [cacheLayout]=\"!enableCompare && cacheLayout\" [defaultPanelOrder]=\"!enableCompare && panelOrder\"\n      [dndEnabled]=\"!enableCompare\" [enableSlave]=\"!enableCompare || item2\" [enableSync]=\"enableCompare && enableSync\"\n      [version]=\"enableCompare && {master: item && item.version, slave: item2 && item2.version}\">\n\n      <eo-tab-panel [id]=\"'summary'\" *ngIf=\"isVisible('summary')\" header=\"{{'eo.object.summary.title' | translate}}\">\n        <ng-template pTemplate=\"content\">\n          <eo-indexdata-summary [indexdata]=\"indexDataPreview\" [baseparams]=\"baseparams\" [dmsObject]=\"item\"\n            [enableVersions]=\"!enableCompare\"></eo-indexdata-summary>\n        </ng-template>\n      </eo-tab-panel>\n\n      <eo-tab-panel [id]=\"'indexdata'\" *ngIf=\"isVisible('indexdata')\" header=\"{{'eo.object.indexdata.title' | translate}}\">\n        <ng-template pTemplate=\"content\">\n          <eo-object-form-edit [dmsObject]=\"item\" (indexDataSaved)=\"onIndexDataSaved($event, item)\"\n            [formDisabled]=\"enableCompare || isReference\"></eo-object-form-edit>\n        </ng-template>\n      </eo-tab-panel>\n\n      <eo-tab-panel [id]=\"'preview'\" *ngIf=\"isVisible('preview')\" header=\"{{'eo.object.content.title' | translate}}\" [isSlave]=\"!enableCompare\"\n        #preview>\n        <ng-template pTemplate=\"content\" *ngIf=\"!undockWinActive; else loadPreview\">\n          <eo-media *ngIf=\"item\" [dmsObject]=\"item\" [disabled]=\"!preview.selected\"\n            [useVersion]=\"item.id === item.content?.id\" [searchTerm]=\"searchTerm\" #viewer></eo-media>\n        </ng-template>\n        <ng-template #loadPreview>\n          <eo-media *ngIf=\"item\" [dmsObject]=\"item\"\n            [useVersion]=\"item.id === item.content?.id\" [searchTerm]=\"searchTerm\" #viewer></eo-media>\n        </ng-template>\n      </eo-tab-panel>\n\n      <eo-tab-panel *ngIf=\"isVisible('history') && !enableCompare\" [id]=\"'history'\" header=\"{{'eo.object.history.title' | translate}}\" #history>\n        <ng-template pTemplate=\"content\">\n          <eo-object-history *ngIf=\"history.selected\" [params]=\"{id: item.id, type: item.type?.qname}\">\n          </eo-object-history>\n        </ng-template>\n      </eo-tab-panel>\n\n      <eo-tab-panel *ngIf=\"isVisible('links') && !enableCompare\" [id]=\"'links'\" header=\"{{'eo.object.links.title' | translate}}\" #links>\n        <ng-template pTemplate=\"content\">\n          <eo-object-links *ngIf=\"links.selected\" [dmsObject]=\"item\"></eo-object-links>\n        </ng-template>\n      </eo-tab-panel>\n\n      <!-- slave tabs -->\n\n      <eo-tab-panel *ngIf=\"isVisible('summary') && enableCompare\" [id]=\"'summary2'\" header=\"{{'eo.object.summary.title' | translate}}\"\n        [isSlave]=\"true\">\n        <ng-template pTemplate=\"content\">\n          <eo-indexdata-summary *ngIf=\"item2\" [indexdata]=\"indexDataPreview2\" [baseparams]=\"baseparams2\"\n            [dmsObject]=\"item2\" [enableVersions]=\"!enableCompare\"></eo-indexdata-summary>\n        </ng-template>\n      </eo-tab-panel>\n\n      <eo-tab-panel *ngIf=\"isVisible('indexdata') && enableCompare\" [id]=\"'indexdata2'\" header=\"{{'eo.object.indexdata.title' | translate}}\"\n        [isSlave]=\"true\">\n        <ng-template pTemplate=\"content\">\n          <eo-object-form-edit *ngIf=\"item2\" [dmsObject]=\"item2\" (indexDataSaved)=\"onIndexDataSaved($event, item2)\"\n            [formDisabled]=\"enableCompare || isReference\"></eo-object-form-edit>\n        </ng-template>\n      </eo-tab-panel>\n\n      <eo-tab-panel *ngIf=\"isVisible('preview') && enableCompare\" [id]=\"'preview2'\" header=\"{{'eo.object.content.title' | translate}}\"\n        [isSlave]=\"true\" #preview2>\n        <ng-template pTemplate=\"content\">\n          <eo-media *ngIf=\"item2\" [dmsObject]=\"item2\" [disabled]=\"!preview2.selected\" [undockDisabled]=\"enableCompare\"\n            [useVersion]=\"true\" [searchTerm]=\"searchTerm\" #viewer2></eo-media>\n        </ng-template>\n      </eo-tab-panel>\n\n      <eo-tab-panel *ngIf=\"enableCompare && enableDiff\" [id]=\"'changes'\" header=\"{{'eo.object.changes.title' | translate}}\"\n        [isSlave]=\"true\">\n        <ng-template pTemplate=\"content\">\n          <eo-indexdata-summary *ngIf=\"item2\" [diff]=\"{indexdata : indexDataPreview, indexdata2: indexDataPreview2, baseparams: baseparams, baseparams2: baseparams2}\"\n          [dmsObject]=\"item2\" [enableVersions]=\"!enableCompare\"></eo-indexdata-summary>\n        </ng-template>\n      </eo-tab-panel>\n\n      <ng-content></ng-content>\n\n    </eo-tab-container>\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",
+                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\" [iconSrc]=\"'assets/_default/svg/ic_refresh.svg'\"\n              [iconTitle]=\"('eo.list.refresh' | translate)\" [ngClass]=\"{'disable-refresh': preventClickThrough}\" (click)=\"refreshContent()\"></eo-icon>\n            <eo-icon class=\"button sync-tab-btn\" *ngIf=\"enableCompare\" [ngClass]=\"{'enabled': enableSync}\"\n              [iconSrc]=\"'assets/_default/svg/ic_link.svg'\" [iconTitle]=\"'eo.versions.detail.glue.tooltip' | translate\"\n              (click)=\"enableSync = !enableSync\"></eo-icon>\n            <eo-favorite-icon [item]=\"item\" *ngIf=\"!enableCompare && capabilities.favorites && !isJournalObject(item)\">\n            </eo-favorite-icon>\n            <eo-icon class=\"button oc-button\" *ngIf=\"!enableCompare && item.content\" (click)=\"downloadOriginalContent()\"\n              [iconTitle]=\"('eo.action.download.dms.object.content.label' | translate)\" [iconSrc]=\"'assets/_default/svg/ic_content-download.svg'\"></eo-icon>\n            <eo-edit-icon [item]=\"item\" *ngIf=\"!enableCompare && item.content && item.rights.edit && (agentIsConnected$ | async) && !item.isFinalized\">\n            </eo-edit-icon>\n            <eo-icon class=\"button am-button\" (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'\"\n            [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\"></eo-icon>\n          <eo-icon class=\"shared-icon\" *ngIf=\"item.additionalvisibility.length\"\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        </div>\n      </div>\n    </header>\n  </div>\n  <div class=\"eo-body\">\n    <eo-tab-container [pluginPanels]=\"externalPanels\" [cacheLayout]=\"!enableCompare && cacheLayout\" [defaultPanelOrder]=\"!enableCompare && panelOrder\"\n      [dndEnabled]=\"!enableCompare\" [enableSlave]=\"!enableCompare || item2\" [enableSync]=\"enableCompare && enableSync\"\n      [version]=\"enableCompare && {master: item && item.version, slave: item2 && item2.version}\">\n\n      <eo-tab-panel [id]=\"'summary'\" *ngIf=\"isVisible('summary')\" header=\"{{'eo.object.summary.title' | translate}}\">\n        <ng-template pTemplate=\"content\">\n          <eo-indexdata-summary [indexdata]=\"indexDataPreview\" [baseparams]=\"baseparams\" [dmsObject]=\"item\"\n            [enableVersions]=\"!enableCompare\"></eo-indexdata-summary>\n        </ng-template>\n      </eo-tab-panel>\n\n      <eo-tab-panel [id]=\"'indexdata'\" *ngIf=\"isVisible('indexdata')\" header=\"{{'eo.object.indexdata.title' | translate}}\">\n        <ng-template pTemplate=\"content\">\n          <eo-object-form-edit [dmsObject]=\"item\" (indexDataSaved)=\"onIndexDataSaved($event, item)\"\n            [formDisabled]=\"enableCompare || isReference\"></eo-object-form-edit>\n        </ng-template>\n      </eo-tab-panel>\n\n      <eo-tab-panel [id]=\"'preview'\" *ngIf=\"isVisible('preview')\" header=\"{{'eo.object.content.title' | translate}}\" [isSlave]=\"!enableCompare\"\n        #preview>\n        <ng-template pTemplate=\"content\" *ngIf=\"!undockWinActive; else loadPreview\">\n          <eo-media *ngIf=\"item\" [dmsObject]=\"item\" [disabled]=\"!preview.selected\"\n            [useVersion]=\"item.id === item.content?.id\" [searchTerm]=\"searchTerm\" #viewer></eo-media>\n        </ng-template>\n        <ng-template #loadPreview>\n          <eo-media *ngIf=\"item\" [dmsObject]=\"item\"\n            [useVersion]=\"item.id === item.content?.id\" [searchTerm]=\"searchTerm\" #viewer></eo-media>\n        </ng-template>\n      </eo-tab-panel>\n\n      <eo-tab-panel *ngIf=\"isVisible('history') && !enableCompare\" [id]=\"'history'\" header=\"{{'eo.object.history.title' | translate}}\" #history>\n        <ng-template pTemplate=\"content\">\n          <eo-object-history *ngIf=\"history.selected\" [params]=\"{id: item.id, type: item.type?.qname}\">\n          </eo-object-history>\n        </ng-template>\n      </eo-tab-panel>\n\n      <eo-tab-panel *ngIf=\"isVisible('links') && !enableCompare\" [id]=\"'links'\" header=\"{{'eo.object.links.title' | translate}}\" #links>\n        <ng-template pTemplate=\"content\">\n          <eo-object-links *ngIf=\"links.selected\" [dmsObject]=\"item\"></eo-object-links>\n        </ng-template>\n      </eo-tab-panel>\n\n      <!-- slave tabs -->\n\n      <eo-tab-panel *ngIf=\"isVisible('summary') && enableCompare\" [id]=\"'summary2'\" header=\"{{'eo.object.summary.title' | translate}}\"\n        [isSlave]=\"true\">\n        <ng-template pTemplate=\"content\">\n          <eo-indexdata-summary *ngIf=\"item2\" [indexdata]=\"indexDataPreview2\" [baseparams]=\"baseparams2\"\n            [dmsObject]=\"item2\" [enableVersions]=\"!enableCompare\"></eo-indexdata-summary>\n        </ng-template>\n      </eo-tab-panel>\n\n      <eo-tab-panel *ngIf=\"isVisible('indexdata') && enableCompare\" [id]=\"'indexdata2'\" header=\"{{'eo.object.indexdata.title' | translate}}\"\n        [isSlave]=\"true\">\n        <ng-template pTemplate=\"content\">\n          <eo-object-form-edit *ngIf=\"item2\" [dmsObject]=\"item2\" (indexDataSaved)=\"onIndexDataSaved($event, item2)\"\n            [formDisabled]=\"enableCompare || isReference\"></eo-object-form-edit>\n        </ng-template>\n      </eo-tab-panel>\n\n      <eo-tab-panel *ngIf=\"isVisible('preview') && enableCompare\" [id]=\"'preview2'\" header=\"{{'eo.object.content.title' | translate}}\"\n        [isSlave]=\"true\" #preview2>\n        <ng-template pTemplate=\"content\">\n          <eo-media *ngIf=\"item2\" [dmsObject]=\"item2\" [disabled]=\"!preview2.selected\" [undockDisabled]=\"enableCompare\"\n            [useVersion]=\"true\" [searchTerm]=\"searchTerm\" #viewer2></eo-media>\n        </ng-template>\n      </eo-tab-panel>\n\n      <eo-tab-panel *ngIf=\"enableCompare && enableDiff\" [id]=\"'changes'\" header=\"{{'eo.object.changes.title' | translate}}\"\n        [isSlave]=\"true\">\n        <ng-template pTemplate=\"content\">\n          <eo-indexdata-summary *ngIf=\"item2\" [diff]=\"{indexdata : indexDataPreview, indexdata2: indexDataPreview2, baseparams: baseparams, baseparams2: baseparams2}\"\n          [dmsObject]=\"item2\" [enableVersions]=\"!enableCompare\"></eo-indexdata-summary>\n        </ng-template>\n      </eo-tab-panel>\n\n      <ng-content></ng-content>\n\n    </eo-tab-container>\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",
                 providers: [ContentPreviewService],
                 styles: [":host{background:var(--panel-background-grey);display:flex;flex:1;flex-direction:column;height:100%;min-height:0;min-width:0;overflow-y:auto}:host .eo-head .eo-header .eo-header-info .eo-header-subtitle,:host .eo-head .eo-header .eo-header-info .eo-header-title{-moz-user-select:text;-webkit-user-select:text;user-select:text}:host .eo-body__not-available{background:rgba(var(--color-black-rgb),.4);opacity:.4}:host .sync-tab-btn.enabled{color:var(--color-accent)}:host .lock{background:var(--color-error)!important;border-radius:2px;color:var(--color-white);height:18px;padding:1px;width:18px}:host .lock.myLock{background:var(--state-orange)!important;color:var(--color-white)}:host .not-found{background:var(--color-error);border-radius:2px;color:var(--panel-background);flex:0 0 auto;margin:calc(var(--app-pane-padding)/2);padding:calc(var(--app-pane-padding)/4);text-align:center}:host .eo-header-status-icons{display:flex;justify-content:flex-end;margin-top:var(--app-pane-padding)}:host .eo-header-status-icons>eo-icon{background-color:var(--color-primary-2);color:var(--color-white);height:18px;margin-left:1px;padding:calc(var(--app-pane-padding)/4);width:18px}:host .eo-header-status-icons>eo-icon:first-child{border-bottom-left-radius:4px;border-top-left-radius:4px}:host .eo-header-status-icons>eo-icon:last-child{border-bottom-right-radius:4px;border-top-right-radius:4px}:host .eo-header-status-icons>eo-icon.finalized-icon{background-color:var(--color-success)}:host .eo-header-status-icons>eo-icon.lock{background:var(--color-error)!important;border-radius:2px;color:var(--color-white);height:18px;padding:1px;width:18px}:host .eo-header-status-icons>eo-icon.lock.myLock{background:var(--state-orange)!important}:host .eo-header-status-icons>a{align-items:center;background-color:var(--color-success);border-radius:2px;color:var(--color-white);display:flex;font-size:var(--font-hint);line-height:var(--font-hint);margin:0 calc(var(--app-pane-padding)/4);padding:0 4px 1px;text-decoration:none}:host .loader-overlay__mask{-webkit-animation:eoFadeIn .5s;animation:eoFadeIn .5s;background:rgba(var(--color-white-rgb),.8);display:flex;height:100%;position:absolute;width:100%;z-index:11}:host .loader-overlay__mask .object-detail__loader{margin:auto}:host ::ng-deep .sync-tab-btn{color:rgba(var(--color-black-rgb),.2)}:host ::ng-deep .sync-tab-btn .svg-link{fill:transparent}:host ::ng-deep .sync-tab-btn.enabled .svg-link{fill:currentColor}: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)}:host ::ng-deep #indexdata{overflow:hidden}:host ::ng-deep #indexdata .object-form-edit{background:transparent!important;height:100%;margin:0;position:relative}:host ::ng-deep #indexdata .object-form-edit eo-object-form{background:transparent;overflow:auto}:host ::ng-deep #indexdata .object-form-edit eo-object-form .eo-object-form{background:var(--panel-background);border:1px solid rgba(var(--color-black-rgb),.1);margin:var(--app-pane-padding)}:host ::ng-deep #indexdata .object-form-edit .form-controls{-webkit-animation:eoFadeInUp .2s;animation:eoFadeInUp .2s;border:4px solid var(--panel-background-grey)}:host ::ng-deep #indexdata .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{color:var(--color-primary-3);cursor:default}"]
             },] }
@@ -17999,7 +18011,7 @@ class ObjectLinksComponent {
             const gridName = param.api.gridCore.gridOptions.context.gridName;
             const remoteElement = param.node.allLeafChildren[0].data.metaData.remoteElement;
             const link = this.generateLinkUrl(param.node.allLeafChildren[0].data.metaData.objectType, remoteElement, gridName);
-            const iconUrl = `${this.backend.getContextPath()}/ui/icon/${param.node.allLeafChildren[0].data.metaData.objectType.iconId}.svg`;
+            const iconUrl = `${this.backend.getBaseWithContext(this.backend.getServiceBase())}/ui/icon/${param.node.allLeafChildren[0].data.metaData.objectType.iconId}.svg`;
             const label = param.node.allLeafChildren[0].data.metaData.objectType.label;
             const tooltip = this.translate.instant('eo.references.open.resultlist');
             const description = remoteElement ? remoteElement.label : '';
@@ -22452,10 +22464,10 @@ class AboutStateComponent {
         this.http = http;
         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": "11.2.0", "license": "MIT" }, { "name": "@angular/cdk", "version": "11.2.0", "license": "MIT" }, { "name": "@angular/common", "version": "11.2.0", "license": "MIT" }, { "name": "@angular/compiler", "version": "11.2.0", "license": "MIT" }, { "name": "@angular/core", "version": "11.2.0", "license": "MIT" }, { "name": "@angular/forms", "version": "11.2.0", "license": "MIT" }, { "name": "@angular/platform-browser", "version": "11.2.0", "license": "MIT" }, { "name": "@angular/platform-browser-dynamic", "version": "11.2.0", "license": "MIT" }, { "name": "@angular/router", "version": "11.2.0", "license": "MIT" }, { "name": "@eo-sdk/core", "version": "8.16.25", "license": "MIT" }, { "name": "@ngx-pwa/local-storage", "version": "11.1.0", "license": "MIT" }, { "name": "@ngx-translate/core", "version": "13.0.0", "license": "MIT" }, { "name": "@types/lodash", "version": "4.14.88", "license": "MIT" }, { "name": "core-js", "version": "2.5.7", "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": "keyboardevent-key-polyfill", "version": "1.1.0", "license": "CC0-1.0" }, { "name": "keycode-js", "version": "0.0.4", "license": "MIT" }, { "name": "mobile-drag-drop", "version": "2.2.0", "license": "MIT" }, { "name": "moment", "version": "2.22.2", "license": "MIT" }, { "name": "ngx-toastr", "version": "13.2.0", "license": "MIT" }, { "name": "primeicons", "version": "1.0.0-beta.6", "license": "MIT" }, { "name": "primeng", "version": "7.0.1", "license": "MIT" }, { "name": "reflect-metadata", "version": "0.1.10", "license": "Apache-2.0" }, { "name": "rxjs", "version": "6.6.3", "license": "Apache-2.0" }, { "name": "tslib", "version": "2.1.0", "license": "0BSD" }, { "name": "zone.js", "version": "0.10.3", "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": "11.2.0", "license": "MIT" }, { "name": "@angular/cdk", "version": "11.2.0", "license": "MIT" }, { "name": "@angular/common", "version": "11.2.0", "license": "MIT" }, { "name": "@angular/compiler", "version": "11.2.0", "license": "MIT" }, { "name": "@angular/core", "version": "11.2.0", "license": "MIT" }, { "name": "@angular/forms", "version": "11.2.0", "license": "MIT" }, { "name": "@angular/platform-browser", "version": "11.2.0", "license": "MIT" }, { "name": "@angular/platform-browser-dynamic", "version": "11.2.0", "license": "MIT" }, { "name": "@angular/router", "version": "11.2.0", "license": "MIT" }, { "name": "@eo-sdk/core", "version": "8.16.29", "license": "MIT" }, { "name": "@ngx-pwa/local-storage", "version": "11.1.0", "license": "MIT" }, { "name": "@ngx-translate/core", "version": "13.0.0", "license": "MIT" }, { "name": "@types/lodash", "version": "4.14.88", "license": "MIT" }, { "name": "core-js", "version": "2.5.7", "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": "keyboardevent-key-polyfill", "version": "1.1.0", "license": "CC0-1.0" }, { "name": "keycode-js", "version": "0.0.4", "license": "MIT" }, { "name": "mobile-drag-drop", "version": "2.2.0", "license": "MIT" }, { "name": "moment", "version": "2.22.2", "license": "MIT" }, { "name": "ngx-toastr", "version": "13.2.0", "license": "MIT" }, { "name": "primeicons", "version": "1.0.0-beta.6", "license": "MIT" }, { "name": "primeng", "version": "7.0.1", "license": "MIT" }, { "name": "reflect-metadata", "version": "0.1.10", "license": "Apache-2.0" }, { "name": "rxjs", "version": "6.6.3", "license": "Apache-2.0" }, { "name": "tslib", "version": "2.1.0", "license": "0BSD" }, { "name": "zone.js", "version": "0.10.3", "license": "MIT" }];
         this.ctrl = {
             productName: 'yuuvis® RAD client',
-            clientVersion: '8.16.25'
+            clientVersion: '8.16.29'
         };
         this.licenses = {
             'MIT': {