npm - @eo-sdk/client - Versions diffs - 9.3.0-rc.2 → 9.4.0-rc.2 - Mend

@eo-sdk/client 9.3.0-rc.2 → 9.4.0-rc.2

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.

Files changed (48) hide show

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

@@ -4572,7 +4572,7 @@
     SignatureTabComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'eo-signature-tab',
-                    template: "<ng-container *ngIf=\"dmsObject.data.yuvsigrequester_meta\">\n\n  <section class=\"info\">\n    <div class=\"row\">\n      <div class=\"label\">{{'eo.object.signature-tab.label.date'|translate}}</div>\n      <div class=\"value\" *ngIf=\"dmsObject.data.yuvsigreqdate\">{{dmsObject.data.yuvsigreqdate | localeDate:\n        'eoShortDate'}}</div>\n    </div>\n    <div class=\"row\">\n      <div class=\"label\">{{'eo.object.signature-tab.label.requester'|translate}}</div>\n      <div class=\"value\" *ngIf=\"dmsObject.data.yuvsigrequester_meta.title\">\n        {{dmsObject.data.yuvsigrequester_meta.title}} </div>\n    </div>\n    <div class=\"row\">\n      <div class=\"label\">{{'eo.object.signature-tab.label.subject'|translate}}</div>\n      <div class=\"value\" *ngIf=\"dmsObject.data.yuvsigemailsubject\">{{dmsObject.data.yuvsigemailsubject}}</div>\n    </div>\n    <div class=\"row\">\n      <div class=\"label\">{{'eo.object.signature-tab.label.body'|translate}}</div>\n      <div class=\"value\" *ngIf=\"dmsObject.data.yuvsigemailbody\">{{dmsObject.data.yuvsigemailbody}}</div>\n    </div>\n    <div class=\"row\">\n      <div class=\"label\">{{'eo.object.signature-tab.label.status'|translate}}</div>\n      <div class=\"value\" *ngIf=\"dmsObject.data.yuvsigstatus_meta.label\">\n        {{dmsObject.data.yuvsigstatus_meta.label}}</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\" *ngIf=\"dmsObject.data.yuvsigerror.length\">{{dmsObject.data.yuvsigerror}}</div>\n    </div>\n    <div class=\"row\" *ngIf=\"isUserAdmin()\">\n      <div class=\"label\">{{'eo.object.signature-tab.label.signingPlatform'|translate}}</div>\n      <div class=\"value\" *ngIf=\"dmsObject.data.yuvsigplatform\">{{dmsObject.data.yuvsigplatform}}</div>\n    </div>\n    <div class=\"row\" *ngIf=\"isUserAdmin()\">\n      <div class=\"label\">{{'eo.object.signature-tab.label.signingPlatformId'|translate}}</div>\n      <div class=\"value\" *ngIf=\"dmsObject.data.yuvsigplatformid\">{{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=\"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>",
+                    template: "<ng-container *ngIf=\"dmsObject.data.yuvsigrequester_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\" *ngIf=\"dmsObject.data.yuvsigstatus_meta\">\n        {{dmsObject.data.yuvsigstatus_meta.label}}</div>\n    </div>\n    <div class=\"row\">\n      <div class=\"label\">{{'eo.object.signature-tab.label.signedate'|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.date'|translate}}</div>\n      <div class=\"value\">{{dmsObject.data.yuvsigreqdate | localeDate:'eoShortDate'}}</div>\n    </div>\n    <div class=\"row\">\n      <div class=\"label\">{{'eo.object.signature-tab.label.requester'|translate}}</div>\n      <div class=\"value\" *ngIf=\"dmsObject.data.yuvsigrequester_meta.title\">\n        {{dmsObject.data.yuvsigrequester_meta.title}} </div>\n    </div>\n    <div class=\"row\">\n      <div class=\"label\">{{'eo.object.signature-tab.label.subject'|translate}}</div>\n      <div class=\"value\" *ngIf=\"dmsObject.data.yuvsigemailsubject\">{{dmsObject.data.yuvsigemailsubject}}</div>\n    </div>\n    <div class=\"row\">\n      <div class=\"label\">{{'eo.object.signature-tab.label.body'|translate}}</div>\n      <div class=\"value\" *ngIf=\"dmsObject.data.yuvsigemailbody\">{{dmsObject.data.yuvsigemailbody}}</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\" *ngIf=\"dmsObject.data.yuvsigerror.length\">{{dmsObject.data.yuvsigerror}}</div>\n    </div>\n    <div class=\"row\" *ngIf=\"isUserAdmin()\">\n      <div class=\"label\">{{'eo.object.signature-tab.label.signingPlatform'|translate}}</div>\n      <div class=\"value\" *ngIf=\"dmsObject.data.yuvsigplatform\">{{dmsObject.data.yuvsigplatform}}</div>\n    </div>\n    <div class=\"row\" *ngIf=\"isUserAdmin()\">\n      <div class=\"label\">{{'eo.object.signature-tab.label.signingPlatformId'|translate}}</div>\n      <div class=\"value\" *ngIf=\"dmsObject.data.yuvsigplatformid\">{{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=\"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  {{'eo.object.signature-tab.no-signatures'|translate}}\n</ng-template>\n",
                     styles: [":host{display:block;height:100%;overflow-y:auto;padding:var(--app-pane-padding)}:host .row{display:flex;line-height:1.5em;margin:0 calc(var(--app-pane-padding)/-4) 2px}:host .row .label,:host .row .value{margin:calc(var(--app-pane-padding)/4)}:host .row .label{border-radius:2px;color:var(--color-white);flex-basis:30%;flex-shrink:0;margin:0 calc(var(--app-pane-padding)/4);padding:calc(var(--app-pane-padding)/4);white-space:normal}:host .row .circle,:host .row .label{background-color:var(--color-primary-3);display:inline-block}:host .row .circle{align-self:center;border-radius:50%;color:#fff;height:2em;line-height:1.8em;text-align:center;width:2em}:host .row .signer-container{--signer-border-radius:4px;--signer-icon-color:var(--text-color-hint);--signer-row-gap:calc(var(--app-pane-padding)/2);background-color:var(--panel-background);border-radius:0 var(--signer-border-radius) var(--signer-border-radius) 0;display:flex;margin-bottom:calc(var(--app-pane-padding)/4);padding:calc(var(--app-pane-padding)/2)}:host .row .signer-container .signer{-moz-column-gap:var(--app-pane-padding);column-gap:var(--app-pane-padding);display:grid;grid-template-areas:\"name name\" \"email email\" \"state date\" \"reason reason\";grid-template-columns:1fr auto;grid-template-rows:auto auto auto auto;margin-left:5px}:host .row .signer-container .signed{--signer-icon-color:var(--color-success)}:host .row .signer-container .cancelled,:host .row .signer-container .expired,:host .row .signer-container .revised{--signer-icon-color:var(--color-warning)}:host .row .signer-container .error{--signer-icon-color:var(--color-error)}:host .row .signer-container .date{-ms-grid-column:3;-ms-grid-row:3;align-self:center;color:var(--text-color-caption);grid-area:date;margin-top:var(--signer-row-gap)}:host .row .signer-container .name{-ms-grid-column:1;-ms-grid-column-span:3;-ms-grid-row:1;font-weight:var(--font-weight-bold);grid-area:name}:host .row .signer-container .email{-ms-grid-column:1;-ms-grid-column-span:3;-ms-grid-row:2;grid-area:email}:host .row .signer-container .state{-ms-grid-column:1;-ms-grid-row:3;grid-area:state;margin-top:var(--signer-row-gap)}:host .row .signer-container .state span{background-color:var(--signer-icon-color);border-radius:4px;color:#fff;display:inline-block;padding:2px 4px 1px}:host .row .signer-container .reason{-ms-grid-column:1;-ms-grid-column-span:3;-ms-grid-row:4;grid-area:reason;margin-top:var(--signer-row-gap)}"]
                 },] }
     ];
@@ -6227,6 +6227,7 @@
             this.selectionKey = ' '; // default is Space
             // the nodes that are selected. In case of `multiselect` set to true, this will be an
             this.expandedNodesChanged = new i0.EventEmitter();
+            this.onSelected = new i0.EventEmitter();
             this.propagateChange = function (_) {
             };
         }
@@ -6323,6 +6324,7 @@
         TreeComponent.prototype.onNodeSelected = function (node) {
             // if the selected node isn't allowed to be selected, we'll instead try to
             // toggle expanded flag for parent nodes
+            this.onSelected.emit(node);
             this.updateFocus(node, this.focusedNode);
             if (!node.selectable) {
                 this.toggleExpanded(node);
@@ -6368,7 +6370,7 @@
         // Recursive function walking the tree nodes and setting the nodes `selected` flags
         TreeComponent.prototype.updateTreeNode = function (node, parents) {
             var _this = this;
-            node.selected = !!this.selectedNodes.find(function (n) { return node.id === n.id; });
+            node.selected = !!this.selectedNodes.find(function (n) { var _a; return node.id === n.id || (!n.id && ((_a = node.data) === null || _a === void 0 ? void 0 : _a.value) === n.value); });
             node.expanded = this._expandedNodes.length ? !!this._expandedNodes.find(function (id) { return id === node.id; }) : node.expanded;
             node.highlighted = !!this._highlightedNodes.find(function (id) { return id === node.id; });
             node.focused = this.focusedNode && this.focusedNode.id === node.id ? this.focusedNode.focused : false;
@@ -6456,6 +6458,7 @@
         readonly: [{ type: i0.Input }],
         selectionKey: [{ type: i0.Input }],
         expandedNodesChanged: [{ type: i0.Output }],
+        onSelected: [{ type: i0.Output }],
         highlightedNodes: [{ type: i0.Input, args: ['highlightedNodes',] }],
         treeInput: [{ type: i0.Input, args: ['tree',] }],
         treeUpdate: [{ type: i0.Input, args: ['treeUpdate',] }],
@@ -11785,7 +11788,7 @@
     FormElementTableComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'eo-table',
-                    template: "<div class=\"object-form-table\" [ngClass]=\"{medium: _params.size === 'medium', large: _params.size === 'large'}\">\n  <div class=\"label\">\n    <span>{{_params.element.label}}</span>\n    <ng-container *ngIf=\"_params.situation !== 'SEARCH'\">\n\n      <eo-icon class=\"stf\" [iconSrc]=\"'assets/_default/svg/ic_expand.svg'\" [iconTitle]=\"('eo.form.table.options.btn.open'| translate)\" (click)=\"openDialog()\"></eo-icon>\n      <eo-icon class=\"stf\" [iconSrc]=\"'assets/_default/svg/ic_size_to_fit.svg'\" [iconTitle]=\"('eo.form.table.options.btn.fit'| translate)\" (click)=\"sizeToFit()\"></eo-icon>\n      <eo-icon class=\"stf\" *ngIf=\"gridOptions.rowData.length\" [iconSrc]=\"'assets/_default/svg/ic_content-download.svg'\" [iconTitle]=\"('eo.form.table.options.btn.csv'| translate)\" (click)=\"exportCSV()\"></eo-icon>\n      <eo-icon class=\"stf add-row\" *ngIf=\"!_params.element.readonly\" [iconSrc]=\"'assets/_default/svg/ic_add.svg'\" [iconTitle]=\"('eo.form.table.options.btn.add'| translate)\" (click)=\"addRow()\"></eo-icon>\n\n    </ng-container>\n  </div>\n  <div class=\"grid-body size-{{ params.size }}\">\n    <ag-grid-angular #agGrid *ngIf=\"gridReady\" class=\"ag-theme-balham\" [modules]=\"modules\"\n                     [gridOptions]=\"gridOptions\"\n                     (rowDoubleClicked)=\"editRow($event)\"\n                     (cellClicked)=\"onCellClicked($event)\"\n                     (sortChanged)=\"onSortChanged()\"\n                     (cellValueChanged)=\"onEditComplete($event)\"\n                     (columnResized)=\"onColumnResized($event.column)\">\n    </ag-grid-angular>\n  </div>\n</div>\n\n\n<eo-dialog\n[title]=\"params.element.label\"\n[visible]=\"showDialog\"\n[dirtyCheck]=\"rowEdit?.pendingTaskId\"\n[minWidth]=\"_params.situation !== 'SEARCH' ? '97vw' : 200\"\n[styleClass]=\"'object-form-table-dialog'\"\n(hide)=\"onClose()\"\n[isFormTable]=\"true\"\n[hasPreviewFile]=\"!!params.object?.content\"\n[showPreview]=\"showPreview\"\n(onTogglePreview)=\"togglePreview()\">\n\n  <div class=\"body\">\n\n      <eo-split [gutterSize]=\"16\" [switchable]=\"true\" [cacheLayout]=\"'table.state'\">\n\n        <eo-split-area *ngIf=\"_params.situation !== 'SEARCH'\" class=\"table-area\" [size]=\"40\" [minSizePixel]=\"100\" [order]=\"1\">\n          <div class=\"table-body\">\n            <div class=\"object-form-table\">\n              <div class=\"label\">\n                <span></span>\n                <ng-container>\n                  <eo-icon class=\"stf\" [iconSrc]=\"'assets/_default/svg/ic_size_to_fit.svg'\" [iconTitle]=\"('eo.form.table.options.btn.fit'| translate)\" (click)=\"sizeToFit(true)\"></eo-icon>\n                  <eo-icon class=\"stf\" *ngIf=\"gridOptions.rowData.length\" [iconSrc]=\"'assets/_default/svg/ic_content-download.svg'\" [iconTitle]=\"('eo.form.table.options.btn.csv'| translate)\" (click)=\"exportCSV()\"></eo-icon>\n                  <eo-icon class=\"stf add-row\" *ngIf=\"!_params.element.readonly\" [iconSrc]=\"'assets/_default/svg/ic_add.svg'\" [iconTitle]=\"('eo.form.table.options.btn.add'| translate)\" (click)=\"addRow()\"></eo-icon>\n                </ng-container>\n              </div>\n              <div class=\"grid-body\">\n                <ag-grid-angular #agGrid2 *ngIf=\"gridReady\" class=\"ag-theme-balham\" [modules]=\"modules\"\n                                [gridOptions]=\"overlayGridOptions\"\n                                (cellClicked)=\"onCellClicked($event);editRow($event)\"\n                                (mousedown)=\"onMouseDown($event)\"\n                                (sortChanged)=\"onSortChanged()\"\n                                 (cellValueChanged)=\"onEditComplete($event)\"\n                                 (columnResized)=\"onColumnResized($event.column, true)\">\n                </ag-grid-angular>\n              </div>\n            </div>\n          </div>\n        </eo-split-area>\n\n        <eo-split-area [size]=\"20\" [minSizePixel]=\"300\" *ngIf=\"editingRow\" [order]=\"2\">\n          <div class=\"edit-body\">\n            <eo-row-edit [row]=\"editingRow\" #rowEdit\n                          (onSave)=\"updateRow($event)\"\n                          (onSaveCopy)=\"copyRow($event)\"\n                          (onDelete)=\"deleteRow($event)\"\n                          (onCancel)=\"cancelRowEdit()\"></eo-row-edit>\n          </div>\n        </eo-split-area>\n\n        <eo-split-area [visible]=\"showPreview && !!params.object?.content\" [size]=\"40\" [minSizePixel]=\"150\" [order]=\"3\">\n          <eo-media *ngIf=\"!!params.object?.content\" [dmsObject]=\"params.object\" [undockDisabled]=\"true\"\n                    [useVersion]=\"params.object?.id === params.object?.content?.id\"></eo-media>\n        </eo-split-area>\n      </eo-split>\n  </div>\n</eo-dialog>\n\n",
+                    template: "<div class=\"object-form-table\" [ngClass]=\"{medium: _params.size === 'medium', large: _params.size === 'large'}\">\n  <div class=\"label\">\n    <span>{{_params.element.label}}</span>\n    <ng-container *ngIf=\"_params.situation !== 'SEARCH'\">\n\n      <eo-icon class=\"stf\" [iconSrc]=\"'assets/_default/svg/ic_expand.svg'\" [iconTitle]=\"('eo.form.table.options.btn.open'| translate)\" (click)=\"openDialog()\"></eo-icon>\n      <eo-icon class=\"stf\" [iconSrc]=\"'assets/_default/svg/ic_size_to_fit.svg'\" [iconTitle]=\"('eo.form.table.options.btn.fit'| translate)\" (click)=\"sizeToFit()\"></eo-icon>\n      <eo-icon class=\"stf\" *ngIf=\"gridOptions.rowData.length\" [iconSrc]=\"'assets/_default/svg/ic_content-download.svg'\" [iconTitle]=\"('eo.form.table.options.btn.csv'| translate)\" (click)=\"exportCSV()\"></eo-icon>\n      <eo-icon class=\"stf add-row\" *ngIf=\"!_params.element.readonly\" [iconSrc]=\"'assets/_default/svg/ic_add.svg'\" [iconTitle]=\"('eo.form.table.options.btn.add'| translate)\" (click)=\"addRow()\"></eo-icon>\n\n    </ng-container>\n  </div>\n  <div class=\"grid-body size-{{ params.size }}\">\n    <ag-grid-angular #agGrid *ngIf=\"gridReady\" class=\"ag-theme-balham\" [modules]=\"modules\"\n                     [gridOptions]=\"gridOptions\"\n                     (rowDoubleClicked)=\"editRow($event)\"\n                     (cellClicked)=\"onCellClicked($event)\"\n                     (sortChanged)=\"onSortChanged()\"\n                     (cellValueChanged)=\"onEditComplete($event)\"\n                     (columnResized)=\"onColumnResized($event.column)\">\n    </ag-grid-angular>\n  </div>\n</div>\n\n\n<eo-dialog\n[title]=\"params.element.label\"\n[visible]=\"showDialog\"\n[dirtyCheck]=\"rowEdit?.pendingTaskId\"\n[minWidth]=\"_params.situation !== 'SEARCH' ? '97vw' : 200\"\n[styleClass]=\"'object-form-table-dialog'\"\n(hide)=\"onClose()\"\n[isFormTable]=\"true\"\n[hasPreviewFile]=\"!!params.object?.content\"\n[showPreview]=\"showPreview\"\n(onTogglePreview)=\"togglePreview()\">\n\n  <div class=\"body\">\n\n      <eo-split [gutterSize]=\"16\" [switchable]=\"true\" [cacheLayout]=\"'table.state'\">\n\n        <eo-split-area *ngIf=\"_params.situation !== 'SEARCH'\" class=\"table-area\" [size]=\"40\" [minSizePixel]=\"100\" [order]=\"1\">\n          <div class=\"table-body\">\n            <div class=\"object-form-table\">\n              <div class=\"label\">\n                <span></span>\n                <ng-container>\n                  <eo-icon class=\"stf\" [iconSrc]=\"'assets/_default/svg/ic_size_to_fit.svg'\" [iconTitle]=\"('eo.form.table.options.btn.fit'| translate)\" (click)=\"sizeToFit(true)\"></eo-icon>\n                  <eo-icon class=\"stf\" *ngIf=\"gridOptions.rowData.length\" [iconSrc]=\"'assets/_default/svg/ic_content-download.svg'\" [iconTitle]=\"('eo.form.table.options.btn.csv'| translate)\" (click)=\"exportCSV()\"></eo-icon>\n                  <eo-icon class=\"stf add-row\" *ngIf=\"!_params.element.readonly\" [iconSrc]=\"'assets/_default/svg/ic_add.svg'\" [iconTitle]=\"('eo.form.table.options.btn.add'| translate)\" (click)=\"addRow()\"></eo-icon>\n                </ng-container>\n              </div>\n              <div class=\"grid-body\">\n                <ag-grid-angular #agGrid2 *ngIf=\"gridReady\" class=\"ag-theme-balham\" [modules]=\"modules\"\n                                [gridOptions]=\"overlayGridOptions\"\n                                (cellClicked)=\"onCellClicked($event);editRow($event)\"\n                                (mousedown)=\"onMouseDown($event)\"\n                                (sortChanged)=\"onSortChanged()\"\n                                 (cellValueChanged)=\"onEditComplete($event)\"\n                                 (columnResized)=\"onColumnResized($event.column, true)\">\n                </ag-grid-angular>\n              </div>\n            </div>\n          </div>\n        </eo-split-area>\n\n        <eo-split-area [size]=\"20\" [minSizePixel]=\"300\" *ngIf=\"editingRow\" [order]=\"2\">\n          <div class=\"edit-body\">\n            <eo-row-edit [row]=\"editingRow\" [limitReached]=\"limit <= overlayGridOptions.rowData.length\" #rowEdit\n                          (onSave)=\"updateRow($event)\"\n                          (onSaveCopy)=\"copyRow($event)\"\n                          (onDelete)=\"deleteRow($event)\"\n                          (onCancel)=\"cancelRowEdit()\"></eo-row-edit>\n          </div>\n        </eo-split-area>\n\n        <eo-split-area [visible]=\"showPreview && !!params.object?.content\" [size]=\"40\" [minSizePixel]=\"150\" [order]=\"3\">\n          <eo-media *ngIf=\"!!params.object?.content\" [dmsObject]=\"params.object\" [undockDisabled]=\"true\"\n                    [useVersion]=\"params.object?.id === params.object?.content?.id\"></eo-media>\n        </eo-split-area>\n      </eo-split>\n  </div>\n</eo-dialog>\n\n",
                     providers: [
                         {
                             provide: forms.NG_VALUE_ACCESSOR,
@@ -11811,6 +11814,7 @@
     ]; };
     FormElementTableComponent.propDecorators = {
         rowEdit: [{ type: i0.ViewChild, args: ['rowEdit',] }],
+        limit: [{ type: i0.Input }],
         params: [{ type: i0.Input }],
         copyCellHandler: [{ type: i0.HostListener, args: ['keydown.control.alt.shift.c', ['$event'],] }, { type: i0.HostListener, args: ['keydown.control.shift.c', ['$event'],] }, { type: i0.HostListener, args: ['keydown.control.alt.c', ['$event'],] }, { type: i0.HostListener, args: ['keydown.control.c', ['$event'],] }]
     };
@@ -11953,7 +11957,7 @@
     RowEditComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'eo-row-edit',
-                    template: "<div class=\"row-edit\">\n  <div class=\"edit-header\" *ngIf=\"!queryEnabled\">\n    <div class=\"new-indicator\" *ngIf=\"isNewRow\" translate>eo.form.table.options.indicator.new</div>\n    <div></div>\n    <eo-icon [iconSrc]=\"'assets/_default/svg/ic_clear.svg'\" (click)=\"cancel()\" class=\"button cancel-icon\" [iconTitle]=\"('eo.form.table.options.btn.cancel' | translate)\"></eo-icon>\n  </div>\n\n  <div class=\"form\">\n    <eo-object-form [formOptions]=\"_row.formOptions\" #rowForm\n                    [isInnerTableForm]=\"true\"\n                    (onFormReady)=\"onFormReady()\"\n                    (statusChanged)=\"onFormStatusChanged($event)\">\n    </eo-object-form>\n  </div>\n\n  <div class=\"actions\">\n    <eo-checkbox *ngIf=\"isNewRow\" title=\"{{'eo.form.table.options.checkbox.new.title' | translate}}\" [formControl]=\"createNewCheckbox\"></eo-checkbox>\n    <span *ngIf=\"isNewRow\" class=\"add-label\" translate>eo.form.table.options.checkbox.new</span>\n    <button type=\"button\" *ngIf=\"deleteEnabled && !isNewRow && !_row.formOptions.disabled && !queryEnabled\" (click)=\"showDeleteDialog = true;\"\n            title=\"{{'eo.form.table.options.btn.delete' | translate}}\">\n      <eo-icon [iconSrc]=\"'assets/_default/svg/ic_trash.svg'\"></eo-icon>\n    </button>\n    <button type=\"button\" (click)=\"saveCopy()\" class=\"seco\"\n            *ngIf=\"copyEnabled && !isNewRow && !_row.formOptions.disabled\" [disabled]=\"saving || formState.invalid\"\n            translate>eo.form.table.options.btn.copy</button>\n    <button type=\"button\" (click)=\"save()\" class=\"primary\"\n            *ngIf=\"saveEnabled && !_row.formOptions.disabled\" [disabled]=\"saving || formState.invalid || (!formState.dirty && !isNewRow)\"\n            >{{ 'eo.form.table.options.btn.save' + (isNewRow ? '.new' : '') | translate}}</button>\n    <!-- query button for SEARCH situation -->\n    <button type=\"button\" (click)=\"save()\" class=\"primary\"\n            *ngIf=\"queryEnabled\" [disabled]=\"formState.invalid || !formState.indexdataChanged\"\n            translate>eo.form.table.options.btn.save</button>\n  </div>\n\n</div>\n\n<eo-dialog [title]=\"('eo.form.table.options.confirm.delete' | translate)\" [(visible)]=\"showDeleteDialog\" [minWidth]=\"400\">\n  <div class=\"action-buttons flex-row\" style=\"padding: 8px;\">\n    <button type=\"button\" class=\"button cancel\" (click)=\"showDeleteDialog = false\"\n      translate>eo.form.table.options.btn.cancel</button>\n    <button type=\"button\" #confirmDelete (click)=\"delete()\" class=\"button primary\"\n      translate>eo.form.table.options.btn.ok</button>\n  </div>\n</eo-dialog>\n",
+                    template: "<div class=\"row-edit\">\n  <div class=\"edit-header\" *ngIf=\"!queryEnabled\">\n    <div class=\"new-indicator\" *ngIf=\"isNewRow\" translate>eo.form.table.options.indicator.new</div>\n    <div></div>\n    <eo-icon [iconSrc]=\"'assets/_default/svg/ic_clear.svg'\" (click)=\"cancel()\" class=\"button cancel-icon\" [iconTitle]=\"('eo.form.table.options.btn.cancel' | translate)\"></eo-icon>\n  </div>\n\n  <div class=\"form\">\n    <eo-object-form [formOptions]=\"_row.formOptions\" #rowForm\n                    [isInnerTableForm]=\"true\"\n                    (onFormReady)=\"onFormReady()\"\n                    (statusChanged)=\"onFormStatusChanged($event)\">\n    </eo-object-form>\n  </div>\n\n  <div class=\"actions\">\n    <eo-checkbox *ngIf=\"isNewRow\" title=\"{{'eo.form.table.options.checkbox.new.title' | translate}}\" [formControl]=\"createNewCheckbox\"></eo-checkbox>\n    <span *ngIf=\"isNewRow\" class=\"add-label\" translate>eo.form.table.options.checkbox.new</span>\n    <button type=\"button\" *ngIf=\"deleteEnabled && !isNewRow && !_row.formOptions.disabled && !queryEnabled\" (click)=\"showDeleteDialog = true;\"\n            title=\"{{'eo.form.table.options.btn.delete' | translate}}\">\n      <eo-icon [iconSrc]=\"'assets/_default/svg/ic_trash.svg'\"></eo-icon>\n    </button>\n    <button type=\"button\" (click)=\"saveCopy()\" class=\"seco\"\n            *ngIf=\"copyEnabled && !isNewRow && !_row.formOptions.disabled\" [disabled]=\"limitReached || saving || formState.invalid\"\n            translate>eo.form.table.options.btn.copy</button>\n    <button type=\"button\" (click)=\"save()\" class=\"primary\"\n            *ngIf=\"saveEnabled && !_row.formOptions.disabled\" [disabled]=\"(limitReached && isNewRow) || saving || formState.invalid || (!formState.dirty && !isNewRow)\"\n            >{{ 'eo.form.table.options.btn.save' + (isNewRow ? '.new' : '') | translate}}</button>\n    <!-- query button for SEARCH situation -->\n    <button type=\"button\" (click)=\"save()\" class=\"primary\"\n            *ngIf=\"queryEnabled\" [disabled]=\"formState.invalid || !formState.indexdataChanged\"\n            translate>eo.form.table.options.btn.save</button>\n  </div>\n\n</div>\n\n<eo-dialog [title]=\"('eo.form.table.options.confirm.delete' | translate)\" [(visible)]=\"showDeleteDialog\" [minWidth]=\"400\">\n  <div class=\"action-buttons flex-row\" style=\"padding: 8px;\">\n    <button type=\"button\" class=\"button cancel\" (click)=\"showDeleteDialog = false\"\n      translate>eo.form.table.options.btn.cancel</button>\n    <button type=\"button\" #confirmDelete (click)=\"delete()\" class=\"button primary\"\n      translate>eo.form.table.options.btn.ok</button>\n  </div>\n</eo-dialog>\n",
                     encapsulation: i0.ViewEncapsulation.None,
                     styles: [""]
                 },] }
@@ -11965,6 +11969,7 @@
     ]; };
     RowEditComponent.propDecorators = {
         confirmDeleteButton: [{ type: i0.ViewChild, args: ['confirmDelete',] }],
+        limitReached: [{ type: i0.Input }],
         row: [{ type: i0.Input }],
         onCancel: [{ type: i0.Output }],
         onSave: [{ type: i0.Output }],
@@ -15954,7 +15959,7 @@
                         GridModule,
                         MediaModule
                     ],
-                    exports: [ObjectFormComponent, ObjectFormGroupComponent, ObjectFormEditComponent, FormElementComponent],
+                    exports: [ObjectFormComponent, ObjectFormGroupComponent, ObjectFormEditComponent, FormElementComponent, FormElementTableComponent],
                     providers: [ObjectFormHelperService],
                     declarations: [
                         ObjectFormComponent,
@@ -17246,7 +17251,7 @@
     DeleteComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'eo-delete',
-                    template: "<div class=\"eo-delete\" eoTrapFocus>\n\n  <h2 *ngIf=\"!folder && !retentionTime\" translate [translateParams]=\"{item: selection[0].title}\">eo.action.delete.dms.object.confirm.message</h2>\n  <h2 *ngIf=\"folder && !retentionTime\" translate [translateParams]=\"{folder: folder, count: count}\">eo.action.delete.dms.object.confirm.context.folder.title</h2>\n  <h2 *ngIf=\"retentionTime\" translate [translateParams]=\"{retentionTime: retentionTime}\">eo.action.delete.dms.object.error.retention.title</h2>\n\n  <div *ngIf=\"!deleting\">\n    <div class=\"form-buttons\">\n      <button (click)=\"cancel()\" translate>eo.checkout.cancel</button>\n      <button *ngIf=\"!retentionTime\" class=\"primary\" (click)=\"run()\">OK</button>\n    </div>\n  </div>\n\n  <div class=\"spinner-container\" *ngIf=\"deleting\">\n    <eo-loading-spinner></eo-loading-spinner>\n  </div>\n</div>\n\n<eo-dialog [title]=\"'eo.action.delete.dms.dialog.title' | translate\"\n           [(visible)]=\"showForceDeleteDialog\" [focusOnShow]=\"false\" [minWidth]=\"400\" [styleClass]=\"'force-delete__dialog'\">\n\n  <div>{{'eo.action.delete.dms.dialog.message' | translate}}</div>\n\n  <div class=\"action-buttons flex-row\">\n    <button type=\"button\" class=\"button cancel\" (click)=\"showForceDeleteDialog = false\"\n            translate>eo.action.delete.dms.dialog.cancel</button>\n    <button type=\"button\" (click)=\"deleteDmsObject(selection[0], true)\" class=\"button primary\"\n            translate>eo.action.delete.dms.dialog.delete</button>\n  </div>\n</eo-dialog>\n\n\n",
+                    template: "<div class=\"eo-delete\" eoTrapFocus>\n\n  <h2 *ngIf=\"!folder && !retentionTime\" translate [translateParams]=\"{item: selection[0].title}\">eo.action.delete.dms.object.confirm.message</h2>\n  <h2 *ngIf=\"folder && !retentionTime\" translate [translateParams]=\"{folder: folder, count: count}\">eo.action.delete.dms.object.confirm.context.folder.title</h2>\n  <h2 *ngIf=\"retentionTime\" translate [translateParams]=\"{retentionTime: retentionTime}\">eo.action.delete.dms.object.error.retention.title</h2>\n\n  <div *ngIf=\"!deleting\">\n    <div class=\"form-buttons\">\n      <button (click)=\"cancel()\" translate>eo.checkout.cancel</button>\n      <button *ngIf=\"!retentionTime\" class=\"primary\" (click)=\"run()\">OK</button>\n    </div>\n  </div>\n\n  <div class=\"spinner-container\" *ngIf=\"deleting\">\n    <eo-loading-spinner></eo-loading-spinner>\n  </div>\n</div>\n\n<eo-dialog [title]=\"'eo.action.delete.dms.dialog.title' | translate\"\n           [(visible)]=\"showForceDeleteDialog\" [focusOnShow]=\"false\" [minWidth]=\"400\" [styleClass]=\"'force-delete__dialog'\">\n\n  <div>{{'eo.action.delete.dms.dialog.message' | translate}}</div>\n\n  <div class=\"action-buttons flex-row\">\n    <button type=\"button\" class=\"button cancel\" (click)=\"showForceDeleteDialog = false; cancel()\"\n            translate>eo.action.delete.dms.dialog.cancel</button>\n    <button type=\"button\" (click)=\"deleteDmsObject(selection[0], true)\" class=\"button primary\"\n            translate>eo.action.delete.dms.dialog.delete</button>\n  </div>\n</eo-dialog>\n\n\n",
                     styles: [".eo-delete{display:flex;flex-flow:column;justify-content:center;margin:var(--app-pane-padding)}.eo-delete h2{font-size:var(--font-subhead);font-weight:var(--font-weight-light)}.eo-delete .form-buttons{padding:5px 0;text-align:right}.eo-delete .form-buttons button:nth-child(2n):not(:last-child){margin:0 calc(var(--app-pane-padding)/2)}.eo-delete .form-buttons button:nth-child(2n):last-child{margin-left:calc(var(--app-pane-padding)/2);margin-right:0}.eo-delete .spinner-container{align-items:center;display:flex;justify-content:center}::ng-deep .force-delete__dialog{min-height:unset!important;padding:8px}::ng-deep .force-delete__dialog--header{background:#fff!important;color:rgba(var(--color-black-rgb),.54)!important;font-size:1.17em!important;font-weight:400!important;margin:0;padding:0 0 1em!important}"]
                 },] }
     ];
@@ -18444,6 +18449,161 @@
                 },] }
     ];
+    var SignatureComponent = /** @class */ (function () {
+        function SignatureComponent(bpmService, pendingChanges, translate, toaster, signingService, config) {
+            var _this = this;
+            this.bpmService = bpmService;
+            this.pendingChanges = pendingChanges;
+            this.translate = translate;
+            this.toaster = toaster;
+            this.signingService = signingService;
+            this.config = config;
+            this.finished = new i0.EventEmitter();
+            this.canceled = new i0.EventEmitter();
+            // ID set by pendingChanges service when editing indexdata
+            // Used to finish the pending task when editing is done
+            this.pendingTaskIds = [];
+            this.maxSigners = this.config.getRaw('signers.maxSigners') || 6;
+            this.signingForm = new forms.FormGroup({});
+            this.emailSubject = new forms.FormControl();
+            this.emailBody = new forms.FormControl();
+            this.signers = new forms.FormControl();
+            this.signingForm.addControl('yuvsigemailsubject', this.emailSubject);
+            this.signingForm.addControl('yuvsigemailbody', this.emailBody);
+            this.signingForm.addControl('yuvsigners', this.signers);
+            this.headerTitle = this.translate.instant('eo.action.signature.label');
+            this.headerDescription = this.translate.instant('eo.action.signature.description');
+            this.signingFormListener = this.signingForm.valueChanges.subscribe(function () { return _this.onIndexDataChanged(); });
+        }
+        SignatureComponent.prototype.saveForm = function () {
+            var _this = this;
+            this.processingRequest = true;
+            if (this.signingForm && !this.signingForm.invalid) {
+                var signers = (this.signers.value || []).map(function (value) { return ({
+                    signerName: value.yuvsignername,
+                    signerEmail: value.yuvsigneremail,
+                    signerOrder: value.yuvsignerorder
+                }); });
+                var signingData = {
+                    signingPlatform: 'docusign',
+                    emailSubject: this.emailSubject.value,
+                    emailBody: this.emailBody.value,
+                    signers: signers
+                };
+                this.signingService
+                    .signDocument(this.selection[0].id, signingData)
+                    .subscribe(function () {
+                    _this.processingRequest = false;
+                    _this.toaster.success(_this.translate.instant('eo.action.signature.request.success'));
+                    _this.finish();
+                }, i1.Utils.throw(function (error) {
+                    _this.toaster.error(error);
+                    _this.processingRequest = false;
+                }));
+            }
+        };
+        SignatureComponent.prototype.finish = function () {
+            this.finishPending();
+            this.dialog.visible = false;
+            this.finished.emit();
+        };
+        SignatureComponent.prototype.cancel = function () {
+            this.finishPending();
+            this.dialog.visible = false;
+            this.canceled.emit();
+        };
+        SignatureComponent.prototype.onIndexDataChanged = function () {
+            if (this.signingForm.dirty) {
+                this.startPending();
+            }
+            else {
+                this.finishPending();
+            }
+        };
+        SignatureComponent.prototype.getLocalizedForm = function () {
+            return this.signingService.getLocalizedSigningForm();
+        };
+        SignatureComponent.prototype.startPending = function () {
+            // because this method will be called every time the form status changes,
+            // pending task will only be started once until it was finished
+            if (!this.pendingChanges.hasPendingTask(this.pendingTaskIds[0] || ' ')) {
+                this.pendingTaskIds = [this.pendingChanges.startTask()];
+            }
+        };
+        SignatureComponent.prototype.finishPending = function () {
+            this.pendingChanges.finishTask(this.pendingTaskIds[0]);
+        };
+        SignatureComponent.prototype.ngOnDestroy = function () {
+            this.signingFormListener.unsubscribe();
+        };
+        return SignatureComponent;
+    }());
+    SignatureComponent.decorators = [
+        { type: i0.Component, args: [{
+                    selector: 'eo-signature',
+                    template: "<eo-dialog [title]=\"headerTitle\"\n           [subtitle]=\"headerDescription\"\n           [visible]=\"true\"\n           [dirtyCheck]=\"pendingTaskIds\"\n           [minWidth]=\"600\"\n           [minHeight]=\"600\"\n           [styleClass]=\"'process-form-dialog'\" #dialog>\n\n  <section class=\"signature-form form-container\">\n    <form class=\"signing-form\" [formGroup]=\"signingForm\">\n      <eo-form-input [label]=\"'eo.action.signature.yuvsigning.yuvsigemailsubject' | translate\">\n        <eo-string\n          [formControlName]=\"'yuvsigemailsubject'\"\n          [minLength]=\"3\"\n          [maxLength]=\"100\"\n        ></eo-string>\n      </eo-form-input>\n      <eo-form-input [label]=\"'eo.action.signature.yuvsigning.yuvsigemailbody' | translate\">\n        <eo-string\n          [formControlName]=\"'yuvsigemailbody'\"\n          [multiline]=\"true\"\n          [size]=\"'medium'\"\n          [minLength]=\"3\"\n          [maxLength]=\"4000\"\n        ></eo-string>\n      </eo-form-input>\n      <div class=\"table\">\n        <eo-table [limit]=\"maxSigners\" [params]=\"{\n        situation: '',\n        element: getLocalizedForm(),\n        size: 'small',\n        object: selection[0]\n      }\" [formControlName]=\"'yuvsigners'\"></eo-table>\n      </div>\n    </form>\n\n    <div class=\"actions\">\n      <div *ngIf=\"signingForm?.invalid\" class=\"invalid\" translate>eo.object.indexdata.form.invalid</div>\n      <eo-cta [active]=\"true\" class=\"cta-wrapper\">\n        <button *ngIf=\"signingForm?.dirty\" (click)=\"signingForm.reset()\" class=\"button-reset\" translate>eo.action.signature.reset</button>\n        <button (click)=\"cancel()\" class=\"button-cancel\" translate>eo.action.signature.cancel</button>\n        <button (click)=\"saveForm()\" [disabled]=\"signingForm?.invalid || processingRequest\" class=\"primary\" translate>eo.action.signature.request</button>\n      </eo-cta>\n    </div>\n  </section>\n</eo-dialog>\n",
+                    styles: ["::ng-deep .signature-form{display:flex;flex:1;flex-direction:column;min-height:0;min-width:0}::ng-deep .signature-form .invalid{color:var(--color-error);margin:40px 0 15px}::ng-deep .signature-form .actions{align-items:flex-end;display:flex;flex:0;flex-direction:column;justify-content:center;margin:0 var(--app-pane-padding) var(--app-pane-padding);min-height:0;min-height:3em;min-width:0}::ng-deep .signature-form .actions button{white-space:nowrap}::ng-deep .signature-form .actions eo-cta{display:flex;justify-content:flex-end}::ng-deep .signature-form .actions eo-cta button:nth-child(odd){margin:0 5px}@media (max-width:800px){::ng-deep .signature-form .actions{align-items:flex-end;flex-direction:column}}.signing-form{box-sizing:border-box;margin:calc(var(--app-pane-padding)/4) calc(var(--app-pane-padding)/2)}.signing-form .table .label{padding-bottom:calc(var(--app-pane-padding)/4)}"]
+                },] }
+    ];
+    SignatureComponent.ctorParameters = function () { return [
+        { type: i1.BpmService },
+        { type: PendingChangesService },
+        { type: i1.TranslateService },
+        { type: i1.NotificationsService },
+        { type: i1.SigningService },
+        { type: i1.Config }
+    ]; };
+    SignatureComponent.propDecorators = {
+        dialog: [{ type: i0.ViewChild, args: ['dialog',] }]
+    };
+    var SignatureActionComponent = /** @class */ (function (_super) {
+        __extends(SignatureActionComponent, _super);
+        function SignatureActionComponent(translate, signingService) {
+            var _this = _super.call(this) || this;
+            _this.translate = translate;
+            _this.signingService = signingService;
+            _this.priority = 15;
+            _this.iconSrc = 'assets/_default/svg/ic_signature.svg';
+            _this.group = 'common';
+            _this.range = exports.SelectionRange.SINGLE_SELECT;
+            _this.extComponents = SignatureComponent;
+            _this.label = _this.translate.instant('eo.action.signature.label');
+            _this.description = _this.translate.instant('eo.action.signature.description');
+            return _this;
+        }
+        SignatureActionComponent.prototype.isExecutable = function (element) {
+            return rxjs.of(!this.signingService.signingInProcess(element)
+                && this.isAllowedMimeType(element)
+                && this.isAllowedObjectType(element)
+                && this.hasEditRights(element)
+                && !this.isFinalized(element));
+        };
+        SignatureActionComponent.prototype.isAllowedMimeType = function (item) {
+            return item.content && item.content.contents[0].mimetype === 'application/pdf';
+        };
+        SignatureActionComponent.prototype.isAllowedObjectType = function (item) {
+            return item.type.supertypes.includes('yuvsigning');
+        };
+        SignatureActionComponent.prototype.hasEditRights = function (item) {
+            return item.rights.edit;
+        };
+        SignatureActionComponent.prototype.isFinalized = function (item) {
+            return item.isFinalized;
+        };
+        return SignatureActionComponent;
+    }(DmsObjectTarget));
+    SignatureActionComponent.decorators = [
+        { type: i0.Component, args: [{
+                    selector: 'eo-signature-action',
+                    template: ''
+                },] }
+    ];
+    SignatureActionComponent.ctorParameters = function () { return [
+        { type: i1.TranslateService },
+        { type: i1.SigningService }
+    ]; };
     var entryComponents = [
         CopyActionComponent,
         OpenContextActionComponent,
@@ -18483,7 +18643,9 @@
         DeleteContentComponent,
         DeleteContentActionComponent,
         UnlockActionComponent,
-        SimpleWorkflowActionComponent
+        SimpleWorkflowActionComponent,
+        SignatureActionComponent,
+        SignatureComponent
     ];
     var ɵ0 = [];
     /**
@@ -18578,7 +18740,9 @@
                         DeleteContentActionComponent,
                         UnlockActionComponent,
                         SimpleWorkflowActionComponent,
-                        PreventDoubleClickDirective
+                        PreventDoubleClickDirective,
+                        SignatureActionComponent,
+                        SignatureComponent
                     ],
                     entryComponents: entryComponents
                 },] }
@@ -20248,7 +20412,7 @@
             _this.hasError = false;
             _this.nodmsobject = false;
             _this.showLoader = false;
-            _this.panelOrder = { 'master': ['summary', 'indexdata', 'history', 'links'], 'slave': ['preview'] };
+            _this.panelOrder = { 'master': ['summary', 'indexdata', 'history', 'links', 'signature'], 'slave': ['preview'] };
             _this.agentIsConnected$ = _this.agentService.isConnected$;
             _this.enableCompare = false;
             _this.enableDiff = true;
@@ -20520,6 +20684,9 @@
         ObjectDetailsComponent.prototype.isVisible = function (id) {
             return this.panelOrder.master.includes(id) || this.panelOrder.slave.includes(id);
         };
+        ObjectDetailsComponent.prototype.hasSigningObjectType = function () {
+            return !!this.system.getObjectTypes().find(function (objectType) { return objectType.supertypes.includes('yuvsigning'); });
+        };
         ObjectDetailsComponent.prototype.createSubscriptionIconTooltip = function (item) {
             var tooltip = '';
             var modes = this.item.subscriptions.map(function (subscription) { return subscription.mode; });
@@ -20574,7 +20741,7 @@
     ObjectDetailsComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'eo-object-details',
-                    template: "<div class=\"loader-overlay__mask\" *ngIf=\"showLoader\">\n  <eo-loading-spinner class=\"object-detail__loader\"></eo-loading-spinner>\n</div>\n<ng-container *ngIf=\"item && !hasError; else noItem\">\n\n  <div class=\"eo-head eo-head-tabs\" [eoShortcuts]=\"shortcuts\">\n    <header class=\"eo-header\">\n      <eo-icon class=\"eo-header-icon\" [objectType]=\"item.type\" [iconTitle]=\"item.type.label\"></eo-icon>\n      <div class=\"eo-header-info\">\n        <h2 class=\"eo-header-title\">{{item.title}}</h2>\n        <h3 class=\"eo-header-subtitle\">{{item.description}}</h3>\n      </div>\n\n      <div class=\"eo-header-actions-container\">\n        <div class=\"eo-header-actions\">\n          <ng-container *ngIf=\"!isReference; else tplHeadReference\">\n            <eo-icon class=\"button refresh-button\" [iconSrc]=\"'assets/_default/svg/ic_refresh.svg'\"\n              [iconTitle]=\"('eo.list.refresh' | translate)\" (click)=\"refreshContent()\"></eo-icon>\n            <eo-icon class=\"button sync-tab-btn\" *ngIf=\"enableCompare\" [ngClass]=\"{'enabled': enableSync}\"\n              [iconSrc]=\"'assets/_default/svg/ic_link.svg'\" [iconTitle]=\"'eo.versions.detail.glue.tooltip' | translate\"\n              (click)=\"enableSync = !enableSync\"></eo-icon>\n            <eo-favorite-icon [item]=\"item\" *ngIf=\"!enableCompare && capabilities.favorites && !isJournalObject(item)\">\n            </eo-favorite-icon>\n            <eo-icon class=\"button oc-button\" *ngIf=\"!enableCompare && item.content\" (click)=\"downloadOriginalContent()\"\n              [iconTitle]=\"('eo.action.download.dms.object.content.label' | translate)\" [iconSrc]=\"'assets/_default/svg/ic_content-download.svg'\"></eo-icon>\n            <eo-edit-icon [item]=\"item\" *ngIf=\"!enableCompare && item.content && item.rights.edit && (agentIsConnected$ | async)\">\n            </eo-edit-icon>\n            <eo-icon class=\"button am-button\" (click)=\"showActions()\"\n              [iconTitle]=\"('eo.object.details.actions.title' | translate)\"\n              [iconSrc]=\"'assets/_default/svg/ic_more.svg'\"></eo-icon>\n          </ng-container>\n\n          <ng-template #tplHeadReference>\n            <a class=\"button reference primary\"\n               [title]=\"('eo.object.reference.tooltip' | translate:{title:referenceTitle})\"\n               [routerLink]=\"['/object', item.id]\"\n               [queryParams]=\"{type: item.typeName}\">{{'eo.object.reference.open'|translate}}</a>\n          </ng-template>\n\n        </div>\n\n        <div class=\"eo-header-status-icons\">\n          <a class=\"content-link\" [title]=\"'eo.object.contentlink.tooltip' | translate\" *ngIf=\"item.content?.linked\"\n            [routerLink]=\"'/object/' + item.content.id\" [queryParams]=\"{type: item.content.type}\">\n            <span>{{'eo.object.contentlink' | translate}}</span>\n          </a>\n          <eo-icon class=\"subscription-icon\" *ngIf=\"item.subscriptions.length\"\n            [iconSrc]=\"'assets/_default/svg/ic_subscription.svg'\"\n            [iconTitle]=\"subscriptionIconTooltip\"></eo-icon>\n          <eo-icon class=\"resubmission-icon\" *ngIf=\"item.resubmissions.length\"\n            [iconSrc]=\"'assets/_default/svg/ic_resubmission.svg'\"\n            [iconTitle]=\"'eo.object.resubmission.tooltip' | translate\"></eo-icon>\n          <eo-icon class=\"shared-icon\" *ngIf=\"item.additionalvisibility.length\"\n                   [iconSrc]=\"'assets/_default/svg/ic_share.svg'\"\n                   [iconTitle]=\"'eo.object.shared.tooltip' | translate\"></eo-icon>\n          <eo-icon class=\"lock\" [ngClass]=\"{'myLock': item.lock.by.me}\" *ngIf=\"item.lock\"\n            [iconSrc]=\"'assets/_default/svg/ic_lock.svg'\" [iconTitle]=\"lockTooltip\"></eo-icon>\n          <eo-icon class=\"finalized-icon\" *ngIf=\"item.isFinalized\" [iconSrc]=\"'assets/_default/svg/ic_finalized.svg'\"\n            [iconTitle]=\"'eo.object.finalized.tooltip' | translate\"></eo-icon>\n        </div>\n      </div>\n    </header>\n  </div>\n  <div class=\"eo-body\">\n    <eo-tab-container [pluginPanels]=\"externalPanels\" [cacheLayout]=\"!enableCompare && cacheLayout\" [defaultPanelOrder]=\"!enableCompare && panelOrder\"\n      [dndEnabled]=\"!enableCompare\" [enableSlave]=\"!enableCompare || item2\" [enableSync]=\"enableCompare && enableSync\"\n      [version]=\"enableCompare && {master: item && item.version, slave: item2 && item2.version}\">\n\n      <eo-tab-panel [id]=\"'summary'\" *ngIf=\"isVisible('summary')\" header=\"{{'eo.object.summary.title' | translate}}\">\n        <ng-template pTemplate=\"content\">\n          <eo-indexdata-summary [indexdata]=\"indexDataPreview\" [baseparams]=\"baseparams\" [dmsObject]=\"item\"\n            [enableVersions]=\"!enableCompare\"></eo-indexdata-summary>\n        </ng-template>\n      </eo-tab-panel>\n\n      <eo-tab-panel [id]=\"'indexdata'\" *ngIf=\"isVisible('indexdata')\" header=\"{{'eo.object.indexdata.title' | translate}}\">\n        <ng-template pTemplate=\"content\">\n          <eo-object-form-edit [dmsObject]=\"item\" (indexDataSaved)=\"onIndexDataSaved($event, item)\"\n            [formDisabled]=\"enableCompare || isReference\"></eo-object-form-edit>\n        </ng-template>\n      </eo-tab-panel>\n\n      <eo-tab-panel [id]=\"'preview'\" *ngIf=\"isVisible('preview')\" header=\"{{'eo.object.content.title' | translate}}\" [isSlave]=\"!enableCompare\"\n        #preview>\n        <ng-template pTemplate=\"content\" *ngIf=\"!undockWinActive; else loadPreview\">\n          <eo-media *ngIf=\"item\" [dmsObject]=\"item\" [disabled]=\"!preview.selected\"\n            [useVersion]=\"item.id === item.content?.id\" [searchTerm]=\"searchTerm\" #viewer></eo-media>\n        </ng-template>\n        <ng-template #loadPreview>\n          <eo-media *ngIf=\"item\" [dmsObject]=\"item\"\n            [useVersion]=\"item.id === item.content?.id\" [searchTerm]=\"searchTerm\" #viewer></eo-media>\n        </ng-template>\n      </eo-tab-panel>\n\n      <eo-tab-panel *ngIf=\"isVisible('history') && !enableCompare\" [id]=\"'history'\" header=\"{{'eo.object.history.title' | translate}}\" #history>\n        <ng-template pTemplate=\"content\">\n          <eo-object-history *ngIf=\"history.selected\" [params]=\"{id: item.id, type: item.type?.qname}\">\n          </eo-object-history>\n        </ng-template>\n      </eo-tab-panel>\n\n      <eo-tab-panel *ngIf=\"isVisible('links') && !enableCompare\" [id]=\"'links'\" header=\"{{'eo.object.links.title' | translate}}\" #links>\n        <ng-template pTemplate=\"content\">\n          <eo-object-links *ngIf=\"links.selected\" [dmsObject]=\"item\"></eo-object-links>\n        </ng-template>\n      </eo-tab-panel>\n\n      <eo-tab-panel [id]=\"'signature'\" header=\"{{'eo.object.signature-tab.title' | translate}}\">\n        <ng-template pTemplate=\"content\">\n         <eo-signature-tab [dmsObject]=\"item\"></eo-signature-tab>\n        </ng-template>\n      </eo-tab-panel>\n      <!-- slave tabs -->\n\n      <eo-tab-panel *ngIf=\"isVisible('summary') && enableCompare\" [id]=\"'summary2'\" header=\"{{'eo.object.summary.title' | translate}}\"\n        [isSlave]=\"true\">\n        <ng-template pTemplate=\"content\">\n          <eo-indexdata-summary *ngIf=\"item2\" [indexdata]=\"indexDataPreview2\" [baseparams]=\"baseparams2\"\n            [dmsObject]=\"item2\" [enableVersions]=\"!enableCompare\"></eo-indexdata-summary>\n        </ng-template>\n      </eo-tab-panel>\n\n      <eo-tab-panel *ngIf=\"isVisible('indexdata') && enableCompare\" [id]=\"'indexdata2'\" header=\"{{'eo.object.indexdata.title' | translate}}\"\n        [isSlave]=\"true\">\n        <ng-template pTemplate=\"content\">\n          <eo-object-form-edit *ngIf=\"item2\" [dmsObject]=\"item2\" (indexDataSaved)=\"onIndexDataSaved($event, item2)\"\n            [formDisabled]=\"enableCompare || isReference\"></eo-object-form-edit>\n        </ng-template>\n      </eo-tab-panel>\n\n      <eo-tab-panel *ngIf=\"isVisible('preview') && enableCompare\" [id]=\"'preview2'\" header=\"{{'eo.object.content.title' | translate}}\"\n        [isSlave]=\"true\" #preview2>\n        <ng-template pTemplate=\"content\">\n          <eo-media *ngIf=\"item2\" [dmsObject]=\"item2\" [disabled]=\"!preview2.selected\" [undockDisabled]=\"enableCompare\"\n            [useVersion]=\"true\" [searchTerm]=\"searchTerm\" #viewer2></eo-media>\n        </ng-template>\n      </eo-tab-panel>\n\n      <eo-tab-panel *ngIf=\"enableCompare && enableDiff\" [id]=\"'changes'\" header=\"{{'eo.object.changes.title' | translate}}\"\n        [isSlave]=\"true\">\n        <ng-template pTemplate=\"content\">\n          <eo-indexdata-summary *ngIf=\"item2\" [diff]=\"{indexdata : indexDataPreview, indexdata2: indexDataPreview2, baseparams: baseparams, baseparams2: baseparams2}\"\n          [dmsObject]=\"item2\" [enableVersions]=\"!enableCompare\"></eo-indexdata-summary>\n        </ng-template>\n      </eo-tab-panel>\n\n      <ng-content></ng-content>\n\n    </eo-tab-container>\n  </div>\n</ng-container>\n\n<ng-template #noItem>\n  <span class=\"not-found\" *ngIf=\"nodmsobject\" translate>eo.bpm.nodmsobject</span>\n  <eo-error-message *ngIf=\"!showLoader\"\n    [emptyState]=\"{icon: emptyState.icon, text: emptyState.text, className: emptyState.className}\">\n    <ng-content select=\".error\"></ng-content>\n  </eo-error-message>\n</ng-template>\n",
+                    template: "<div class=\"loader-overlay__mask\" *ngIf=\"showLoader\">\n  <eo-loading-spinner class=\"object-detail__loader\"></eo-loading-spinner>\n</div>\n<ng-container *ngIf=\"item && !hasError; else noItem\">\n\n  <div class=\"eo-head eo-head-tabs\" [eoShortcuts]=\"shortcuts\">\n    <header class=\"eo-header\">\n      <eo-icon class=\"eo-header-icon\" [objectType]=\"item.type\" [iconTitle]=\"item.type.label\"></eo-icon>\n      <div class=\"eo-header-info\">\n        <h2 class=\"eo-header-title\">{{item.title}}</h2>\n        <h3 class=\"eo-header-subtitle\">{{item.description}}</h3>\n      </div>\n\n      <div class=\"eo-header-actions-container\">\n        <div class=\"eo-header-actions\">\n          <ng-container *ngIf=\"!isReference; else tplHeadReference\">\n            <eo-icon class=\"button refresh-button\" [iconSrc]=\"'assets/_default/svg/ic_refresh.svg'\"\n              [iconTitle]=\"('eo.list.refresh' | translate)\" (click)=\"refreshContent()\"></eo-icon>\n            <eo-icon class=\"button sync-tab-btn\" *ngIf=\"enableCompare\" [ngClass]=\"{'enabled': enableSync}\"\n              [iconSrc]=\"'assets/_default/svg/ic_link.svg'\" [iconTitle]=\"'eo.versions.detail.glue.tooltip' | translate\"\n              (click)=\"enableSync = !enableSync\"></eo-icon>\n            <eo-favorite-icon [item]=\"item\" *ngIf=\"!enableCompare && capabilities.favorites && !isJournalObject(item)\">\n            </eo-favorite-icon>\n            <eo-icon class=\"button oc-button\" *ngIf=\"!enableCompare && item.content\" (click)=\"downloadOriginalContent()\"\n              [iconTitle]=\"('eo.action.download.dms.object.content.label' | translate)\" [iconSrc]=\"'assets/_default/svg/ic_content-download.svg'\"></eo-icon>\n            <eo-edit-icon [item]=\"item\" *ngIf=\"!enableCompare && item.content && item.rights.edit && (agentIsConnected$ | async)\">\n            </eo-edit-icon>\n            <eo-icon class=\"button am-button\" (click)=\"showActions()\"\n              [iconTitle]=\"('eo.object.details.actions.title' | translate)\"\n              [iconSrc]=\"'assets/_default/svg/ic_more.svg'\"></eo-icon>\n          </ng-container>\n\n          <ng-template #tplHeadReference>\n            <a class=\"button reference primary\"\n               [title]=\"('eo.object.reference.tooltip' | translate:{title:referenceTitle})\"\n               [routerLink]=\"['/object', item.id]\"\n               [queryParams]=\"{type: item.typeName}\">{{'eo.object.reference.open'|translate}}</a>\n          </ng-template>\n\n        </div>\n\n        <div class=\"eo-header-status-icons\">\n          <a class=\"content-link\" [title]=\"'eo.object.contentlink.tooltip' | translate\" *ngIf=\"item.content?.linked\"\n            [routerLink]=\"'/object/' + item.content.id\" [queryParams]=\"{type: item.content.type}\">\n            <span>{{'eo.object.contentlink' | translate}}</span>\n          </a>\n          <eo-icon class=\"subscription-icon\" *ngIf=\"item.subscriptions.length\"\n            [iconSrc]=\"'assets/_default/svg/ic_subscription.svg'\"\n            [iconTitle]=\"subscriptionIconTooltip\"></eo-icon>\n          <eo-icon class=\"resubmission-icon\" *ngIf=\"item.resubmissions.length\"\n            [iconSrc]=\"'assets/_default/svg/ic_resubmission.svg'\"\n            [iconTitle]=\"'eo.object.resubmission.tooltip' | translate\"></eo-icon>\n          <eo-icon class=\"shared-icon\" *ngIf=\"item.additionalvisibility.length\"\n                   [iconSrc]=\"'assets/_default/svg/ic_share.svg'\"\n                   [iconTitle]=\"'eo.object.shared.tooltip' | translate\"></eo-icon>\n          <eo-icon class=\"lock\" [ngClass]=\"{'myLock': item.lock.by.me}\" *ngIf=\"item.lock\"\n            [iconSrc]=\"'assets/_default/svg/ic_lock.svg'\" [iconTitle]=\"lockTooltip\"></eo-icon>\n          <eo-icon class=\"finalized-icon\" *ngIf=\"item.isFinalized\" [iconSrc]=\"'assets/_default/svg/ic_finalized.svg'\"\n            [iconTitle]=\"'eo.object.finalized.tooltip' | translate\"></eo-icon>\n        </div>\n      </div>\n    </header>\n  </div>\n  <div class=\"eo-body\">\n    <eo-tab-container [pluginPanels]=\"externalPanels\" [cacheLayout]=\"!enableCompare && cacheLayout\" [defaultPanelOrder]=\"!enableCompare && panelOrder\"\n      [dndEnabled]=\"!enableCompare\" [enableSlave]=\"!enableCompare || item2\" [enableSync]=\"enableCompare && enableSync\"\n      [version]=\"enableCompare && {master: item && item.version, slave: item2 && item2.version}\">\n\n      <eo-tab-panel [id]=\"'summary'\" *ngIf=\"isVisible('summary')\" header=\"{{'eo.object.summary.title' | translate}}\">\n        <ng-template pTemplate=\"content\">\n          <eo-indexdata-summary [indexdata]=\"indexDataPreview\" [baseparams]=\"baseparams\" [dmsObject]=\"item\"\n            [enableVersions]=\"!enableCompare\"></eo-indexdata-summary>\n        </ng-template>\n      </eo-tab-panel>\n\n      <eo-tab-panel [id]=\"'indexdata'\" *ngIf=\"isVisible('indexdata')\" header=\"{{'eo.object.indexdata.title' | translate}}\">\n        <ng-template pTemplate=\"content\">\n          <eo-object-form-edit [dmsObject]=\"item\" (indexDataSaved)=\"onIndexDataSaved($event, item)\"\n            [formDisabled]=\"enableCompare || isReference\"></eo-object-form-edit>\n        </ng-template>\n      </eo-tab-panel>\n\n      <eo-tab-panel [id]=\"'preview'\" *ngIf=\"isVisible('preview')\" header=\"{{'eo.object.content.title' | translate}}\" [isSlave]=\"!enableCompare\"\n        #preview>\n        <ng-template pTemplate=\"content\" *ngIf=\"!undockWinActive; else loadPreview\">\n          <eo-media *ngIf=\"item\" [dmsObject]=\"item\" [disabled]=\"!preview.selected\"\n            [useVersion]=\"item.id === item.content?.id\" [searchTerm]=\"searchTerm\" #viewer></eo-media>\n        </ng-template>\n        <ng-template #loadPreview>\n          <eo-media *ngIf=\"item\" [dmsObject]=\"item\"\n            [useVersion]=\"item.id === item.content?.id\" [searchTerm]=\"searchTerm\" #viewer></eo-media>\n        </ng-template>\n      </eo-tab-panel>\n\n      <eo-tab-panel *ngIf=\"isVisible('history') && !enableCompare\" [id]=\"'history'\" header=\"{{'eo.object.history.title' | translate}}\" #history>\n        <ng-template pTemplate=\"content\">\n          <eo-object-history *ngIf=\"history.selected\" [params]=\"{id: item.id, type: item.type?.qname}\">\n          </eo-object-history>\n        </ng-template>\n      </eo-tab-panel>\n\n      <eo-tab-panel *ngIf=\"isVisible('links') && !enableCompare\" [id]=\"'links'\" header=\"{{'eo.object.links.title' | translate}}\" #links>\n        <ng-template pTemplate=\"content\">\n          <eo-object-links *ngIf=\"links.selected\" [dmsObject]=\"item\"></eo-object-links>\n        </ng-template>\n      </eo-tab-panel>\n\n      <eo-tab-panel *ngIf=\"isVisible('signature') && hasSigningObjectType()\" [id]=\"'signature'\" header=\"{{'eo.object.signature-tab.title' | translate}}\">\n        <ng-template pTemplate=\"content\">\n         <eo-signature-tab [dmsObject]=\"item\"></eo-signature-tab>\n        </ng-template>\n      </eo-tab-panel>\n      <!-- slave tabs -->\n\n      <eo-tab-panel *ngIf=\"isVisible('summary') && enableCompare\" [id]=\"'summary2'\" header=\"{{'eo.object.summary.title' | translate}}\"\n        [isSlave]=\"true\">\n        <ng-template pTemplate=\"content\">\n          <eo-indexdata-summary *ngIf=\"item2\" [indexdata]=\"indexDataPreview2\" [baseparams]=\"baseparams2\"\n            [dmsObject]=\"item2\" [enableVersions]=\"!enableCompare\"></eo-indexdata-summary>\n        </ng-template>\n      </eo-tab-panel>\n\n      <eo-tab-panel *ngIf=\"isVisible('indexdata') && enableCompare\" [id]=\"'indexdata2'\" header=\"{{'eo.object.indexdata.title' | translate}}\"\n        [isSlave]=\"true\">\n        <ng-template pTemplate=\"content\">\n          <eo-object-form-edit *ngIf=\"item2\" [dmsObject]=\"item2\" (indexDataSaved)=\"onIndexDataSaved($event, item2)\"\n            [formDisabled]=\"enableCompare || isReference\"></eo-object-form-edit>\n        </ng-template>\n      </eo-tab-panel>\n\n      <eo-tab-panel *ngIf=\"isVisible('preview') && enableCompare\" [id]=\"'preview2'\" header=\"{{'eo.object.content.title' | translate}}\"\n        [isSlave]=\"true\" #preview2>\n        <ng-template pTemplate=\"content\">\n          <eo-media *ngIf=\"item2\" [dmsObject]=\"item2\" [disabled]=\"!preview2.selected\" [undockDisabled]=\"enableCompare\"\n            [useVersion]=\"true\" [searchTerm]=\"searchTerm\" #viewer2></eo-media>\n        </ng-template>\n      </eo-tab-panel>\n\n      <eo-tab-panel *ngIf=\"enableCompare && enableDiff\" [id]=\"'changes'\" header=\"{{'eo.object.changes.title' | translate}}\"\n        [isSlave]=\"true\">\n        <ng-template pTemplate=\"content\">\n          <eo-indexdata-summary *ngIf=\"item2\" [diff]=\"{indexdata : indexDataPreview, indexdata2: indexDataPreview2, baseparams: baseparams, baseparams2: baseparams2}\"\n          [dmsObject]=\"item2\" [enableVersions]=\"!enableCompare\"></eo-indexdata-summary>\n        </ng-template>\n      </eo-tab-panel>\n\n      <ng-content></ng-content>\n\n    </eo-tab-container>\n  </div>\n</ng-container>\n\n<ng-template #noItem>\n  <span class=\"not-found\" *ngIf=\"nodmsobject\" translate>eo.bpm.nodmsobject</span>\n  <eo-error-message *ngIf=\"!showLoader\"\n    [emptyState]=\"{icon: emptyState.icon, text: emptyState.text, className: emptyState.className}\">\n    <ng-content select=\".error\"></ng-content>\n  </eo-error-message>\n</ng-template>\n",
                     providers: [ContentPreviewService],
                     styles: [":host{background:var(--panel-background-grey);display:flex;flex:1;flex-direction:column;height:100%;min-height:0;min-width:0;overflow-y:auto}:host .eo-head .eo-header .eo-header-info .eo-header-subtitle,:host .eo-head .eo-header .eo-header-info .eo-header-title{-moz-user-select:text;-webkit-user-select:text;user-select:text}:host .eo-body__not-available{background:rgba(var(--color-black-rgb),.4);opacity:.4}:host .sync-tab-btn.enabled{color:var(--color-accent)}:host .lock{background:var(--color-error)!important;border-radius:2px;color:var(--color-white);height:18px;padding:1px;width:18px}:host .lock.myLock{background:var(--state-orange)!important;color:var(--color-white)}:host .not-found{background:var(--color-error);border-radius:2px;color:var(--panel-background);flex:0 0 auto;margin:calc(var(--app-pane-padding)/2);padding:calc(var(--app-pane-padding)/4);text-align:center}:host .eo-header-status-icons{display:flex;justify-content:flex-end;margin-top:var(--app-pane-padding)}:host .eo-header-status-icons>eo-icon{background-color:var(--color-primary-2);color:var(--color-white);height:18px;margin-left:1px;padding:calc(var(--app-pane-padding)/4);width:18px}:host .eo-header-status-icons>eo-icon:first-child{border-bottom-left-radius:4px;border-top-left-radius:4px}:host .eo-header-status-icons>eo-icon:last-child{border-bottom-right-radius:4px;border-top-right-radius:4px}:host .eo-header-status-icons>eo-icon.finalized-icon{background-color:var(--color-success)}:host .eo-header-status-icons>eo-icon.lock{background:var(--color-error)!important;border-radius:2px;color:var(--color-white);height:18px;padding:1px;width:18px}:host .eo-header-status-icons>eo-icon.lock.myLock{background:var(--state-orange)!important}:host .eo-header-status-icons>a{align-items:center;background-color:var(--color-success);border-radius:2px;color:var(--color-white);display:flex;font-size:var(--font-hint);line-height:var(--font-hint);margin:0 calc(var(--app-pane-padding)/4);padding:0 4px 1px;text-decoration:none}:host .loader-overlay__mask{-webkit-animation:eoFadeIn .5s;animation:eoFadeIn .5s;background:rgba(var(--color-white-rgb),.8);display:flex;height:100%;position:absolute;width:100%;z-index:11}:host .loader-overlay__mask .object-detail__loader{margin:auto}:host ::ng-deep .sync-tab-btn{color:rgba(var(--color-black-rgb),.2)}:host ::ng-deep .sync-tab-btn .svg-link{fill:transparent}:host ::ng-deep .sync-tab-btn.enabled .svg-link{fill:currentColor}:host ::ng-deep div[eosplitgutter]{background-color:var(--color-white)!important}:host ::ng-deep .indexdata-summary,:host ::ng-deep .object-form-edit{margin:var(--app-pane-padding)}:host ::ng-deep #indexdata{overflow:hidden}:host ::ng-deep #indexdata .object-form-edit{background:transparent!important;height:100%;margin:0;position:relative}:host ::ng-deep #indexdata .object-form-edit eo-object-form{background:transparent;overflow:auto}:host ::ng-deep #indexdata .object-form-edit eo-object-form .eo-object-form{background:var(--panel-background);border:1px solid rgba(var(--color-black-rgb),.1);margin:var(--app-pane-padding)}:host ::ng-deep #indexdata .object-form-edit .form-controls{-webkit-animation:eoFadeInUp .2s;animation:eoFadeInUp .2s;border:4px solid var(--panel-background-grey)}:host ::ng-deep #indexdata .object-form-edit .form-controls .buttons{background:var(--panel-background);border-top:1px solid var(--panel-divider-color);padding:calc(var(--app-pane-padding)/2) var(--app-pane-padding)!important}"]
                 },] }
@@ -22036,7 +22203,7 @@
                         // check for directories
                         for (var i = 0; i < transfer.items.length; i++) {
                             var fe = transfer.items[i].webkitGetAsEntry();
-                            if (fe.isDirectory) {
+                            if (fe && fe.isDirectory) {
                                 _this.invalidInput = true;
                             }
                         }
@@ -24518,7 +24685,7 @@
     DashboardComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'eo-dashboard',
-                    template: "<div class=\"fade\"></div>\n<div class=\"dashboard\" [style.background-image]=\"backgroundImage\">\n\n  <div class=\"db-content\" [ngClass]=\"{centerFocus: (quickSearchResult && quickSearchResult.total > 0) || selectedQuery}\">\n\n    <!-- info area --->\n    <div class=\"db-left\">\n      <a class=\"info\" *ngIf=\"capabilities.inbox && inboxState && inboxState.totalmessages > 0\"\n           [routerLink]=\"['/inbox']\">\n        <div>\n          <eo-icon [iconSrc]=\"'assets/_default/svg/ic_inbox.svg'\"></eo-icon>\n          <div class=\"count\">{{inboxState.totalmessages}}</div>\n        </div>\n        <div class=\"msg\" translate>eo.dashboard.info.inbox.msg</div>\n      </a>\n      <a class=\"info\" *ngIf=\"capabilities.intray && preparedItemsCount > 0\"\n           [routerLink]=\"['/prepare']\">\n        <div>\n          <eo-icon [iconSrc]=\"'assets/_default/svg/ic_prepare.svg'\"></eo-icon>\n          <div class=\"count\">{{preparedItemsCount}}</div>\n        </div>\n        <div class=\"msg\" translate>eo.dashboard.info.intray.msg</div>\n      </a>\n    </div>\n\n    <!-- main content area -->\n    <div class=\"db-center\">\n\n      <div class=\"top\">\n        <div class=\"quick-search\" [ngClass]=\"{disabled: selectedQuery}\">\n\n          <div class=\"count\" *ngIf=\"quickSearchResult && quickSearchResult.total !== -1\" (click)=\"executeSearch()\">\n            <div  *ngIf=\"quickSearchResult.total\">\n              <span class=\"count-total\">{{quickSearchResult.total | localeDecimal}}</span>\n              <span class=\"label\" translate>eo.quicksearch.hits</span>\n            </div>\n            <span class=\"label\" *ngIf=\"!quickSearchResult.total\" translate>eo.quicksearch.reults.empty</span>\n          </div>\n\n          <div class=\"input\">\n            <eo-quick-search (onResult)=\"onQuickSearchResult($event)\"\n                             (onInputChange)=\"onQuickSearchInputChange($event)\"\n                             #quickSearch></eo-quick-search>\n          </div>\n        </div>\n      </div>\n\n      <div class=\"bottom\">\n\n        <div class=\"quick-search-results\" *ngIf=\"quickSearchResult && quickSearchResult.total > 0; else storedqueries\">\n\n          <div class=\"group\" *ngFor=\"let key of quickSearchResult.groups | keys; index as i\">\n            <h2 *ngIf=\"key !== '0'; else maingroup\">{{key}}</h2>\n            <ng-template #maingroup>\n              <h2 translate>eo.quicksearch.result.group.global</h2>\n            </ng-template>\n\n            <eo-tree [tree]=\"tree[key]\" [(ngModel)]=\"selectedQuickSearchResultItem\" (ngModelChange)=\"executeSearch($event.data)\" [selectionKey]=\"'Enter'\">\n            </eo-tree>\n          </div>\n        </div>\n\n        <ng-template #storedqueries>\n\n          <div class=\"stored-queries\" *ngIf=\"capabilities.storedqueries && storedQueries.length\">\n\n            <div class=\"query\" *ngIf=\"selectedQuery; else querylist\">\n              <div>\n                <eo-icon class=\"button\" [iconSrc]=\"'assets/_default/svg/ic_clear.svg'\"\n                         (click)=\"selectStoredQuery(null)\"></eo-icon>\n              </div>\n              <eo-stored-query [query]=\"selectedQuery\"\n                               (onQueryLoaded)=\"onStoredQueryLoaded()\"\n                               (onQueryExecute)=\"onStoredQueryExecute($event)\"></eo-stored-query>\n            </div>\n\n\n            <ng-template #querylist>\n              <div class=\"queries\" [@listAnimation]=\"storedQueries.length\">\n                <a class=\"sq lead\" [routerLink]=\"['/stored-queries']\" translate>eo.view.navigation.storedqueries</a>\n\n                <div class=\"sq\" *ngFor=\"let q of storedQueries; trackBy: trackByFn\" (click)=\"selectStoredQuery(q)\" (keyup.enter)=\"selectStoredQuery(q)\" tabindex=\"0\">\n                  <eo-icon [iconSrc]=\"'assets/_default/svg/ic_stored_query.svg'\"></eo-icon>\n                  <span>{{q.name}}</span>\n                </div>\n              </div>\n            </ng-template>\n          </div>\n        </ng-template>\n\n      </div>\n\n    </div>\n\n    <!-- files area -->\n    <div class=\"db-right\">\n\n      <div class=\"lastEdits\" *ngIf=\"modifiedByMe?.lately.length\">\n        <div class=\"header\">\n          <h2 translate>eo.dashboard.modified.title</h2>\n        </div>\n        <div class=\"body\">\n\n          <a class=\"item\" *ngFor=\"let item of modifiedByMe.lately\" [routerLink]=\"['/object/', item.id]\">\n            <eo-icon [objectType]=\"item.type\"></eo-icon>\n            <div>\n              <div class=\"modified\">{{item.modified | localeDate}}</div>\n              <div class=\"title\">{{item.title}}</div>\n              <div class=\"description\">{{item.description}}</div>\n            </div>\n          </a>\n\n        </div>\n      </div>\n\n    </div>\n\n  </div>\n</div>\n\n\n\n",
+                    template: "<div class=\"fade\"></div>\n<div class=\"dashboard\" [style.background-image]=\"backgroundImage\">\n\n  <div class=\"db-content\" [ngClass]=\"{centerFocus: (quickSearchResult && quickSearchResult.total > 0) || selectedQuery}\">\n\n    <!-- info area --->\n    <div class=\"db-left\">\n      <a class=\"info\" *ngIf=\"capabilities.inbox && inboxState && inboxState.totalmessages > 0\"\n           [routerLink]=\"['/inbox']\">\n        <div>\n          <eo-icon [iconSrc]=\"'assets/_default/svg/ic_inbox.svg'\"></eo-icon>\n          <div class=\"count\">{{inboxState.totalmessages}}</div>\n        </div>\n        <div class=\"msg\" translate>eo.dashboard.info.inbox.msg</div>\n      </a>\n      <a class=\"info\" *ngIf=\"capabilities.intray && preparedItemsCount > 0\"\n           [routerLink]=\"['/prepare']\">\n        <div>\n          <eo-icon [iconSrc]=\"'assets/_default/svg/ic_prepare.svg'\"></eo-icon>\n          <div class=\"count\">{{preparedItemsCount}}</div>\n        </div>\n        <div class=\"msg\" translate>eo.dashboard.info.intray.msg</div>\n      </a>\n    </div>\n\n    <!-- main content area -->\n    <div class=\"db-center\">\n\n      <div class=\"top\">\n        <div class=\"quick-search\" [ngClass]=\"{disabled: selectedQuery}\">\n\n          <div class=\"count\" *ngIf=\"quickSearchResult && quickSearchResult.total !== -1\" (click)=\"executeSearch()\">\n            <div  *ngIf=\"quickSearchResult.total\">\n              <span class=\"count-total\">{{quickSearchResult.total | localeDecimal}}</span>\n              <span class=\"label\" translate>eo.quicksearch.hits</span>\n            </div>\n            <span class=\"label\" *ngIf=\"!quickSearchResult.total\" translate>eo.quicksearch.reults.empty</span>\n          </div>\n\n          <div class=\"input\">\n            <eo-quick-search (onResult)=\"onQuickSearchResult($event)\"\n                             (onInputChange)=\"onQuickSearchInputChange($event)\"\n                             #quickSearch></eo-quick-search>\n          </div>\n        </div>\n      </div>\n\n      <div class=\"bottom\">\n\n        <div class=\"quick-search-results\" *ngIf=\"quickSearchResult && quickSearchResult.total > 0; else storedqueries\">\n\n          <div class=\"group\" *ngFor=\"let key of quickSearchResult.groups | keys; index as i\">\n            <h2 *ngIf=\"key !== '0'; else maingroup\">{{key}}</h2>\n            <ng-template #maingroup>\n              <h2 translate>eo.quicksearch.result.group.global</h2>\n            </ng-template>\n\n            <eo-tree [tree]=\"tree[key]\" [(ngModel)]=\"selectedQuickSearchResultItem\" (onSelected)=\"executeSearch($event.data)\" (expandedNodesChanged)=\"executeSearch($event.data)\" [selectionKey]=\"'Enter'\">\n            </eo-tree>\n          </div>\n        </div>\n\n        <ng-template #storedqueries>\n\n          <div class=\"stored-queries\" *ngIf=\"capabilities.storedqueries && storedQueries.length\">\n\n            <div class=\"query\" *ngIf=\"selectedQuery; else querylist\">\n              <div>\n                <eo-icon class=\"button\" [iconSrc]=\"'assets/_default/svg/ic_clear.svg'\"\n                         (click)=\"selectStoredQuery(null)\"></eo-icon>\n              </div>\n              <eo-stored-query [query]=\"selectedQuery\"\n                               (onQueryLoaded)=\"onStoredQueryLoaded()\"\n                               (onQueryExecute)=\"onStoredQueryExecute($event)\"></eo-stored-query>\n            </div>\n\n\n            <ng-template #querylist>\n              <div class=\"queries\" [@listAnimation]=\"storedQueries.length\">\n                <a class=\"sq lead\" [routerLink]=\"['/stored-queries']\" translate>eo.view.navigation.storedqueries</a>\n\n                <div class=\"sq\" *ngFor=\"let q of storedQueries; trackBy: trackByFn\" (click)=\"selectStoredQuery(q)\" (keyup.enter)=\"selectStoredQuery(q)\" tabindex=\"0\">\n                  <eo-icon [iconSrc]=\"'assets/_default/svg/ic_stored_query.svg'\"></eo-icon>\n                  <span>{{q.name}}</span>\n                </div>\n              </div>\n            </ng-template>\n          </div>\n        </ng-template>\n\n      </div>\n\n    </div>\n\n    <!-- files area -->\n    <div class=\"db-right\">\n\n      <div class=\"lastEdits\" *ngIf=\"modifiedByMe?.lately.length\">\n        <div class=\"header\">\n          <h2 translate>eo.dashboard.modified.title</h2>\n        </div>\n        <div class=\"body\">\n\n          <a class=\"item\" *ngFor=\"let item of modifiedByMe.lately\" [routerLink]=\"['/object/', item.id]\">\n            <eo-icon [objectType]=\"item.type\"></eo-icon>\n            <div>\n              <div class=\"modified\">{{item.modified | localeDate}}</div>\n              <div class=\"title\">{{item.title}}</div>\n              <div class=\"description\">{{item.description}}</div>\n            </div>\n          </a>\n\n        </div>\n      </div>\n\n    </div>\n\n  </div>\n</div>\n\n\n\n",
                     animations: [
                         listAnimation
                     ],
@@ -25121,10 +25288,10 @@
             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": "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": "9.3.0-rc.2", "license": "MIT" }, { "name": "@ngx-pwa/local-storage", "version": "11.1.0", "license": "MIT" }, { "name": "@ngx-translate/core", "version": "13.0.0", "license": "MIT" }, { "name": "@types/lodash", "version": "4.14.88", "license": "MIT" }, { "name": "core-js", "version": "2.5.7", "license": "MIT" }, { "name": "file-saver", "version": "2.0.5", "license": "MIT" }, { "name": "font-awesome", "version": "4.7.0", "license": "(OFL-1.1 AND MIT)" }, { "name": "keyboardevent-key-polyfill", "version": "1.1.0", "license": "CC0-1.0" }, { "name": "keycode-js", "version": "0.0.4", "license": "MIT" }, { "name": "mobile-drag-drop", "version": "2.2.0", "license": "MIT" }, { "name": "moment", "version": "2.22.2", "license": "MIT" }, { "name": "ngx-toastr", "version": "13.2.0", "license": "MIT" }, { "name": "primeicons", "version": "1.0.0-beta.6", "license": "MIT" }, { "name": "primeng", "version": "7.0.1", "license": "MIT" }, { "name": "reflect-metadata", "version": "0.1.10", "license": "Apache-2.0" }, { "name": "rxjs", "version": "6.6.3", "license": "Apache-2.0" }, { "name": "tslib", "version": "2.1.0", "license": "0BSD" }, { "name": "zone.js", "version": "0.10.3", "license": "MIT" }];
+            this.__libraries__ = [{ "name": "@ag-grid-community/angular", "version": "22.1.2", "license": "MIT" }, { "name": "@ag-grid-community/client-side-row-model", "version": "22.1.1", "license": "MIT" }, { "name": "@ag-grid-community/core", "version": "22.1.1", "license": "MIT" }, { "name": "@ag-grid-community/csv-export", "version": "22.1.1", "license": "MIT" }, { "name": "@angular/animations", "version": "11.2.0", "license": "MIT" }, { "name": "@angular/cdk", "version": "11.2.0", "license": "MIT" }, { "name": "@angular/common", "version": "11.2.0", "license": "MIT" }, { "name": "@angular/compiler", "version": "11.2.0", "license": "MIT" }, { "name": "@angular/core", "version": "11.2.0", "license": "MIT" }, { "name": "@angular/forms", "version": "11.2.0", "license": "MIT" }, { "name": "@angular/platform-browser", "version": "11.2.0", "license": "MIT" }, { "name": "@angular/platform-browser-dynamic", "version": "11.2.0", "license": "MIT" }, { "name": "@angular/router", "version": "11.2.0", "license": "MIT" }, { "name": "@eo-sdk/core", "version": "9.4.0-rc.2", "license": "MIT" }, { "name": "@ngx-pwa/local-storage", "version": "11.1.0", "license": "MIT" }, { "name": "@ngx-translate/core", "version": "13.0.0", "license": "MIT" }, { "name": "@types/lodash", "version": "4.14.88", "license": "MIT" }, { "name": "core-js", "version": "2.5.7", "license": "MIT" }, { "name": "file-saver", "version": "2.0.5", "license": "MIT" }, { "name": "font-awesome", "version": "4.7.0", "license": "(OFL-1.1 AND MIT)" }, { "name": "keyboardevent-key-polyfill", "version": "1.1.0", "license": "CC0-1.0" }, { "name": "keycode-js", "version": "0.0.4", "license": "MIT" }, { "name": "mobile-drag-drop", "version": "2.2.0", "license": "MIT" }, { "name": "moment", "version": "2.22.2", "license": "MIT" }, { "name": "ngx-toastr", "version": "13.2.0", "license": "MIT" }, { "name": "primeicons", "version": "1.0.0-beta.6", "license": "MIT" }, { "name": "primeng", "version": "7.0.1", "license": "MIT" }, { "name": "reflect-metadata", "version": "0.1.10", "license": "Apache-2.0" }, { "name": "rxjs", "version": "6.6.3", "license": "Apache-2.0" }, { "name": "tslib", "version": "2.1.0", "license": "0BSD" }, { "name": "zone.js", "version": "0.10.3", "license": "MIT" }];
             this.ctrl = {
                 componentName: 'yuuvis® RAD client',
-                componentVersion: '9.3.0-rc.2',
+                componentVersion: '9.4.0-rc.2',
                 productName: '',
                 productVersion: ''
             };
@@ -27233,16 +27400,18 @@
     exports.ɵci = DeleteContentActionComponent;
     exports.ɵcj = UnlockActionComponent;
     exports.ɵck = SimpleWorkflowActionComponent;
-    exports.ɵcl = FavoriteActionComponent;
-    exports.ɵcm = PreventDoubleClickDirective;
-    exports.ɵcn = EditIconComponent;
-    exports.ɵco = DuetimeInfoComponent;
-    exports.ɵcp = PrepareContentExistsInfoComponent;
-    exports.ɵcq = ObjectStateRoutingModule;
-    exports.ɵcr = InboxStateRoutingModule;
-    exports.ɵcs = PrepareStateRoutingModule;
-    exports.ɵct = EoClientRoutingModule;
-    exports.ɵcu = ProcessStateComponent;
+    exports.ɵcl = SignatureActionComponent;
+    exports.ɵcm = SignatureComponent;
+    exports.ɵcn = FavoriteActionComponent;
+    exports.ɵco = PreventDoubleClickDirective;
+    exports.ɵcp = EditIconComponent;
+    exports.ɵcq = DuetimeInfoComponent;
+    exports.ɵcr = PrepareContentExistsInfoComponent;
+    exports.ɵcs = ObjectStateRoutingModule;
+    exports.ɵct = InboxStateRoutingModule;
+    exports.ɵcu = PrepareStateRoutingModule;
+    exports.ɵcv = EoClientRoutingModule;
+    exports.ɵcw = ProcessStateComponent;
     exports.ɵd = AppProcessComponent;
     exports.ɵe = PipesModule;
     exports.ɵf = UnsubscribeOnDestroy;