@eo-sdk/client 7.16.12 → 7.16.15

package/fesm2015/eo-sdk-client.js

@@ -5740,7 +5740,7 @@ class CodesystemComponent {
 CodesystemComponent.decorators = [
     { type: Component, args: [{
                 selector: 'eo-codesystem',
-                template: "<eo-dialog [title]=\"pickerTitle || ''\" [(visible)]=\"display\" *ngIf=\"display\">\r\n  <eo-tree [tree]=\"tree\" [isDisplayed]=\"display\" *ngIf=\"display\"\r\n           [options]=\"{multiselect: multiselect}\"\r\n           [(ngModel)]=\"selectedNodes\"\r\n           (ngModelChange)=\"onTreeSelectionChanged($event)\"\r\n           [readonly]=\"readonly\"\r\n           [isDisplayed]=\"display\"\r\n           (keyup.enter)=\"showDialog($event, false)\"\r\n           >\r\n  </eo-tree>\r\n</eo-dialog>\r\n\r\n<div class=\"eo-codesystem\" *ngIf=\"codesystem\"\r\n     [ngClass]=\"{full: selectedNodes && selectedNodes.length === autocompleteValues.length, readonly: readonly}\">\r\n\r\n  <p-autoComplete [(ngModel)]=\"selectedNodes\" [minLength]=\"1\" [delay]=\"500\" #autocomplete\r\n                  (onSelect)=\"onAutoCompleteSelect($event)\"\r\n                  (onUnselect)=\"onAutoCompleteUnselect($event)\"\r\n                  (onBlur)=\"onAutoCompleteBlur($event)\"\r\n                  [suggestions]=\"autocompleteRes\" field=\"name\"\r\n                  [readonly]=\"readonly\"\r\n                  [placeholder]=\"placeholder\"\r\n                  [inputStyleClass]=\"inputStyleClass\"\r\n                  [forceSelection]=\"true\"\r\n                  (onClear)=\"onClear()\"\r\n                  (completeMethod)=\"autocompleteFn($event)\" [multiple]=\"multiselect\">\r\n  </p-autoComplete>\r\n\r\n  <button type=\"button\" #button class=\"ui-button\" (click)=\"showDialog($event, $event.detail)\" *ngIf=\"!readonly\"\r\n          (keyup.arrowDown)=\"showDialog($event)\" (keyup.enter)=\"showDialog($event)\" (keyup.space)=\"showDialog($event)\">\r\n    <eo-icon [iconSrc]=\"'assets/_default/svg/ic_arrow_down.svg'\"></eo-icon>\r\n  </button>\r\n</div>\r\n",
+                template: "<eo-dialog [title]=\"pickerTitle || ''\" [(visible)]=\"display\" *ngIf=\"display\">\r\n  <eo-tree [tree]=\"tree\" [isDisplayed]=\"display\" *ngIf=\"display\"\r\n           [options]=\"{multiselect: multiselect}\"\r\n           [(ngModel)]=\"selectedNodes\"\r\n           (ngModelChange)=\"onTreeSelectionChanged($event)\"\r\n           [readonly]=\"readonly\"\r\n           [isDisplayed]=\"display\"\r\n           (keyup.enter)=\"showDialog($event, false)\"\r\n           >\r\n  </eo-tree>\r\n</eo-dialog>\r\n\r\n<div class=\"eo-codesystem\" *ngIf=\"codesystem\"\r\n     [ngClass]=\"{full: selectedNodes && selectedNodes.length === autocompleteValues.length, readonly: readonly}\">\r\n\r\n  <p-autoComplete [(ngModel)]=\"selectedNodes\" [minLength]=\"1\" [delay]=\"500\" #autocomplete\r\n                  (onSelect)=\"onAutoCompleteSelect($event)\"\r\n                  (onUnselect)=\"onAutoCompleteUnselect($event)\"\r\n                  (onBlur)=\"onAutoCompleteBlur($event)\"\r\n                  [suggestions]=\"autocompleteRes\" field=\"name\"\r\n                  [readonly]=\"readonly\"\r\n                  [disabled]=\"readonly\"\r\n                  [placeholder]=\"placeholder\"\r\n                  [inputStyleClass]=\"inputStyleClass\"\r\n                  [forceSelection]=\"true\"\r\n                  (onClear)=\"onClear()\"\r\n                  (completeMethod)=\"autocompleteFn($event)\" [multiple]=\"multiselect\">\r\n  </p-autoComplete>\r\n\r\n  <button type=\"button\" #button class=\"ui-button\" (click)=\"showDialog($event, $event.detail)\" *ngIf=\"!readonly\"\r\n          (keyup.arrowDown)=\"showDialog($event)\" (keyup.enter)=\"showDialog($event)\" (keyup.space)=\"showDialog($event)\">\r\n    <eo-icon [iconSrc]=\"'assets/_default/svg/ic_arrow_down.svg'\"></eo-icon>\r\n  </button>\r\n</div>\r\n",
                 providers: [
                     {
                         provide: NG_VALUE_ACCESSOR,
@@ -6616,7 +6616,7 @@ class DynamicListComponent {
 DynamicListComponent.decorators = [
     { type: Component, args: [{
                 selector: 'eo-dynamic-list',
-                template: "<eo-dialog #listDialog [title]=\"pickerTitle\" [(visible)]=\"display\" [ngClass]=\"{empty: !(list?.entries?.length)}\" [styleClass]=\"'dynlist-dialog'\" *ngIf=\"display\">\r\n\r\n  <eo-tree [tree]=\"tree\" *ngIf=\"display && tree\"\r\n           [isDisplayed]=\"display\"\r\n           [options]=\"{multiselect: multiselect}\"\r\n           [(ngModel)]=\"selectedNodes\"\r\n           (keyup.enter)=\"showDialog($event, false)\"\r\n           (ngModelChange)=\"onTreeSelectionChanged($event)\">\r\n  </eo-tree>\r\n\r\n  <div class=\"empty\" *ngIf=\"!(list?.entries?.length)\">\r\n    <div translate>eo.form.property.dynamic.list.empty</div>\r\n  </div>\r\n</eo-dialog>\r\n\r\n<div class=\"eo-dynamic-list\" [ngClass]=\"{full: selectedNodes && selectedNodes.length === autocompleteValues.length}\">\r\n\r\n  <p-autoComplete [(ngModel)]=\"selectedNodes\" [minLength]=\"1\" [delay]=\"500\" #autocomplete (onSelect)=\"onAutoCompleteSelect($event)\"\r\n                  [readonly]=\"readonly\"\r\n                  (onUnselect)=\"onAutoCompleteUnselect($event)\" [forceSelection]=\"true\" [suggestions]=\"autocompleteRes\" field=\"{{valueField}}\"\r\n                  (onClear)=\"onClear()\"\r\n                  (completeMethod)=\"autocompleteFn($event)\" [multiple]=\"multiselect\">\r\n    <ng-template let-item pTemplate=\"item\">\r\n      <div>\r\n        <div class=\"value\">{{item[valueField]}}</div>\r\n        <div class=\"description\">{{item[descriptionField]}}</div>\r\n      </div>\r\n    </ng-template>\r\n  </p-autoComplete>\r\n\r\n  <button #button class=\"ui-button\"\r\n          *ngIf=\"!readonly\"\r\n          [disabled]=\"readonly\"\r\n          (click)=\"showDialog($event, $event.detail)\"\r\n          (keyup.arrowDown)=\"showDialog($event)\"\r\n          (keyup.enter)=\"showDialog($event)\"\r\n          (keyup.space)=\"showDialog($event)\">\r\n    <eo-icon [iconSrc]=\"'assets/_default/svg/ic_arrow_down.svg'\"></eo-icon>\r\n  </button>\r\n</div>\r\n",
+                template: "<eo-dialog #listDialog [title]=\"pickerTitle\" [(visible)]=\"display\" [ngClass]=\"{empty: !(list?.entries?.length)}\" [styleClass]=\"'dynlist-dialog'\" *ngIf=\"display\">\r\n\r\n  <eo-tree [tree]=\"tree\" *ngIf=\"display && tree\"\r\n           [isDisplayed]=\"display\"\r\n           [options]=\"{multiselect: multiselect}\"\r\n           [(ngModel)]=\"selectedNodes\"\r\n           (keyup.enter)=\"showDialog($event, false)\"\r\n           (ngModelChange)=\"onTreeSelectionChanged($event)\">\r\n  </eo-tree>\r\n\r\n  <div class=\"empty\" *ngIf=\"!(list?.entries?.length)\">\r\n    <div translate>eo.form.property.dynamic.list.empty</div>\r\n  </div>\r\n</eo-dialog>\r\n\r\n<div class=\"eo-dynamic-list\" [ngClass]=\"{full: selectedNodes && selectedNodes.length === autocompleteValues.length}\">\r\n\r\n  <p-autoComplete [(ngModel)]=\"selectedNodes\" [minLength]=\"1\" [delay]=\"500\" #autocomplete (onSelect)=\"onAutoCompleteSelect($event)\"\r\n                  [readonly]=\"readonly\"\r\n                  [disabled]=\"readonly\"\r\n                  (onUnselect)=\"onAutoCompleteUnselect($event)\" [forceSelection]=\"true\" [suggestions]=\"autocompleteRes\" field=\"{{valueField}}\"\r\n                  (onClear)=\"onClear()\"\r\n                  (completeMethod)=\"autocompleteFn($event)\" [multiple]=\"multiselect\">\r\n    <ng-template let-item pTemplate=\"item\">\r\n      <div>\r\n        <div class=\"value\">{{item[valueField]}}</div>\r\n        <div class=\"description\">{{item[descriptionField]}}</div>\r\n      </div>\r\n    </ng-template>\r\n  </p-autoComplete>\r\n\r\n  <button #button class=\"ui-button\"\r\n          *ngIf=\"!readonly\"\r\n          [disabled]=\"readonly\"\r\n          (click)=\"showDialog($event, $event.detail)\"\r\n          (keyup.arrowDown)=\"showDialog($event)\"\r\n          (keyup.enter)=\"showDialog($event)\"\r\n          (keyup.space)=\"showDialog($event)\">\r\n    <eo-icon [iconSrc]=\"'assets/_default/svg/ic_arrow_down.svg'\"></eo-icon>\r\n  </button>\r\n</div>\r\n",
                 providers: [
                     {
                         provide: NG_VALUE_ACCESSOR,
@@ -7650,7 +7650,7 @@ class OrganizationComponent {
 OrganizationComponent.decorators = [
     { type: Component, args: [{
                 selector: 'eo-organization',
-                template: "<div class=\"eo-organization\" [ngClass]=\"{acInputHidden: !multiselect && innerValue.length}\">\r\n\r\n  <p-autoComplete [(ngModel)]=\"innerValue\" [minLength]=\"1\" #autocomplete\r\n                  (onSelect)=\"onSelect($event)\" (onUnselect)=\"onUnselect($event)\"\r\n                  (onBlur)=\"onAutoCompleteBlur()\"\r\n                  [disabled]=\"readonly\"\r\n                  [placeholder]=\"placeholder\"\r\n                  [suggestions]=\"autocompleteRes\" field=\"title\"\r\n                  (completeMethod)=\"autocompleteFn($event)\" [multiple]=\"true\">\r\n\r\n    <!-- template for the suggest list -->\r\n    <ng-template let-item pTemplate=\"item\">\r\n      <i class=\"fa {{item.type === 'group' ? 'fa-users' : 'fa-user'}}\"></i>\r\n      <span *ngIf=\"(item.firstname?.length && item.lastname?.length) || item.type === 'group'\" class=\"ui-autocomplete-token-label\">{{item.title}} ({{item.name}})</span>\r\n      <span *ngIf=\"!item.firstname?.length && !item.lastname?.length && item.type !== 'group'\" class=\"ui-autocomplete-token-label\">({{item.name}})</span>\r\n      <span *ngIf=\"!item.firstname?.length && item.lastname?.length\" class=\"ui-autocomplete-token-label\">{{item.lastname}} ({{item.name}})</span>\r\n      <span *ngIf=\"item.firstname?.length && !item.lastname?.length\" class=\"ui-autocomplete-token-label\">{{item.firstname}} ({{item.name}})</span>\r\n    </ng-template>\r\n\r\n    <!-- template for the selected items when multiple -->\r\n    <ng-template let-item pTemplate=\"selectedItem\">\r\n      <div class=\"token\" [ngClass]=\"{deleted: item.state === 'GONE'}\">\r\n        <i class=\"fa {{item.type === 'group' ? 'fa-users' : 'fa-user'}}\"></i>\r\n        <span *ngIf=\"(item.firstname?.length && item.lastname?.length && item.active) || item.type === 'group'\" class=\"ui-autocomplete-token-label\">{{item.title}} ({{item.name}})</span>\r\n        <span *ngIf=\"(!item.firstname?.length && !item.lastname?.length && !item.active && !item.type)\" class=\"ui-autocomplete-token-label\">{{item.id}}</span>\r\n        <span *ngIf=\"!item.firstname?.length && !item.lastname?.length && item.active && item.type !== 'group'\" class=\"ui-autocomplete-token-label\">({{item.name}})</span>\r\n        <span *ngIf=\"!item.firstname?.length && item.lastname?.length\" class=\"ui-autocomplete-token-label\">{{item.lastname}} ({{item.name}})</span>\r\n        <span *ngIf=\"item.firstname?.length && !item.lastname?.length\" class=\"ui-autocomplete-token-label\">{{item.firstname}} ({{item.name}})</span>\r\n      </div>\r\n    </ng-template>\r\n\r\n  </p-autoComplete>\r\n</div>\r\n",
+                template: "<div class=\"eo-organization\" [ngClass]=\"{acInputHidden: !multiselect && innerValue.length}\">\r\n\r\n  <p-autoComplete [(ngModel)]=\"innerValue\" [minLength]=\"1\" #autocomplete\r\n                  (onSelect)=\"onSelect($event)\" (onUnselect)=\"onUnselect($event)\"\r\n                  (onBlur)=\"onAutoCompleteBlur()\"\r\n                  [readonly]=\"readonly\"\r\n                  [disabled]=\"readonly\"\r\n                  [placeholder]=\"placeholder\"\r\n                  [suggestions]=\"autocompleteRes\" field=\"title\"\r\n                  (completeMethod)=\"autocompleteFn($event)\" [multiple]=\"true\">\r\n\r\n    <!-- template for the suggest list -->\r\n    <ng-template let-item pTemplate=\"item\">\r\n      <i class=\"fa {{item.type === 'group' ? 'fa-users' : 'fa-user'}}\"></i>\r\n      <span *ngIf=\"(item.firstname?.length && item.lastname?.length) || item.type === 'group'\" class=\"ui-autocomplete-token-label\">{{item.title}} ({{item.name}})</span>\r\n      <span *ngIf=\"!item.firstname?.length && !item.lastname?.length && item.type !== 'group'\" class=\"ui-autocomplete-token-label\">({{item.name}})</span>\r\n      <span *ngIf=\"!item.firstname?.length && item.lastname?.length\" class=\"ui-autocomplete-token-label\">{{item.lastname}} ({{item.name}})</span>\r\n      <span *ngIf=\"item.firstname?.length && !item.lastname?.length\" class=\"ui-autocomplete-token-label\">{{item.firstname}} ({{item.name}})</span>\r\n    </ng-template>\r\n\r\n    <!-- template for the selected items when multiple -->\r\n    <ng-template let-item pTemplate=\"selectedItem\">\r\n      <div class=\"token\" [ngClass]=\"{deleted: item.state === 'GONE'}\">\r\n        <i class=\"fa {{item.type === 'group' ? 'fa-users' : 'fa-user'}}\"></i>\r\n        <span *ngIf=\"(item.firstname?.length && item.lastname?.length && item.active) || item.type === 'group'\" class=\"ui-autocomplete-token-label\">{{item.title}} ({{item.name}})</span>\r\n        <span *ngIf=\"(!item.firstname?.length && !item.lastname?.length && !item.active && !item.type)\" class=\"ui-autocomplete-token-label\">{{item.id}}</span>\r\n        <span *ngIf=\"!item.firstname?.length && !item.lastname?.length && item.active && item.type !== 'group'\" class=\"ui-autocomplete-token-label\">({{item.name}})</span>\r\n        <span *ngIf=\"!item.firstname?.length && item.lastname?.length\" class=\"ui-autocomplete-token-label\">{{item.lastname}} ({{item.name}})</span>\r\n        <span *ngIf=\"item.firstname?.length && !item.lastname?.length\" class=\"ui-autocomplete-token-label\">{{item.firstname}} ({{item.name}})</span>\r\n      </div>\r\n    </ng-template>\r\n\r\n  </p-autoComplete>\r\n</div>\r\n",
                 providers: [
                     {
                         provide: NG_VALUE_ACCESSOR,
@@ -8098,7 +8098,7 @@ class StringComponent {
 StringComponent.decorators = [
     { type: Component, args: [{
                 selector: 'eo-string',
-                template: "<div class=\"eo-form-string\">\r\n\r\n  <input *ngIf=\"!multiline && !multiselect && !autocomplete\"\r\n         type=\"text\"\r\n         pInputText\r\n         (blur)=\"onBlur()\"\r\n         [readonly]=\"readonly\"\r\n         [(ngModel)]=\"value\"\r\n         (ngModelChange)=\"onValueChange($event)\"/>\r\n\r\n  <!-- single line input with autocomplete -->\r\n  <p-autoComplete *ngIf=\"!multiline && !multiselect && autocomplete\"\r\n                  #autocomplete\r\n                  [(ngModel)]=\"value\"\r\n                  [minLength]=\"3\"\r\n                  [delay]=\"500\"\r\n                  [readonly]=\"readonly\"\r\n                  [suggestions]=\"autocompleteRes\"\r\n                  (onBlur)=\"onBlur()\"\r\n                  (onSelect)=\"onValueChange($event)\"\r\n                  (ngModelChange)=\"onValueChange($event)\"\r\n                  (completeMethod)=\"autocompleteFn($event)\">\r\n  </p-autoComplete>\r\n\r\n  <!-- single line input with multiselect-->\r\n  <p-chips *ngIf=\"!multiline && multiselect && !autocomplete\"\r\n           [(ngModel)]=\"value\"\r\n           [disabled]=\"readonly\"\r\n           (onBlur)=\"onBlur()\"\r\n           (ngModelChange)=\"onValueChange($event)\">\r\n  </p-chips>\r\n\r\n  <p-autoComplete *ngIf=\"!multiline && multiselect && autocomplete\"\r\n                  [(ngModel)]=\"value\"\r\n                  [suggestions]=\"autocompleteRes\"\r\n                  [minLength]=\"1\"\r\n                  [multiple]=\"true\"\r\n                  [minLength]=\"3\"\r\n                  [delay]=\"500\"\r\n                  [readonly]=\"readonly\"\r\n                  (onBlur)=\"onBlur()\"\r\n                  (ngModelChange)=\"onValueChange($event)\"\r\n                  (completeMethod)=\"autocompleteFn($event)\"\r\n                  (keyup.enter)=\"onKeyUpEnter($event)\">\r\n  </p-autoComplete>\r\n\r\n  <!-- multi line text inputs -->\r\n  <textarea class=\"input-textarea size-{{size}}\" pInputTextarea\r\n            *ngIf=\"multiline\"\r\n            (blur)=\"onBlur()\"\r\n            [(ngModel)]=\"value\"\r\n            [readonly]=\"readonly\"\r\n            (ngModelChange)=\"onValueChange($event)\"></textarea>\r\n\r\n  <div class=\"classify\" [ngClass]=\"{empty: !value || situation === 'SEARCH'}\">\r\n    <a href=\"mailto:{{formatedValue}}\" *ngIf=\"classification === 'email' && valid\">\r\n      <i class=\"fa fa-envelope-o\"></i>\r\n    </a>\r\n    <a target=\"_blank\" href=\"{{value}}\" *ngIf=\"classification === 'url' && valid\">\r\n      <i class=\"fa fa-globe\"></i>\r\n    </a>\r\n  </div>\r\n\r\n</div>\r\n",
+                template: "<div class=\"eo-form-string\">\r\n\r\n  <input *ngIf=\"!multiline && !multiselect && !autocomplete\"\r\n         type=\"text\"\r\n         pInputText\r\n         (blur)=\"onBlur()\"\r\n         [readonly]=\"readonly\"\r\n         [(ngModel)]=\"value\"\r\n         (ngModelChange)=\"onValueChange($event)\"/>\r\n\r\n  <!-- single line input with autocomplete -->\r\n  <p-autoComplete *ngIf=\"!multiline && !multiselect && autocomplete\"\r\n                  #autocomplete\r\n                  [(ngModel)]=\"value\"\r\n                  [minLength]=\"3\"\r\n                  [delay]=\"500\"\r\n                  [readonly]=\"readonly\"\r\n                  [disabled]=\"readonly\"\r\n                  [suggestions]=\"autocompleteRes\"\r\n                  (onBlur)=\"onBlur()\"\r\n                  (onSelect)=\"onValueChange($event)\"\r\n                  (ngModelChange)=\"onValueChange($event)\"\r\n                  (completeMethod)=\"autocompleteFn($event)\">\r\n  </p-autoComplete>\r\n\r\n  <!-- single line input with multiselect-->\r\n  <p-chips *ngIf=\"!multiline && multiselect && !autocomplete\"\r\n           [(ngModel)]=\"value\"\r\n           [disabled]=\"readonly\"\r\n           (onBlur)=\"onBlur()\"\r\n           (ngModelChange)=\"onValueChange($event)\">\r\n  </p-chips>\r\n\r\n  <p-autoComplete *ngIf=\"!multiline && multiselect && autocomplete\"\r\n                  [(ngModel)]=\"value\"\r\n                  [suggestions]=\"autocompleteRes\"\r\n                  [minLength]=\"1\"\r\n                  [multiple]=\"true\"\r\n                  [minLength]=\"3\"\r\n                  [delay]=\"500\"\r\n                  [readonly]=\"readonly\"\r\n                  [disabled]=\"readonly\"\r\n                  (onBlur)=\"onBlur()\"\r\n                  (ngModelChange)=\"onValueChange($event)\"\r\n                  (completeMethod)=\"autocompleteFn($event)\"\r\n                  (keyup.enter)=\"onKeyUpEnter($event)\">\r\n  </p-autoComplete>\r\n\r\n  <!-- multi line text inputs -->\r\n  <textarea class=\"input-textarea size-{{size}}\" pInputTextarea\r\n            *ngIf=\"multiline\"\r\n            (blur)=\"onBlur()\"\r\n            [(ngModel)]=\"value\"\r\n            [readonly]=\"readonly\"\r\n            (ngModelChange)=\"onValueChange($event)\"></textarea>\r\n\r\n  <div class=\"classify\" [ngClass]=\"{empty: !value || situation === 'SEARCH'}\">\r\n    <a href=\"mailto:{{formatedValue}}\" *ngIf=\"classification === 'email' && valid\">\r\n      <i class=\"fa fa-envelope-o\"></i>\r\n    </a>\r\n    <a target=\"_blank\" href=\"{{value}}\" *ngIf=\"classification === 'url' && valid\">\r\n      <i class=\"fa fa-globe\"></i>\r\n    </a>\r\n  </div>\r\n\r\n</div>\r\n",
                 providers: [
                     {
                         provide: NG_VALUE_ACCESSOR,
@@ -11533,7 +11533,7 @@ class OrganizationFilterComponent extends OrganizationComponent {
 OrganizationFilterComponent.decorators = [
     { type: Component, args: [{
                 selector: 'eo-organization-filter',
-                template: "<div class=\"eo-organization\" [ngClass]=\"{acInputHidden: !multiselect && innerValue.length}\">\r\n\r\n  <p-autoComplete [(ngModel)]=\"innerValue\" [minLength]=\"1\" #autocomplete\r\n                  (onSelect)=\"onSelect($event)\" (onUnselect)=\"onUnselect($event)\"\r\n                  (onBlur)=\"onAutoCompleteBlur()\"\r\n                  [disabled]=\"readonly\"\r\n                  [placeholder]=\"placeholder\"\r\n                  [suggestions]=\"autocompleteRes\" field=\"title\"\r\n                  (completeMethod)=\"autocompleteFn($event)\" [multiple]=\"true\">\r\n\r\n    <!-- template for the suggest list -->\r\n    <ng-template let-item pTemplate=\"item\">\r\n      <i class=\"fa {{item.type === 'group' ? 'fa-users' : 'fa-user'}}\"></i>\r\n      <span *ngIf=\"(item.firstname?.length && item.lastname?.length) || item.type === 'group'\" class=\"ui-autocomplete-token-label\">{{item.title}} ({{item.name}})</span>\r\n      <span *ngIf=\"!item.firstname?.length && !item.lastname?.length && item.type !== 'group'\" class=\"ui-autocomplete-token-label\">({{item.name}})</span>\r\n      <span *ngIf=\"!item.firstname?.length && item.lastname?.length\" class=\"ui-autocomplete-token-label\">{{item.lastname}} ({{item.name}})</span>\r\n      <span *ngIf=\"item.firstname?.length && !item.lastname?.length\" class=\"ui-autocomplete-token-label\">{{item.firstname}} ({{item.name}})</span>\r\n    </ng-template>\r\n\r\n    <!-- template for the selected items when multiple -->\r\n    <ng-template let-item pTemplate=\"selectedItem\">\r\n      <div class=\"token\" [ngClass]=\"{deleted: item.state === 'GONE'}\">\r\n        <i class=\"fa {{item.type === 'group' ? 'fa-users' : 'fa-user'}}\"></i>\r\n        <span *ngIf=\"(item.firstname?.length && item.lastname?.length && item.active) || item.type === 'group'\" class=\"ui-autocomplete-token-label\">{{item.title}} ({{item.name}})</span>\r\n        <span *ngIf=\"(!item.firstname?.length && !item.lastname?.length && !item.active && !item.type)\" class=\"ui-autocomplete-token-label\">{{item.id}}</span>\r\n        <span *ngIf=\"!item.firstname?.length && !item.lastname?.length && item.active && item.type !== 'group'\" class=\"ui-autocomplete-token-label\">({{item.name}})</span>\r\n        <span *ngIf=\"!item.firstname?.length && item.lastname?.length\" class=\"ui-autocomplete-token-label\">{{item.lastname}} ({{item.name}})</span>\r\n        <span *ngIf=\"item.firstname?.length && !item.lastname?.length\" class=\"ui-autocomplete-token-label\">{{item.firstname}} ({{item.name}})</span>\r\n      </div>\r\n    </ng-template>\r\n\r\n  </p-autoComplete>\r\n</div>\r\n",
+                template: "<div class=\"eo-organization\" [ngClass]=\"{acInputHidden: !multiselect && innerValue.length}\">\r\n\r\n  <p-autoComplete [(ngModel)]=\"innerValue\" [minLength]=\"1\" #autocomplete\r\n                  (onSelect)=\"onSelect($event)\" (onUnselect)=\"onUnselect($event)\"\r\n                  (onBlur)=\"onAutoCompleteBlur()\"\r\n                  [readonly]=\"readonly\"\r\n                  [disabled]=\"readonly\"\r\n                  [placeholder]=\"placeholder\"\r\n                  [suggestions]=\"autocompleteRes\" field=\"title\"\r\n                  (completeMethod)=\"autocompleteFn($event)\" [multiple]=\"true\">\r\n\r\n    <!-- template for the suggest list -->\r\n    <ng-template let-item pTemplate=\"item\">\r\n      <i class=\"fa {{item.type === 'group' ? 'fa-users' : 'fa-user'}}\"></i>\r\n      <span *ngIf=\"(item.firstname?.length && item.lastname?.length) || item.type === 'group'\" class=\"ui-autocomplete-token-label\">{{item.title}} ({{item.name}})</span>\r\n      <span *ngIf=\"!item.firstname?.length && !item.lastname?.length && item.type !== 'group'\" class=\"ui-autocomplete-token-label\">({{item.name}})</span>\r\n      <span *ngIf=\"!item.firstname?.length && item.lastname?.length\" class=\"ui-autocomplete-token-label\">{{item.lastname}} ({{item.name}})</span>\r\n      <span *ngIf=\"item.firstname?.length && !item.lastname?.length\" class=\"ui-autocomplete-token-label\">{{item.firstname}} ({{item.name}})</span>\r\n    </ng-template>\r\n\r\n    <!-- template for the selected items when multiple -->\r\n    <ng-template let-item pTemplate=\"selectedItem\">\r\n      <div class=\"token\" [ngClass]=\"{deleted: item.state === 'GONE'}\">\r\n        <i class=\"fa {{item.type === 'group' ? 'fa-users' : 'fa-user'}}\"></i>\r\n        <span *ngIf=\"(item.firstname?.length && item.lastname?.length && item.active) || item.type === 'group'\" class=\"ui-autocomplete-token-label\">{{item.title}} ({{item.name}})</span>\r\n        <span *ngIf=\"(!item.firstname?.length && !item.lastname?.length && !item.active && !item.type)\" class=\"ui-autocomplete-token-label\">{{item.id}}</span>\r\n        <span *ngIf=\"!item.firstname?.length && !item.lastname?.length && item.active && item.type !== 'group'\" class=\"ui-autocomplete-token-label\">({{item.name}})</span>\r\n        <span *ngIf=\"!item.firstname?.length && item.lastname?.length\" class=\"ui-autocomplete-token-label\">{{item.lastname}} ({{item.name}})</span>\r\n        <span *ngIf=\"item.firstname?.length && !item.lastname?.length\" class=\"ui-autocomplete-token-label\">{{item.firstname}} ({{item.name}})</span>\r\n      </div>\r\n    </ng-template>\r\n\r\n  </p-autoComplete>\r\n</div>\r\n",
                 styles: [".eo-organization .ui-autocomplete-token-label{display:inline-block}.eo-organization .fa.fa-user,.eo-organization .fa.fa-users{margin:0 4px;text-align:center;width:18px}:host.readonly ::ng-deep .ui-autocomplete-token-icon{display:none}:host ::ng-deep .ui-autocomplete-token{border:none!important;margin:0!important;padding:0!important}:host ::ng-deep .ui-autocomplete-token .token{align-items:center;border:1px solid rgba(0,0,0,.1);display:flex;padding:2px}:host ::ng-deep .ui-autocomplete-token .deleted{background:var(--color-error)!important;border:1px solid var(--color-error);border-color:var(--color-error)!important;color:var(--color-white)!important}:host ::ng-deep .ui-autocomplete-token .deleted:after{content:\"!\"}:host ::ng-deep .ui-autocomplete-token-icon{margin-right:4px;opacity:1}:host ::ng-deep .ui-autocomplete-token-icon.del{color:var(--color-white)!important}:host ::ng-deep .eo-organization.acInputHidden .ui-autocomplete-input-token{margin:0;padding:0;width:0!important}:host ::ng-deep .eo-organization.acInputHidden .ui-autocomplete-input-token input{width:0!important}"]
             },] }
 ];
@@ -11615,7 +11615,7 @@ class CodesystemFilterComponent extends CodesystemComponent {
 CodesystemFilterComponent.decorators = [
     { type: Component, args: [{
                 selector: 'eo-codesystem-filter',
-                template: "<eo-dialog [title]=\"pickerTitle || ''\" [(visible)]=\"display\" *ngIf=\"display\">\r\n  <eo-tree [tree]=\"tree\" [isDisplayed]=\"display\" *ngIf=\"display\"\r\n           [options]=\"{multiselect: multiselect}\"\r\n           [(ngModel)]=\"selectedNodes\"\r\n           (ngModelChange)=\"onTreeSelectionChanged($event)\"\r\n           [readonly]=\"readonly\"\r\n           [isDisplayed]=\"display\"\r\n           (keyup.enter)=\"showDialog($event, false)\"\r\n           >\r\n  </eo-tree>\r\n</eo-dialog>\r\n\r\n<div class=\"eo-codesystem\" *ngIf=\"codesystem\"\r\n     [ngClass]=\"{full: selectedNodes && selectedNodes.length === autocompleteValues.length, readonly: readonly}\">\r\n\r\n  <p-autoComplete [(ngModel)]=\"selectedNodes\" [minLength]=\"1\" [delay]=\"500\" #autocomplete\r\n                  (onSelect)=\"onAutoCompleteSelect($event)\"\r\n                  (onUnselect)=\"onAutoCompleteUnselect($event)\"\r\n                  (onBlur)=\"onAutoCompleteBlur($event)\"\r\n                  [suggestions]=\"autocompleteRes\" field=\"name\"\r\n                  [readonly]=\"readonly\"\r\n                  [placeholder]=\"placeholder\"\r\n                  [inputStyleClass]=\"inputStyleClass\"\r\n                  [forceSelection]=\"true\"\r\n                  (onClear)=\"onClear()\"\r\n                  (completeMethod)=\"autocompleteFn($event)\" [multiple]=\"multiselect\">\r\n  </p-autoComplete>\r\n\r\n  <button type=\"button\" #button class=\"ui-button\" (click)=\"showDialog($event, $event.detail)\" *ngIf=\"!readonly\"\r\n          (keyup.arrowDown)=\"showDialog($event)\" (keyup.enter)=\"showDialog($event)\" (keyup.space)=\"showDialog($event)\">\r\n    <eo-icon [iconSrc]=\"'assets/_default/svg/ic_arrow_down.svg'\"></eo-icon>\r\n  </button>\r\n</div>\r\n",
+                template: "<eo-dialog [title]=\"pickerTitle || ''\" [(visible)]=\"display\" *ngIf=\"display\">\r\n  <eo-tree [tree]=\"tree\" [isDisplayed]=\"display\" *ngIf=\"display\"\r\n           [options]=\"{multiselect: multiselect}\"\r\n           [(ngModel)]=\"selectedNodes\"\r\n           (ngModelChange)=\"onTreeSelectionChanged($event)\"\r\n           [readonly]=\"readonly\"\r\n           [isDisplayed]=\"display\"\r\n           (keyup.enter)=\"showDialog($event, false)\"\r\n           >\r\n  </eo-tree>\r\n</eo-dialog>\r\n\r\n<div class=\"eo-codesystem\" *ngIf=\"codesystem\"\r\n     [ngClass]=\"{full: selectedNodes && selectedNodes.length === autocompleteValues.length, readonly: readonly}\">\r\n\r\n  <p-autoComplete [(ngModel)]=\"selectedNodes\" [minLength]=\"1\" [delay]=\"500\" #autocomplete\r\n                  (onSelect)=\"onAutoCompleteSelect($event)\"\r\n                  (onUnselect)=\"onAutoCompleteUnselect($event)\"\r\n                  (onBlur)=\"onAutoCompleteBlur($event)\"\r\n                  [suggestions]=\"autocompleteRes\" field=\"name\"\r\n                  [readonly]=\"readonly\"\r\n                  [disabled]=\"readonly\"\r\n                  [placeholder]=\"placeholder\"\r\n                  [inputStyleClass]=\"inputStyleClass\"\r\n                  [forceSelection]=\"true\"\r\n                  (onClear)=\"onClear()\"\r\n                  (completeMethod)=\"autocompleteFn($event)\" [multiple]=\"multiselect\">\r\n  </p-autoComplete>\r\n\r\n  <button type=\"button\" #button class=\"ui-button\" (click)=\"showDialog($event, $event.detail)\" *ngIf=\"!readonly\"\r\n          (keyup.arrowDown)=\"showDialog($event)\" (keyup.enter)=\"showDialog($event)\" (keyup.space)=\"showDialog($event)\">\r\n    <eo-icon [iconSrc]=\"'assets/_default/svg/ic_arrow_down.svg'\"></eo-icon>\r\n  </button>\r\n</div>\r\n",
                 styles: [".rtl .form-element .form-field>div label{text-align:left!important}.eo-codesystem{align-items:center;display:flex;justify-content:space-between}.eo-codesystem p-autocomplete{flex:1 1 auto}.eo-codesystem .ui-autocomplete{display:block}.eo-codesystem button.ui-button eo-icon{height:16px;margin:auto;width:16px}.eo-codesystem.readonly ::ng-deep .ui-autocomplete-input-token,.eo-codesystem.readonly ::ng-deep .ui-autocomplete-token-icon{display:none}.eo-codesystem.readonly ::ng-deep .ui-autocomplete-token-label{margin:0}.eo-codesystem.full p-autocomplete .ui-autocomplete-input-token{cursor:default}.eo-codesystem.full p-autocomplete .ui-autocomplete-input-token input{display:none}"]
             },] }
 ];
@@ -11703,7 +11703,7 @@ class DynamicListFilterComponent extends DynamicListComponent {
 DynamicListFilterComponent.decorators = [
     { type: Component, args: [{
                 selector: 'eo-dynamic-list-filter',
-                template: "<eo-dialog #listDialog [title]=\"pickerTitle\" [(visible)]=\"display\" [ngClass]=\"{empty: !(list?.entries?.length)}\" [styleClass]=\"'dynlist-dialog'\" *ngIf=\"display\">\r\n\r\n  <eo-tree [tree]=\"tree\" *ngIf=\"display && tree\"\r\n           [isDisplayed]=\"display\"\r\n           [options]=\"{multiselect: multiselect}\"\r\n           [(ngModel)]=\"selectedNodes\"\r\n           (keyup.enter)=\"showDialog($event, false)\"\r\n           (ngModelChange)=\"onTreeSelectionChanged($event)\">\r\n  </eo-tree>\r\n\r\n  <div class=\"empty\" *ngIf=\"!(list?.entries?.length)\">\r\n    <div translate>eo.form.property.dynamic.list.empty</div>\r\n  </div>\r\n</eo-dialog>\r\n\r\n<div class=\"eo-dynamic-list\" [ngClass]=\"{full: selectedNodes && selectedNodes.length === autocompleteValues.length}\">\r\n\r\n  <p-autoComplete [(ngModel)]=\"selectedNodes\" [minLength]=\"1\" [delay]=\"500\" #autocomplete (onSelect)=\"onAutoCompleteSelect($event)\"\r\n                  [readonly]=\"readonly\"\r\n                  (onUnselect)=\"onAutoCompleteUnselect($event)\" [forceSelection]=\"true\" [suggestions]=\"autocompleteRes\" field=\"{{valueField}}\"\r\n                  (onClear)=\"onClear()\"\r\n                  (completeMethod)=\"autocompleteFn($event)\" [multiple]=\"multiselect\">\r\n    <ng-template let-item pTemplate=\"item\">\r\n      <div>\r\n        <div class=\"value\">{{item[valueField]}}</div>\r\n        <div class=\"description\">{{item[descriptionField]}}</div>\r\n      </div>\r\n    </ng-template>\r\n  </p-autoComplete>\r\n\r\n  <button #button class=\"ui-button\"\r\n          *ngIf=\"!readonly\"\r\n          [disabled]=\"readonly\"\r\n          (click)=\"showDialog($event, $event.detail)\"\r\n          (keyup.arrowDown)=\"showDialog($event)\"\r\n          (keyup.enter)=\"showDialog($event)\"\r\n          (keyup.space)=\"showDialog($event)\">\r\n    <eo-icon [iconSrc]=\"'assets/_default/svg/ic_arrow_down.svg'\"></eo-icon>\r\n  </button>\r\n</div>\r\n",
+                template: "<eo-dialog #listDialog [title]=\"pickerTitle\" [(visible)]=\"display\" [ngClass]=\"{empty: !(list?.entries?.length)}\" [styleClass]=\"'dynlist-dialog'\" *ngIf=\"display\">\r\n\r\n  <eo-tree [tree]=\"tree\" *ngIf=\"display && tree\"\r\n           [isDisplayed]=\"display\"\r\n           [options]=\"{multiselect: multiselect}\"\r\n           [(ngModel)]=\"selectedNodes\"\r\n           (keyup.enter)=\"showDialog($event, false)\"\r\n           (ngModelChange)=\"onTreeSelectionChanged($event)\">\r\n  </eo-tree>\r\n\r\n  <div class=\"empty\" *ngIf=\"!(list?.entries?.length)\">\r\n    <div translate>eo.form.property.dynamic.list.empty</div>\r\n  </div>\r\n</eo-dialog>\r\n\r\n<div class=\"eo-dynamic-list\" [ngClass]=\"{full: selectedNodes && selectedNodes.length === autocompleteValues.length}\">\r\n\r\n  <p-autoComplete [(ngModel)]=\"selectedNodes\" [minLength]=\"1\" [delay]=\"500\" #autocomplete (onSelect)=\"onAutoCompleteSelect($event)\"\r\n                  [readonly]=\"readonly\"\r\n                  [disabled]=\"readonly\"\r\n                  (onUnselect)=\"onAutoCompleteUnselect($event)\" [forceSelection]=\"true\" [suggestions]=\"autocompleteRes\" field=\"{{valueField}}\"\r\n                  (onClear)=\"onClear()\"\r\n                  (completeMethod)=\"autocompleteFn($event)\" [multiple]=\"multiselect\">\r\n    <ng-template let-item pTemplate=\"item\">\r\n      <div>\r\n        <div class=\"value\">{{item[valueField]}}</div>\r\n        <div class=\"description\">{{item[descriptionField]}}</div>\r\n      </div>\r\n    </ng-template>\r\n  </p-autoComplete>\r\n\r\n  <button #button class=\"ui-button\"\r\n          *ngIf=\"!readonly\"\r\n          [disabled]=\"readonly\"\r\n          (click)=\"showDialog($event, $event.detail)\"\r\n          (keyup.arrowDown)=\"showDialog($event)\"\r\n          (keyup.enter)=\"showDialog($event)\"\r\n          (keyup.space)=\"showDialog($event)\">\r\n    <eo-icon [iconSrc]=\"'assets/_default/svg/ic_arrow_down.svg'\"></eo-icon>\r\n  </button>\r\n</div>\r\n",
                 styles: [".rtl .form-element .form-field>div label{text-align:left!important}:host .eo-dynamic-list{align-items:center;display:flex;justify-content:space-between}:host .eo-dynamic-list .description{padding-left:0!important}:host .eo-dynamic-list p-autocomplete{flex:1 1 auto}:host .eo-dynamic-list .ui-autocomplete{display:block}:host .eo-dynamic-list.full p-autocomplete .ui-autocomplete-input-token,:host .eo-dynamic-list .ui-button[disabled]{cursor:default}:host .eo-dynamic-list.full p-autocomplete .ui-autocomplete-input-token input{display:none}"]
             },] }
 ];
@@ -20537,9 +20537,9 @@ class ProcessHistoryComponent {
 ProcessHistoryComponent.decorators = [
     { type: Component, args: [{
                 selector: 'eo-process-history',
-                template: "<div class=\"process-history\">\r\n\r\n  <div class=\"filter\">\r\n    <div class=\"input\" [ngClass]=\"{inactive: !history?.length}\">\r\n      <eo-icon [iconSrc]=\"'assets/_default/svg/ic_filter.svg'\"></eo-icon>\r\n      <input type=\"text\" [ngModelOptions]=\"{standalone: true}\" [(ngModel)]=\"filterterm\">\r\n\r\n    </div>\r\n    <eo-icon [iconSrc]=\"'assets/_default/svg/ic_clear.svg'\" (click)=\"filterterm = null\" *ngIf=\"filterterm\"></eo-icon>\r\n  </div>\r\n\r\n\r\n  <ng-template #empty>\r\n    <eo-error-message [emptyState]=\"{icon: 'ic_no-file.svg', text: 'eo.timeline.empty', className: 'history empty'}\"></eo-error-message>\r\n  </ng-template>\r\n\r\n\r\n  <div class=\"history eo-timeline\" [ngClass]=\"{single: history?.length === 1}\" *ngIf=\"history?.length; else empty\">\r\n\r\n    <div class=\"timeline-entry\"\r\n         *ngFor=\"let entry of history | historyFilter:filterterm; trackBy: trackByIndex\"\r\n         [ngClass]=\"{user: entry.editor, error: entry.type === 'error' || entry?.errorType}\">\r\n\r\n      <div class=\"when\">\r\n        <div class=\"date\">{{entry.time | localeDate: 'eoShortDate'}}</div>\r\n        <div class=\"time\">{{entry.time | localeDate: 'eoShortTime'}}</div>\r\n      </div>\r\n      <div class=\"marker\">\r\n        <img *ngIf=\"entry.editor\"\r\n             title=\"{{entry.editor.lastname}}, {{entry.editor.firstname}} ({{entry.editor.name}})\"\r\n             [src]=\"entry.data?.image\">\r\n      </div>\r\n      <div class=\"what\">\r\n        <div class=\"title\">{{entry.title}}</div>\r\n\r\n        <div class=\"description\" *ngIf=\"entry.data?.periodFireTime && entry.type === 'DEADLINE_START'; else description\">\r\n          <div class=\"deadline-fire\">\r\n            <eo-icon [iconSrc]=\"'assets/_default/svg/ic_timer.svg'\"></eo-icon>\r\n            <span>{{entry.data.periodFireTime | localeDate}}</span>\r\n          </div>\r\n        </div>\r\n        <ng-template #description>\r\n          <div *ngIf=\"entry.type !== 'USERDEFINED'; else userDefined\" class=\"description\">\r\n            {{'eo.process.details.history.entry.type.' + entry.type + '.title'|translate}}\r\n          </div>\r\n\r\n          <ng-template #userDefined>\r\n            <div class=\"description\">\r\n              {{entry.description}}\r\n            </div>\r\n          </ng-template>\r\n        </ng-template>\r\n\r\n        <div class=\"meta\" *ngIf=\"entry.performer?.length\">\r\n          <span *ngFor=\"let p of entry.performer; trackBy: trackByIndex\">\r\n            {{p.label}}\r\n          </span>\r\n        </div>\r\n      </div>\r\n\r\n    </div>\r\n  </div>\r\n</div>\r\n",
+                template: "<div class=\"process-history\">\r\n\r\n  <div class=\"filter\">\r\n    <div class=\"input\" [ngClass]=\"{inactive: !history?.length}\">\r\n      <eo-icon [iconSrc]=\"'assets/_default/svg/ic_filter.svg'\"></eo-icon>\r\n      <input type=\"text\" [ngModelOptions]=\"{standalone: true}\" [(ngModel)]=\"filterterm\">\r\n\r\n    </div>\r\n    <eo-icon [iconSrc]=\"'assets/_default/svg/ic_clear.svg'\" (click)=\"filterterm = null\" *ngIf=\"filterterm\"></eo-icon>\r\n  </div>\r\n\r\n\r\n  <ng-template #empty>\r\n    <eo-error-message [emptyState]=\"{icon: 'ic_no-file.svg', text: 'eo.timeline.empty', className: 'history empty'}\"></eo-error-message>\r\n  </ng-template>\r\n\r\n\r\n  <div class=\"history eo-timeline\" [ngClass]=\"{single: history?.length === 1}\" *ngIf=\"history?.length; else empty\">\r\n\r\n    <div class=\"timeline-entry\"\r\n         *ngFor=\"let entry of history | historyFilter:filterterm; trackBy: trackByIndex\"\r\n         [ngClass]=\"{user: entry.editor, error: entry.type === 'error' || entry?.errorType}\">\r\n\r\n      <div class=\"when\">\r\n        <div class=\"date\">{{entry.time | localeDate: 'eoShortDate'}}</div>\r\n        <div class=\"time\">{{entry.time | localeDate: 'eoShortTime'}}</div>\r\n      </div>\r\n      <div class=\"marker\">\r\n        <img *ngIf=\"entry.editor\"\r\n             title=\"{{entry.editor.lastname}}, {{entry.editor.firstname}} ({{entry.editor.name}})\"\r\n             [src]=\"entry.data?.image\">\r\n      </div>\r\n      <div class=\"what\">\r\n        <div class=\"title\">{{entry.title}}</div>\r\n\r\n        <div class=\"description\" *ngIf=\"entry.data?.periodFireTime && entry.type === 'DEADLINE_START'; else description\">\r\n          <div class=\"deadline-fire\">\r\n            <eo-icon [iconSrc]=\"'assets/_default/svg/ic_timer.svg'\"></eo-icon>\r\n            <span>{{entry.data.periodFireTime | localeDate}}</span>\r\n          </div>\r\n        </div>\r\n        <ng-template #description>\r\n          <div *ngIf=\"entry.type !== 'USERDEFINED'; else userDefined\" class=\"description\">\r\n            {{'eo.process.details.history.entry.type.' + entry.type + '.title'|translate}}\r\n          </div>\r\n\r\n          <ng-template #userDefined>\r\n            <div class=\"description\">\r\n              {{entry.description}}\r\n            </div>\r\n          </ng-template>\r\n        </ng-template>\r\n\r\n        <div class=\"performer\" *ngIf=\"entry.editor\">\r\n          <span *ngIf=\"entry.editor.lastname\">{{entry.editor.lastname}}, </span>\r\n          <span *ngIf=\"entry.editor.firstname\">{{entry.editor.firstname}}</span>\r\n          ({{entry.editor.name}})\r\n        </div>\r\n\r\n        <div class=\"meta\" *ngIf=\"entry.performer?.length\">\r\n          <span *ngFor=\"let p of entry.performer; trackBy: trackByIndex\">\r\n            {{p.label}}\r\n          </span>\r\n        </div>\r\n      </div>\r\n\r\n    </div>\r\n  </div>\r\n</div>\r\n",
                 changeDetection: ChangeDetectionStrategy.OnPush,
-                styles: [":host .process-history{display:flex;flex:1;flex-direction:column;height:100%;min-height:0;min-width:0}:host .history{flex:1 1 auto;overflow-y:auto;padding:var(--app-pane-padding)}:host .filter{background-color:var(--panel-background-lightgrey);border-bottom:1px solid var(--main-background);display:flex;flex:1;flex:0 0 auto;flex-direction:row;justify-content:space-between;min-height:0;min-width:0}:host .filter .input{background-color:var(--color-white);border:1px solid var(--main-background);display:flex;flex-flow:row nowrap;margin:calc(var(--app-pane-padding)/2);padding:2px 2px 2px 0}:host .filter .input.inactive{opacity:.5;pointer-events:none}:host .filter .input input{background-color:transparent;border:0}:host .filter .input eo-icon{margin:0 calc(var(--app-pane-padding)/4)}:host .filter .input eo-icon,:host .filter>eo-icon{align-self:center;color:var(--text-color-hint);height:16px;width:16px}:host .filter>eo-icon{box-sizing:content-box;cursor:pointer;flex:0 0 auto;padding:calc(var(--app-pane-padding)/2)}:host .timeline-entry.user img{border:2px solid var(--text-color-hint);border-radius:50%;height:30px;width:30px;z-index:1}:host .timeline-entry.user .marker:before{display:none}:host .timeline-entry .what{padding-bottom:0;width:66%}:host .timeline-entry .what .deadline-fire{align-items:center;display:flex;padding-bottom:4px}:host .timeline-entry .what .description{color:var(--text-color-body)}.deadline-fire :host .timeline-entry .what .description{align-items:center;display:flex;flex-flow:row nowrap}.deadline-fire :host .timeline-entry .what .description eo-icon{color:var(--text-color-hint);height:18px;width:18px}.deadline-fire :host .timeline-entry .what .description span{padding:0 calc(var(--app-pane-padding)/4)}:host .timeline-entry .what .meta{display:flex;flex-flow:row wrap;margin-bottom:calc(var(--app-pane-padding)/4)}:host .timeline-entry .what .meta span{background-color:rgba(var(--color-black-rgb),.08);border-radius:2px;display:block;font-size:var(--font-caption);margin:0 calc(var(--app-pane-padding)/4) calc(var(--app-pane-padding)/4) 0;padding:2px 4px}:host .timeline-entry.error .what .title{color:var(--color-error)}:host .timeline-entry.error .marker:before{align-items:center;border-color:var(--color-error);border-width:4px;color:var(--color-error);content:\"!\";display:flex;flex-flow:column;font-weight:var(--font-weight-bold);justify-content:center}"]
+                styles: [":host .process-history{display:flex;flex:1;flex-direction:column;height:100%;min-height:0;min-width:0}:host .history{flex:1 1 auto;overflow-y:auto;padding:var(--app-pane-padding)}:host .filter{background-color:var(--panel-background-lightgrey);border-bottom:1px solid var(--main-background);display:flex;flex:1;flex:0 0 auto;flex-direction:row;justify-content:space-between;min-height:0;min-width:0}:host .filter .input{background-color:var(--color-white);border:1px solid var(--main-background);display:flex;flex-flow:row nowrap;margin:calc(var(--app-pane-padding)/2);padding:2px 2px 2px 0}:host .filter .input.inactive{opacity:.5;pointer-events:none}:host .filter .input input{background-color:transparent;border:0}:host .filter .input eo-icon{margin:0 calc(var(--app-pane-padding)/4)}:host .filter .input eo-icon,:host .filter>eo-icon{align-self:center;color:var(--text-color-hint);height:16px;width:16px}:host .filter>eo-icon{box-sizing:content-box;cursor:pointer;flex:0 0 auto;padding:calc(var(--app-pane-padding)/2)}:host .timeline-entry.user img{border:2px solid var(--text-color-hint);border-radius:50%;height:30px;width:30px;z-index:1}:host .timeline-entry.user .marker:before{display:none}:host .timeline-entry .what{padding-bottom:0;width:66%}:host .timeline-entry .what .deadline-fire{align-items:center;display:flex;padding-bottom:4px}:host .timeline-entry .what .description{color:var(--text-color-body)}.deadline-fire :host .timeline-entry .what .description{align-items:center;display:flex;flex-flow:row nowrap}.deadline-fire :host .timeline-entry .what .description eo-icon{color:var(--text-color-hint);height:18px;width:18px}.deadline-fire :host .timeline-entry .what .description span{padding:0 calc(var(--app-pane-padding)/4)}:host .timeline-entry .what .performer{color:var(--text-color-body);font-size:var(--font-hint);margin-bottom:calc(var(--app-pane-padding)/4)}:host .timeline-entry .what .meta{display:flex;flex-flow:row wrap;margin-bottom:calc(var(--app-pane-padding)/4)}:host .timeline-entry .what .meta span{background-color:rgba(var(--color-black-rgb),.08);border-radius:2px;display:block;font-size:var(--font-caption);margin:0 calc(var(--app-pane-padding)/4) calc(var(--app-pane-padding)/4) 0;padding:2px 4px}:host .timeline-entry.error .what .title{color:var(--color-error)}:host .timeline-entry.error .marker:before{align-items:center;border-color:var(--color-error);border-width:4px;color:var(--color-error);content:\"!\";display:flex;flex-flow:column;font-weight:var(--font-weight-bold);justify-content:center}"]
             },] }
 ];
 ProcessHistoryComponent.propDecorators = {
@@ -22033,10 +22033,10 @@ class AboutStateComponent {
         this.http = http;
         this.userService = userService;
         this.config = config;
-        this.__libraries__ = [{ "name": "@ag-grid-community/angular", "version": "22.1.2", "license": "MIT" }, { "name": "@ag-grid-community/client-side-row-model", "version": "22.1.1", "license": "MIT" }, { "name": "@ag-grid-community/core", "version": "22.1.1", "license": "MIT" }, { "name": "@ag-grid-community/csv-export", "version": "22.1.1", "license": "MIT" }, { "name": "@angular/animations", "version": "11.2.0", "license": "MIT" }, { "name": "@angular/cdk", "version": "11.2.0", "license": "MIT" }, { "name": "@angular/common", "version": "11.2.0", "license": "MIT" }, { "name": "@angular/compiler", "version": "11.2.0", "license": "MIT" }, { "name": "@angular/core", "version": "11.2.0", "license": "MIT" }, { "name": "@angular/forms", "version": "11.2.0", "license": "MIT" }, { "name": "@angular/platform-browser", "version": "11.2.0", "license": "MIT" }, { "name": "@angular/platform-browser-dynamic", "version": "11.2.0", "license": "MIT" }, { "name": "@angular/router", "version": "11.2.0", "license": "MIT" }, { "name": "@eo-sdk/core", "version": "7.16.12", "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": "6.0.0-beta.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": "7.16.15", "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": "6.0.0-beta.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: '7.16.12'
+            clientVersion: '7.16.15'
         };
         this.licenses = {
             'MIT': {
@@ -23743,7 +23743,7 @@ class PrepareStateComponent extends UnsubscribeOnDestroy {
             `<span>${params.context.translate.instant('eo.prepare.list.item.template')}</span> <span>${params.data.template.title}</span>`;
         let file = template || params.data.state.contentstate === 'NOCONTENTALLOWED' ? '' :
             params.data.contentcount === 0 ? `<span>${params.context.translate.instant('eo.prepare.list.item.file.none')}</span>` :
-                params.data.contentcount === 1 ? `<span>1x ${params.context.translate.instant('eo.prepare.list.item.file')}</span>` :
+                params.data.contentcount === 1 ? params.data.contents[0].path :
                     `<span>${params.data.contentcount}x ${params.context.translate.instant('eo.prepare.list.item.files')}</span>`;
         return `<div class="list-item" unselectable>
               ${icon}