@eo-sdk/client 8.8.0-rc.1 → 8.9.0-rc.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -7,7 +7,7 @@ export class ProcessHistoryComponent {
7
7
  ProcessHistoryComponent.decorators = [
8
8
  { type: Component, args: [{
9
9
  selector: 'eo-process-history',
10
- 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\">\r\n {{entry.editor.lastname}}, {{entry.editor.firstname}} ({{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",
10
+ 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",
11
11
  changeDetection: ChangeDetectionStrategy.OnPush,
12
12
  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}"]
13
13
  },] }
@@ -15,4 +15,4 @@ ProcessHistoryComponent.decorators = [
15
15
  ProcessHistoryComponent.propDecorators = {
16
16
  history: [{ type: Input }]
17
17
  };
18
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHJvY2Vzcy1oaXN0b3J5LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3NyYy9hcHAvZW8tZnJhbWV3b3JrL3Byb2Nlc3MvaGlzdG9yeS9wcm9jZXNzLWhpc3RvcnkuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBQyxTQUFTLEVBQUUsS0FBSyxFQUFFLHVCQUF1QixFQUFDLE1BQU0sZUFBZSxDQUFDO0FBU3hFLE1BQU0sT0FBTyx1QkFBdUI7SUFLbEMsWUFBWSxDQUFDLEtBQUssRUFBRSxJQUFJO1FBQ3RCLE9BQU8sS0FBSyxDQUFDO0lBQ2YsQ0FBQzs7O1lBYkYsU0FBUyxTQUFDO2dCQUNULFFBQVEsRUFBRSxvQkFBb0I7Z0JBQzlCLG93RkFBK0M7Z0JBRS9DLGVBQWUsRUFBRSx1QkFBdUIsQ0FBQyxNQUFNOzthQUNoRDs7O3NCQUdFLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge0NvbXBvbmVudCwgSW5wdXQsIENoYW5nZURldGVjdGlvblN0cmF0ZWd5fSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHtXb3JrSXRlbUhpc3RvcnlFbnRyeX0gZnJvbSAnQGVvLXNkay9jb3JlJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnZW8tcHJvY2Vzcy1oaXN0b3J5JyxcclxuICB0ZW1wbGF0ZVVybDogJy4vcHJvY2Vzcy1oaXN0b3J5LmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi9wcm9jZXNzLWhpc3RvcnkuY29tcG9uZW50LnNjc3MnXSxcclxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaFxyXG59KVxyXG5leHBvcnQgY2xhc3MgUHJvY2Vzc0hpc3RvcnlDb21wb25lbnQge1xyXG5cclxuICBASW5wdXQoKSBoaXN0b3J5OiBXb3JrSXRlbUhpc3RvcnlFbnRyeVtdO1xyXG4gIGZpbHRlcnRlcm06IHN0cmluZztcclxuXHJcbiAgdHJhY2tCeUluZGV4KGluZGV4LCBpdGVtKSB7XHJcbiAgICByZXR1cm4gaW5kZXg7XHJcbiAgfVxyXG59XHJcbiJdfQ==
18
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHJvY2Vzcy1oaXN0b3J5LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3NyYy9hcHAvZW8tZnJhbWV3b3JrL3Byb2Nlc3MvaGlzdG9yeS9wcm9jZXNzLWhpc3RvcnkuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBQyxTQUFTLEVBQUUsS0FBSyxFQUFFLHVCQUF1QixFQUFDLE1BQU0sZUFBZSxDQUFDO0FBU3hFLE1BQU0sT0FBTyx1QkFBdUI7SUFLbEMsWUFBWSxDQUFDLEtBQUssRUFBRSxJQUFJO1FBQ3RCLE9BQU8sS0FBSyxDQUFDO0lBQ2YsQ0FBQzs7O1lBYkYsU0FBUyxTQUFDO2dCQUNULFFBQVEsRUFBRSxvQkFBb0I7Z0JBQzlCLGk1RkFBK0M7Z0JBRS9DLGVBQWUsRUFBRSx1QkFBdUIsQ0FBQyxNQUFNOzthQUNoRDs7O3NCQUdFLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge0NvbXBvbmVudCwgSW5wdXQsIENoYW5nZURldGVjdGlvblN0cmF0ZWd5fSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHtXb3JrSXRlbUhpc3RvcnlFbnRyeX0gZnJvbSAnQGVvLXNkay9jb3JlJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnZW8tcHJvY2Vzcy1oaXN0b3J5JyxcclxuICB0ZW1wbGF0ZVVybDogJy4vcHJvY2Vzcy1oaXN0b3J5LmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi9wcm9jZXNzLWhpc3RvcnkuY29tcG9uZW50LnNjc3MnXSxcclxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaFxyXG59KVxyXG5leHBvcnQgY2xhc3MgUHJvY2Vzc0hpc3RvcnlDb21wb25lbnQge1xyXG5cclxuICBASW5wdXQoKSBoaXN0b3J5OiBXb3JrSXRlbUhpc3RvcnlFbnRyeVtdO1xyXG4gIGZpbHRlcnRlcm06IHN0cmluZztcclxuXHJcbiAgdHJhY2tCeUluZGV4KGluZGV4LCBpdGVtKSB7XHJcbiAgICByZXR1cm4gaW5kZXg7XHJcbiAgfVxyXG59XHJcbiJdfQ==
@@ -5806,7 +5806,7 @@ class CodesystemComponent {
5806
5806
  CodesystemComponent.decorators = [
5807
5807
  { type: Component, args: [{
5808
5808
  selector: 'eo-codesystem',
5809
- 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",
5809
+ 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",
5810
5810
  providers: [
5811
5811
  {
5812
5812
  provide: NG_VALUE_ACCESSOR,
@@ -6682,7 +6682,7 @@ class DynamicListComponent {
6682
6682
  DynamicListComponent.decorators = [
6683
6683
  { type: Component, args: [{
6684
6684
  selector: 'eo-dynamic-list',
6685
- 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",
6685
+ 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",
6686
6686
  providers: [
6687
6687
  {
6688
6688
  provide: NG_VALUE_ACCESSOR,
@@ -6978,7 +6978,7 @@ class IdReferenceComponent {
6978
6978
  IdReferenceComponent.decorators = [
6979
6979
  { type: Component, args: [{
6980
6980
  selector: 'eo-id-reference',
6981
- template: "<div class=\"eo-id-reference\">\r\n <p-autoComplete [(ngModel)]=\"innerValues\" [minLength]=\"1\" [delay]=\"500\" #autocomplete\r\n (onSelect)=\"onAutoCompleteSelect($event)\"\r\n (onUnselect)=\"removeItem($event)\"\r\n (onBlur)=\"onAutoCompleteBlur()\"\r\n [suggestions]=\"autocompleteRes\" field=\"title\"\r\n [readonly]=\"readonly\"\r\n [forceSelection]=\"true\"\r\n (completeMethod)=\"autocompleteFn($event)\" [multiple]=\"true\" [styleClass]=\"!multiselect && innerValues.length === 1 ? 'xxx' : ''\">\r\n <ng-template pTemplate=\"selectedItem\" let-item>\r\n <a *ngIf=\"!item.state || item.state === 'OK'\" class=\"link router-link\" [routerLink]=\"['/object', item.id, {outlets: {modal: null}}]\" [queryParams]=\"{type: referenceType.qname}\">\r\n <svg focusable=\"false\" class=\"ref-icon\" xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\"\r\n viewBox=\"0 0 24 24\">\r\n <path d=\"M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1zM8\r\n 13h8v-2H8v2zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76 0 5-2.24 5-5s-2.24-5-5-5z\"></path>\r\n </svg>\r\n </a>\r\n <eo-icon [objectType]=\"referenceType\" title=\"{{referenceType.label}}\" class=\"ref-type-icon\" [ngClass]=\"{'deleted-reference-label': item.state && (item.state === 'RECYCLED' || item.state === 'GONE')}\"></eo-icon>\r\n <span *ngIf=\"!(item.state && (item.state === 'RECYCLED' || item.state === 'GONE')); else deleted\" class=\"label\">{{item.title || referenceType.label}}</span>\r\n <ng-template #deleted>\r\n <span class=\"label deleted-reference-label\">{{('eo.references.deleted' | translate)}}</span>\r\n </ng-template>\r\n </ng-template>\r\n </p-autoComplete>\r\n\r\n <ng-template #notFound><span class=\"label\">{{innerValues && innerValues.length ? ('eo.references.not.available' | translate) : ''}}</span></ng-template>\r\n\r\n <button #button class=\"ui-button\" *ngIf=\"!readonly\"\r\n title=\"{{('eo.references.search' | translate) + ' ' + tooltipTypeHint}}\"\r\n [disabled]=\"selectionDisabled\"\r\n (click)=\"showDialog()\">\r\n <eo-icon [iconSrc]=\"'assets/_default/svg/ic_none.svg'\"></eo-icon>\r\n </button>\r\n</div>\r\n\r\n<eo-dialog [title]=\"('eo.references.add' | translate)\"\r\n [subtitle]=\"referenceType.label\"\r\n [(visible)]=\"visibleDialog\"\r\n [minWidth]=\"577\"\r\n [minHeight]=\"590\"\r\n [styleClass]=\"'reference-field-dialog'\"\r\n #dialog>\r\n\r\n <eo-reference-finder *ngIf=\"dialog.visible\"\r\n [isDisabled]=\"isDisabled\"\r\n [types]=\"referenceType.qname\"\r\n [multiselect]=\"multiselect\"\r\n [currentSelection]=\"innerValues\"\r\n [clipboard]=\"clipboard\"\r\n [contextId]=\"contextId\"\r\n [exceptionIDs]=\"exceptionIDs\"\r\n [queryFilters]=\"queryFilters\"\r\n (addDmsObjects)=\"paste($event)\">\r\n </eo-reference-finder>\r\n</eo-dialog>\r\n",
6981
+ template: "<div class=\"eo-id-reference\">\r\n <p-autoComplete [(ngModel)]=\"innerValues\" [minLength]=\"1\" [delay]=\"500\" #autocomplete\r\n (onSelect)=\"onAutoCompleteSelect($event)\"\r\n (onUnselect)=\"removeItem($event)\"\r\n (onBlur)=\"onAutoCompleteBlur()\"\r\n [suggestions]=\"autocompleteRes\" field=\"title\"\r\n [readonly]=\"readonly\"\r\n [disabled]=\"readonly\"\r\n [forceSelection]=\"true\"\r\n (completeMethod)=\"autocompleteFn($event)\" [multiple]=\"true\" [styleClass]=\"!multiselect && innerValues.length === 1 ? 'xxx' : ''\">\r\n <ng-template pTemplate=\"selectedItem\" let-item>\r\n <a *ngIf=\"!item.state || item.state === 'OK'\" class=\"link router-link\" [routerLink]=\"['/object', item.id, {outlets: {modal: null}}]\" [queryParams]=\"{type: referenceType.qname}\">\r\n <svg focusable=\"false\" class=\"ref-icon\" xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\"\r\n viewBox=\"0 0 24 24\">\r\n <path d=\"M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1zM8\r\n 13h8v-2H8v2zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76 0 5-2.24 5-5s-2.24-5-5-5z\"></path>\r\n </svg>\r\n </a>\r\n <eo-icon [objectType]=\"referenceType\" title=\"{{referenceType.label}}\" class=\"ref-type-icon\" [ngClass]=\"{'deleted-reference-label': item.state && (item.state === 'RECYCLED' || item.state === 'GONE')}\"></eo-icon>\r\n <span *ngIf=\"!(item.state && (item.state === 'RECYCLED' || item.state === 'GONE')); else deleted\" class=\"label\">{{item.title || referenceType.label}}</span>\r\n <ng-template #deleted>\r\n <span class=\"label deleted-reference-label\">{{('eo.references.deleted' | translate)}}</span>\r\n </ng-template>\r\n </ng-template>\r\n </p-autoComplete>\r\n\r\n <ng-template #notFound><span class=\"label\">{{innerValues && innerValues.length ? ('eo.references.not.available' | translate) : ''}}</span></ng-template>\r\n\r\n <button #button class=\"ui-button\" *ngIf=\"!readonly\"\r\n title=\"{{('eo.references.search' | translate) + ' ' + tooltipTypeHint}}\"\r\n [disabled]=\"selectionDisabled\"\r\n (click)=\"showDialog()\">\r\n <eo-icon [iconSrc]=\"'assets/_default/svg/ic_none.svg'\"></eo-icon>\r\n </button>\r\n</div>\r\n\r\n<eo-dialog [title]=\"('eo.references.add' | translate)\"\r\n [subtitle]=\"referenceType.label\"\r\n [(visible)]=\"visibleDialog\"\r\n [minWidth]=\"577\"\r\n [minHeight]=\"590\"\r\n [styleClass]=\"'reference-field-dialog'\"\r\n #dialog>\r\n\r\n <eo-reference-finder *ngIf=\"dialog.visible\"\r\n [isDisabled]=\"isDisabled\"\r\n [types]=\"referenceType.qname\"\r\n [multiselect]=\"multiselect\"\r\n [currentSelection]=\"innerValues\"\r\n [clipboard]=\"clipboard\"\r\n [contextId]=\"contextId\"\r\n [exceptionIDs]=\"exceptionIDs\"\r\n [queryFilters]=\"queryFilters\"\r\n (addDmsObjects)=\"paste($event)\">\r\n </eo-reference-finder>\r\n</eo-dialog>\r\n",
6982
6982
  providers: [
6983
6983
  {
6984
6984
  provide: NG_VALUE_ACCESSOR,
@@ -7769,7 +7769,7 @@ class OrganizationComponent {
7769
7769
  OrganizationComponent.decorators = [
7770
7770
  { type: Component, args: [{
7771
7771
  selector: 'eo-organization',
7772
- 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\">\r\n <i class=\"fa {{item.type === 'group' ? 'fa-users' : 'fa-user'}}\" [ngClass]=\"{'deleted-user-label': !item.firstname?.length && !item.lastname?.length && !item.active && !item.type}\"></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 deleted-user-label\">{{'eo.form.property.organization.error.usernotfound'|translate}}</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",
7772
+ 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\">\r\n <i class=\"fa {{item.type === 'group' ? 'fa-users' : 'fa-user'}}\" [ngClass]=\"{'deleted-user-label': !item.firstname?.length && !item.lastname?.length && !item.active && !item.type}\"></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 deleted-user-label\">{{'eo.form.property.organization.error.usernotfound'|translate}}</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",
7773
7773
  providers: [
7774
7774
  {
7775
7775
  provide: NG_VALUE_ACCESSOR,
@@ -8217,7 +8217,7 @@ class StringComponent {
8217
8217
  StringComponent.decorators = [
8218
8218
  { type: Component, args: [{
8219
8219
  selector: 'eo-string',
8220
- 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",
8220
+ 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",
8221
8221
  providers: [
8222
8222
  {
8223
8223
  provide: NG_VALUE_ACCESSOR,
@@ -11653,7 +11653,7 @@ class OrganizationFilterComponent extends OrganizationComponent {
11653
11653
  OrganizationFilterComponent.decorators = [
11654
11654
  { type: Component, args: [{
11655
11655
  selector: 'eo-organization-filter',
11656
- 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\">\r\n <i class=\"fa {{item.type === 'group' ? 'fa-users' : 'fa-user'}}\" [ngClass]=\"{'deleted-user-label': !item.firstname?.length && !item.lastname?.length && !item.active && !item.type}\"></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 deleted-user-label\">{{'eo.form.property.organization.error.usernotfound'|translate}}</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",
11656
+ 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\">\r\n <i class=\"fa {{item.type === 'group' ? 'fa-users' : 'fa-user'}}\" [ngClass]=\"{'deleted-user-label': !item.firstname?.length && !item.lastname?.length && !item.active && !item.type}\"></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 deleted-user-label\">{{'eo.form.property.organization.error.usernotfound'|translate}}</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",
11657
11657
  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-icon{margin-right:4px;opacity:1}:host ::ng-deep .ui-autocomplete-token-icon.del{color:var(--color-white)!important}:host ::ng-deep .deleted-user-label{color:var(--color-error)}: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}"]
11658
11658
  },] }
11659
11659
  ];
@@ -11735,7 +11735,7 @@ class CodesystemFilterComponent extends CodesystemComponent {
11735
11735
  CodesystemFilterComponent.decorators = [
11736
11736
  { type: Component, args: [{
11737
11737
  selector: 'eo-codesystem-filter',
11738
- 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",
11738
+ 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",
11739
11739
  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}"]
11740
11740
  },] }
11741
11741
  ];
@@ -11823,7 +11823,7 @@ class DynamicListFilterComponent extends DynamicListComponent {
11823
11823
  DynamicListFilterComponent.decorators = [
11824
11824
  { type: Component, args: [{
11825
11825
  selector: 'eo-dynamic-list-filter',
11826
- 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",
11826
+ 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",
11827
11827
  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}"]
11828
11828
  },] }
11829
11829
  ];
@@ -20707,7 +20707,7 @@ class ProcessHistoryComponent {
20707
20707
  ProcessHistoryComponent.decorators = [
20708
20708
  { type: Component, args: [{
20709
20709
  selector: 'eo-process-history',
20710
- 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\">\r\n {{entry.editor.lastname}}, {{entry.editor.firstname}} ({{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",
20710
+ 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",
20711
20711
  changeDetection: ChangeDetectionStrategy.OnPush,
20712
20712
  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}"]
20713
20713
  },] }
@@ -22203,10 +22203,10 @@ class AboutStateComponent {
22203
22203
  this.http = http;
22204
22204
  this.userService = userService;
22205
22205
  this.config = config;
22206
- 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.8.0-rc.1", "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" }];
22206
+ 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.9.0-rc.1", "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" }];
22207
22207
  this.ctrl = {
22208
22208
  productName: 'yuuvis® RAD client',
22209
- clientVersion: '8.8.0-rc.1'
22209
+ clientVersion: '8.9.0-rc.1'
22210
22210
  };
22211
22211
  this.licenses = {
22212
22212
  'MIT': {
@@ -23547,7 +23547,7 @@ ObjectStateComponent.decorators = [
23547
23547
  template: "<div class=\"file\" [ngClass]=\"{ready: context || context === null}\" *ngIf=\"!error; else errorTmpl\">\r\n\r\n <div class=\"file-head\" *ngIf=\"context && context.isContextFolder\">\r\n <div class=\"left\">\r\n <eo-icon class=\"type-icon\" [objectType]=\"context.type\"></eo-icon>\r\n <div class=\"title\" (click)=\"setupFrontPage()\" (contextmenu)=\"onContextMenuClicked($event)\">\r\n <div class=\"label\">{{context.title || '&nbsp;'}}</div>\r\n <div class=\"description\">{{context.description || '&nbsp;'}}</div>\r\n </div>\r\n </div>\r\n <div class=\"right\">\r\n <div class=\"fold\">\r\n <span class=\"created-date\">{{context.created.on | localeDate}}</span>\r\n <span class=\"created-title\">{{context.created.by.title}}</span>\r\n </div>\r\n <div class=\"actions\">\r\n </div>\r\n </div>\r\n </div>\r\n\r\n <div class=\"file-body\">\r\n <div class=\"file-body-wrap\">\r\n\r\n <eo-undock-split>\r\n <eo-split [gutterSize]=\"16\" [visibleTransition]=\"true\" [cacheLayout]=\"cacheLayout\">\r\n\r\n <eo-split-area [size]=\"20\" [minSizePixel]=\"230\" class=\"tree\">\r\n <ng-template pTemplate=\"content\">\r\n\r\n <div class=\"tree-panel-error\" *ngIf=\"loadingState.tree.isError(); else tplTree\" translate>eo.state.object.tree.error</div>\r\n\r\n <ng-template #tplTree>\r\n\r\n <eo-list-container #eoList [loading]=\"!contextTree\" [tabs]=\"false\">\r\n <div class=\"eo-header dark\">\r\n <div class=\"eo-header-info\">\r\n <h2 class=\"eo-header-title\" translate>eo.state.object.tree.title</h2>\r\n <form name=\"structureForm\" class=\"tree-filter-form\" [ngClass]=\"{active: !!termFilter}\">\r\n <eo-form-input [skipToggle]=\"true\" [label]=\" 'eo.state.object.tree.filter.label' | translate\">\r\n <input [(ngModel)]=\"termFilter\" maxlength=\"250\" [ngModelOptions]=\"{standalone: true}\" (ngModelChange)=\"onTermFilterChange.emit($event)\"/>\r\n </eo-form-input>\r\n </form>\r\n </div>\r\n </div>\r\n <div class=\"eo-body tree\">\r\n <eo-tree [tree]=\"contextTree\" [options]=\"{multiselect: false, disableDeselection: true}\" [@panelLoading]=\"loadingState.tree.state\"\r\n *ngIf=\"contextTree\" [highlightedNodes]=\"highlightedNodes\" [treeUpdate]=\"contextTreeUpdate\"\r\n [(ngModel)]=\"selectedNodes\" (ngModelChange)=\"onTreeSelectionChanged($event)\"></eo-tree>\r\n <h3 *ngIf=\"contextTreeRef?.length\" title=\"{{'eo.state.object.tree.references.tooltip'|translate}}\" translate>eo.state.object.tree.references</h3> \r\n <eo-tree [tree]=\"contextTreeRef\" [options]=\"{multiselect: false, disableDeselection: true}\" [@panelLoading]=\"loadingState.treeRef.state\"\r\n *ngIf=\"contextTreeRef?.length\" [highlightedNodes]=\"highlightedNodes\" [treeUpdate]=\"contextTreeRefUpdate\"\r\n [(ngModel)]=\"selectedNodes\" (ngModelChange)=\"onTreeSelectionChanged($event)\" class=\"reference\"></eo-tree>\r\n </div>\r\n </eo-list-container>\r\n\r\n </ng-template>\r\n </ng-template>\r\n </eo-split-area>\r\n\r\n <eo-split-area [size]=\"35\" [minSizePixel]=\"250\" [@panelLoading]=\"loadingState.list.state\">\r\n <ng-template pTemplate=\"content\">\r\n\r\n <eo-object-state-details *ngIf=\"context\" [context]=\"context\" [frontPageData]=\"frontPageData\" [visible]=\"frontPage\" (onTabChange)=\"setupFrontPage(true)\">\r\n <eo-tab-plugin [type]=\"'object-state-details-tab.object'\"></eo-tab-plugin>\r\n </eo-object-state-details>\r\n\r\n <eo-result-list *ngIf=\"!frontPage && searchResult\" [selectFirst]=\"false\" [title]=\"gridTitle\" [reference]=\"selectedNode?.isReference\"\r\n [searchResult]=\"searchResult\" [configType]=\"configType\" [configContext]=\"\"\r\n [emptyMessage]=\"'eo.state.object.list.error'\" (onRefresh)=\"refreshList()\">\r\n </eo-result-list>\r\n\r\n </ng-template>\r\n </eo-split-area>\r\n\r\n <eo-split-area [size]=\"45\" [minSizePixel]=\"250\" [cache]=\"false\" [@panelLoading]=\"loadingState.details.state\">\r\n <ng-template pTemplate=\"content\">\r\n <eo-object-details [applySelection]=\"{}\" [reference]=\"isReferenceActive\" [cacheLayout]=\"'object.state--' + typeName + '.object-details'\">\r\n <eo-tab-plugin [type]=\"'object-details-tab.object'\"></eo-tab-plugin>\r\n </eo-object-details>\r\n </ng-template>\r\n </eo-split-area>\r\n\r\n </eo-split>\r\n </eo-undock-split>\r\n </div>\r\n </div>\r\n</div>\r\n\r\n<ng-template #errorTmpl>\r\n <eo-error404></eo-error404>\r\n</ng-template>\r\n\r\n",
23548
23548
  providers: [ObjectStateService],
23549
23549
  animations: [panelLoadingAnimations],
23550
- styles: [":host{bottom:var(--app-pane-padding);left:var(--app-pane-padding);position:absolute;right:var(--app-pane-padding);top:var(--app-pane-padding)}:host eo-split-area{box-shadow:0 2px 5px 0 rgba(0,0,0,.2)}:host .eo-body.tree h3{border-top:1px solid var(--list-item-border-color);color:var(--text-color-caption);font-size:var(--font-subhead);font-weight:var(--font-weight-normal);margin:0;padding:calc(var(--app-pane-padding)/2) var(--app-pane-padding) 0 var(--app-pane-padding)}:host .file{display:flex;flex-flow:column;height:100%}:host .file .file-body,:host .file .file-head{-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;opacity:0;transition:all var(--app-default-transition-duration) ease-in-out}:host .file.ready .file-body,:host .file.ready .file-head{opacity:1}:host .file .empty-state{align-items:center;background:rgba(var(--color-white-rgb),.3);display:flex;flex-flow:column;height:100%;justify-content:center}:host .file.undocked .empty-state{background:var(--main-background)}:host .file-head{color:var(--text-color-caption);display:flex;flex-flow:row nowrap;margin-bottom:calc(var(--app-pane-padding)/4);width:100%}:host .file-head eo-icon{box-sizing:content-box;padding:var(--app-pane-padding)}:host .file-head .left,:host .file-head .right{border-bottom:4px solid var(--color-primary-3);box-sizing:border-box}:host .file-head .left{background:var(--color-white);display:flex;flex:0 0 auto;flex-flow:row nowrap;max-width:calc(100% - 350px)}:host .file-head .left div.title{cursor:pointer;flex:0 0 auto;max-width:calc(100% - 100px);padding:var(--app-pane-padding) 0}[dir=ltr] :host .file-head .left div.title{padding-left:0;padding-right:calc(var(--app-pane-padding)*2)}[dir=rtl] :host .file-head .left div.title{padding-left:calc(var(--app-pane-padding)*2);padding-right:0}:host .file-head .left div.title .description,:host .file-head .left div.title .label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}:host .file-head .left div.title .label{font-size:var(--font-title)}:host .file-head .right{display:flex;flex:1 1 auto;flex-flow:column;min-width:350px}:host .file-head .right .fold{background:var(--main-background);color:var(--text-color-caption);display:flex;flex:0 0 auto;justify-content:flex-end;padding-bottom:calc(var(--app-pane-padding)/2);text-align:right}[dir=rtl] :host .file-head .right .fold{text-align:right;text-align:left}:host .file-head .right .fold .created-date{padding-right:5px}:host .file-head .right .actions{align-items:center;background:var(--color-white);display:flex;flex:1 1 auto;justify-content:flex-end;padding:0 var(--app-pane-padding)}:host .file-body{flex:1 1 auto;position:relative}:host .file-body .file-body-wrap,:host .file-body .file-body-wrap .frontPage{bottom:0;left:0;position:absolute;right:0;top:0}:host ::ng-deep .tree .tree-panel-error{align-items:center;color:var(--text-color-caption);display:flex;flex-flow:column;height:100%;justify-content:center}:host ::ng-deep .tree .eo-head{background-color:var(--color-primary-3)}:host ::ng-deep .tree .eo-head .eo-header-info{padding:0}:host ::ng-deep .tree .eo-head .eo-header-info h2{color:var(--color-white);flex:1 1 auto}:host ::ng-deep .tree .eo-head .eo-header-info form.tree-filter-form{align-self:flex-end;flex:0 0 auto;margin-bottom:var(--app-pane-padding);min-width:200px;width:61%}:host ::ng-deep eo-tree{padding:var(--app-pane-padding)}:host ::ng-deep eo-object-details{background:var(--panel-background-grey)}"]
23550
+ styles: [":host{bottom:var(--app-pane-padding);left:var(--app-pane-padding);position:absolute;right:var(--app-pane-padding);top:var(--app-pane-padding)}:host eo-split-area{box-shadow:0 2px 5px 0 rgba(0,0,0,.2)}:host .eo-body.tree h3{border-top:1px solid var(--list-item-border-color);color:var(--text-color-caption);font-size:var(--font-subhead);font-weight:var(--font-weight-normal);margin:0;padding:calc(var(--app-pane-padding)/2) var(--app-pane-padding) 0 var(--app-pane-padding)}:host .file{display:flex;flex-flow:column;height:100%}:host .file .file-body,:host .file .file-head{-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;opacity:0;transition:all var(--app-default-transition-duration) ease-in-out}:host .file.ready .file-body,:host .file.ready .file-head{opacity:1}:host .file .empty-state{align-items:center;background:rgba(var(--color-white-rgb),.3);display:flex;flex-flow:column;height:100%;justify-content:center}:host .file.undocked .empty-state{background:var(--main-background)}:host .file-head{color:var(--text-color-caption);display:flex;flex-flow:row nowrap;margin-bottom:calc(var(--app-pane-padding)/4);width:100%}:host .file-head eo-icon{box-sizing:content-box;padding:var(--app-pane-padding)}:host .file-head .left,:host .file-head .right{border-bottom:4px solid var(--color-primary-3);box-sizing:border-box}:host .file-head .left{background:var(--color-white);display:flex;flex:0 0 auto;flex-flow:row nowrap;max-width:calc(100% - 350px)}:host .file-head .left div.title{cursor:pointer;flex:0 0 auto;padding:var(--app-pane-padding) 0}[dir=ltr] :host .file-head .left div.title{padding-left:0;padding-right:calc(var(--app-pane-padding)*2)}[dir=rtl] :host .file-head .left div.title{padding-left:calc(var(--app-pane-padding)*2);padding-right:0}:host .file-head .left div.title .description,:host .file-head .left div.title .label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}:host .file-head .left div.title .label{font-size:var(--font-title)}:host .file-head .right{display:flex;flex:1 1 auto;flex-flow:column;min-width:350px}:host .file-head .right .fold{background:var(--main-background);color:var(--text-color-caption);display:flex;flex:0 0 auto;justify-content:flex-end;padding-bottom:calc(var(--app-pane-padding)/2);text-align:right}[dir=rtl] :host .file-head .right .fold{text-align:right;text-align:left}:host .file-head .right .fold .created-date{padding-right:5px}:host .file-head .right .actions{align-items:center;background:var(--color-white);display:flex;flex:1 1 auto;justify-content:flex-end;padding:0 var(--app-pane-padding)}:host .file-body{flex:1 1 auto;position:relative}:host .file-body .file-body-wrap,:host .file-body .file-body-wrap .frontPage{bottom:0;left:0;position:absolute;right:0;top:0}:host ::ng-deep .tree .tree-panel-error{align-items:center;color:var(--text-color-caption);display:flex;flex-flow:column;height:100%;justify-content:center}:host ::ng-deep .tree .eo-head{background-color:var(--color-primary-3)}:host ::ng-deep .tree .eo-head .eo-header-info{padding:0}:host ::ng-deep .tree .eo-head .eo-header-info h2{color:var(--color-white);flex:1 1 auto}:host ::ng-deep .tree .eo-head .eo-header-info form.tree-filter-form{align-self:flex-end;flex:0 0 auto;margin-bottom:var(--app-pane-padding);min-width:200px;width:61%}:host ::ng-deep eo-tree{padding:var(--app-pane-padding)}:host ::ng-deep eo-object-details{background:var(--panel-background-grey)}"]
23551
23551
  },] }
23552
23552
  ];
23553
23553
  ObjectStateComponent.ctorParameters = () => [
@@ -23913,7 +23913,7 @@ class PrepareStateComponent extends UnsubscribeOnDestroy {
23913
23913
  `<span>${params.context.translate.instant('eo.prepare.list.item.template')}</span> <span>${params.data.template.title}</span>`;
23914
23914
  let file = template || params.data.state.contentstate === 'NOCONTENTALLOWED' ? '' :
23915
23915
  params.data.contentcount === 0 ? `<span>${params.context.translate.instant('eo.prepare.list.item.file.none')}</span>` :
23916
- params.data.contentcount === 1 ? `<span>1x ${params.context.translate.instant('eo.prepare.list.item.file')}</span>` :
23916
+ params.data.contentcount === 1 ? params.data.contents[0].path :
23917
23917
  `<span>${params.data.contentcount}x ${params.context.translate.instant('eo.prepare.list.item.files')}</span>`;
23918
23918
  return `<div class="list-item" unselectable>
23919
23919
  ${icon}