@eo-sdk/client 8.16.7 → 8.16.9

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

@@ -1357,6 +1357,7 @@
             return {
                 serviceBase: this.backend.getServiceBase()
                 // todo: do we have to provide the plugin developers with these informations?
+                // after speaking to Andreas also removed from documentation
                 // pluginsBase: $eoConfig.getPluginBase(),
                 // pluginStatesBase: $eoConfig.getPluginStatesBase(),
                 // themeBase: $eoConfig.getThemeBase()
@@ -2288,14 +2289,14 @@
             return CellRenderer[type + 'CellRenderer'](Object.assign({}, param, newParam));
         };
         CellRenderer.filesizeCellRenderer = function (param) {
-            if (param.value === null) {
-                return "<span class=\"no-value\">" + param.context.translate.instant('eo.form.input.null') + "</span>";
+            if (param.value === null && CellRenderer.situation === 'SEARCH') {
+                return this.noValueRenderer(param);
             }
             return param.value ? param.context.fileSizePipe.transform(param.value) : '';
         };
         CellRenderer.numberCellRenderer = function (param) {
-            if (param.value === null) {
-                return "<span class=\"no-value\">" + param.context.translate.instant('eo.form.input.null') + "</span>";
+            if (param.value === null && CellRenderer.situation === 'SEARCH') {
+                return this.noValueRenderer(param);
             }
             if (param.value || param.value === 0) {
                 if (param.value.operator) {
@@ -2323,14 +2324,14 @@
             return context.numberPipe.transform(value, grouping, pattern, scale);
         };
         CellRenderer.stringCellrenderer = function (param) {
-            if (param.value === null) {
-                return "<span class=\"no-value\">" + param.context.translate.instant('eo.form.input.null') + "</span>";
+            if (param.value === null && CellRenderer.situation === 'SEARCH') {
+                return this.noValueRenderer(param);
             }
             return GridService.escapeHtml(param.value);
         };
         CellRenderer.typeCellRenderer = function (param) {
-            if (param.value === null) {
-                return "<span class=\"no-value\">" + param.context.translate.instant('eo.form.input.null') + "</span>";
+            if (param.value === null && CellRenderer.situation === 'SEARCH') {
+                return this.noValueRenderer(param);
             }
             var val = '';
             if (param.value) {
@@ -2343,8 +2344,8 @@
             return val;
         };
         CellRenderer.iconCellRenderer = function (param) {
-            if (param.value === null) {
-                return "<span class=\"no-value\">" + param.context.translate.instant('eo.form.input.null') + "</span>";
+            if (param.value === null && CellRenderer.situation === 'SEARCH') {
+                return this.noValueRenderer(param);
             }
             var val = '';
             if (param.value && (param.value.url || param.value.iconId)) {
@@ -2360,24 +2361,24 @@
             return val;
         };
         CellRenderer.emailCellRenderer = function (param) {
-            if (param.value === null) {
-                return "<span class=\"no-value\">" + param.context.translate.instant('eo.form.input.null') + "</span>";
+            if (param.value === null && CellRenderer.situation === 'SEARCH') {
+                return this.noValueRenderer(param);
             }
             return param.value
                 ? "<a href=\"mailto:" + param.value + "\">" + GridService.escapeHtml(param.value) + "</a>"
                 : '';
         };
         CellRenderer.urlCellRenderer = function (param) {
-            if (param.value === null) {
-                return "<span class=\"no-value\">" + param.context.translate.instant('eo.form.input.null') + "</span>";
+            if (param.value === null && CellRenderer.situation === 'SEARCH') {
+                return this.noValueRenderer(param);
             }
             return param.value
                 ? "<a target=\"_blank \" href=\"" + param.value + "\">" + GridService.escapeHtml(param.value) + "</a>"
                 : '';
         };
         CellRenderer.dateTimeCellRenderer = function (param) {
-            if (param.value === null) {
-                return "<span class=\"no-value\">" + param.context.translate.instant('eo.form.input.null') + "</span>";
+            if (param.value === null && CellRenderer.situation === 'SEARCH') {
+                return this.noValueRenderer(param);
             }
             if (param.value) {
                 if (param.value.operator) {
@@ -2402,14 +2403,14 @@
             }
         };
         CellRenderer.dateTimeCellRendererTemplate = function (value, context, pattern) {
-            if (value === null) {
+            if (value === null && CellRenderer.situation === 'SEARCH') {
                 return "<span class=\"no-value\">" + context.translate.instant('eo.form.input.null') + "</span>";
             }
             return "<span date=\"" + value + "\">" + context.datePipe.transform(value, pattern) + "</span>";
         };
         CellRenderer.booleanCellRenderer = function (param) {
-            if (param.value === null) {
-                return "<span class=\"no-value\">" + param.context.translate.instant('eo.form.input.null') + "</span>";
+            if (param.value === null && CellRenderer.situation === 'SEARCH') {
+                return this.noValueRenderer(param);
             }
             var val = "<path class=\"background\" d=\"M19,3H5C3.9,3,3,3.9,3,5v14c0,1.1,0.9,2,2,2h14c1.1,0,2-0.9,2-2V5C21,3.9,20.1,3,19,3z\"/>";
             if (param.value === true || param.value === 'true') {
@@ -2421,8 +2422,8 @@
             return "<svg class=\"checkbox\" height=\"24\" viewBox=\"0 0 24 24\" width=\"24\" xmlns=\"http://www.w3.org/2000/svg\">" + val + "</svg>";
         };
         CellRenderer.multiSelectCellRenderer = function (param) {
-            if (param.value === null) {
-                return "<span class=\"no-value\">" + param.context.translate.instant('eo.form.input.null') + "</span>";
+            if (param.value === null && CellRenderer.situation === 'SEARCH') {
+                return this.noValueRenderer(param);
             }
             var val = '';
             if (param.value) {
@@ -2433,8 +2434,8 @@
             return val;
         };
         CellRenderer.linkCellRenderer = function (param) {
-            if (param.value === null) {
-                return "<span class=\"no-value\">" + param.context.translate.instant('eo.form.input.null') + "</span>";
+            if (param.value === null && CellRenderer.situation === 'SEARCH') {
+                return this.noValueRenderer(param);
             }
             var val = '';
             if (param.value) {
@@ -2456,8 +2457,8 @@
             return val;
         };
         CellRenderer.referenceCellRenderer = function (param) {
-            if (param.value === null) {
-                return "<span class=\"no-value\">" + param.context.translate.instant('eo.form.input.null') + "</span>";
+            if (param.value === null && CellRenderer.situation === 'SEARCH') {
+                return this.noValueRenderer(param);
             }
             var text = '';
             var value = param.data ? param.data[param.colDef.field] : '';
@@ -2480,8 +2481,12 @@
             }
             return text || param.value;
         };
+        CellRenderer.noValueRenderer = function (param) {
+            return "<span class=\"no-value\">" + param.context.translate.instant('eo.form.input.null') + "</span>";
+        };
         return CellRenderer;
     }());
+    CellRenderer.situation = '';
 
     /**
      * EditingObserver service is used to track changes made inside the application, that should prevent
@@ -5634,7 +5639,7 @@
     AppProcessComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'eo-app-process',
-                    template: "<eo-dialog [title]=\"'eo.bar.button.execute.actions.tooltip' | translate\"\n           [visible]=\"true\"\n           [minWidth]=\"400\"\n           [styleClass]=\"'more-actions'\"\n           (hide)=\"close($event)\">\n\n  <section *ngIf=\"processes?.length; else loading\">\n\n    <div class=\"process-item\" *ngFor=\"let process of processes\" (click)=\"selectProcess(process)\">\n      <eo-icon [iconId]=\"process.iconid\" *ngIf=\"process.iconid; else defaulticon\"></eo-icon>\n      <ng-template #defaulticon><eo-icon [iconSrc]=\"'assets/_default/svg/ic_bpm.svg'\"></eo-icon></ng-template>\n      <div class=\"pi-content\">\n        <div class=\"title\">{{process.title}}</div>\n        <div class=\"description\">{{process.description}}</div>\n      </div>\n    </div>\n\n  </section>\n\n  <ng-container *ngIf=\"!processForm; else tplProcessForm\" class=\"select-process\"></ng-container>\n\n  <ng-template #loading>\n    <eo-loading-spinner [size]=\"'medium'\"></eo-loading-spinner>\n  </ng-template>\n\n\n  <ng-template #tplProcessForm>\n\n    <eo-dialog [title]=\"selectedProcess?.title\"\n               [subtitle]=\"selectedProcess?.description\"\n               [visible]=\"true\"\n               [dirtyCheck]=\"pendingTaskIds\"\n               [minWidth]=\"1000\"\n               [minHeight]=\"630\"\n               [styleClass]=\"'process-form-dialog'\"\n               (hide)=\"cancelDialog()\" #dialog>\n\n      <eo-process-form [formOptions]=\"processForm\"\n                      (onResetForm)=\"formReset($event)\"\n                      (onCancel)=\"(dialog.visible = false)\"\n                      (onSaveForm)=\"startProcessWithFormData($event)\"\n                      (statusChanged)=\"onIndexDataChanged($event)\">\n      </eo-process-form>\n    </eo-dialog>\n  </ng-template>\n\n</eo-dialog>\n",
+                    template: "<eo-dialog [title]=\"'eo.bar.button.execute.actions.tooltip' | translate\"\n           [visible]=\"true\"\n           [minWidth]=\"400\"\n           [styleClass]=\"'more-actions'\"\n           (hide)=\"close($event)\">\n\n  <section *ngIf=\"processes?.length; else loading\">\n\n    <div class=\"process-item\" *ngFor=\"let process of processes\" (click)=\"selectProcess(process)\">\n      <eo-icon [iconId]=\"process.iconid\" *ngIf=\"process.iconid; else defaulticon\"></eo-icon>\n      <ng-template #defaulticon><eo-icon [iconSrc]=\"'assets/_default/svg/ic_bpm.svg'\"></eo-icon></ng-template>\n      <div class=\"pi-content\">\n        <div class=\"title\">{{process.title}}</div>\n        <div class=\"description\">{{process.description}}</div>\n      </div>\n    </div>\n\n  </section>\n\n  <ng-container *ngIf=\"!processForm; else tplProcessForm\" class=\"select-process\"></ng-container>\n\n  <ng-template #loading>\n    <eo-loading-spinner [size]=\"'medium'\"></eo-loading-spinner>\n  </ng-template>\n\n\n  <ng-template #tplProcessForm>\n\n    <eo-dialog [title]=\"selectedProcess?.title\"\n               [subtitle]=\"selectedProcess?.description\"\n               [visible]=\"true\"\n               [dirtyCheck]=\"pendingTaskIds\"\n               [minWidth]=\"1000\"\n               [styleClass]=\"'process-form-dialog'\"\n               (hide)=\"cancelDialog()\" #dialog>\n\n      <eo-process-form [formOptions]=\"processForm\"\n                      (onResetForm)=\"formReset($event)\"\n                      (onCancel)=\"(dialog.visible = false)\"\n                      (onSaveForm)=\"startProcessWithFormData($event)\"\n                      (statusChanged)=\"onIndexDataChanged($event)\">\n      </eo-process-form>\n    </eo-dialog>\n  </ng-template>\n\n</eo-dialog>\n",
                     styles: [".process-item{align-items:center;border-bottom:1px solid var(--list-item-border-color);cursor:pointer;display:flex;padding:var(--app-pane-padding)}.process-item:hover{background-color:var(--list-item-hover-background)}.process-item eo-icon{opacity:.7}.process-item .pi-content{padding:0 var(--app-pane-padding)}.process-item .pi-content .description{color:var(--text-color-caption)}eo-loading-spinner{display:flex;justify-content:center;padding:var(--app-pane-padding)}"]
                 },] }
     ];
@@ -7635,7 +7640,7 @@
     FormInputComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'eo-form-input',
-                    template: "<div class=\"fe-wrapper\" eoInputFocus>\n  <div class=\"tag\" *ngIf=\"tag\" title=\"{{tag.title}}\">{{tag.label}}</div>\n  <label class=\"form-input__label\" (click)=\"toggle()\">{{_label}}</label>\n  <div class=\"control\">\n    <ng-content *ngIf=\"!toggled; else tplnull\"></ng-content>\n\n    <ng-template #tplnull><span translate>eo.form.input.null</span></ng-template>\n  </div>\n</div>\n<div class=\"description\" *ngIf=\"description\">{{description}}</div>\n\n",
+                    template: "<div class=\"fe-wrapper\" eoInputFocus [disabled]=\"isDisabled\">\n  <div class=\"tag\" *ngIf=\"tag\" title=\"{{tag.title}}\">{{tag.label}}</div>\n  <label class=\"form-input__label\" (click)=\"toggle()\">{{_label}}</label>\n  <div class=\"control\">\n    <ng-content *ngIf=\"!toggled; else tplnull\"></ng-content>\n\n    <ng-template #tplnull><span translate>eo.form.input.null</span></ng-template>\n  </div>\n</div>\n<div class=\"description\" *ngIf=\"description\">{{description}}</div>\n\n",
                     styles: [":host .fe-wrapper{-moz-transition:all var(--app-default-transition-duration) ease-in-out;-o-transition:all var(--app-default-transition-duration) ease-in-out;-webkit-transition:all var(--app-default-transition-duration) ease-in-out;align-items:center;border-bottom:1px solid rgba(var(--color-black-rgb),.15);display:flex;flex-flow:row nowrap;padding:calc(var(--app-pane-padding)/4) 0;transition:all var(--app-default-transition-duration) ease-in-out}:host .fe-wrapper.focused{border-color:var(--color-accent)}:host .fe-wrapper.focused>label{color:var(--color-accent)}:host .fe-wrapper>div.control{flex:1 1 auto;order:1;padding:0 calc(var(--app-pane-padding)/4)}:host .fe-wrapper>div.control>span{background-color:var(--color-accent);border-radius:2px;color:var(--color-white);display:inline-block;font-size:var(--font-hint);padding:0 calc(var(--app-pane-padding)/4)}:host .fe-wrapper>.form-input__label{-moz-transition:all var(--app-default-transition-duration) ease-in-out;-moz-user-select:none;-o-transition:all var(--app-default-transition-duration) ease-in-out;-webkit-transition:all var(--app-default-transition-duration) ease-in-out;-webkit-user-select:none;border-radius:2px;color:var(--text-color-caption);flex:0 1 auto;font-size:var(--font-caption);margin-right:3px;order:2;padding:2px calc(var(--app-pane-padding)/4);text-align:end;transition:all var(--app-default-transition-duration) ease-in-out;user-select:none}:host .fe-wrapper>.tag{background-color:var(--color-primary-2);border-radius:2px;color:var(--color-white);cursor:default;display:inline-block;flex:0 0 auto;font-size:var(--font-hint);line-height:1em;order:3;padding:2px}:host.checkbox .fe-wrapper>label{text-align:start}:host .description{color:var(--text-color-caption);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)}:host.required .fe-wrapper>label{background-color:rgba(var(--color-black-rgb),.06)}:host.required .fe-wrapper>label:after{content:\"*\";font-weight:700;padding:0 4px}:host.invalid .fe-wrapper{background:rgba(var(--color-error),.15);border-color:var(--color-error)}:host.invalid .fe-wrapper>label{background-color:var(--color-error);color:var(--color-white);margin:0 4px}:host.invalid .fe-wrapper>label:after{content:\"!\";margin-left:calc(var(--app-pane-padding)/2)}:host.disabled{opacity:.5}:host.checkbox .fe-wrapper{border-color:transparent!important}:host.checkbox .fe-wrapper>div.control{flex:0 0 auto}:host.checkbox .fe-wrapper>label{flex:0 1 auto}:host-context(.dark) .fe-wrapper{border-color:rgba(var(--color-white-rgb),.54)}:host-context(.dark) .fe-wrapper>label{color:rgba(var(--color-white-rgb),.84)}:host-context(.dark) .fe-wrapper.focused{border-color:var(--color-white)}:host-context(.dark) .fe-wrapper.focused>label{color:var(--color-white)}:host-context(.dark) ::ng-deep .ui-dropdown.range{background-color:rgba(var(--color-white-rgb),.1)}:host-context(.fe-wrapper) .fe-wrapper{background:transparent;padding:0}:host ::ng-deep .ui-inputtext,:host ::ng-deep input{align-items:center;border:0!important;display:flex;flex-wrap:wrap;padding:0;width:100%}:host ::ng-deep input{background-color:transparent}:host ::ng-deep button.ui-button{background:rgba(var(--color-black-rgb),.08);border:0;border-radius:2px;color:var(--text-color-caption);cursor:pointer;height:20px;width:20px}:host ::ng-deep button.ui-button.ui-spinner-button:enabled:hover,:host ::ng-deep button.ui-button:enabled:active,:host ::ng-deep button.ui-button:enabled:focus,:host ::ng-deep button.ui-button:enabled:hover{background:var(--color-accent);border:0;color:var(--color-white)}:host ::ng-deep button.ui-button .fa{color:currentColor!important}:host ::ng-deep button.ui-button eo-icon{height:16px;margin:auto;width:16px}:host ::ng-deep .ui-dropdown.range{-moz-transition:all var(--app-default-transition-duration) ease-in-out;-o-transition:all var(--app-default-transition-duration) ease-in-out;-webkit-transition:all var(--app-default-transition-duration) ease-in-out;background:rgba(var(--color-black-rgb),.1);border:0;border-radius:2px;margin:0 4px;transition:all var(--app-default-transition-duration) ease-in-out;width:20px!important}:host ::ng-deep .ui-dropdown.range.ui-state-focus{background:var(--color-accent)!important}:host ::ng-deep .ui-dropdown.range.ui-state-focus label{color:var(--color-primary-4)}:host ::ng-deep .ui-dropdown.range:not(.ui-state-disabled):hover{background:rgba(var(--color-black-rgb),.2)}:host ::ng-deep .ui-dropdown.range .ui-dropdown-panel .ui-dropdown-items .ui-dropdown-item{padding:calc(var(--app-pane-padding)/4) calc(var(--app-pane-padding)/2)}:host ::ng-deep .ui-dropdown.range .ui-dropdown-trigger{display:none}:host ::ng-deep .ui-dropdown.range .ui-dropdown-item,:host ::ng-deep .ui-dropdown.range label{display:block;font-family:monospace;text-align:center}:host ::ng-deep .ui-dropdown.range label:after{display:none}"]
                 },] }
     ];
@@ -7659,9 +7664,12 @@
             this.renderer = renderer;
             this.element = element;
             this.formInput = this.element.nativeElement;
+            this.disabled = false;
         }
         InputFocusDirective.prototype.onFocusIn = function (evt) {
-            this.renderer.addClass(this.formInput, 'focused');
+            if (!this.disabled) {
+                this.renderer.addClass(this.formInput, 'focused');
+            }
         };
         InputFocusDirective.prototype.onFocusOut = function (evt) {
             this.renderer.removeClass(this.formInput, 'focused');
@@ -7678,6 +7686,7 @@
         { type: i0.ElementRef }
     ]; };
     InputFocusDirective.propDecorators = {
+        disabled: [{ type: i0.Input }],
         onFocusIn: [{ type: i0.HostListener, args: ['focusin', ['$event'],] }],
         onFocusOut: [{ type: i0.HostListener, args: ['focusout', ['$event'],] }]
     };
@@ -9260,7 +9269,7 @@
     StringComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'eo-string',
-                    template: "<div class=\"eo-form-string\">\n\n  <input *ngIf=\"!multiline && !multiselect && !autocomplete\"\n         type=\"text\"\n         pInputText\n         (blur)=\"onBlur()\"\n         [readonly]=\"readonly\"\n         [(ngModel)]=\"value\"\n         (ngModelChange)=\"onValueChange($event)\"/>\n\n  <!-- single line input with autocomplete -->\n  <p-autoComplete *ngIf=\"!multiline && !multiselect && autocomplete\"\n                  #autocomplete\n                  [(ngModel)]=\"value\"\n                  [minLength]=\"3\"\n                  [delay]=\"500\"\n                  [readonly]=\"readonly\"\n                  [disabled]=\"readonly\"\n                  [suggestions]=\"autocompleteRes\"\n                  (onBlur)=\"onBlur()\"\n                  (onSelect)=\"onValueChange($event)\"\n                  (ngModelChange)=\"onValueChange($event)\"\n                  (completeMethod)=\"autocompleteFn($event)\">\n  </p-autoComplete>\n\n  <!-- single line input with multiselect-->\n  <p-chips *ngIf=\"!multiline && multiselect && !autocomplete\"\n           [(ngModel)]=\"value\"\n           [disabled]=\"readonly\"\n           (onBlur)=\"onBlur()\"\n           (ngModelChange)=\"onValueChange($event)\">\n  </p-chips>\n\n  <p-autoComplete *ngIf=\"!multiline && multiselect && autocomplete\"\n                  [(ngModel)]=\"value\"\n                  [suggestions]=\"autocompleteRes\"\n                  [minLength]=\"1\"\n                  [multiple]=\"true\"\n                  [minLength]=\"3\"\n                  [delay]=\"500\"\n                  [readonly]=\"readonly\"\n                  [disabled]=\"readonly\"\n                  (onBlur)=\"onBlur()\"\n                  (ngModelChange)=\"onValueChange($event)\"\n                  (completeMethod)=\"autocompleteFn($event)\"\n                  (keyup.enter)=\"onKeyUpEnter($event)\">\n  </p-autoComplete>\n\n  <!-- multi line text inputs -->\n  <textarea class=\"input-textarea size-{{size}}\" pInputTextarea\n            *ngIf=\"multiline\"\n            (blur)=\"onBlur()\"\n            [(ngModel)]=\"value\"\n            [readonly]=\"readonly\"\n            (ngModelChange)=\"onValueChange($event)\"></textarea>\n\n  <div class=\"classify\" [ngClass]=\"{empty: !value || situation === 'SEARCH'}\">\n    <a href=\"mailto:{{formatedValue}}\" *ngIf=\"classification === 'email' && valid\">\n      <i class=\"fa fa-envelope-o\"></i>\n    </a>\n    <a target=\"_blank\" href=\"{{value}}\" *ngIf=\"classification === 'url' && valid\">\n      <i class=\"fa fa-globe\"></i>\n    </a>\n  </div>\n\n</div>\n",
+                    template: "<div class=\"eo-form-string\">\n\n  <input *ngIf=\"!multiline && !multiselect && !autocomplete\"\n         type=\"text\"\n         pInputText\n         (blur)=\"onBlur()\"\n         [readonly]=\"readonly\"\n         [disabled]=\"readonly\"\n         [(ngModel)]=\"value\"\n         (ngModelChange)=\"onValueChange($event)\"/>\n\n  <!-- single line input with autocomplete -->\n  <p-autoComplete *ngIf=\"!multiline && !multiselect && autocomplete\"\n                  #autocomplete\n                  [(ngModel)]=\"value\"\n                  [minLength]=\"3\"\n                  [delay]=\"500\"\n                  [readonly]=\"readonly\"\n                  [disabled]=\"readonly\"\n                  [suggestions]=\"autocompleteRes\"\n                  (onBlur)=\"onBlur()\"\n                  (onSelect)=\"onValueChange($event)\"\n                  (ngModelChange)=\"onValueChange($event)\"\n                  (completeMethod)=\"autocompleteFn($event)\">\n  </p-autoComplete>\n\n  <!-- single line input with multiselect-->\n  <p-chips *ngIf=\"!multiline && multiselect && !autocomplete\"\n           [(ngModel)]=\"value\"\n           [disabled]=\"readonly\"\n           (onBlur)=\"onBlur()\"\n           (ngModelChange)=\"onValueChange($event)\">\n  </p-chips>\n\n  <p-autoComplete *ngIf=\"!multiline && multiselect && autocomplete\"\n                  [(ngModel)]=\"value\"\n                  [suggestions]=\"autocompleteRes\"\n                  [minLength]=\"1\"\n                  [multiple]=\"true\"\n                  [minLength]=\"3\"\n                  [delay]=\"500\"\n                  [readonly]=\"readonly\"\n                  [disabled]=\"readonly\"\n                  (onBlur)=\"onBlur()\"\n                  (ngModelChange)=\"onValueChange($event)\"\n                  (completeMethod)=\"autocompleteFn($event)\"\n                  (keyup.enter)=\"onKeyUpEnter($event)\">\n  </p-autoComplete>\n\n  <!-- multi line text inputs -->\n  <textarea class=\"input-textarea size-{{size}}\" pInputTextarea\n            *ngIf=\"multiline\"\n            (blur)=\"onBlur()\"\n            [(ngModel)]=\"value\"\n            [readonly]=\"readonly\"\n            [disabled]=\"readonly\"\n            (ngModelChange)=\"onValueChange($event)\"></textarea>\n\n  <div class=\"classify\" [ngClass]=\"{empty: !value || situation === 'SEARCH'}\">\n    <a href=\"mailto:{{formatedValue}}\" *ngIf=\"classification === 'email' && valid\">\n      <i class=\"fa fa-envelope-o\"></i>\n    </a>\n    <a target=\"_blank\" href=\"{{value}}\" *ngIf=\"classification === 'url' && valid\">\n      <i class=\"fa fa-globe\"></i>\n    </a>\n  </div>\n\n</div>\n",
                     providers: [
                         {
                             provide: forms.NG_VALUE_ACCESSOR,
@@ -11082,6 +11091,9 @@
                         this.formElementRef._eoFormElement.maxlen = 32;
                     }
                     this.fetchTags();
+                    if (this.formElementRef._eoFormElement.readonly && this.formElementRef._eoFormElement.required) {
+                        this.formElementRef._eoFormElement.required = false;
+                    }
                 }
             },
             enumerable: false,
@@ -11137,7 +11149,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                   [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                   [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                   [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                   (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                   [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                   [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                   [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                   [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\"\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}"]
                 },] }
     ];
@@ -11232,6 +11244,7 @@
             set: function (p) {
                 if (p) {
                     this._params = p;
+                    CellRenderer.situation = this._params.situation;
                     if (this._params.situation === 'SEARCH') {
                         this._params.size = 'supersmall';
                     }
@@ -13384,6 +13397,7 @@
             _this.title = '';
             _this.searchLimit = 10;
             _this.operator = 'OR'; // AND | OR
+            _this.selectedAllFilters = false;
             _this.id = '#set';
             return _this;
         }
@@ -13394,6 +13408,7 @@
             set: function (opts) {
                 var _this = this;
                 this._options = this.defaultValue ? opts || [] : this.settingsService.setupSettings(this.id, opts);
+                this.selectedAllFilters = this.options.every(function (opt) { return opt.value; });
                 if (this.options && this.params && this.isFilterActive()) {
                     setTimeout(function () { return _this.params.filterChangedCallback(); }, 0);
                 }
@@ -13442,7 +13457,7 @@
     SetFilterComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'eo-set-filter',
-                    template: "<header class=\"filter__header\">\n  <h3 class=\"filter__title title\" *ngIf=\"title\">{{title}}</h3>\n  <input *ngIf=\"options?.length > searchLimit\" #input (ngModelChange)=\"onSearchChange($event)\" [ngModel]=\"''\"\n    class=\"form-control\" placeholder=\"{{ 'eo.resultlist.grid.searchOoo' | translate}}\">\n  <div class=\"option flex-row\">\n    <eo-checkbox (ngModelChange)=\"onChange($event)\" [ngModel]=\"operator === 'OR'\" [tristate]=\"false\"></eo-checkbox>\n    <label>({{'eo.resultlist.grid.selectAll' | translate}})</label>\n  </div>\n</header>\n<div class=\"option flex-row\" *ngFor=\"let item of options\" [hidden]=\"item.hidden\">\n  <eo-checkbox (ngModelChange)=\"onChange($event, item)\" [ngModel]=\"item.value\" [tristate]=\"false\"></eo-checkbox>\n  <label [innerHTML]=\"item.label | safeHtml\"></label>\n</div>",
+                    template: "<header class=\"filter__header\">\n  <h3 class=\"filter__title title\" *ngIf=\"title\">{{title}}</h3>\n  <input *ngIf=\"options?.length > searchLimit\" #input (ngModelChange)=\"onSearchChange($event)\" [ngModel]=\"''\"\n    class=\"form-control\" placeholder=\"{{ 'eo.resultlist.grid.searchOoo' | translate}}\">\n  <div class=\"option flex-row\">\n    <eo-checkbox (ngModelChange)=\"onChange($event)\" [ngModel]=\"selectedAllFilters\" [tristate]=\"false\"></eo-checkbox>\n    <label>({{'eo.resultlist.grid.selectAll' | translate}})</label>\n  </div>\n</header>\n<div class=\"option flex-row\" *ngFor=\"let item of options\" [hidden]=\"item.hidden\">\n  <eo-checkbox (ngModelChange)=\"onChange($event, item)\" [ngModel]=\"item.value\" [tristate]=\"false\"></eo-checkbox>\n  <label [innerHTML]=\"item.label | safeHtml\"></label>\n</div>\n",
                     styles: [".title{font-weight:700;margin-top:.5em}.option{margin:.5em 0}label{padding:0 .5em}input{border:none}"]
                 },] }
     ];
@@ -13503,7 +13518,7 @@
     ListFilterComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'eo-list-filter',
-                    template: "<header class=\"filter__header\">\n  <h3 class=\"filter__title title\" *ngIf=\"title\">{{title}}</h3>\n  <input *ngIf=\"options?.length > searchLimit\" #input (ngModelChange)=\"onSearchChange($event)\" [ngModel]=\"''\"\n    class=\"form-control\" placeholder=\"{{ 'eo.resultlist.grid.searchOoo' | translate}}\">\n  <div class=\"option flex-row\">\n    <eo-checkbox (ngModelChange)=\"onChange($event)\" [ngModel]=\"operator === 'OR'\" [tristate]=\"false\"></eo-checkbox>\n    <label>({{'eo.resultlist.grid.selectAll' | translate}})</label>\n  </div>\n</header>\n<div class=\"option flex-row\" *ngFor=\"let item of options\" [hidden]=\"item.hidden\">\n  <eo-checkbox (ngModelChange)=\"onChange($event, item)\" [ngModel]=\"item.value\" [tristate]=\"false\"></eo-checkbox>\n  <label [innerHTML]=\"item.label | safeHtml\"></label>\n</div>",
+                    template: "<header class=\"filter__header\">\n  <h3 class=\"filter__title title\" *ngIf=\"title\">{{title}}</h3>\n  <input *ngIf=\"options?.length > searchLimit\" #input (ngModelChange)=\"onSearchChange($event)\" [ngModel]=\"''\"\n    class=\"form-control\" placeholder=\"{{ 'eo.resultlist.grid.searchOoo' | translate}}\">\n  <div class=\"option flex-row\">\n    <eo-checkbox (ngModelChange)=\"onChange($event)\" [ngModel]=\"selectedAllFilters\" [tristate]=\"false\"></eo-checkbox>\n    <label>({{'eo.resultlist.grid.selectAll' | translate}})</label>\n  </div>\n</header>\n<div class=\"option flex-row\" *ngFor=\"let item of options\" [hidden]=\"item.hidden\">\n  <eo-checkbox (ngModelChange)=\"onChange($event, item)\" [ngModel]=\"item.value\" [tristate]=\"false\"></eo-checkbox>\n  <label [innerHTML]=\"item.label | safeHtml\"></label>\n</div>\n",
                     styles: [".title{font-weight:700;margin-top:.5em}.option{margin:.5em 0}label{padding:0 .5em}input{border:none}"]
                 },] }
     ];
@@ -14115,7 +14130,7 @@
         { type: i0.Component, args: [{
                     selector: 'eo-column-configurator',
                     template: "<div class=\"configurator\">\n\n  <div class=\"bar\">\n    <div class=\"title\" translate>eo.column.config.title</div>\n    <button (click)=\"resetDefault()\" *ngIf=\"!isDefaultConfig\" translate>eo.column.config.action.resetdefault</button>\n    <button (click)=\"toggleConfigMode()\" translate>eo.column.config.action.close</button>\n    <button (click)=\"saveConfig(true)\" class=\"primary\" [disabled]=\"!currentFields?.length\" *ngIf=\"hasPrivilege\" translate>eo.column.config.action.save.default</button>\n    <button (click)=\"saveConfig()\" class=\"primary\" [disabled]=\"!currentFields?.length\" translate>eo.column.config.action.save</button>\n  </div>\n\n  <div class=\"info\" *ngIf=\"info\">{{info}}</div>\n\n  <div class=\"column-config\" cdkDropListGroup>\n\n    <div class=\"scroller current\">\n      <div class=\"headline\" translate>eo.column.config.headline.current</div>\n      <div class=\"items\" cdkDropList (cdkDropListDropped)=\"drop($event, 'current')\" [cdkDropListData]=\"currentFields\">\n        <div class=\"item\" cdkDragHandle cdkDrag [cdkDragData]=\"field\" *ngFor=\"let field of currentFields; index as i\">\n          <div class=\"entry\" [ngClass]=\"{modified: field.confmeta.modified, sfe: field.selectedforenrichment}\">\n            <div class=\"label\" [ngClass]=\"{baseparam: field.baseparameter}\">{{field.label}}</div>\n            <div class=\"group\" [ngClass]=\"{on: field.confmeta.pinned}\" (click)=\"togglePinned(field, $event)\" translate>eo.column.config.pinned</div>\n            <!--<div class=\"group\" [ngClass]=\"{on: field.confmeta.group}\" (click)=\"toggleGroup(field, $event)\" translate>eo.column.config.group</div>-->\n            <div class=\"sort\" [ngClass]=\"{on: field.confmeta.sort, asc: field.confmeta.sort === 'asc', desc: field.confmeta.sort === 'desc', disabled: !field.sortable}\" \n            (click)=\"field.sortable && toggleSort(field, $event)\" translate>eo.column.config.sort</div>\n          </div>\n        </div>\n\n      </div>\n    </div>\n\n    <div class=\"scroller available\">\n      <div class=\"headline\" translate>eo.column.config.headline.available</div>\n      <div class=\"items\" cdkDropList (cdkDropListDropped)=\"drop($event, 'available')\" [cdkDropListData]=\"availableFields\">\n        <div class=\"item\" cdkDragHandle cdkDrag [cdkDragData]=\"field\" *ngFor=\"let field of availableFields; index as i\">\n          <div class=\"entry\" [ngClass]=\"{modified: field.confmeta.modified, sfe: field.selectedforenrichment}\">\n            <div class=\"label\" [ngClass]=\"{baseparam: field.baseparameter}\">{{field.label}}</div>\n          </div>\n        </div>\n      </div>\n    </div>\n\n  </div>\n\n</div>\n",
-                    styles: [".cdk-drag-preview{display:none}.cdk-drag-placeholder .entry{border-style:dashed!important;opacity:.9}.cdk-drop-list-dragging .cdk-drag{transition:transform .25s cubic-bezier(0,0,.2,1)}.cdk-drag-animating{transition:transform .3s cubic-bezier(0,0,.2,1)}:host{-webkit-animation:eoFadeIn var(--app-default-transition-duration) 1 ease-in-out;animation:eoFadeIn var(--app-default-transition-duration) 1 ease-in-out;background:var(--color-white);bottom:0;display:flex;display:none;flex:1;flex-direction:column;height:100%;left:0;min-height:0;min-width:0;position:absolute;right:0;top:0;width:100%;z-index:10}:host.visible{display:block;overflow-x:auto}:host .configurator{flex:1;flex-direction:column;height:100%}:host .bar,:host .configurator{display:flex;min-height:0;min-width:0}:host .bar{align-items:center;background:var(--color-accent);color:var(--color-white);flex:none;flex-direction:row;min-width:560px;padding:calc(var(--app-pane-padding)/2) var(--app-pane-padding)}:host .bar .title{flex:1 1 auto;font-size:var(--font-subhead)}:host .bar button{color:rgba(var(--color-white-rgb),.87);margin:4px}:host .bar button.primary,:host .bar button:hover{background:rgba(var(--color-white-rgb),.1)}:host .bar button.primary{border:1px solid var(--color-white);color:var(--color-white);white-space:nowrap}:host .bar button.primary:hover{background:rgba(var(--color-white-rgb),.3)}:host .info{color:var(--color-accent);font-size:var(--font-title);font-weight:var(--font-weight-light);line-height:1em;margin:var(--app-pane-padding)}:host .column-config{--cc-border-color:rgba(var(--color-black-rgb),0.15);display:flex;flex:1;flex-direction:row;margin:var(--app-pane-padding);min-height:0;min-width:0}:host .column-config .scroller{background:var(--panel-background-lightgrey);border:1px solid var(--cc-border-color);display:flex;flex:2;flex-direction:column;min-height:0;min-width:0;min-width:300px}:host .column-config .scroller:last-child{flex:1;min-width:200px}[dir=ltr] :host .column-config .scroller:last-child{margin-left:var(--app-pane-padding)}[dir=rtl] :host .column-config .scroller:last-child{margin-right:var(--app-pane-padding)}:host .column-config .scroller .headline{border-bottom:1px solid var(--cc-border-color);color:var(--text-color-caption);padding:calc(var(--app-pane-padding)/2)}:host .column-config .scroller .items{display:flex;flex:1;flex-direction:column;min-height:0;min-width:0;overflow-y:auto;padding:calc(var(--app-pane-padding)/2)}:host .column-config .scroller .items .entry{-khtml-user-select:none;-moz-transition:all var(--app-default-transition-duration) ease-in-out;-moz-user-select:none;-ms-user-select:none;-o-transition:all var(--app-default-transition-duration) ease-in-out;-webkit-touch-callout:none;-webkit-transition:all var(--app-default-transition-duration) ease-in-out;-webkit-user-select:none;background:var(--color-white);border:1px solid var(--cc-border-color);cursor:default;cursor:move;display:flex;flex:1;flex-direction:row;margin:4px 0;min-height:0;min-width:0;overflow:hidden;padding:calc(var(--app-pane-padding)/2);transition:all var(--app-default-transition-duration) ease-in-out;user-select:none}:host .column-config .scroller .items .entry:before{background:rgba(var(--color-black-rgb),.06);content:\" \";height:1.5em;width:calc(var(--app-pane-padding)/2)}[dir=ltr] :host .column-config .scroller .items .entry:before{margin-right:calc(var(--app-pane-padding)/2)}[dir=rtl] :host .column-config .scroller .items .entry:before{margin-left:calc(var(--app-pane-padding)/2)}:host .column-config .scroller .items .entry.sfe:before{background:rgba(var(--color-black-rgb),.26);color:var(--color-white);content:\"*\";text-align:center}:host .column-config .scroller .items .entry.modified:before{background:var(--color-accent)}:host .column-config .scroller .items .entry .label{flex:1 1 auto}:host .column-config .scroller .items .entry .label.baseparam{font-style:italic}:host .column-config .scroller .items .entry .sort:after{-moz-transition:all var(--app-default-transition-duration) ease-in-out;-o-transition:all var(--app-default-transition-duration) ease-in-out;-webkit-transition:all var(--app-default-transition-duration) ease-in-out;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAMAAADz0U65AAAAGFBMVEUAAAD///8AAAAAAAAAAAAAAAAAAAAAAAB5sPD/AAAACHRSTlMAAAEnK2xwihv2e6MAAAAkSURBVAgdBcGBAQAgDMMgmvn/zcIGMO6xUBHXIqLkYkmQDfABCHAAOCt/xSYAAAAASUVORK5CYII=);content:\"\";display:inline-block;height:8px;opacity:0;transition:all var(--app-default-transition-duration) ease-in-out;width:8px}[dir=ltr] :host .column-config .scroller .items .entry .sort:after{margin-left:4px}[dir=rtl] :host .column-config .scroller .items .entry .sort:after{margin-right:4px}:host .column-config .scroller .items .entry .sort.asc:after{opacity:1}:host .column-config .scroller .items .entry .sort.desc:after{opacity:1;transform:rotate(180deg)}:host .column-config .scroller .items .entry .group,:host .column-config .scroller .items .entry .sort{-moz-transition:all var(--app-default-transition-duration) ease-in-out;-o-transition:all var(--app-default-transition-duration) ease-in-out;-webkit-transition:all var(--app-default-transition-duration) ease-in-out;background:rgba(var(--color-black-rgb),.06);border:1px solid rgba(var(--color-black-rgb),0);border-radius:2px;color:rgba(var(--color-black-rgb),.33);font-size:var(--font-hint);margin:0 4px;padding:0 4px;transition:all var(--app-default-transition-duration) ease-in-out;white-space:nowrap}:host .column-config .scroller .items .entry .group:hover,:host .column-config .scroller .items .entry .sort:hover{border-color:rgba(var(--color-black-rgb),.22);color:var(--text-color-caption)}:host .column-config .scroller .items .entry .group.on,:host .column-config .scroller .items .entry .sort.on{border-color:var(--color-accent-light);color:var(--color-accent-light)}:host .column-config .scroller .items .entry .group.disabled,:host .column-config .scroller .items .entry .sort.disabled{border:1px solid rgba(var(--color-black-rgb),0);color:rgba(var(--color-black-rgb),.33);cursor:default;text-decoration:line-through}"]
+                    styles: [".cdk-drag-preview{display:none}.cdk-drag-placeholder .entry{border-style:dashed!important;opacity:.9}.cdk-drop-list-dragging .cdk-drag{transition:transform .25s cubic-bezier(0,0,.2,1)}.cdk-drag-animating{transition:transform .3s cubic-bezier(0,0,.2,1)}:host{-webkit-animation:eoFadeIn var(--app-default-transition-duration) 1 ease-in-out;animation:eoFadeIn var(--app-default-transition-duration) 1 ease-in-out;background:var(--color-white);bottom:0;display:flex;display:none;flex:1;flex-direction:column;height:100%;left:0;min-height:0;min-width:0;position:absolute;right:0;top:0;width:100%;z-index:10}:host.visible{display:block;overflow-x:auto}:host .configurator{flex:1;flex-direction:column;height:100%}:host .bar,:host .configurator{display:flex;min-height:0;min-width:0}:host .bar{align-items:center;background:var(--color-accent);color:var(--color-white);flex:none;flex-direction:row;min-width:560px;padding:calc(var(--app-pane-padding)/2) var(--app-pane-padding)}:host .bar .title{flex:1 1 auto;font-size:var(--font-subhead)}:host .bar button{color:rgba(var(--color-white-rgb),.87);margin:4px}:host .bar button.primary,:host .bar button:hover{background:rgba(var(--color-white-rgb),.1)}:host .bar button.primary{border:1px solid var(--color-white);color:var(--color-white);white-space:nowrap}:host .bar button.primary:hover{background:rgba(var(--color-white-rgb),.3)}:host .info{color:var(--color-accent);font-size:var(--font-title);font-weight:var(--font-weight-light);line-height:1em;margin:var(--app-pane-padding)}:host .column-config{--cc-border-color:rgba(var(--color-black-rgb),0.15);display:flex;flex:1;flex-direction:row;margin:var(--app-pane-padding);min-height:0;min-width:0}:host .column-config .scroller{background:var(--panel-background-lightgrey);border:1px solid var(--cc-border-color);display:flex;flex:2;flex-direction:column;min-height:0;min-width:0;min-width:300px}:host .column-config .scroller:last-child{flex:1;min-width:200px}[dir=ltr] :host .column-config .scroller:last-child{margin-left:var(--app-pane-padding)}[dir=rtl] :host .column-config .scroller:last-child{margin-right:var(--app-pane-padding)}:host .column-config .scroller .headline{border-bottom:1px solid var(--cc-border-color);color:var(--text-color-caption);padding:calc(var(--app-pane-padding)/2)}:host .column-config .scroller .items{display:flex;flex:1;flex-direction:column;min-height:0;min-width:0;overflow-y:auto;padding:calc(var(--app-pane-padding)/2)}:host .column-config .scroller .items .entry{-khtml-user-select:none;-moz-transition:all var(--app-default-transition-duration) ease-in-out;-moz-user-select:none;-ms-user-select:none;-o-transition:all var(--app-default-transition-duration) ease-in-out;-webkit-touch-callout:none;-webkit-transition:all var(--app-default-transition-duration) ease-in-out;-webkit-user-select:none;background:var(--color-white);border:1px solid var(--cc-border-color);cursor:default;cursor:move;display:flex;flex:1;flex-direction:row;margin:4px 0;min-height:0;min-width:0;overflow:hidden;padding:calc(var(--app-pane-padding)/2);transition:all var(--app-default-transition-duration) ease-in-out;user-select:none}:host .column-config .scroller .items .entry:before{background:rgba(var(--color-black-rgb),.06);content:\" \";height:1.5em;width:calc(var(--app-pane-padding)/2)}[dir=ltr] :host .column-config .scroller .items .entry:before{margin-right:calc(var(--app-pane-padding)/2)}[dir=rtl] :host .column-config .scroller .items .entry:before{margin-left:calc(var(--app-pane-padding)/2)}:host .column-config .scroller .items .entry.sfe:before{background:rgba(var(--color-black-rgb),.26);color:var(--color-white);content:\"*\";text-align:center}:host .column-config .scroller .items .entry.modified:before{background:var(--color-accent)}:host .column-config .scroller .items .entry .label{flex:1 1 auto}:host .column-config .scroller .items .entry .label.baseparam{font-style:italic}:host .column-config .scroller .items .entry .sort:after{-moz-transition:all var(--app-default-transition-duration) ease-in-out;-o-transition:all var(--app-default-transition-duration) ease-in-out;-webkit-transition:all var(--app-default-transition-duration) ease-in-out;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAMAAADz0U65AAAAGFBMVEUAAAD///8AAAAAAAAAAAAAAAAAAAAAAAB5sPD/AAAACHRSTlMAAAEnK2xwihv2e6MAAAAkSURBVAgdBcGBAQAgDMMgmvn/zcIGMO6xUBHXIqLkYkmQDfABCHAAOCt/xSYAAAAASUVORK5CYII=);content:\"\";display:inline-block;height:8px;opacity:0;transition:all var(--app-default-transition-duration) ease-in-out;width:8px}[dir=ltr] :host .column-config .scroller .items .entry .sort:after{margin-left:4px}[dir=rtl] :host .column-config .scroller .items .entry .sort:after{margin-right:4px}:host .column-config .scroller .items .entry .sort.asc:after{opacity:1}:host .column-config .scroller .items .entry .sort.desc:after{opacity:1;transform:rotate(180deg)}:host .column-config .scroller .items .entry .group,:host .column-config .scroller .items .entry .sort{-moz-transition:all var(--app-default-transition-duration) ease-in-out;-o-transition:all var(--app-default-transition-duration) ease-in-out;-webkit-transition:all var(--app-default-transition-duration) ease-in-out;background:rgba(var(--color-black-rgb),.06);border:1px solid rgba(var(--color-black-rgb),0);border-radius:2px;color:rgba(var(--color-black-rgb),.33);cursor:pointer;font-size:var(--font-hint);margin:0 4px;padding:0 4px;transition:all var(--app-default-transition-duration) ease-in-out;white-space:nowrap}:host .column-config .scroller .items .entry .group:hover,:host .column-config .scroller .items .entry .sort:hover{border-color:rgba(var(--color-black-rgb),.22);color:var(--text-color-caption)}:host .column-config .scroller .items .entry .group.on,:host .column-config .scroller .items .entry .sort.on{border-color:var(--color-accent-light);color:var(--color-accent-light)}:host .column-config .scroller .items .entry .group.disabled,:host .column-config .scroller .items .entry .sort.disabled{border:1px solid rgba(var(--color-black-rgb),0);color:rgba(var(--color-black-rgb),.33);cursor:default;text-decoration:line-through}"]
                 },] }
     ];
     ColumnConfiguratorComponent.ctorParameters = function () { return [
@@ -22680,6 +22695,10 @@
          */
         InboxDetailsComponent.prototype.executeWorkItemAction = function (action) {
             var _this = this;
+            this.preventClickThrough = true;
+            setTimeout(function () {
+                _this.preventClickThrough = false;
+            }, 1000);
             setTimeout(function () {
                 if (!_this.formState || !_this.formState.invalid) {
                     if (action.url) {
@@ -24557,10 +24576,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.7", "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.9", "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.7'
+                clientVersion: '8.16.9'
             };
             this.licenses = {
                 'MIT': {