@eo-sdk/client 10.6.4 → 10.6.5

package/fesm2020/eo-sdk-client.mjs

@@ -5418,7 +5418,7 @@ class DatetimeRangeComponent {
     onValueChange() {
         let dateValue = this.formatDate(this.rangeForm.get('dateValue').value);
         if (this.searchOption === SearchFilter.OPERATOR.INTERVAL_INCLUDE_BOTH) {
-            let dateValueFrom = this.formatDate(this.rangeForm.get('dateValueFrom').value) || new Date().toISOString();
+            let dateValueFrom = this.formatDate(this.rangeForm.get('dateValueFrom').value);
             if (dateValueFrom || dateValue) {
                 this.isValid = this.rangeForm.valid && !!dateValueFrom && !!dateValue;
                 this.swapInputs = dateValueFrom && dateValue && dateValueFrom > dateValue;
@@ -8509,7 +8509,7 @@ let FormElementTableComponent = FormElementTableComponent_1 = class FormElementT
             this._elements.forEach(el => {
                 // this.innerValue[rowResult.index] = {...this.innerValue[rowResult.index], ...rowResult.rowData};
                 this.innerValue[rowResult.index][el.name] = rowResult.rowData[el.name];
-                if (this.innerValue[rowResult.index][el.name + '_meta']) {
+                if (rowResult.rowData[el.name + '_meta']) {
                     this.innerValue[rowResult.index][el.name + '_meta'] = rowResult.rowData[el.name + '_meta'];
                 }
             });
@@ -10197,10 +10197,10 @@ class SignatureTabComponent {
     }
 }
 SignatureTabComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.2", ngImport: i0, type: SignatureTabComponent, deps: [{ token: i1.UserService }], target: i0.ɵɵFactoryTarget.Component });
-SignatureTabComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.2", type: SignatureTabComponent, selector: "eo-signature-tab", inputs: { dmsObject: "dmsObject" }, ngImport: i0, template: "<ng-container *ngIf=\"dmsObject.data.yuvsigstatus_meta; else tplNoSignature\">\n\n  <section class=\"info\">\n    <div class=\"row\">\n      <div class=\"label\">{{'eo.object.signature-tab.label.status'|translate}}</div>\n      <div class=\"value\">\n        {{dmsObject.data.yuvsigstatus_meta.label}}</div>\n    </div>\n    <div class=\"row\">\n      <div class=\"label\">{{'eo.object.signature-tab.label.type'|translate}}</div>\n      <div class=\"value\">\n        {{dmsObject.data.yuvsigtype}}</div>\n    </div>\n    <div class=\"row\" *ngIf=\"dmsObject.data.yuvsigerror\">\n      <div class=\"label\">{{'eo.object.signature-tab.label.error'|translate}}</div>\n      <div class=\"value\">{{dmsObject.data.yuvsigerror}}</div>\n    </div>\n    <div class=\"row\">\n      <div class=\"label\">{{'eo.object.signature-tab.label.date'|translate}}</div>\n      <div class=\"value\">{{dmsObject.data.yuvsigdate | localeDate: 'eoShortDate'}}</div>\n    </div>\n    <div class=\"row\">\n      <div class=\"label\">{{'eo.object.signature-tab.label.requestdate'|translate}}</div>\n      <div class=\"value\">{{dmsObject.data.yuvsigreqdate | localeDate:'eoShortDate'}}</div>\n    </div>\n    <div class=\"row\" *ngIf=\"dmsObject.data.yuvsigrequester_meta?.title\">\n      <div class=\"label\">{{'eo.object.signature-tab.label.requester'|translate}}</div>\n      <div class=\"value\">\n        {{dmsObject.data.yuvsigrequester_meta.title}} </div>\n    </div>\n    <div class=\"row\" *ngIf=\"dmsObject.data.yuvsigemailsubject\">\n      <div class=\"label\">{{'eo.object.signature-tab.label.subject'|translate}}</div>\n      <div class=\"value\">{{dmsObject.data.yuvsigemailsubject}}</div>\n    </div>\n    <div class=\"row\" *ngIf=\"dmsObject.data.yuvsigemailbody\">\n      <div class=\"label\">{{'eo.object.signature-tab.label.body'|translate}}</div>\n      <div class=\"value\">{{dmsObject.data.yuvsigemailbody}}</div>\n    </div>\n    <div class=\"row\" *ngIf=\"dmsObject.data.yuvsigcanceledby\">\n      <div class=\"label\">{{'eo.object.signature-tab.label.canceledby'|translate}}</div>\n      <div class=\"value\">{{dmsObject.data.yuvsigcanceledby_meta.title}}</div>\n    </div>\n    <div class=\"row\" *ngIf=\"dmsObject.data.yuvsigreason\">\n      <div class=\"label\">{{'eo.object.signature-tab.label.reason'|translate}}</div>\n      <div class=\"value\">{{dmsObject.data.yuvsigreason}}</div>\n    </div>\n    <div class=\"row\" *ngIf=\"dmsObject.data.yuvsigplatform\">\n      <div class=\"label\">{{'eo.object.signature-tab.label.signingPlatform'|translate}}</div>\n      <div class=\"value\">{{dmsObject.data.yuvsigplatform}}</div>\n    </div>\n    <div class=\"row\" *ngIf=\"dmsObject.data.yuvsigplatformid\">\n      <div class=\"label\">{{'eo.object.signature-tab.label.signingPlatformId'|translate}}</div>\n      <div class=\"value\">{{dmsObject.data.yuvsigplatformid}}</div>\n    </div>\n    <div class=\"row\">\n      <div class=\"label\">{{'eo.object.signature-tab.label.signers'|translate}}</div>\n      <div class=\"value\">\n        <div class=\"signer-container\" *ngFor=\"let s of dmsObject.data.yuvsigners\">\n          <span class=\"circle\" [title]=\"'eo.object.signature-tab.order.tooltip' | translate\">{{s.yuvsignerorder}}</span>\n          <div class=\"signer\">\n            <div class=\"date\" *ngIf=\"s.yuvsignerdate\">{{s.yuvsignerdate | localeDate: 'eoShort'}}</div>\n            <div class=\"name\" *ngIf=\"s.yuvsignername\">{{s.yuvsignername}}</div>\n            <div class=\"email\" *ngIf=\"s.yuvsigneremail\">{{s.yuvsigneremail}}</div>\n            <div class=\"phone\" *ngIf=\"s.yuvsignerphone\">{{s.yuvsignerphone}}</div>\n            <div class=\"state {{s.yuvsignerstatus}}\"><span *ngIf=\"s.yuvsignerstatus_meta?.label\">{{s.yuvsignerstatus_meta.label}}</span></div>\n            <div class=\"reason\" *ngIf=\"s.yuvsignercomment\">{{s.yuvsignercomment}}</div>\n          </div>\n\n        </div>\n      </div>\n    </div>\n  </section>\n</ng-container>\n<ng-template #tplNoSignature>\n  <div class=\"signature-not-found\">\n    <eo-error-message\n      [emptyState]=\"{icon: 'ic_signature.svg', text:'eo.object.signature-tab.no-signatures'}\"></eo-error-message>\n  </div>\n</ng-template>\n", styles: [":host{display:block;padding:var(--app-pane-padding);height:100%;box-sizing:border-box;overflow-y:auto}:host .row{display:flex;margin:0 calc(var(--app-pane-padding) / -4) 2px;line-height:1.5em}:host .row .label,:host .row .value{margin:calc(var(--app-pane-padding) / 4)}:host .row .label{display:inline-block;flex-basis:30%;flex-shrink:0;background-color:var(--color-primary-3);color:var(--color-white);padding:calc(var(--app-pane-padding) / 4);margin:0 calc(var(--app-pane-padding) / 4);border-radius:2px;white-space:normal}:host .row .circle{display:inline-block;width:2em;border-radius:50%;background-color:var(--color-primary-3);color:#fff;text-align:center;line-height:1.8em;align-self:center}:host .row .signer-container{--signer-border-radius: 4px;--signer-row-gap: calc(var(--app-pane-padding) / 2);--signer-icon-color: var(--text-color-hint);padding:calc(var(--app-pane-padding) / 2);background-color:var(--panel-background);border-radius:0 var(--signer-border-radius) var(--signer-border-radius) 0;margin-bottom:calc(var(--app-pane-padding) / 4);display:flex}:host .row .signer-container .signer{display:grid;grid-template-rows:auto auto auto auto;grid-template-columns:1fr auto;-moz-column-gap:var(--app-pane-padding);column-gap:var(--app-pane-padding);grid-template-areas:\"name name\" \"email email\" \"phone phone\" \"state date\" \"reason reason\";margin-left:5px}:host .row .signer-container .signed{--signer-icon-color: var(--color-success)}:host .row .signer-container .revised,:host .row .signer-container .expired,:host .row .signer-container .cancelled{--signer-icon-color: var(--color-warning)}:host .row .signer-container .error{--signer-icon-color: var(--color-error)}:host .row .signer-container .date{grid-area:date;color:var(--text-color-caption);margin-top:var(--signer-row-gap);align-self:center}:host .row .signer-container .name{grid-area:name;font-weight:var(--font-weight-bold)}:host .row .signer-container .email{grid-area:email}:host .row .signer-container .phone{grid-area:phone}:host .row .signer-container .state{grid-area:state;margin-top:var(--signer-row-gap)}:host .row .signer-container .state span{display:inline-block;padding:2px 4px 1px;background-color:var(--signer-icon-color);color:#fff;border-radius:4px}:host .row .signer-container .reason{grid-area:reason;margin-top:var(--signer-row-gap)}:host .signature-not-found{height:100%;display:flex;justify-content:center;align-items:center}\n"], dependencies: [{ kind: "directive", type: i1$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: ErrorMessageComponent, selector: "eo-error-message", inputs: ["emptyState"] }, { kind: "pipe", type: i4.TranslatePipe, name: "translate" }, { kind: "pipe", type: LocaleDatePipe, name: "localeDate" }] });
+SignatureTabComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.2", type: SignatureTabComponent, selector: "eo-signature-tab", inputs: { dmsObject: "dmsObject" }, ngImport: i0, template: "<ng-container *ngIf=\"dmsObject.data.yuvsigstatus_meta; else tplNoSignature\">\n\n  <section class=\"info\">\n    <div class=\"row\">\n      <div class=\"label\">{{'eo.object.signature-tab.label.status'|translate}}</div>\n      <div class=\"value\">\n        {{dmsObject.data.yuvsigstatus_meta.label}}</div>\n    </div>\n    <div class=\"row\">\n      <div class=\"label\">{{'eo.object.signature-tab.label.type'|translate}}</div>\n      <div class=\"value\">\n        {{dmsObject.data.yuvsigtype}}</div>\n    </div>\n    <div class=\"row\" *ngIf=\"dmsObject.data.yuvsigerror\">\n      <div class=\"label\">{{'eo.object.signature-tab.label.error'|translate}}</div>\n      <div class=\"value\">{{dmsObject.data.yuvsigerror}}</div>\n    </div>\n    <div class=\"row\">\n      <div class=\"label\">{{'eo.object.signature-tab.label.date'|translate}}</div>\n      <div class=\"value\">{{dmsObject.data.yuvsigdate | localeDate: 'eoShortDate'}}</div>\n    </div>\n    <div class=\"row\">\n      <div class=\"label\">{{'eo.object.signature-tab.label.requestdate'|translate}}</div>\n      <div class=\"value\">{{dmsObject.data.yuvsigreqdate | localeDate:'eoShortDate'}}</div>\n    </div>\n    <div class=\"row\" *ngIf=\"dmsObject.data.yuvsigrequester_meta?.title\">\n      <div class=\"label\">{{'eo.object.signature-tab.label.requester'|translate}}</div>\n      <div class=\"value\">\n        {{dmsObject.data.yuvsigrequester_meta.title}} </div>\n    </div>\n    <div class=\"row\" *ngIf=\"dmsObject.data.yuvsigemailsubject\">\n      <div class=\"label\">{{'eo.object.signature-tab.label.subject'|translate}}</div>\n      <div class=\"value\">{{dmsObject.data.yuvsigemailsubject}}</div>\n    </div>\n    <div class=\"row\" *ngIf=\"dmsObject.data.yuvsigemailbody\">\n      <div class=\"label\">{{'eo.object.signature-tab.label.body'|translate}}</div>\n      <div class=\"value\">{{dmsObject.data.yuvsigemailbody}}</div>\n    </div>\n    <div class=\"row\" *ngIf=\"dmsObject.data.yuvsigcanceledby\">\n      <div class=\"label\">{{'eo.object.signature-tab.label.canceledby'|translate}}</div>\n      <div class=\"value\">{{dmsObject.data.yuvsigcanceledby_meta.title}}</div>\n    </div>\n    <div class=\"row\" *ngIf=\"dmsObject.data.yuvsigreason\">\n      <div class=\"label\">{{'eo.object.signature-tab.label.reason'|translate}}</div>\n      <div class=\"value\">{{dmsObject.data.yuvsigreason}}</div>\n    </div>\n    <div class=\"row\" *ngIf=\"dmsObject.data.yuvsigplatform\">\n      <div class=\"label\">{{'eo.object.signature-tab.label.signingPlatform'|translate}}</div>\n      <div class=\"value\">{{dmsObject.data.yuvsigplatform}}</div>\n    </div>\n    <div class=\"row\" *ngIf=\"dmsObject.data.yuvsigplatformid\">\n      <div class=\"label\">{{'eo.object.signature-tab.label.signingPlatformId'|translate}}</div>\n      <div class=\"value\">{{dmsObject.data.yuvsigplatformid}}</div>\n    </div>\n    <div class=\"row\">\n      <div class=\"label\">{{'eo.object.signature-tab.label.signers'|translate}}</div>\n      <div class=\"value\">\n        <div class=\"signer-container\" *ngFor=\"let s of dmsObject.data.yuvsigners\">\n          <span class=\"circle\" [title]=\"'eo.object.signature-tab.order.tooltip' | translate\">{{s.yuvsignerorder}}</span>\n          <div class=\"signer\">\n            <div class=\"date\" *ngIf=\"s.yuvsignerdate\">{{s.yuvsignerdate | localeDate: 'eoShort'}}</div>\n            <div class=\"name\" *ngIf=\"s.yuvsignername\">{{s.yuvsignername}}</div>\n            <div class=\"email\" *ngIf=\"s.yuvsigneremail\">{{s.yuvsigneremail}}</div>\n            <div class=\"phone\" *ngIf=\"s.yuvsignerphone\">{{s.yuvsignerphone}}</div>\n            <div class=\"state {{s.yuvsignerstatus}}\"><span *ngIf=\"s.yuvsignerstatus_meta?.label\">{{s.yuvsignerstatus_meta.label}}</span></div>\n            <div class=\"reason\" *ngIf=\"s.yuvsignercomment\">{{s.yuvsignercomment}}</div>\n          </div>\n\n        </div>\n      </div>\n    </div>\n  </section>\n</ng-container>\n<ng-template #tplNoSignature>\n  <div class=\"signature-not-found\">\n    <eo-error-message\n      [emptyState]=\"{icon: 'ic_signature.svg', text:'eo.object.signature-tab.no-signatures'}\"></eo-error-message>\n  </div>\n</ng-template>\n", styles: [":host{display:block;padding:var(--app-pane-padding);height:100%;box-sizing:border-box;overflow-y:auto}:host .row{display:flex;margin:0 calc(var(--app-pane-padding) / -4) 2px;line-height:1.5em}:host .row .label,:host .row .value{margin:calc(var(--app-pane-padding) / 4)}:host .row .label{display:inline-block;flex-basis:30%;flex-shrink:0;background-color:var(--color-primary-3);color:var(--color-white);padding:calc(var(--app-pane-padding) / 4);margin:0 calc(var(--app-pane-padding) / 4);border-radius:2px;white-space:normal}:host .row .circle{display:inline-block;width:2em;border-radius:50%;background-color:var(--color-primary-3);color:#fff;text-align:center;line-height:1.8em;align-self:center}:host .row .signer-container{--signer-border-radius: 4px;--signer-row-gap: calc(var(--app-pane-padding) / 2);--signer-icon-color: var(--text-color-hint);padding:calc(var(--app-pane-padding) / 2);background-color:var(--panel-background);border-radius:0 var(--signer-border-radius) var(--signer-border-radius) 0;margin-bottom:calc(var(--app-pane-padding) / 4);display:flex}:host .row .signer-container .signer{display:grid;grid-template-rows:auto auto auto auto;grid-template-columns:1fr auto;-moz-column-gap:var(--app-pane-padding);column-gap:var(--app-pane-padding);grid-template-areas:\"name name\" \"email email\" \"phone phone\" \"state date\" \"reason reason\";margin-left:5px}:host .row .signer-container .signed{--signer-icon-color: var(--color-success)}:host .row .signer-container .revised,:host .row .signer-container .expired,:host .row .signer-container .cancelled{--signer-icon-color: var(--color-warning)}:host .row .signer-container .error{--signer-icon-color: var(--color-error)}:host .row .signer-container .date{grid-area:date;color:var(--text-color-caption);margin-top:var(--signer-row-gap);align-self:center}:host .row .signer-container .name{grid-area:name;font-weight:var(--font-weight-bold)}:host .row .signer-container .email{grid-area:email}:host .row .signer-container .phone{grid-area:phone}:host .row .signer-container .state{grid-area:state;margin-top:var(--signer-row-gap)}:host .row .signer-container .state span{display:inline-block;padding:2px 4px 1px;background-color:var(--signer-icon-color);color:#fff;border-radius:4px}:host .row .signer-container .reason{grid-area:reason;margin-top:var(--signer-row-gap);word-wrap:break-word}:host .signature-not-found{height:100%;display:flex;justify-content:center;align-items:center}\n"], dependencies: [{ kind: "directive", type: i1$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: ErrorMessageComponent, selector: "eo-error-message", inputs: ["emptyState"] }, { kind: "pipe", type: i4.TranslatePipe, name: "translate" }, { kind: "pipe", type: LocaleDatePipe, name: "localeDate" }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.2", ngImport: i0, type: SignatureTabComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'eo-signature-tab', template: "<ng-container *ngIf=\"dmsObject.data.yuvsigstatus_meta; else tplNoSignature\">\n\n  <section class=\"info\">\n    <div class=\"row\">\n      <div class=\"label\">{{'eo.object.signature-tab.label.status'|translate}}</div>\n      <div class=\"value\">\n        {{dmsObject.data.yuvsigstatus_meta.label}}</div>\n    </div>\n    <div class=\"row\">\n      <div class=\"label\">{{'eo.object.signature-tab.label.type'|translate}}</div>\n      <div class=\"value\">\n        {{dmsObject.data.yuvsigtype}}</div>\n    </div>\n    <div class=\"row\" *ngIf=\"dmsObject.data.yuvsigerror\">\n      <div class=\"label\">{{'eo.object.signature-tab.label.error'|translate}}</div>\n      <div class=\"value\">{{dmsObject.data.yuvsigerror}}</div>\n    </div>\n    <div class=\"row\">\n      <div class=\"label\">{{'eo.object.signature-tab.label.date'|translate}}</div>\n      <div class=\"value\">{{dmsObject.data.yuvsigdate | localeDate: 'eoShortDate'}}</div>\n    </div>\n    <div class=\"row\">\n      <div class=\"label\">{{'eo.object.signature-tab.label.requestdate'|translate}}</div>\n      <div class=\"value\">{{dmsObject.data.yuvsigreqdate | localeDate:'eoShortDate'}}</div>\n    </div>\n    <div class=\"row\" *ngIf=\"dmsObject.data.yuvsigrequester_meta?.title\">\n      <div class=\"label\">{{'eo.object.signature-tab.label.requester'|translate}}</div>\n      <div class=\"value\">\n        {{dmsObject.data.yuvsigrequester_meta.title}} </div>\n    </div>\n    <div class=\"row\" *ngIf=\"dmsObject.data.yuvsigemailsubject\">\n      <div class=\"label\">{{'eo.object.signature-tab.label.subject'|translate}}</div>\n      <div class=\"value\">{{dmsObject.data.yuvsigemailsubject}}</div>\n    </div>\n    <div class=\"row\" *ngIf=\"dmsObject.data.yuvsigemailbody\">\n      <div class=\"label\">{{'eo.object.signature-tab.label.body'|translate}}</div>\n      <div class=\"value\">{{dmsObject.data.yuvsigemailbody}}</div>\n    </div>\n    <div class=\"row\" *ngIf=\"dmsObject.data.yuvsigcanceledby\">\n      <div class=\"label\">{{'eo.object.signature-tab.label.canceledby'|translate}}</div>\n      <div class=\"value\">{{dmsObject.data.yuvsigcanceledby_meta.title}}</div>\n    </div>\n    <div class=\"row\" *ngIf=\"dmsObject.data.yuvsigreason\">\n      <div class=\"label\">{{'eo.object.signature-tab.label.reason'|translate}}</div>\n      <div class=\"value\">{{dmsObject.data.yuvsigreason}}</div>\n    </div>\n    <div class=\"row\" *ngIf=\"dmsObject.data.yuvsigplatform\">\n      <div class=\"label\">{{'eo.object.signature-tab.label.signingPlatform'|translate}}</div>\n      <div class=\"value\">{{dmsObject.data.yuvsigplatform}}</div>\n    </div>\n    <div class=\"row\" *ngIf=\"dmsObject.data.yuvsigplatformid\">\n      <div class=\"label\">{{'eo.object.signature-tab.label.signingPlatformId'|translate}}</div>\n      <div class=\"value\">{{dmsObject.data.yuvsigplatformid}}</div>\n    </div>\n    <div class=\"row\">\n      <div class=\"label\">{{'eo.object.signature-tab.label.signers'|translate}}</div>\n      <div class=\"value\">\n        <div class=\"signer-container\" *ngFor=\"let s of dmsObject.data.yuvsigners\">\n          <span class=\"circle\" [title]=\"'eo.object.signature-tab.order.tooltip' | translate\">{{s.yuvsignerorder}}</span>\n          <div class=\"signer\">\n            <div class=\"date\" *ngIf=\"s.yuvsignerdate\">{{s.yuvsignerdate | localeDate: 'eoShort'}}</div>\n            <div class=\"name\" *ngIf=\"s.yuvsignername\">{{s.yuvsignername}}</div>\n            <div class=\"email\" *ngIf=\"s.yuvsigneremail\">{{s.yuvsigneremail}}</div>\n            <div class=\"phone\" *ngIf=\"s.yuvsignerphone\">{{s.yuvsignerphone}}</div>\n            <div class=\"state {{s.yuvsignerstatus}}\"><span *ngIf=\"s.yuvsignerstatus_meta?.label\">{{s.yuvsignerstatus_meta.label}}</span></div>\n            <div class=\"reason\" *ngIf=\"s.yuvsignercomment\">{{s.yuvsignercomment}}</div>\n          </div>\n\n        </div>\n      </div>\n    </div>\n  </section>\n</ng-container>\n<ng-template #tplNoSignature>\n  <div class=\"signature-not-found\">\n    <eo-error-message\n      [emptyState]=\"{icon: 'ic_signature.svg', text:'eo.object.signature-tab.no-signatures'}\"></eo-error-message>\n  </div>\n</ng-template>\n", styles: [":host{display:block;padding:var(--app-pane-padding);height:100%;box-sizing:border-box;overflow-y:auto}:host .row{display:flex;margin:0 calc(var(--app-pane-padding) / -4) 2px;line-height:1.5em}:host .row .label,:host .row .value{margin:calc(var(--app-pane-padding) / 4)}:host .row .label{display:inline-block;flex-basis:30%;flex-shrink:0;background-color:var(--color-primary-3);color:var(--color-white);padding:calc(var(--app-pane-padding) / 4);margin:0 calc(var(--app-pane-padding) / 4);border-radius:2px;white-space:normal}:host .row .circle{display:inline-block;width:2em;border-radius:50%;background-color:var(--color-primary-3);color:#fff;text-align:center;line-height:1.8em;align-self:center}:host .row .signer-container{--signer-border-radius: 4px;--signer-row-gap: calc(var(--app-pane-padding) / 2);--signer-icon-color: var(--text-color-hint);padding:calc(var(--app-pane-padding) / 2);background-color:var(--panel-background);border-radius:0 var(--signer-border-radius) var(--signer-border-radius) 0;margin-bottom:calc(var(--app-pane-padding) / 4);display:flex}:host .row .signer-container .signer{display:grid;grid-template-rows:auto auto auto auto;grid-template-columns:1fr auto;-moz-column-gap:var(--app-pane-padding);column-gap:var(--app-pane-padding);grid-template-areas:\"name name\" \"email email\" \"phone phone\" \"state date\" \"reason reason\";margin-left:5px}:host .row .signer-container .signed{--signer-icon-color: var(--color-success)}:host .row .signer-container .revised,:host .row .signer-container .expired,:host .row .signer-container .cancelled{--signer-icon-color: var(--color-warning)}:host .row .signer-container .error{--signer-icon-color: var(--color-error)}:host .row .signer-container .date{grid-area:date;color:var(--text-color-caption);margin-top:var(--signer-row-gap);align-self:center}:host .row .signer-container .name{grid-area:name;font-weight:var(--font-weight-bold)}:host .row .signer-container .email{grid-area:email}:host .row .signer-container .phone{grid-area:phone}:host .row .signer-container .state{grid-area:state;margin-top:var(--signer-row-gap)}:host .row .signer-container .state span{display:inline-block;padding:2px 4px 1px;background-color:var(--signer-icon-color);color:#fff;border-radius:4px}:host .row .signer-container .reason{grid-area:reason;margin-top:var(--signer-row-gap)}:host .signature-not-found{height:100%;display:flex;justify-content:center;align-items:center}\n"] }]
+            args: [{ selector: 'eo-signature-tab', template: "<ng-container *ngIf=\"dmsObject.data.yuvsigstatus_meta; else tplNoSignature\">\n\n  <section class=\"info\">\n    <div class=\"row\">\n      <div class=\"label\">{{'eo.object.signature-tab.label.status'|translate}}</div>\n      <div class=\"value\">\n        {{dmsObject.data.yuvsigstatus_meta.label}}</div>\n    </div>\n    <div class=\"row\">\n      <div class=\"label\">{{'eo.object.signature-tab.label.type'|translate}}</div>\n      <div class=\"value\">\n        {{dmsObject.data.yuvsigtype}}</div>\n    </div>\n    <div class=\"row\" *ngIf=\"dmsObject.data.yuvsigerror\">\n      <div class=\"label\">{{'eo.object.signature-tab.label.error'|translate}}</div>\n      <div class=\"value\">{{dmsObject.data.yuvsigerror}}</div>\n    </div>\n    <div class=\"row\">\n      <div class=\"label\">{{'eo.object.signature-tab.label.date'|translate}}</div>\n      <div class=\"value\">{{dmsObject.data.yuvsigdate | localeDate: 'eoShortDate'}}</div>\n    </div>\n    <div class=\"row\">\n      <div class=\"label\">{{'eo.object.signature-tab.label.requestdate'|translate}}</div>\n      <div class=\"value\">{{dmsObject.data.yuvsigreqdate | localeDate:'eoShortDate'}}</div>\n    </div>\n    <div class=\"row\" *ngIf=\"dmsObject.data.yuvsigrequester_meta?.title\">\n      <div class=\"label\">{{'eo.object.signature-tab.label.requester'|translate}}</div>\n      <div class=\"value\">\n        {{dmsObject.data.yuvsigrequester_meta.title}} </div>\n    </div>\n    <div class=\"row\" *ngIf=\"dmsObject.data.yuvsigemailsubject\">\n      <div class=\"label\">{{'eo.object.signature-tab.label.subject'|translate}}</div>\n      <div class=\"value\">{{dmsObject.data.yuvsigemailsubject}}</div>\n    </div>\n    <div class=\"row\" *ngIf=\"dmsObject.data.yuvsigemailbody\">\n      <div class=\"label\">{{'eo.object.signature-tab.label.body'|translate}}</div>\n      <div class=\"value\">{{dmsObject.data.yuvsigemailbody}}</div>\n    </div>\n    <div class=\"row\" *ngIf=\"dmsObject.data.yuvsigcanceledby\">\n      <div class=\"label\">{{'eo.object.signature-tab.label.canceledby'|translate}}</div>\n      <div class=\"value\">{{dmsObject.data.yuvsigcanceledby_meta.title}}</div>\n    </div>\n    <div class=\"row\" *ngIf=\"dmsObject.data.yuvsigreason\">\n      <div class=\"label\">{{'eo.object.signature-tab.label.reason'|translate}}</div>\n      <div class=\"value\">{{dmsObject.data.yuvsigreason}}</div>\n    </div>\n    <div class=\"row\" *ngIf=\"dmsObject.data.yuvsigplatform\">\n      <div class=\"label\">{{'eo.object.signature-tab.label.signingPlatform'|translate}}</div>\n      <div class=\"value\">{{dmsObject.data.yuvsigplatform}}</div>\n    </div>\n    <div class=\"row\" *ngIf=\"dmsObject.data.yuvsigplatformid\">\n      <div class=\"label\">{{'eo.object.signature-tab.label.signingPlatformId'|translate}}</div>\n      <div class=\"value\">{{dmsObject.data.yuvsigplatformid}}</div>\n    </div>\n    <div class=\"row\">\n      <div class=\"label\">{{'eo.object.signature-tab.label.signers'|translate}}</div>\n      <div class=\"value\">\n        <div class=\"signer-container\" *ngFor=\"let s of dmsObject.data.yuvsigners\">\n          <span class=\"circle\" [title]=\"'eo.object.signature-tab.order.tooltip' | translate\">{{s.yuvsignerorder}}</span>\n          <div class=\"signer\">\n            <div class=\"date\" *ngIf=\"s.yuvsignerdate\">{{s.yuvsignerdate | localeDate: 'eoShort'}}</div>\n            <div class=\"name\" *ngIf=\"s.yuvsignername\">{{s.yuvsignername}}</div>\n            <div class=\"email\" *ngIf=\"s.yuvsigneremail\">{{s.yuvsigneremail}}</div>\n            <div class=\"phone\" *ngIf=\"s.yuvsignerphone\">{{s.yuvsignerphone}}</div>\n            <div class=\"state {{s.yuvsignerstatus}}\"><span *ngIf=\"s.yuvsignerstatus_meta?.label\">{{s.yuvsignerstatus_meta.label}}</span></div>\n            <div class=\"reason\" *ngIf=\"s.yuvsignercomment\">{{s.yuvsignercomment}}</div>\n          </div>\n\n        </div>\n      </div>\n    </div>\n  </section>\n</ng-container>\n<ng-template #tplNoSignature>\n  <div class=\"signature-not-found\">\n    <eo-error-message\n      [emptyState]=\"{icon: 'ic_signature.svg', text:'eo.object.signature-tab.no-signatures'}\"></eo-error-message>\n  </div>\n</ng-template>\n", styles: [":host{display:block;padding:var(--app-pane-padding);height:100%;box-sizing:border-box;overflow-y:auto}:host .row{display:flex;margin:0 calc(var(--app-pane-padding) / -4) 2px;line-height:1.5em}:host .row .label,:host .row .value{margin:calc(var(--app-pane-padding) / 4)}:host .row .label{display:inline-block;flex-basis:30%;flex-shrink:0;background-color:var(--color-primary-3);color:var(--color-white);padding:calc(var(--app-pane-padding) / 4);margin:0 calc(var(--app-pane-padding) / 4);border-radius:2px;white-space:normal}:host .row .circle{display:inline-block;width:2em;border-radius:50%;background-color:var(--color-primary-3);color:#fff;text-align:center;line-height:1.8em;align-self:center}:host .row .signer-container{--signer-border-radius: 4px;--signer-row-gap: calc(var(--app-pane-padding) / 2);--signer-icon-color: var(--text-color-hint);padding:calc(var(--app-pane-padding) / 2);background-color:var(--panel-background);border-radius:0 var(--signer-border-radius) var(--signer-border-radius) 0;margin-bottom:calc(var(--app-pane-padding) / 4);display:flex}:host .row .signer-container .signer{display:grid;grid-template-rows:auto auto auto auto;grid-template-columns:1fr auto;-moz-column-gap:var(--app-pane-padding);column-gap:var(--app-pane-padding);grid-template-areas:\"name name\" \"email email\" \"phone phone\" \"state date\" \"reason reason\";margin-left:5px}:host .row .signer-container .signed{--signer-icon-color: var(--color-success)}:host .row .signer-container .revised,:host .row .signer-container .expired,:host .row .signer-container .cancelled{--signer-icon-color: var(--color-warning)}:host .row .signer-container .error{--signer-icon-color: var(--color-error)}:host .row .signer-container .date{grid-area:date;color:var(--text-color-caption);margin-top:var(--signer-row-gap);align-self:center}:host .row .signer-container .name{grid-area:name;font-weight:var(--font-weight-bold)}:host .row .signer-container .email{grid-area:email}:host .row .signer-container .phone{grid-area:phone}:host .row .signer-container .state{grid-area:state;margin-top:var(--signer-row-gap)}:host .row .signer-container .state span{display:inline-block;padding:2px 4px 1px;background-color:var(--signer-icon-color);color:#fff;border-radius:4px}:host .row .signer-container .reason{grid-area:reason;margin-top:var(--signer-row-gap);word-wrap:break-word}:host .signature-not-found{height:100%;display:flex;justify-content:center;align-items:center}\n"] }]
         }], ctorParameters: function () { return [{ type: i1.UserService }]; }, propDecorators: { dmsObject: [{
                 type: Input
             }] } });
@@ -15278,7 +15278,7 @@ SequenceListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0",
             useExisting: forwardRef(() => SequenceListComponent),
             multi: true
         }
-    ], ngImport: i0, template: "<div class=\"toolbar\" *ngIf=\"!entryForm; else tplEntryForm\">\n  <h4>{{ 'eo.action.signature.signers' | translate }}</h4>\n  <button id=\"add-item\" class=\"add primary\" (click)=\"showEntryForm()\" [disabled]=\"maxSigners\">\n    <eo-icon [iconTitle]=\"('eo.action.signature.add.button.tooltip' | translate)\"\n             [iconSrc]=\"'assets/_default/svg/ic_add.svg'\">\n    </eo-icon>\n  </button>\n</div>\n\n<div class=\"entries\" cdkDropList (cdkDropListDropped)=\"dragDrop($event)\" [cdkDropListData]=\"entries\">\n  <div [ngClass]=\"{ disabled: !!entryForm, single: entries.length === 1 }\" cdkDrag *ngFor=\"let entry of entries; let i = index\">\n    <eo-sequence-list-item [index]=\"i\" (changeEntry)=\"changeEntry($event)\" [disableAdd]=\"maxSigners\">\n      <ng-template #content>\n        <div class=\"signer-list-entry\">\n          <div class=\"signer-name\" title=\"{{entry.name}}\">{{ entry.name }}</div>\n          <div class=\"signer-email\" title=\"{{entry.email}}\">{{ entry.email }}</div>\n          <div class=\"signer-phone\" *ngIf=\"entry.phone\" title=\"{{entry.phone}}\">{{ entry.phone }}</div>\n        </div>\n      </ng-template>\n    </eo-sequence-list-item>\n  </div>\n</div>\n\n<ng-template #tplEntryForm>\n  <form class=\"entryForm\" [formGroup]=\"entryForm\" (ngSubmit)=\"addSigner()\">\n    <div class=\"form-body\">\n      <eo-form-input\n        class=\"name\"\n        [invalid]=\"entryForm.get('name').dirty && entryForm.get('name').invalid\"\n        [skipToggle]=\"true\"\n        [label]=\"'eo.action.signature.yuvsigners.yuvsignername' | translate\"\n        [required]=\"true\"\n      >\n        <eo-string maxLength=\"100\" [qname]=\"'yuvsigning.yuvsigners.yuvsignername'\" [autocomplete]=\"true\" [autofocus]=\"true\" formControlName=\"name\"></eo-string>\n      </eo-form-input>\n\n      <eo-form-input\n        class=\"task\"\n        [invalid]=\"entryForm.get('email').dirty && entryForm.get('email').invalid\"\n        [skipToggle]=\"true\"\n        [label]=\"'eo.action.signature.yuvsigners.yuvsigneremail' | translate\"\n        [required]=\"true\"\n      >\n        <eo-string maxLength=\"100\" [qname]=\"'yuvsigning.yuvsigners.yuvsigneremail'\" [autocomplete]=\"true\" formControlName=\"email\"></eo-string>\n      </eo-form-input>\n      <small class=\"errors\" *ngIf=\"entryForm.get('email').hasError('email')\" translate>eo.form.property.string.error.classification.email</small>\n      <eo-form-input\n        class=\"task\"\n        *ngIf=\"phoneRequired\"\n        [invalid]=\"entryForm.get('phone').dirty && entryForm.get('phone').invalid\"\n        [skipToggle]=\"true\"\n        [label]=\"'eo.action.signature.yuvsigners.yuvsignerphone' | translate\"\n        [required]=\"true\"\n      >\n        <eo-string maxLength=\"100\" [qname]=\"'yuvsigning.yuvsigners.yuvsignerphone'\" formControlName=\"phone\"> </eo-string>\n      </eo-form-input>\n    </div>\n    <footer class=\"footer-action\">\n      <button class=\"secondary\" type=\"button\" (click)=\"cancel()\" translate>eo.action.signature.cancel</button>\n      <ng-container [ngSwitch]=\"mode\">\n        <button *ngSwitchCase=\"'edit'\" class=\"primary\" [disabled]=\"entryForm.invalid || entryForm.pristine\" type=\"submit\" translate>eo.action.signature.editSigner</button>\n        <button *ngSwitchDefault class=\"primary\" [disabled]=\"entryForm.invalid\" type=\"submit\" translate>eo.action.signature.addSigner</button>\n      </ng-container>\n    </footer>\n  </form>\n</ng-template>\n", styles: [":host{display:block;border:1px solid var(--panel-divider-color);padding:1px;background-color:var(--panel-background)}:host:focus{border-color:var(--color-accent)}:host.ng-invalid{border-color:var(--color-error)}:host.dense form.entryForm{display:flex;flex-flow:column}:host form.entryForm{display:grid;grid-template-rows:auto auto auto auto;grid-template-columns:1fr;padding:calc(var(--app-pane-padding) / 2);gap:calc(var(--app-pane-padding) / 2);grid-template-areas:\"title\" \"task\" \"nextAssignee\" \"expiryDatetime\" \"buttons\";border:1px solid var(--panel-divider-color)}:host form.entryForm eo-form-input.task{grid-area:task}:host form.entryForm eo-form-input.nextAssignee{grid-area:nextAssignee}:host form.entryForm eo-form-input.expiryDatetime{grid-area:expiryDatetime}:host form.entryForm .buttons{grid-area:buttons;display:flex;justify-content:end;margin:0 -2px}:host form.entryForm .buttons button{margin:0 2px}:host form.entryForm .errors{color:var(--color-error)}:host .toolbar{display:flex;justify-content:space-between;align-items:center;padding:calc(var(--app-pane-padding) / 4);border:1px solid var(--panel-divider-color)}:host .toolbar:focus{border-color:var(--color-accent)}:host .toolbar h4{padding:0;margin:0 calc(var(--app-pane-padding) * .75);flex:1;color:var(--color-primary-2)}:host .toolbar button{padding:calc(var(--app-pane-padding) / 4);border-radius:2px}:host .entries .entry{position:relative;transition:background-color .1s ease-in-out;border:1px solid var(--panel-divider-color);display:grid;padding:calc(var(--app-pane-padding) * .75);-moz-column-gap:calc(var(--app-pane-padding) / 2);column-gap:calc(var(--app-pane-padding) / 2);row-gap:calc(var(--app-pane-padding) / 4);grid-template-rows:auto auto;grid-template-columns:auto auto 1fr auto;grid-template-areas:\"handle index content action\" \"handle index content action\";margin-top:1px}:host .entries .entry.disabled{background-color:var(--panel-background-lightgrey);opacity:.85}:host .entries .entry.disabled.current{background-color:var(--panel-background);border-color:var(--color-accent)}:host .entries .entry.disabled .innerAdd:not(.active){opacity:0;pointer-events:none}:host .entries .entry.disabled button,:host .entries .entry.disabled .handle{pointer-events:none;cursor:default;opacity:.5}:host .entries .entry.single .handle,:host .entries .entry.single .index{display:none}:host .entries .entry .innerAdd{position:absolute;top:-12px;left:calc(50% - 12px);border-radius:2px;color:var(--text-color-caption);cursor:pointer;background-color:var(--panel-background);border:1px solid var(--panel-divider-color);width:20px;height:20px}:host .entries .entry .innerAdd.active{background-color:var(--color-accent);border-color:var(--color-accent);color:#fff}:host .entries .entry .index{grid-area:index;display:flex;flex-flow:column;align-items:center;justify-content:center;color:var(--color-accent);padding:0 calc(var(--app-pane-padding) / 4)}:host .entries .entry .handle{grid-area:handle;color:var(--text-color-caption);align-self:center;cursor:n-resize}:host .entries .entry .content{grid-area:content}:host .entries .entry .content ::ng-deep .list-entry .task{word-break:break-all}:host .entries .entry .action{grid-area:action;display:flex;align-items:center}:host .entries .entry .action button{padding:2px}:host .entries .entry .action button eo-icon{width:18px;height:18px}.footer-action{display:flex;justify-content:flex-end;padding:var(--app-pane-padding) 0;background-color:transparent;border-top:none}\n"], dependencies: [{ kind: "directive", type: i1$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$2.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1$2.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i1$2.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { kind: "directive", type: i4.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "component", type: EoIconComponent, selector: "eo-icon", inputs: ["objectType", "iconId", "iconSrc", "badge", "iconTitle"] }, { kind: "directive", type: i1$3.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$3.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: FormInputComponent, selector: "eo-form-input", inputs: ["label", "tag", "description", "skipToggle", "isNull", "invalid", "disabled", "required"], outputs: ["onToggleLabel"] }, { kind: "component", type: StringComponent, selector: "eo-string", inputs: ["autocomplete", "multiselect", "multiline", "readonly", "autofocus", "classification", "situation", "regex", "qname", "size", "minLength", "maxLength"] }, { kind: "directive", type: i4$3.CdkDropList, selector: "[cdkDropList], cdk-drop-list", inputs: ["cdkDropListConnectedTo", "cdkDropListData", "cdkDropListOrientation", "id", "cdkDropListLockAxis", "cdkDropListDisabled", "cdkDropListSortingDisabled", "cdkDropListEnterPredicate", "cdkDropListSortPredicate", "cdkDropListAutoScrollDisabled", "cdkDropListAutoScrollStep"], outputs: ["cdkDropListDropped", "cdkDropListEntered", "cdkDropListExited", "cdkDropListSorted"], exportAs: ["cdkDropList"] }, { kind: "directive", type: i4$3.CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "component", type: SequenceListItemComponent, selector: "eo-sequence-list-item", inputs: ["index", "disableAdd", "addTargetIndex"], outputs: ["changeEntry", "edit", "delete", "insert"] }, { kind: "pipe", type: i4.TranslatePipe, name: "translate" }] });
+    ], ngImport: i0, template: "<div class=\"toolbar\" *ngIf=\"!entryForm; else tplEntryForm\">\n  <h4>{{ 'eo.action.signature.signers' | translate }}</h4>\n  <button id=\"add-item\" class=\"add primary\" (click)=\"showEntryForm()\" [disabled]=\"maxSigners\">\n    <eo-icon [iconTitle]=\"('eo.action.signature.add.button.tooltip' | translate)\"\n             [iconSrc]=\"'assets/_default/svg/ic_add.svg'\">\n    </eo-icon>\n  </button>\n</div>\n\n<div class=\"entries\" cdkDropList (cdkDropListDropped)=\"dragDrop($event)\" [cdkDropListData]=\"entries\">\n  <div [ngClass]=\"{ disabled: !!entryForm, single: entries.length === 1 }\" cdkDrag *ngFor=\"let entry of entries; let i = index\">\n    <eo-sequence-list-item [index]=\"i\" (changeEntry)=\"changeEntry($event)\" [disableAdd]=\"maxSigners\">\n      <ng-template #content>\n        <div class=\"signer-list-entry\">\n          <div class=\"signer-name\" title=\"{{entry.name}}\">{{ entry.name }}</div>\n          <div class=\"signer-email\" title=\"{{entry.email}}\">{{ entry.email }}</div>\n          <div class=\"signer-phone\" *ngIf=\"entry.phone\" title=\"{{entry.phone}}\">{{ entry.phone }}</div>\n        </div>\n      </ng-template>\n    </eo-sequence-list-item>\n  </div>\n</div>\n\n<ng-template #tplEntryForm>\n  <form class=\"entryForm\" [formGroup]=\"entryForm\" (ngSubmit)=\"addSigner()\">\n    <div class=\"form-body\">\n      <eo-form-input\n        class=\"name\"\n        [invalid]=\"entryForm.get('name').dirty && entryForm.get('name').invalid\"\n        [skipToggle]=\"true\"\n        [label]=\"'eo.action.signature.yuvsigners.yuvsignername' | translate\"\n        [required]=\"true\"\n      >\n        <eo-string maxLength=\"100\" [qname]=\"'yuvsigning.yuvsigners.yuvsignername'\" [autocomplete]=\"true\" [autofocus]=\"true\" formControlName=\"name\"></eo-string>\n      </eo-form-input>\n      <small class=\"errors\" *ngIf=\"entryForm.get('name').hasError('maxlength')\" [translateParams]=\"{maxlength: 100}\"\n             translate>eo.form.property.maxlength</small>\n      <eo-form-input\n        class=\"task\"\n        [invalid]=\"entryForm.get('email').dirty && entryForm.get('email').invalid\"\n        [skipToggle]=\"true\"\n        [label]=\"'eo.action.signature.yuvsigners.yuvsigneremail' | translate\"\n        [required]=\"true\"\n      >\n        <eo-string maxLength=\"100\" [qname]=\"'yuvsigning.yuvsigners.yuvsigneremail'\" [autocomplete]=\"true\" formControlName=\"email\"></eo-string>\n      </eo-form-input>\n      <small class=\"errors\" *ngIf=\"entryForm.get('email').hasError('email')\" translate>eo.form.property.string.error.classification.email</small>\n      <small class=\"errors\" *ngIf=\"!entryForm.get('email').hasError('email') && entryForm.get('email').hasError('maxlength')\"\n             [translateParams]=\"{maxlength: 100}\" translate>eo.form.property.maxlength</small>\n      <eo-form-input\n        class=\"task\"\n        *ngIf=\"phoneRequired\"\n        [invalid]=\"entryForm.get('phone').dirty && entryForm.get('phone').invalid\"\n        [skipToggle]=\"true\"\n        [label]=\"'eo.action.signature.yuvsigners.yuvsignerphone' | translate\"\n        [required]=\"true\"\n      >\n        <eo-string maxLength=\"100\" [qname]=\"'yuvsigning.yuvsigners.yuvsignerphone'\" formControlName=\"phone\"> </eo-string>\n        <small class=\"errors\" *ngIf=\"entryForm.get('phone').hasError('maxlength')\" [translateParams]=\"{maxlength: 100}\"\n               translate>eo.form.property.maxlength</small>\n      </eo-form-input>\n    </div>\n    <footer class=\"footer-action\">\n      <button class=\"secondary\" type=\"button\" (click)=\"cancel()\" translate>eo.action.signature.cancel</button>\n      <ng-container [ngSwitch]=\"mode\">\n        <button *ngSwitchCase=\"'edit'\" class=\"primary\" [disabled]=\"entryForm.invalid || entryForm.pristine\" type=\"submit\" translate>eo.action.signature.editSigner</button>\n        <button *ngSwitchDefault class=\"primary\" [disabled]=\"entryForm.invalid\" type=\"submit\" translate>eo.action.signature.addSigner</button>\n      </ng-container>\n    </footer>\n  </form>\n</ng-template>\n", styles: [":host{display:block;border:1px solid var(--panel-divider-color);padding:1px;background-color:var(--panel-background)}:host:focus{border-color:var(--color-accent)}:host.ng-invalid{border-color:var(--color-error)}:host.dense form.entryForm{display:flex;flex-flow:column}:host form.entryForm{display:grid;grid-template-rows:auto auto auto auto;grid-template-columns:1fr;padding:calc(var(--app-pane-padding) / 2);gap:calc(var(--app-pane-padding) / 2);grid-template-areas:\"title\" \"task\" \"nextAssignee\" \"expiryDatetime\" \"buttons\";border:1px solid var(--panel-divider-color)}:host form.entryForm eo-form-input.task{grid-area:task}:host form.entryForm eo-form-input.nextAssignee{grid-area:nextAssignee}:host form.entryForm eo-form-input.expiryDatetime{grid-area:expiryDatetime}:host form.entryForm .buttons{grid-area:buttons;display:flex;justify-content:end;margin:0 -2px}:host form.entryForm .buttons button{margin:0 2px}:host form.entryForm .errors{color:var(--color-error)}:host .toolbar{display:flex;justify-content:space-between;align-items:center;padding:calc(var(--app-pane-padding) / 4);border:1px solid var(--panel-divider-color)}:host .toolbar:focus{border-color:var(--color-accent)}:host .toolbar h4{padding:0;margin:0 calc(var(--app-pane-padding) * .75);flex:1;color:var(--color-primary-2)}:host .toolbar button{padding:calc(var(--app-pane-padding) / 4);border-radius:2px}:host .entries .entry{position:relative;transition:background-color .1s ease-in-out;border:1px solid var(--panel-divider-color);display:grid;padding:calc(var(--app-pane-padding) * .75);-moz-column-gap:calc(var(--app-pane-padding) / 2);column-gap:calc(var(--app-pane-padding) / 2);row-gap:calc(var(--app-pane-padding) / 4);grid-template-rows:auto auto;grid-template-columns:auto auto 1fr auto;grid-template-areas:\"handle index content action\" \"handle index content action\";margin-top:1px}:host .entries .entry.disabled{background-color:var(--panel-background-lightgrey);opacity:.85}:host .entries .entry.disabled.current{background-color:var(--panel-background);border-color:var(--color-accent)}:host .entries .entry.disabled .innerAdd:not(.active){opacity:0;pointer-events:none}:host .entries .entry.disabled button,:host .entries .entry.disabled .handle{pointer-events:none;cursor:default;opacity:.5}:host .entries .entry.single .handle,:host .entries .entry.single .index{display:none}:host .entries .entry .innerAdd{position:absolute;top:-12px;left:calc(50% - 12px);border-radius:2px;color:var(--text-color-caption);cursor:pointer;background-color:var(--panel-background);border:1px solid var(--panel-divider-color);width:20px;height:20px}:host .entries .entry .innerAdd.active{background-color:var(--color-accent);border-color:var(--color-accent);color:#fff}:host .entries .entry .index{grid-area:index;display:flex;flex-flow:column;align-items:center;justify-content:center;color:var(--color-accent);padding:0 calc(var(--app-pane-padding) / 4)}:host .entries .entry .handle{grid-area:handle;color:var(--text-color-caption);align-self:center;cursor:n-resize}:host .entries .entry .content{grid-area:content}:host .entries .entry .content ::ng-deep .list-entry .task{word-break:break-all}:host .entries .entry .action{grid-area:action;display:flex;align-items:center}:host .entries .entry .action button{padding:2px}:host .entries .entry .action button eo-icon{width:18px;height:18px}.footer-action{display:flex;justify-content:flex-end;padding:var(--app-pane-padding) 0;background-color:transparent;border-top:none}\n"], dependencies: [{ kind: "directive", type: i1$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$2.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1$2.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i1$2.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { kind: "directive", type: i4.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "component", type: EoIconComponent, selector: "eo-icon", inputs: ["objectType", "iconId", "iconSrc", "badge", "iconTitle"] }, { kind: "directive", type: i1$3.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$3.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: FormInputComponent, selector: "eo-form-input", inputs: ["label", "tag", "description", "skipToggle", "isNull", "invalid", "disabled", "required"], outputs: ["onToggleLabel"] }, { kind: "component", type: StringComponent, selector: "eo-string", inputs: ["autocomplete", "multiselect", "multiline", "readonly", "autofocus", "classification", "situation", "regex", "qname", "size", "minLength", "maxLength"] }, { kind: "directive", type: i4$3.CdkDropList, selector: "[cdkDropList], cdk-drop-list", inputs: ["cdkDropListConnectedTo", "cdkDropListData", "cdkDropListOrientation", "id", "cdkDropListLockAxis", "cdkDropListDisabled", "cdkDropListSortingDisabled", "cdkDropListEnterPredicate", "cdkDropListSortPredicate", "cdkDropListAutoScrollDisabled", "cdkDropListAutoScrollStep"], outputs: ["cdkDropListDropped", "cdkDropListEntered", "cdkDropListExited", "cdkDropListSorted"], exportAs: ["cdkDropList"] }, { kind: "directive", type: i4$3.CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "component", type: SequenceListItemComponent, selector: "eo-sequence-list-item", inputs: ["index", "disableAdd", "addTargetIndex"], outputs: ["changeEntry", "edit", "delete", "insert"] }, { kind: "pipe", type: i4.TranslatePipe, name: "translate" }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.2", ngImport: i0, type: SequenceListComponent, decorators: [{
             type: Component,
             args: [{ selector: 'eo-sequence-list', providers: [
@@ -15294,7 +15294,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.2", ngImpor
                         }
                     ], host: {
                         tabindex: '0'
-                    }, template: "<div class=\"toolbar\" *ngIf=\"!entryForm; else tplEntryForm\">\n  <h4>{{ 'eo.action.signature.signers' | translate }}</h4>\n  <button id=\"add-item\" class=\"add primary\" (click)=\"showEntryForm()\" [disabled]=\"maxSigners\">\n    <eo-icon [iconTitle]=\"('eo.action.signature.add.button.tooltip' | translate)\"\n             [iconSrc]=\"'assets/_default/svg/ic_add.svg'\">\n    </eo-icon>\n  </button>\n</div>\n\n<div class=\"entries\" cdkDropList (cdkDropListDropped)=\"dragDrop($event)\" [cdkDropListData]=\"entries\">\n  <div [ngClass]=\"{ disabled: !!entryForm, single: entries.length === 1 }\" cdkDrag *ngFor=\"let entry of entries; let i = index\">\n    <eo-sequence-list-item [index]=\"i\" (changeEntry)=\"changeEntry($event)\" [disableAdd]=\"maxSigners\">\n      <ng-template #content>\n        <div class=\"signer-list-entry\">\n          <div class=\"signer-name\" title=\"{{entry.name}}\">{{ entry.name }}</div>\n          <div class=\"signer-email\" title=\"{{entry.email}}\">{{ entry.email }}</div>\n          <div class=\"signer-phone\" *ngIf=\"entry.phone\" title=\"{{entry.phone}}\">{{ entry.phone }}</div>\n        </div>\n      </ng-template>\n    </eo-sequence-list-item>\n  </div>\n</div>\n\n<ng-template #tplEntryForm>\n  <form class=\"entryForm\" [formGroup]=\"entryForm\" (ngSubmit)=\"addSigner()\">\n    <div class=\"form-body\">\n      <eo-form-input\n        class=\"name\"\n        [invalid]=\"entryForm.get('name').dirty && entryForm.get('name').invalid\"\n        [skipToggle]=\"true\"\n        [label]=\"'eo.action.signature.yuvsigners.yuvsignername' | translate\"\n        [required]=\"true\"\n      >\n        <eo-string maxLength=\"100\" [qname]=\"'yuvsigning.yuvsigners.yuvsignername'\" [autocomplete]=\"true\" [autofocus]=\"true\" formControlName=\"name\"></eo-string>\n      </eo-form-input>\n\n      <eo-form-input\n        class=\"task\"\n        [invalid]=\"entryForm.get('email').dirty && entryForm.get('email').invalid\"\n        [skipToggle]=\"true\"\n        [label]=\"'eo.action.signature.yuvsigners.yuvsigneremail' | translate\"\n        [required]=\"true\"\n      >\n        <eo-string maxLength=\"100\" [qname]=\"'yuvsigning.yuvsigners.yuvsigneremail'\" [autocomplete]=\"true\" formControlName=\"email\"></eo-string>\n      </eo-form-input>\n      <small class=\"errors\" *ngIf=\"entryForm.get('email').hasError('email')\" translate>eo.form.property.string.error.classification.email</small>\n      <eo-form-input\n        class=\"task\"\n        *ngIf=\"phoneRequired\"\n        [invalid]=\"entryForm.get('phone').dirty && entryForm.get('phone').invalid\"\n        [skipToggle]=\"true\"\n        [label]=\"'eo.action.signature.yuvsigners.yuvsignerphone' | translate\"\n        [required]=\"true\"\n      >\n        <eo-string maxLength=\"100\" [qname]=\"'yuvsigning.yuvsigners.yuvsignerphone'\" formControlName=\"phone\"> </eo-string>\n      </eo-form-input>\n    </div>\n    <footer class=\"footer-action\">\n      <button class=\"secondary\" type=\"button\" (click)=\"cancel()\" translate>eo.action.signature.cancel</button>\n      <ng-container [ngSwitch]=\"mode\">\n        <button *ngSwitchCase=\"'edit'\" class=\"primary\" [disabled]=\"entryForm.invalid || entryForm.pristine\" type=\"submit\" translate>eo.action.signature.editSigner</button>\n        <button *ngSwitchDefault class=\"primary\" [disabled]=\"entryForm.invalid\" type=\"submit\" translate>eo.action.signature.addSigner</button>\n      </ng-container>\n    </footer>\n  </form>\n</ng-template>\n", styles: [":host{display:block;border:1px solid var(--panel-divider-color);padding:1px;background-color:var(--panel-background)}:host:focus{border-color:var(--color-accent)}:host.ng-invalid{border-color:var(--color-error)}:host.dense form.entryForm{display:flex;flex-flow:column}:host form.entryForm{display:grid;grid-template-rows:auto auto auto auto;grid-template-columns:1fr;padding:calc(var(--app-pane-padding) / 2);gap:calc(var(--app-pane-padding) / 2);grid-template-areas:\"title\" \"task\" \"nextAssignee\" \"expiryDatetime\" \"buttons\";border:1px solid var(--panel-divider-color)}:host form.entryForm eo-form-input.task{grid-area:task}:host form.entryForm eo-form-input.nextAssignee{grid-area:nextAssignee}:host form.entryForm eo-form-input.expiryDatetime{grid-area:expiryDatetime}:host form.entryForm .buttons{grid-area:buttons;display:flex;justify-content:end;margin:0 -2px}:host form.entryForm .buttons button{margin:0 2px}:host form.entryForm .errors{color:var(--color-error)}:host .toolbar{display:flex;justify-content:space-between;align-items:center;padding:calc(var(--app-pane-padding) / 4);border:1px solid var(--panel-divider-color)}:host .toolbar:focus{border-color:var(--color-accent)}:host .toolbar h4{padding:0;margin:0 calc(var(--app-pane-padding) * .75);flex:1;color:var(--color-primary-2)}:host .toolbar button{padding:calc(var(--app-pane-padding) / 4);border-radius:2px}:host .entries .entry{position:relative;transition:background-color .1s ease-in-out;border:1px solid var(--panel-divider-color);display:grid;padding:calc(var(--app-pane-padding) * .75);-moz-column-gap:calc(var(--app-pane-padding) / 2);column-gap:calc(var(--app-pane-padding) / 2);row-gap:calc(var(--app-pane-padding) / 4);grid-template-rows:auto auto;grid-template-columns:auto auto 1fr auto;grid-template-areas:\"handle index content action\" \"handle index content action\";margin-top:1px}:host .entries .entry.disabled{background-color:var(--panel-background-lightgrey);opacity:.85}:host .entries .entry.disabled.current{background-color:var(--panel-background);border-color:var(--color-accent)}:host .entries .entry.disabled .innerAdd:not(.active){opacity:0;pointer-events:none}:host .entries .entry.disabled button,:host .entries .entry.disabled .handle{pointer-events:none;cursor:default;opacity:.5}:host .entries .entry.single .handle,:host .entries .entry.single .index{display:none}:host .entries .entry .innerAdd{position:absolute;top:-12px;left:calc(50% - 12px);border-radius:2px;color:var(--text-color-caption);cursor:pointer;background-color:var(--panel-background);border:1px solid var(--panel-divider-color);width:20px;height:20px}:host .entries .entry .innerAdd.active{background-color:var(--color-accent);border-color:var(--color-accent);color:#fff}:host .entries .entry .index{grid-area:index;display:flex;flex-flow:column;align-items:center;justify-content:center;color:var(--color-accent);padding:0 calc(var(--app-pane-padding) / 4)}:host .entries .entry .handle{grid-area:handle;color:var(--text-color-caption);align-self:center;cursor:n-resize}:host .entries .entry .content{grid-area:content}:host .entries .entry .content ::ng-deep .list-entry .task{word-break:break-all}:host .entries .entry .action{grid-area:action;display:flex;align-items:center}:host .entries .entry .action button{padding:2px}:host .entries .entry .action button eo-icon{width:18px;height:18px}.footer-action{display:flex;justify-content:flex-end;padding:var(--app-pane-padding) 0;background-color:transparent;border-top:none}\n"] }]
+                    }, template: "<div class=\"toolbar\" *ngIf=\"!entryForm; else tplEntryForm\">\n  <h4>{{ 'eo.action.signature.signers' | translate }}</h4>\n  <button id=\"add-item\" class=\"add primary\" (click)=\"showEntryForm()\" [disabled]=\"maxSigners\">\n    <eo-icon [iconTitle]=\"('eo.action.signature.add.button.tooltip' | translate)\"\n             [iconSrc]=\"'assets/_default/svg/ic_add.svg'\">\n    </eo-icon>\n  </button>\n</div>\n\n<div class=\"entries\" cdkDropList (cdkDropListDropped)=\"dragDrop($event)\" [cdkDropListData]=\"entries\">\n  <div [ngClass]=\"{ disabled: !!entryForm, single: entries.length === 1 }\" cdkDrag *ngFor=\"let entry of entries; let i = index\">\n    <eo-sequence-list-item [index]=\"i\" (changeEntry)=\"changeEntry($event)\" [disableAdd]=\"maxSigners\">\n      <ng-template #content>\n        <div class=\"signer-list-entry\">\n          <div class=\"signer-name\" title=\"{{entry.name}}\">{{ entry.name }}</div>\n          <div class=\"signer-email\" title=\"{{entry.email}}\">{{ entry.email }}</div>\n          <div class=\"signer-phone\" *ngIf=\"entry.phone\" title=\"{{entry.phone}}\">{{ entry.phone }}</div>\n        </div>\n      </ng-template>\n    </eo-sequence-list-item>\n  </div>\n</div>\n\n<ng-template #tplEntryForm>\n  <form class=\"entryForm\" [formGroup]=\"entryForm\" (ngSubmit)=\"addSigner()\">\n    <div class=\"form-body\">\n      <eo-form-input\n        class=\"name\"\n        [invalid]=\"entryForm.get('name').dirty && entryForm.get('name').invalid\"\n        [skipToggle]=\"true\"\n        [label]=\"'eo.action.signature.yuvsigners.yuvsignername' | translate\"\n        [required]=\"true\"\n      >\n        <eo-string maxLength=\"100\" [qname]=\"'yuvsigning.yuvsigners.yuvsignername'\" [autocomplete]=\"true\" [autofocus]=\"true\" formControlName=\"name\"></eo-string>\n      </eo-form-input>\n      <small class=\"errors\" *ngIf=\"entryForm.get('name').hasError('maxlength')\" [translateParams]=\"{maxlength: 100}\"\n             translate>eo.form.property.maxlength</small>\n      <eo-form-input\n        class=\"task\"\n        [invalid]=\"entryForm.get('email').dirty && entryForm.get('email').invalid\"\n        [skipToggle]=\"true\"\n        [label]=\"'eo.action.signature.yuvsigners.yuvsigneremail' | translate\"\n        [required]=\"true\"\n      >\n        <eo-string maxLength=\"100\" [qname]=\"'yuvsigning.yuvsigners.yuvsigneremail'\" [autocomplete]=\"true\" formControlName=\"email\"></eo-string>\n      </eo-form-input>\n      <small class=\"errors\" *ngIf=\"entryForm.get('email').hasError('email')\" translate>eo.form.property.string.error.classification.email</small>\n      <small class=\"errors\" *ngIf=\"!entryForm.get('email').hasError('email') && entryForm.get('email').hasError('maxlength')\"\n             [translateParams]=\"{maxlength: 100}\" translate>eo.form.property.maxlength</small>\n      <eo-form-input\n        class=\"task\"\n        *ngIf=\"phoneRequired\"\n        [invalid]=\"entryForm.get('phone').dirty && entryForm.get('phone').invalid\"\n        [skipToggle]=\"true\"\n        [label]=\"'eo.action.signature.yuvsigners.yuvsignerphone' | translate\"\n        [required]=\"true\"\n      >\n        <eo-string maxLength=\"100\" [qname]=\"'yuvsigning.yuvsigners.yuvsignerphone'\" formControlName=\"phone\"> </eo-string>\n        <small class=\"errors\" *ngIf=\"entryForm.get('phone').hasError('maxlength')\" [translateParams]=\"{maxlength: 100}\"\n               translate>eo.form.property.maxlength</small>\n      </eo-form-input>\n    </div>\n    <footer class=\"footer-action\">\n      <button class=\"secondary\" type=\"button\" (click)=\"cancel()\" translate>eo.action.signature.cancel</button>\n      <ng-container [ngSwitch]=\"mode\">\n        <button *ngSwitchCase=\"'edit'\" class=\"primary\" [disabled]=\"entryForm.invalid || entryForm.pristine\" type=\"submit\" translate>eo.action.signature.editSigner</button>\n        <button *ngSwitchDefault class=\"primary\" [disabled]=\"entryForm.invalid\" type=\"submit\" translate>eo.action.signature.addSigner</button>\n      </ng-container>\n    </footer>\n  </form>\n</ng-template>\n", styles: [":host{display:block;border:1px solid var(--panel-divider-color);padding:1px;background-color:var(--panel-background)}:host:focus{border-color:var(--color-accent)}:host.ng-invalid{border-color:var(--color-error)}:host.dense form.entryForm{display:flex;flex-flow:column}:host form.entryForm{display:grid;grid-template-rows:auto auto auto auto;grid-template-columns:1fr;padding:calc(var(--app-pane-padding) / 2);gap:calc(var(--app-pane-padding) / 2);grid-template-areas:\"title\" \"task\" \"nextAssignee\" \"expiryDatetime\" \"buttons\";border:1px solid var(--panel-divider-color)}:host form.entryForm eo-form-input.task{grid-area:task}:host form.entryForm eo-form-input.nextAssignee{grid-area:nextAssignee}:host form.entryForm eo-form-input.expiryDatetime{grid-area:expiryDatetime}:host form.entryForm .buttons{grid-area:buttons;display:flex;justify-content:end;margin:0 -2px}:host form.entryForm .buttons button{margin:0 2px}:host form.entryForm .errors{color:var(--color-error)}:host .toolbar{display:flex;justify-content:space-between;align-items:center;padding:calc(var(--app-pane-padding) / 4);border:1px solid var(--panel-divider-color)}:host .toolbar:focus{border-color:var(--color-accent)}:host .toolbar h4{padding:0;margin:0 calc(var(--app-pane-padding) * .75);flex:1;color:var(--color-primary-2)}:host .toolbar button{padding:calc(var(--app-pane-padding) / 4);border-radius:2px}:host .entries .entry{position:relative;transition:background-color .1s ease-in-out;border:1px solid var(--panel-divider-color);display:grid;padding:calc(var(--app-pane-padding) * .75);-moz-column-gap:calc(var(--app-pane-padding) / 2);column-gap:calc(var(--app-pane-padding) / 2);row-gap:calc(var(--app-pane-padding) / 4);grid-template-rows:auto auto;grid-template-columns:auto auto 1fr auto;grid-template-areas:\"handle index content action\" \"handle index content action\";margin-top:1px}:host .entries .entry.disabled{background-color:var(--panel-background-lightgrey);opacity:.85}:host .entries .entry.disabled.current{background-color:var(--panel-background);border-color:var(--color-accent)}:host .entries .entry.disabled .innerAdd:not(.active){opacity:0;pointer-events:none}:host .entries .entry.disabled button,:host .entries .entry.disabled .handle{pointer-events:none;cursor:default;opacity:.5}:host .entries .entry.single .handle,:host .entries .entry.single .index{display:none}:host .entries .entry .innerAdd{position:absolute;top:-12px;left:calc(50% - 12px);border-radius:2px;color:var(--text-color-caption);cursor:pointer;background-color:var(--panel-background);border:1px solid var(--panel-divider-color);width:20px;height:20px}:host .entries .entry .innerAdd.active{background-color:var(--color-accent);border-color:var(--color-accent);color:#fff}:host .entries .entry .index{grid-area:index;display:flex;flex-flow:column;align-items:center;justify-content:center;color:var(--color-accent);padding:0 calc(var(--app-pane-padding) / 4)}:host .entries .entry .handle{grid-area:handle;color:var(--text-color-caption);align-self:center;cursor:n-resize}:host .entries .entry .content{grid-area:content}:host .entries .entry .content ::ng-deep .list-entry .task{word-break:break-all}:host .entries .entry .action{grid-area:action;display:flex;align-items:center}:host .entries .entry .action button{padding:2px}:host .entries .entry .action button eo-icon{width:18px;height:18px}.footer-action{display:flex;justify-content:flex-end;padding:var(--app-pane-padding) 0;background-color:transparent;border-top:none}\n"] }]
         }], ctorParameters: function () { return [{ type: undefined, decorators: [{
                     type: Attribute,
                     args: ['form-open']
@@ -22520,10 +22520,10 @@ class AboutStateComponent {
         this.backend = backend;
         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": "15.2.2", "license": "MIT" }, { "name": "@angular/cdk", "version": "15.2.2", "license": "MIT" }, { "name": "@angular/common", "version": "15.2.2", "license": "MIT" }, { "name": "@angular/compiler", "version": "15.2.2", "license": "MIT" }, { "name": "@angular/core", "version": "15.2.2", "license": "MIT" }, { "name": "@angular/forms", "version": "15.2.2", "license": "MIT" }, { "name": "@angular/platform-browser", "version": "15.2.2", "license": "MIT" }, { "name": "@angular/platform-browser-dynamic", "version": "15.2.2", "license": "MIT" }, { "name": "@angular/router", "version": "15.2.2", "license": "MIT" }, { "name": "@carbon/charts-angular", "version": "1.8.1", "license": "Apache-2.0" }, { "name": "@eo-sdk/core", "version": "10.6.4", "license": "MIT" }, { "name": "@ngneat/until-destroy", "version": "10.0.0", "license": "MIT" }, { "name": "@ngx-pwa/local-storage", "version": "15.0.0", "license": "MIT" }, { "name": "@ngx-translate/core", "version": "14.0.0", "license": "MIT" }, { "name": "@types/lodash", "version": "4.14.88", "license": "MIT" }, { "name": "@yuuvis/components", "version": "1.0.3", "license": "MIT" }, { "name": "@yuuvis/widget-grid", "version": "1.0.2", "license": "MIT" }, { "name": "core-js", "version": "2.6.12", "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": "moment", "version": "2.29.4", "license": "MIT" }, { "name": "ngx-toastr", "version": "16.0.2", "license": "MIT" }, { "name": "rxjs", "version": "7.5.7", "license": "Apache-2.0" }, { "name": "tslib", "version": "2.6.2", "license": "0BSD" }, { "name": "zone.js", "version": "0.11.8", "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": "15.2.2", "license": "MIT" }, { "name": "@angular/cdk", "version": "15.2.2", "license": "MIT" }, { "name": "@angular/common", "version": "15.2.2", "license": "MIT" }, { "name": "@angular/compiler", "version": "15.2.2", "license": "MIT" }, { "name": "@angular/core", "version": "15.2.2", "license": "MIT" }, { "name": "@angular/forms", "version": "15.2.2", "license": "MIT" }, { "name": "@angular/platform-browser", "version": "15.2.2", "license": "MIT" }, { "name": "@angular/platform-browser-dynamic", "version": "15.2.2", "license": "MIT" }, { "name": "@angular/router", "version": "15.2.2", "license": "MIT" }, { "name": "@carbon/charts-angular", "version": "1.8.1", "license": "Apache-2.0" }, { "name": "@eo-sdk/core", "version": "10.6.5", "license": "MIT" }, { "name": "@ngneat/until-destroy", "version": "10.0.0", "license": "MIT" }, { "name": "@ngx-pwa/local-storage", "version": "15.0.0", "license": "MIT" }, { "name": "@ngx-translate/core", "version": "14.0.0", "license": "MIT" }, { "name": "@types/lodash", "version": "4.14.88", "license": "MIT" }, { "name": "@yuuvis/components", "version": "1.0.3", "license": "MIT" }, { "name": "@yuuvis/widget-grid", "version": "1.0.2", "license": "MIT" }, { "name": "core-js", "version": "2.6.12", "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": "moment", "version": "2.29.4", "license": "MIT" }, { "name": "ngx-toastr", "version": "16.0.2", "license": "MIT" }, { "name": "rxjs", "version": "7.5.7", "license": "Apache-2.0" }, { "name": "tslib", "version": "2.6.2", "license": "0BSD" }, { "name": "zone.js", "version": "0.11.8", "license": "MIT" }];
         this.ctrl = {
             componentName: 'yuuvis® RAD client',
-            componentVersion: '10.6.4',
+            componentVersion: '10.6.5',
             productName: '',
             productVersion: ''
         };
@@ -23198,10 +23198,7 @@ let HitlistSetupComponent = class HitlistSetupComponent {
         };
         this.sortFiledPicker = {
             title: this.translate.instant('eo.workspace.widget.form.sortField'),
-            codesystem: null,
-            value: null,
-            parameter: null,
-            types: null
+            codesystem: null
         };
         this.selectedSavedSearchName = '';
         this.setupForm.valueChanges.pipe(skip(1), untilDestroyed(this)).subscribe((_) => {
@@ -23258,7 +23255,8 @@ let HitlistSetupComponent = class HitlistSetupComponent {
                 entries: definition.elements.map(field => ({
                     id: field.name,
                     defaultrepresentation: field.baseparam ? this.translate.instant('eo.global.baseparam.' + field.name) : field.label,
-                    data: field.name
+                    data: field.hitname,
+                    type: field.type
                 })).sort(Utils.sortValues('defaultrepresentation')),
             };
         });