@eo-sdk/client 8.16.25 → 8.16.29

package/bundles/eo-sdk-client.umd.js

@@ -2351,7 +2351,7 @@
             if (param.value && (param.value.url || param.value.iconId)) {
                 var 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';
@@ -2466,7 +2466,7 @@
             if (!UtilitiesService.isEmpty(value) && type) {
                 (Array.isArray(value) ? value : [value]).forEach(function (val, index) {
                     var link = 'object/' + val + '?type=' + param.reference.type;
-                    var iconUrl = param.context.backend.getContextPath() +
+                    var iconUrl = param.context.backend.getBaseWithContext(param.context.backend.getServiceBase()) +
                         '/ui/icon/' +
                         type.iconId +
                         '.svg';
@@ -11176,7 +11176,7 @@
     FormElementComponent.decorators = [
         { type: i0.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}"]
                 },] }
     ];
@@ -11194,15 +11194,15 @@
 
     var FormElementTableComponent = /** @class */ (function (_super) {
         __extends(FormElementTableComponent, _super);
-        function FormElementTableComponent(systemService, pendingChanges, gridApi, translate, storageService, eventService) {
+        function FormElementTableComponent(storageService, systemService, pendingChanges, gridApi) {
             var _this = _super.call(this) || this;
+            _this.storageService = storageService;
             _this.systemService = systemService;
             _this.pendingChanges = pendingChanges;
             _this.gridApi = gridApi;
-            _this.translate = translate;
-            _this.storageService = storageService;
-            _this.eventService = eventService;
             _this.modules = [clientSideRowModel.ClientSideRowModelModule, csvExport.CsvExportModule];
+            _this.BASE_CACHE_LAYOUT_KEY = 'table.state';
+            _this.cacheLayoutKey = _this.BASE_CACHE_LAYOUT_KEY;
             _this.gridReady = false;
             _this.showDialog = false;
             _this.showPreview = false;
@@ -11259,9 +11259,6 @@
                     _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');
             return _this;
         }
         Object.defineProperty(FormElementTableComponent.prototype, "params", {
@@ -11269,8 +11266,12 @@
                 return this._params;
             },
             set: function (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';
@@ -11585,10 +11586,10 @@
             }
         };
         FormElementTableComponent.prototype.onColumnResized = function (column, overlay) {
-            var columnsDefinition = FormElementTableComponent.COLUMNS_DEFINITION;
+            var columnsDefinition = this.cacheLayoutKey + '.colDef';
             var cachedColumns = this._cachedColumns;
             if (overlay) {
-                columnsDefinition = FormElementTableComponent.COLUMNS_DEFINITION_OVERLAY;
+                columnsDefinition = this.cacheLayoutKey + '.colDefOverlay';
                 cachedColumns = this._cachedColumnsOverlay;
             }
             var col = cachedColumns.find(function (c) { return c.qname === column.colDef.refData.qname; });
@@ -11600,9 +11601,22 @@
             }
             this.storageService.setItem(columnsDefinition, cachedColumns);
         };
+        FormElementTableComponent.prototype._updateSplitViewLayoutCache = function () {
+            var _this = this;
+            setTimeout(function () {
+                var _a;
+                (_a = _this.splitView) === null || _a === void 0 ? void 0 : _a.updateLayoutCache();
+            });
+        };
         FormElementTableComponent.prototype.togglePreview = function () {
             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);
+        };
+        FormElementTableComponent.prototype.ngAfterViewInit = function () {
+            this._updateSplitViewLayoutCache();
         };
         return FormElementTableComponent;
     }(UnsubscribeOnDestroy));
@@ -11611,7 +11625,7 @@
     FormElementTableComponent.decorators = [
         { type: i0.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: forms.NG_VALUE_ACCESSOR,
@@ -11628,15 +11642,14 @@
                 },] }
     ];
     FormElementTableComponent.ctorParameters = function () { return [
+        { type: i1.LocalStorageService },
         { type: i1.SystemService },
         { type: PendingChangesService },
-        { type: GridService },
-        { type: i1.TranslateService },
-        { type: i1.LocalStorageService },
-        { type: i1.EventService }
+        { type: GridService }
     ]; };
     FormElementTableComponent.propDecorators = {
         rowEdit: [{ type: i0.ViewChild, args: ['rowEdit',] }],
+        splitView: [{ type: i0.ViewChild, args: ['splitView',] }],
         params: [{ type: i0.Input }],
         copyCellHandler: [{ type: i0.HostListener, args: ['keydown.control.alt.shift.c', ['$event'],] }, { type: i0.HostListener, args: ['keydown.control.shift.c', ['$event'],] }, { type: i0.HostListener, args: ['keydown.control.alt.c', ['$event'],] }, { type: i0.HostListener, args: ['keydown.control.c', ['$event'],] }]
     };
@@ -11913,7 +11926,7 @@
                 this.layoutService.getLayout("eo.split.layout." + this.cacheLayout)
                     .subscribe(function (layout) {
                     (layout || []).forEach(function (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;
@@ -11966,14 +11979,14 @@
             var item = this.areas.find(function (a) { return a.component === area; });
             if (item) {
                 this.refresh();
-                this.updateCache();
+                this.updateLayoutCache();
             }
         };
         SplitComponent.prototype.showArea = function (area) {
             var item = this.areas.find(function (a) { return a.component === area; });
             if (item) {
                 this.refresh();
-                this.updateCache();
+                this.updateLayoutCache();
             }
         };
         SplitComponent.prototype.isLastVisibleArea = function (area) {
@@ -12121,7 +12134,7 @@
             this.containerSize = 0;
             this.areaASize = 0;
             this.areaBSize = 0;
-            this.updateCache();
+            this.updateLayoutCache();
             this.isDragging = false;
             this.notify('end');
         };
@@ -12138,7 +12151,7 @@
                     return this.visibleTransitionEndInternal.next(data);
             }
         };
-        SplitComponent.prototype.updateCache = function () {
+        SplitComponent.prototype.updateLayoutCache = function () {
             if (this.cacheLayout) {
                 var layout = this.areas.map(function (a, i) { return ({ index: i, size: a.size, visible: a.component.visible }); });
                 this.layoutService.cacheLayout("eo.split.layout." + this.cacheLayout, layout);
@@ -19400,7 +19413,7 @@
     ObjectDetailsComponent.decorators = [
         { type: i0.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}"]
                 },] }
@@ -19886,7 +19899,7 @@
                 var gridName = param.api.gridCore.gridOptions.context.gridName;
                 var remoteElement = param.node.allLeafChildren[0].data.metaData.remoteElement;
                 var link = this.generateLinkUrl(param.node.allLeafChildren[0].data.metaData.objectType, remoteElement, gridName);
-                var iconUrl = this.backend.getContextPath() + "/ui/icon/" + param.node.allLeafChildren[0].data.metaData.objectType.iconId + ".svg";
+                var iconUrl = this.backend.getBaseWithContext(this.backend.getServiceBase()) + "/ui/icon/" + param.node.allLeafChildren[0].data.metaData.objectType.iconId + ".svg";
                 var label = param.node.allLeafChildren[0].data.metaData.objectType.label;
                 var tooltip = this.translate.instant('eo.references.open.resultlist');
                 var description = remoteElement ? remoteElement.label : '';
@@ -24627,10 +24640,10 @@
             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': {