npm - @eo-sdk/client - Versions diffs - 8.16.0-rc.1 → 8.16.0-rc.3 - Mend

@eo-sdk/client 8.16.0-rc.1 → 8.16.0-rc.3

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 (41) hide show

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

@@ -3593,7 +3593,8 @@
             }
         };
         OutsideClickDirective.prototype.onClick = function (event, targetElement) {
-            if (this.active && !this._elementRef.nativeElement.contains(targetElement)) {
+            var overlayContainer = document.querySelector('.cdk-overlay-container');
+            if (this.active && !this._elementRef.nativeElement.contains(targetElement) && overlayContainer ? !overlayContainer.contains(targetElement) : false) {
                 this.onOutsideEvent(event);
             }
         };
@@ -4224,7 +4225,7 @@
             // this.overlayRef.addPanelClass("example-overlay");
             this.overlayRef.attach(portal$1);
             this.overlayRef.backdropClick().subscribe(function (_) {
-                _this.visible = false;
+                _this.closeDialog();
             });
         };
         EoDialogComponent.prototype.getPositionStrategy = function () {
@@ -5542,11 +5543,13 @@
      * Component rendering the app-bar action of starting executable processes.
      */
     var AppProcessComponent = /** @class */ (function () {
-        function AppProcessComponent(router, toaster, translate, bpmService) {
+        function AppProcessComponent(router, toaster, translate, bpmService, pendingChanges) {
             this.router = router;
             this.toaster = toaster;
             this.translate = translate;
             this.bpmService = bpmService;
+            this.pendingChanges = pendingChanges;
+            this.pendingTaskIds = [];
         }
         AppProcessComponent.prototype.close = function (evt) {
             this.router.navigate([{ outlets: { modal: null } }], { replaceUrl: true });
@@ -5602,6 +5605,24 @@
         AppProcessComponent.prototype.cancelDialog = function () {
             this.processForm = null;
         };
+        AppProcessComponent.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()];
+            }
+        };
+        AppProcessComponent.prototype.finishPending = function () {
+            this.pendingChanges.finishTask(this.pendingTaskIds[0]);
+        };
+        AppProcessComponent.prototype.onIndexDataChanged = function (event) {
+            if (event.dirty) {
+                this.startPending();
+            }
+            else {
+                this.finishPending();
+            }
+        };
         AppProcessComponent.prototype.ngOnInit = function () {
             var _this = this;
             this.bpmService.getExecutableProcesses(null, true)
@@ -5612,7 +5633,7 @@
     AppProcessComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'eo-app-process',
-                    template: "<eo-dialog [title]=\"'eo.bar.button.execute.actions.tooltip' | translate\"\r\n           [visible]=\"true\"\r\n           [minWidth]=\"400\"\r\n           [styleClass]=\"'more-actions'\"\r\n           (hide)=\"close($event)\">\r\n\r\n  <section *ngIf=\"processes?.length; else loading\">\r\n\r\n    <div class=\"process-item\" *ngFor=\"let process of processes\" (click)=\"selectProcess(process)\">\r\n      <eo-icon [iconId]=\"process.iconid\" *ngIf=\"process.iconid; else defaulticon\"></eo-icon>\r\n      <ng-template #defaulticon><eo-icon [iconSrc]=\"'assets/_default/svg/ic_bpm.svg'\"></eo-icon></ng-template>\r\n      <div class=\"pi-content\">\r\n        <div class=\"title\">{{process.title}}</div>\r\n        <div class=\"description\">{{process.description}}</div>\r\n      </div>\r\n    </div>\r\n\r\n  </section>\r\n\r\n  <ng-container *ngIf=\"!processForm; else tplProcessForm\" class=\"select-process\"></ng-container>\r\n\r\n  <ng-template #loading>\r\n    <eo-loading-spinner [size]=\"'medium'\"></eo-loading-spinner>\r\n  </ng-template>\r\n\r\n\r\n  <ng-template #tplProcessForm>\r\n\r\n    <eo-dialog [title]=\"selectedProcess?.title\"\r\n               [subtitle]=\"selectedProcess?.description\"\r\n               [visible]=\"true\"\r\n               [minWidth]=\"1000\"\r\n               [minHeight]=\"630\"\r\n               [styleClass]=\"'process-form-dialog'\"\r\n               (hide)=\"cancelDialog()\" #dialog>\r\n\r\n      <eo-process-form [formOptions]=\"processForm\"\r\n                      (onResetForm)=\"formReset($event)\"\r\n                      (onCancel)=\"(dialog.visible = false)\"\r\n                      (onSaveForm)=\"startProcessWithFormData($event)\">\r\n      </eo-process-form>\r\n    </eo-dialog>\r\n  </ng-template>\r\n\r\n</eo-dialog>\r\n",
+                    template: "<eo-dialog [title]=\"'eo.bar.button.execute.actions.tooltip' | translate\"\r\n           [visible]=\"true\"\r\n           [minWidth]=\"400\"\r\n           [styleClass]=\"'more-actions'\"\r\n           (hide)=\"close($event)\">\r\n\r\n  <section *ngIf=\"processes?.length; else loading\">\r\n\r\n    <div class=\"process-item\" *ngFor=\"let process of processes\" (click)=\"selectProcess(process)\">\r\n      <eo-icon [iconId]=\"process.iconid\" *ngIf=\"process.iconid; else defaulticon\"></eo-icon>\r\n      <ng-template #defaulticon><eo-icon [iconSrc]=\"'assets/_default/svg/ic_bpm.svg'\"></eo-icon></ng-template>\r\n      <div class=\"pi-content\">\r\n        <div class=\"title\">{{process.title}}</div>\r\n        <div class=\"description\">{{process.description}}</div>\r\n      </div>\r\n    </div>\r\n\r\n  </section>\r\n\r\n  <ng-container *ngIf=\"!processForm; else tplProcessForm\" class=\"select-process\"></ng-container>\r\n\r\n  <ng-template #loading>\r\n    <eo-loading-spinner [size]=\"'medium'\"></eo-loading-spinner>\r\n  </ng-template>\r\n\r\n\r\n  <ng-template #tplProcessForm>\r\n\r\n    <eo-dialog [title]=\"selectedProcess?.title\"\r\n               [subtitle]=\"selectedProcess?.description\"\r\n               [visible]=\"true\"\r\n               [dirtyCheck]=\"pendingTaskIds\"\r\n               [minWidth]=\"1000\"\r\n               [minHeight]=\"630\"\r\n               [styleClass]=\"'process-form-dialog'\"\r\n               (hide)=\"cancelDialog()\" #dialog>\r\n\r\n      <eo-process-form [formOptions]=\"processForm\"\r\n                      (onResetForm)=\"formReset($event)\"\r\n                      (onCancel)=\"(dialog.visible = false)\"\r\n                      (onSaveForm)=\"startProcessWithFormData($event)\"\r\n                      (statusChanged)=\"onIndexDataChanged($event)\">\r\n      </eo-process-form>\r\n    </eo-dialog>\r\n  </ng-template>\r\n\r\n</eo-dialog>\r\n",
                     styles: [".process-item{align-items:center;border-bottom:1px solid var(--list-item-border-color);cursor:pointer;display:flex;padding:var(--app-pane-padding)}.process-item:hover{background-color:var(--list-item-hover-background)}.process-item eo-icon{opacity:.7}.process-item .pi-content{padding:0 var(--app-pane-padding)}.process-item .pi-content .description{color:var(--text-color-caption)}eo-loading-spinner{display:flex;justify-content:center;padding:var(--app-pane-padding)}"]
                 },] }
     ];
@@ -5620,7 +5641,8 @@
         { type: i2.Router },
         { type: i1.NotificationsService },
         { type: i1.TranslateService },
-        { type: i1.BpmService }
+        { type: i1.BpmService },
+        { type: PendingChangesService }
     ]; };
     var routes = [
@@ -6866,7 +6888,7 @@
     var DatepickerComponent = /** @class */ (function () {
         function DatepickerComponent(translate, datepickerService) {
             this.datepickerService = datepickerService;
-            this.maxYear = 99999;
+            this.maxYear = 9999;
             this.minYear = 0;
             // ngModel for the year input
             // ngModel for the time inputs
@@ -15723,6 +15745,7 @@
         };
         MediaComponent.prototype.toogleViewer = function () {
             this.open = !this.disabled && !!this.previewUri;
+            this.undockDisabled = this.previewUri === '';
             if (this.undockDisabled) {
                 this.isUndocked = false;
             }
@@ -15817,7 +15840,7 @@
                 }
             }
             else if (!src && !this.undockWin.document.querySelector('#no-file')) {
-                this.undockWin.document.write("<div id=\"no-file\" style=\"opacity: 0.06; display: flex; height: 100%; width: 100%; align-items: center; justify-content: center;\">\n          <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"128\" height=\"128\" viewBox=\"0 0 48 48\">\n          <path d=\"M29 4H14.6c-.8 0-1.5.2-2 .6l27.2 27.2v-17L29 4zm-.7 11.6V7.8l7.8 7.8h-7.8zM43.4 40.8l-2.5 2.5-3.5-3.5c-.4.1-.8.2-1.2.2H14.6c-2 \n          0-3.6-1.6-3.6-3.6V13.5L5.9 8.4l2.5-2.5L11 8.4l28.7 28.7 3.1 3.1.6.6z\"/>\n          </svg>\n        <div>");
+                this.undockWin.document.write("<div id=\"no-file\" style=\"opacity: 0.06; display: flex; height: 100%; width: 100%; align-items: center; justify-content: center;\">\n          <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"128\" height=\"128\" viewBox=\"0 0 48 48\">\n          <path d=\"M29 4H14.6c-.8 0-1.5.2-2 .6l27.2 27.2v-17L29 4zm-.7 11.6V7.8l7.8 7.8h-7.8zM43.4 40.8l-2.5 2.5-3.5-3.5c-.4.1-.8.2-1.2.2H14.6c-2\n          0-3.6-1.6-3.6-3.6V13.5L5.9 8.4l2.5-2.5L11 8.4l28.7 28.7 3.1 3.1.6.6z\"/>\n          </svg>\n        <div>");
             }
         };
         MediaComponent.prototype.loadDocument = function (uri, force) {
@@ -15914,7 +15937,7 @@
                     var win = _this.setApi(iframe);
                     onload && onload();
                     setTimeout(function () {
-                        // this.loading = false;
+                        // this.loading = false;
                         _this.searchPDF(_this.searchTerm, win);
                         _this.preventDropEvent(win);
                     }, 100);
@@ -17596,7 +17619,7 @@
         AddSubscriptionActionComponent.prototype.isExecutable = function (element) {
             var hasPrivilege = this.userService.getCurrentUser().hasPrivilege('MANAGE_SUBSCRIPTIONS');
             var isAllowedType = this.actionService.isAllowedType([element], ['sysemail']);
-            if (hasPrivilege && this.isAllowedState() && isAllowedType) {
+            if (hasPrivilege && this.isAllowedState() && isAllowedType && !element.isFinalized) {
                 return rxjs.of(!element.subscriptions.length);
             }
             else {
@@ -17890,7 +17913,7 @@
         AddResubmissionActionComponent.prototype.isExecutable = function (element) {
             var hasPrivilege = this.userService.getCurrentUser().hasPrivilege('MANAGE_RESUBMISSIONS');
             var isAllowedType = this.actionService.isAllowedType([element], ['sysemail']);
-            if (hasPrivilege && this.isAllowedState() && isAllowedType) {
+            if (hasPrivilege && this.isAllowedState() && isAllowedType && !element.isFinalized) {
                 return rxjs.of(!element.resubmissions.length);
             }
             else {
@@ -18273,6 +18296,7 @@
             this.onSaveForm = new i0.EventEmitter();
             this.onResetForm = new i0.EventEmitter();
             this.onCancel = new i0.EventEmitter();
+            this.statusChanged = new i0.EventEmitter();
         }
         ProcessFormComponent.prototype.saveForm = function () {
             var _this = this;
@@ -18289,6 +18313,7 @@
         ProcessFormComponent.prototype.onIndexDataChanged = function (event) {
             this.form = event;
             this.formData = event.data;
+            this.statusChanged.emit(event);
         };
         return ProcessFormComponent;
     }());
@@ -18304,7 +18329,8 @@
         formOptions: [{ type: i0.Input }],
         onSaveForm: [{ type: i0.Output }],
         onResetForm: [{ type: i0.Output }],
-        onCancel: [{ type: i0.Output }]
+        onCancel: [{ type: i0.Output }],
+        statusChanged: [{ type: i0.Output }]
     };
     var ProcessFormModule = /** @class */ (function () {
@@ -21915,7 +21941,7 @@
     var PrepareDetailsComponent = /** @class */ (function (_super) {
         __extends(PrepareDetailsComponent, _super);
-        function PrepareDetailsComponent(prepareService, router, pendingChanges, translate, notification, systemService, selection, backend) {
+        function PrepareDetailsComponent(prepareService, router, pendingChanges, translate, notification, systemService, selection, backend, capabilites) {
             var _this = _super.call(this) || this;
             _this.prepareService = prepareService;
             _this.router = router;
@@ -21925,6 +21951,7 @@
             _this.systemService = systemService;
             _this.selection = selection;
             _this.backend = backend;
+            _this.capabilites = capabilites;
             // preparation is divided into several phases
             // select an object type
             _this.PHASE_TYPE = 'type';
@@ -22381,6 +22408,9 @@
                 }
             }
         };
+        PrepareDetailsComponent.prototype.hasTemplateCapability = function () {
+            return this.capabilites.hasCapability('template');
+        };
         PrepareDetailsComponent.prototype.trackByIdFn = function (index, item) {
             return item.id;
         };
@@ -22409,7 +22439,7 @@
     PrepareDetailsComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'eo-prepare-details',
-                    template: "<div class=\"prepareDetails__wrapper\" *ngIf=\"!loading; else mainSpinner\">\r\n  <section class=\"prepareDetails\" *ngIf=\"preparedItem && preparePhase; else noItem\"\r\n    [ngClass]=\"{multifile: preparedItem.contentcount > 1, committing: committing}\">\r\n    <div class=\"eo-head\">\r\n\r\n      <div class=\"header-info\">\r\n        <div class=\"header-title\">{{header.title}}</div>\r\n        <div class=\"header-sub-title h-location\" *ngIf=\"!header.location.link; else linked\">{{header.location.label}}\r\n        </div>\r\n        <div class=\"header-sub-title h-subtitle\">{{header.subtitle}}</div>\r\n\r\n        <ng-template #linked>\r\n          <div class=\"header-sub-title h-subtitle-detailed\">\r\n            <span translate>eo.prepare.location.title.prefix</span>\r\n            <a [routerLink]=\"header.location.link\">{{header.location.label}}</a>\r\n          </div>\r\n        </ng-template>\r\n      </div>\r\n\r\n      <div class=\"actions\">\r\n        <eo-icon class=\"btn btn-download\"\r\n          *ngIf=\"preparePhase.name === 'content' ? selectedTemplateFile : preparePhase.data.previewFile\"\r\n          [iconSrc]=\"'assets/_default/svg/ic_content-download.svg'\"\r\n          [iconTitle]=\"('eo.action.download.dms.object.content.label' | translate)\" (click)=\"download()\"></eo-icon>\r\n        <eo-icon class=\"btn btn-delete\" [iconSrc]=\"'assets/_default/svg/ic_trash.svg'\"\r\n          (click)=\"showDeleteDialog = true;\"></eo-icon>\r\n        <!-- buttons while choosing a template -->\r\n        <ng-container *ngIf=\"chooseTemplate\">\r\n          <button class=\"btn-tpl-abort\" (click)=\"showTemplateSelector(false)\"\r\n            translate>eo.prepare.template.abort</button>\r\n          <button class=\"primary btn-tpl-apply\" (click)=\"addTemplate(selectedTemplate)\" [disabled]=\"!selectedTemplate\"\r\n            translate>eo.prepare.template.select</button>\r\n        </ng-container>\r\n\r\n        <ng-container *ngIf=\"preparePhase.name === 'indexdata'\">\r\n          <button (click)=\"commit()\" class=\"btn-idx-save\"\r\n            [ngClass]=\"{primary: preparedItem.state.parentisroot && preparedItem.contentcount > 1}\"\r\n            [disabled]=\"formState?.invalid || committing\" translate>eo.prepare.save</button>\r\n\r\n          <button (click)=\"commit(true)\" [disabled]=\"formState?.invalid || committing\" class=\"primary btn-idx-saveopen\"\r\n            [hidden]=\"preparedItem?.state.parentisroot && preparedItem?.contentcount > 1\"\r\n            translate>eo.prepare.saveopen</button>\r\n\r\n        </ng-container>\r\n      </div>\r\n\r\n    </div>\r\n\r\n    <div class=\"eo-body\" [ngSwitch]=\"preparePhase.name\" *ngIf=\"!committing; else spinner\">\r\n\r\n      <!-- PHASE TYPE -->\r\n      <div class=\"phase type\" *ngSwitchCase=\"'type'\">\r\n\r\n        <!-- with preview -->\r\n        <eo-split [gutterSize]=\"16\" [gutterColor]=\"'#fff'\" [visibleTransition]=\"true\"\r\n          *ngIf=\"preparePhase.data.previewFile; else nopreview\" [cacheLayout]=\"'prepare.details.phase.type'\">\r\n          <eo-split-area [size]=\"30\">\r\n\r\n            <div class=\"form-files\">\r\n              <div class=\"object-type-select empty\" *ngIf=\"preparedItem.types.length == 0\" translate>\r\n                eo.prepare.details.type.empty</div>\r\n              <div class=\"object-type-select empty\"\r\n                *ngIf=\"!preparedItem.state.typeselectedallowed && preparedItem.state.typeselected\"\r\n                [translateParams]=\"{type: preparedItem.selectedtype.label, filename: getFileNames(preparedItem)}\"\r\n                translate>eo.prepare.details.type.notallowed</div>\r\n\r\n              <div class=\"object-type-select\">\r\n                <div class=\"object-type\" *ngFor=\"let type of preparedItem.types; trackBy: trackByIdFn\"\r\n                  (click)=\"selectObjectType(type)\">\r\n                  <div class=\"type-icon\">\r\n                    <eo-icon [iconId]=\"type.icon.id\"></eo-icon>\r\n                  </div>\r\n                  <div class=\"content\">\r\n                    <div class=\"title\">{{type.label}}</div>\r\n                    <div class=\"description\">{{type.description}}</div>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n\r\n\r\n              <div class=\"content-select\">\r\n                <h2 translate>eo.prepare.details.contents.title</h2>\r\n                <div class=\"content\"\r\n                  *ngFor=\"let content of preparedItem.contents; trackBy: trackByIndexFn; index as idx;\"\r\n                  [ngClass]=\"{selected: preparePhase.data.previewIndex == idx}\" (click)=\"setPreviewUri(idx)\">\r\n                  <span>{{content.path}}</span>\r\n                  <eo-icon class=\"btn btn-delete-content\" [iconSrc]=\"'assets/_default/svg/ic_trash.svg'\"\r\n                  (click)=\"showContentDeleteDialog = true; deletedContentIndex = idx;\"></eo-icon>\r\n                  <div *ngIf=\"content.existscount > 0\" class=\"attention\" title=\"{{'eo.prepare.content.existscount.message'|translate: ({count: content.existscount})}}\">!</div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </eo-split-area>\r\n          <eo-split-area [size]=\"70\">\r\n            <div class=\"eo-media-wrap\">\r\n              <eo-prepare-content-exists-info [content]=\"preparedItem.contents[preparePhase.data.previewIndex]\">\r\n              </eo-prepare-content-exists-info>\r\n              <eo-media [previewFile]=\"preparePhase.data.previewFile\"></eo-media>\r\n            </div>\r\n          </eo-split-area>\r\n        </eo-split>\r\n\r\n        <!-- without preview -->\r\n        <ng-template #nopreview>\r\n          <div class=\"form-files\">\r\n            <div class=\"object-type-select\">\r\n              <div class=\"object-type\" *ngFor=\"let type of preparedItem.types; trackBy: trackByIdFn\"\r\n                (click)=\"selectObjectType(type)\">\r\n                <div class=\"type-icon\">\r\n                  <eo-icon [iconId]=\"type.icon.id\"></eo-icon>\r\n                </div>\r\n                <div class=\"content\">\r\n                  <div class=\"title\">{{type.label}}</div>\r\n                  <div class=\"description\">{{type.description}}</div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </ng-template>\r\n\r\n      </div>\r\n\r\n      <!-- PHASE CONTENT -->\r\n      <div class=\"phase content\" *ngSwitchCase=\"'content'\">\r\n\r\n        <!-- panel for selecting a template to be used as items content -->\r\n        <eo-split [gutterSize]=\"16\" [gutterColor]=\"'#fff'\" [visibleTransition]=\"true\"\r\n          *ngIf=\"chooseTemplate; else attach\" [cacheLayout]=\"'prepare.details.phase.content'\">\r\n          <eo-split-area [size]=\"40\">\r\n\r\n            <!-- list of available templates -->\r\n            <eo-list-container #eoList [loading]=\"false\" class=\"templates\">\r\n              <div class=\"eo-header\">\r\n                <eo-icon class=\"eo-header-icon\" [iconSrc]=\"'assets/_default/svg/ic_template.svg'\"></eo-icon>\r\n                <div class=\"eo-header-info\">\r\n                  <div class=\"eo-header-title\" translate>eo.prepare.template.list.title</div>\r\n                </div>\r\n                <div class=\"eo-header-actions\">\r\n\r\n                  <eo-overlay #oFilter [iconSrc]=\"'assets/_default/svg/ic_filter.svg'\" [iconClass]=\"'primary'\"\r\n                    class=\"overlay-filter\" [title]=\"'eo.list.filter' | translate\"\r\n                    (active)=\"oFilter.onActiveChanged($event)\">\r\n                    <eo-custom-filter #cFilter (change)=\"cFilter.updateGrid(eoList.eoGridSubject, $event)\"\r\n                      (active)=\"oFilter.onActiveChanged($event)\">\r\n                      <eo-text-filter [title]=\"'eo.prepare.template.filter.text.title' | translate\"\r\n                        [matchFields]=\"['title', 'description', 'tags']\"\r\n                        [placeholder]=\"'eo.prepare.template.filter.text.title'\"></eo-text-filter>\r\n                      <eo-set-filter [operator]=\"'OR'\" [title]=\"'eo.prepare.template.filter.set.title' | translate\"\r\n                        *ngIf=\"tagFilterOptions?.length\" [options]=\"tagFilterOptions\"></eo-set-filter>\r\n                    </eo-custom-filter>\r\n                  </eo-overlay>\r\n\r\n                </div>\r\n              </div>\r\n              <div class=\"eo-body\">\r\n                <eo-grid #eoGrid *ngIf=\"gridOptions?.rowData\" [gridOptions]=\"gridOptions\" [fullWidth]=\"true\"\r\n                  [showHeader]=\"true\" [showFooter]=\"false\" [selectionLimit]=\"1\"\r\n                  (eoGridSelectionChanged)=\"selectTemplate($event[0])\">\r\n                </eo-grid>\r\n              </div>\r\n            </eo-list-container>\r\n\r\n          </eo-split-area>\r\n          <eo-split-area [size]=\"60\">\r\n\r\n            <!-- preview of selected template -->\r\n            <eo-media [previewFile]=\"selectedTemplateFile\"></eo-media>\r\n\r\n          </eo-split-area>\r\n        </eo-split>\r\n\r\n        <!-- add content general overview (upload, template, none) -->\r\n        <ng-template #attach>\r\n\r\n          <div class=\"info\" *ngIf=\"!uploadInProgress\" translate>eo.prepare.attachment.info</div>\r\n          <input type=\"file\" #file (change)=\"fileChangeListener($event.target.files)\">\r\n\r\n          <div class=\"attachments\" *ngIf=\"!uploadInProgress; else uploadspinner\">\r\n\r\n            <!-- upload a file -->\r\n            <div class=\"attachment att-file\" *ngIf=\"preparePhase.data.file\" (click)=\"upload()\">\r\n              <div class=\"img\">\r\n                <eo-icon [iconSrc]=\"'assets/_default/svg/ic_file_upload.svg'\"></eo-icon>\r\n              </div>\r\n              <h3 translate>eo.prepare.attachment.upload.title</h3>\r\n              <p translate>eo.prepare.attachment.upload.desc</p>\r\n            </div>\r\n\r\n            <!-- select a template -->\r\n            <div class=\"attachment att-tmpl\" *ngIf=\"preparePhase.data.templates.length > 0\"\r\n              (click)=\"showTemplateSelector(true)\">\r\n              <div class=\"img\">\r\n                <eo-icon [iconSrc]=\"'assets/_default/svg/ic_prepare_add.svg'\"></eo-icon>\r\n              </div>\r\n              <h3 translate>eo.prepare.attachment.template.title</h3>\r\n              <p translate>eo.prepare.attachment.template.desc</p>\r\n            </div>\r\n\r\n            <!-- no file -->\r\n            <div class=\"attachment att-none\" *ngIf=\"preparePhase.data.withoutFile\" (click)=\"noFile()\">\r\n              <div class=\"img\">\r\n                <eo-icon [iconSrc]=\"'assets/_default/svg/ic_no-file.svg'\"></eo-icon>\r\n              </div>\r\n              <h3 translate>eo.prepare.attachment.nofile.title</h3>\r\n              <p translate>eo.prepare.attachment.nofile.desc</p>\r\n            </div>\r\n\r\n          </div>\r\n\r\n        </ng-template>\r\n\r\n        <!-- upload progress indicator -->\r\n        <ng-template #uploadspinner>\r\n          <div class=\"upload-indicator\">\r\n            <eo-loading-spinner [size]=\"'large'\"></eo-loading-spinner>\r\n          </div>\r\n        </ng-template>\r\n      </div>\r\n\r\n      <!-- PHASE INDEXDATA -->\r\n      <div class=\"phase indexdata\" *ngSwitchCase=\"'indexdata'\">\r\n\r\n        <!-- form and preview -->\r\n        <eo-split [gutterSize]=\"16\" [gutterColor]=\"'#fff'\" [visibleTransition]=\"true\"\r\n          *ngIf=\"preparePhase.data.previewFile; else justform\" [cacheLayout]=\"'prepare.details.phase.indexdata'\">\r\n          <eo-split-area [size]=\"50\">\r\n\r\n            <div class=\"form-files\">\r\n\r\n              <!-- indexdata form -->\r\n              <ng-container *ngTemplateOutlet=\"justform\"></ng-container>\r\n\r\n              <!-- list of contents (in case of bulk upload) that can be previewed -->\r\n              <div class=\"content-select\">\r\n\r\n                <h2 translate>eo.prepare.details.contents.title</h2>\r\n                <div class=\"content\"\r\n                  *ngFor=\"let content of preparedItem.contents; trackBy: trackByIndexFn; index as idx\"\r\n                  [ngClass]=\"{selected: preparePhase.data.previewIndex === idx}\" (click)=\"setPreviewUri(idx)\">\r\n                  {{content.path}} <span *ngIf=\"content.existscount > 0\" class=\"attention\" title=\"{{'eo.prepare.content.existscount.message'|translate: ({count: content.existscount})}}\">!</span>\r\n                </div>\r\n              </div>\r\n            </div>\r\n\r\n          </eo-split-area>\r\n          <eo-split-area [size]=\"50\">\r\n            <div class=\"eo-media-wrap\">\r\n              <eo-prepare-content-exists-info [content]=\"preparedItem.contents[preparePhase.data.previewIndex]\">\r\n              </eo-prepare-content-exists-info>\r\n              <eo-media [previewFile]=\"preparePhase.data.previewFile\"></eo-media>\r\n            </div>\r\n          </eo-split-area>\r\n        </eo-split>\r\n\r\n        <!-- just the form -->\r\n        <ng-template #justform>\r\n          <div class=\"form-container situation-create\" *ngIf=\"formOptions\">\r\n            <eo-object-form #form [formOptions]=\"formOptions\" (statusChanged)=\"onFormStatusChanged($event)\">\r\n            </eo-object-form>\r\n          </div>\r\n        </ng-template>\r\n\r\n      </div>\r\n\r\n    </div>\r\n\r\n  </section>\r\n\r\n  <ng-template #spinner>\r\n    <div class=\"eo-body\">\r\n      <eo-loading-spinner size=\"medium\"></eo-loading-spinner>\r\n    </div>\r\n  </ng-template>\r\n\r\n</div>\r\n\r\n<ng-template #mainSpinner>\r\n  <div class=\"prepareDetails__main-spinner\">\r\n    <eo-loading-spinner size=\"medium\"></eo-loading-spinner>\r\n  </div>\r\n</ng-template>\r\n\r\n\r\n<ng-template #noItem>\r\n  <eo-error-message [emptyState]=\"{icon: emptyState.icon, text: emptyState.text, className: emptyState.className}\">\r\n    <ng-content select=\".error\"></ng-content>\r\n  </eo-error-message>\r\n</ng-template>\r\n\r\n<eo-dialog [title]=\"'eo.prepare.details.delete.dialog.title' | translate\"\r\n  [(visible)]=\"showDeleteDialog\" [focusOnShow]=\"false\" [minWidth]=\"400\" [styleClass]=\"'prepare-delete__dialog'\">\r\n\r\n<div>{{'eo.prepare.details.delete.dialog.message' | translate}}</div>\r\n\r\n  <div class=\"action-buttons prepare-delete--action-buttons flex-row\">\r\n    <button type=\"button\" class=\"button cancel\" (click)=\"showDeleteDialog = false\"\r\n      translate>eo.prepare.details.delete.dialog.cancel</button>\r\n    <button type=\"button\" #confirmDelete (click)=\"removeItem(preparedItem)\" class=\"button primary\"\r\n      translate>eo.prepare.details.delete.dialog.ok</button>\r\n  </div>\r\n</eo-dialog>\r\n\r\n<eo-dialog [title]=\"'eo.prepare.details.delete.content.dialog.title' | translate\"\r\n  [(visible)]=\"showContentDeleteDialog\" [minWidth]=\"400\" [styleClass]=\"'prepare-delete__dialog'\">\r\n\r\n<div>{{'eo.prepare.details.delete.content.dialog.message' | translate: ({contentPath: preparedItem?.contents ? preparedItem?.contents[deletedContentIndex]?.path : ''})}}</div>\r\n\r\n  <div class=\"action-buttons prepare-delete--action-buttons flex-row\">\r\n    <button type=\"button\" class=\"button cancel\" (click)=\"showContentDeleteDialog = false\"\r\n      translate>eo.prepare.details.delete.dialog.cancel</button>\r\n    <button type=\"button\" #confirmContentDelete (click)=\"removeItemContent(preparedItem, deletedContentIndex)\" class=\"button primary\"\r\n      translate>eo.prepare.details.delete.dialog.ok</button>\r\n  </div>\r\n</eo-dialog>\r\n",
+                    template: "<div class=\"prepareDetails__wrapper\" *ngIf=\"!loading; else mainSpinner\">\r\n  <section class=\"prepareDetails\" *ngIf=\"preparedItem && preparePhase; else noItem\"\r\n    [ngClass]=\"{multifile: preparedItem.contentcount > 1, committing: committing}\">\r\n    <div class=\"eo-head\">\r\n\r\n      <div class=\"header-info\">\r\n        <div class=\"header-title\">{{header.title}}</div>\r\n        <div class=\"header-sub-title h-location\" *ngIf=\"!header.location.link; else linked\">{{header.location.label}}\r\n        </div>\r\n        <div class=\"header-sub-title h-subtitle\">{{header.subtitle}}</div>\r\n\r\n        <ng-template #linked>\r\n          <div class=\"header-sub-title h-subtitle-detailed\">\r\n            <span translate>eo.prepare.location.title.prefix</span>\r\n            <a [routerLink]=\"header.location.link\">{{header.location.label}}</a>\r\n          </div>\r\n        </ng-template>\r\n      </div>\r\n\r\n      <div class=\"actions\">\r\n        <eo-icon class=\"btn btn-download\"\r\n          *ngIf=\"preparePhase.name === 'content' ? selectedTemplateFile : preparePhase.data.previewFile\"\r\n          [iconSrc]=\"'assets/_default/svg/ic_content-download.svg'\"\r\n          [iconTitle]=\"('eo.action.download.dms.object.content.label' | translate)\" (click)=\"download()\"></eo-icon>\r\n        <eo-icon class=\"btn btn-delete\" [iconSrc]=\"'assets/_default/svg/ic_trash.svg'\"\r\n          (click)=\"showDeleteDialog = true;\"></eo-icon>\r\n        <!-- buttons while choosing a template -->\r\n        <ng-container *ngIf=\"chooseTemplate\">\r\n          <button class=\"btn-tpl-abort\" (click)=\"showTemplateSelector(false)\"\r\n            translate>eo.prepare.template.abort</button>\r\n          <button class=\"primary btn-tpl-apply\" (click)=\"addTemplate(selectedTemplate)\" [disabled]=\"!selectedTemplate\"\r\n            translate>eo.prepare.template.select</button>\r\n        </ng-container>\r\n\r\n        <ng-container *ngIf=\"preparePhase.name === 'indexdata'\">\r\n          <button (click)=\"commit()\" class=\"btn-idx-save\"\r\n            [ngClass]=\"{primary: preparedItem.state.parentisroot && preparedItem.contentcount > 1}\"\r\n            [disabled]=\"formState?.invalid || committing\" translate>eo.prepare.save</button>\r\n\r\n          <button (click)=\"commit(true)\" [disabled]=\"formState?.invalid || committing\" class=\"primary btn-idx-saveopen\"\r\n            [hidden]=\"preparedItem?.state.parentisroot && preparedItem?.contentcount > 1\"\r\n            translate>eo.prepare.saveopen</button>\r\n\r\n        </ng-container>\r\n      </div>\r\n\r\n    </div>\r\n\r\n    <div class=\"eo-body\" [ngSwitch]=\"preparePhase.name\" *ngIf=\"!committing; else spinner\">\r\n\r\n      <!-- PHASE TYPE -->\r\n      <div class=\"phase type\" *ngSwitchCase=\"'type'\">\r\n\r\n        <!-- with preview -->\r\n        <eo-split [gutterSize]=\"16\" [gutterColor]=\"'#fff'\" [visibleTransition]=\"true\"\r\n          *ngIf=\"preparePhase.data.previewFile; else nopreview\" [cacheLayout]=\"'prepare.details.phase.type'\">\r\n          <eo-split-area [size]=\"30\">\r\n\r\n            <div class=\"form-files\">\r\n              <div class=\"object-type-select empty\" *ngIf=\"preparedItem.types.length == 0\" translate>\r\n                eo.prepare.details.type.empty</div>\r\n              <div class=\"object-type-select empty\"\r\n                *ngIf=\"!preparedItem.state.typeselectedallowed && preparedItem.state.typeselected\"\r\n                [translateParams]=\"{type: preparedItem.selectedtype.label, filename: getFileNames(preparedItem)}\"\r\n                translate>eo.prepare.details.type.notallowed</div>\r\n\r\n              <div class=\"object-type-select\">\r\n                <div class=\"object-type\" *ngFor=\"let type of preparedItem.types; trackBy: trackByIdFn\"\r\n                  (click)=\"selectObjectType(type)\">\r\n                  <div class=\"type-icon\">\r\n                    <eo-icon [iconId]=\"type.icon.id\"></eo-icon>\r\n                  </div>\r\n                  <div class=\"content\">\r\n                    <div class=\"title\">{{type.label}}</div>\r\n                    <div class=\"description\">{{type.description}}</div>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n\r\n\r\n              <div class=\"content-select\">\r\n                <h2 translate>eo.prepare.details.contents.title</h2>\r\n                <div class=\"content\"\r\n                  *ngFor=\"let content of preparedItem.contents; trackBy: trackByIndexFn; index as idx;\"\r\n                  [ngClass]=\"{selected: preparePhase.data.previewIndex == idx}\" (click)=\"setPreviewUri(idx)\">\r\n                  <span>{{content.path}}</span>\r\n                  <eo-icon class=\"btn btn-delete-content\" [iconSrc]=\"'assets/_default/svg/ic_trash.svg'\"\r\n                  (click)=\"showContentDeleteDialog = true; deletedContentIndex = idx;\"></eo-icon>\r\n                  <div *ngIf=\"content.existscount > 0\" class=\"attention\" title=\"{{'eo.prepare.content.existscount.message'|translate: ({count: content.existscount})}}\">!</div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </eo-split-area>\r\n          <eo-split-area [size]=\"70\">\r\n            <div class=\"eo-media-wrap\">\r\n              <eo-prepare-content-exists-info [content]=\"preparedItem.contents[preparePhase.data.previewIndex]\">\r\n              </eo-prepare-content-exists-info>\r\n              <eo-media [previewFile]=\"preparePhase.data.previewFile\"></eo-media>\r\n            </div>\r\n          </eo-split-area>\r\n        </eo-split>\r\n\r\n        <!-- without preview -->\r\n        <ng-template #nopreview>\r\n          <div class=\"form-files\">\r\n            <div class=\"object-type-select\">\r\n              <div class=\"object-type\" *ngFor=\"let type of preparedItem.types; trackBy: trackByIdFn\"\r\n                (click)=\"selectObjectType(type)\">\r\n                <div class=\"type-icon\">\r\n                  <eo-icon [iconId]=\"type.icon.id\"></eo-icon>\r\n                </div>\r\n                <div class=\"content\">\r\n                  <div class=\"title\">{{type.label}}</div>\r\n                  <div class=\"description\">{{type.description}}</div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </ng-template>\r\n\r\n      </div>\r\n\r\n      <!-- PHASE CONTENT -->\r\n      <div class=\"phase content\" *ngSwitchCase=\"'content'\">\r\n\r\n        <!-- panel for selecting a template to be used as items content -->\r\n        <eo-split [gutterSize]=\"16\" [gutterColor]=\"'#fff'\" [visibleTransition]=\"true\"\r\n          *ngIf=\"chooseTemplate; else attach\" [cacheLayout]=\"'prepare.details.phase.content'\">\r\n          <eo-split-area [size]=\"40\">\r\n\r\n            <!-- list of available templates -->\r\n            <eo-list-container #eoList [loading]=\"false\" class=\"templates\">\r\n              <div class=\"eo-header\">\r\n                <eo-icon class=\"eo-header-icon\" [iconSrc]=\"'assets/_default/svg/ic_template.svg'\"></eo-icon>\r\n                <div class=\"eo-header-info\">\r\n                  <div class=\"eo-header-title\" translate>eo.prepare.template.list.title</div>\r\n                </div>\r\n                <div class=\"eo-header-actions\">\r\n\r\n                  <eo-overlay #oFilter [iconSrc]=\"'assets/_default/svg/ic_filter.svg'\" [iconClass]=\"'primary'\"\r\n                    class=\"overlay-filter\" [title]=\"'eo.list.filter' | translate\"\r\n                    (active)=\"oFilter.onActiveChanged($event)\">\r\n                    <eo-custom-filter #cFilter (change)=\"cFilter.updateGrid(eoList.eoGridSubject, $event)\"\r\n                      (active)=\"oFilter.onActiveChanged($event)\">\r\n                      <eo-text-filter [title]=\"'eo.prepare.template.filter.text.title' | translate\"\r\n                        [matchFields]=\"['title', 'description', 'tags']\"\r\n                        [placeholder]=\"'eo.prepare.template.filter.text.title'\"></eo-text-filter>\r\n                      <eo-set-filter [operator]=\"'OR'\" [title]=\"'eo.prepare.template.filter.set.title' | translate\"\r\n                        *ngIf=\"tagFilterOptions?.length\" [options]=\"tagFilterOptions\"></eo-set-filter>\r\n                    </eo-custom-filter>\r\n                  </eo-overlay>\r\n\r\n                </div>\r\n              </div>\r\n              <div class=\"eo-body\">\r\n                <eo-grid #eoGrid *ngIf=\"gridOptions?.rowData\" [gridOptions]=\"gridOptions\" [fullWidth]=\"true\"\r\n                  [showHeader]=\"true\" [showFooter]=\"false\" [selectionLimit]=\"1\"\r\n                  (eoGridSelectionChanged)=\"selectTemplate($event[0])\">\r\n                </eo-grid>\r\n              </div>\r\n            </eo-list-container>\r\n\r\n          </eo-split-area>\r\n          <eo-split-area [size]=\"60\">\r\n\r\n            <!-- preview of selected template -->\r\n            <eo-media [previewFile]=\"selectedTemplateFile\"></eo-media>\r\n\r\n          </eo-split-area>\r\n        </eo-split>\r\n\r\n        <!-- add content general overview (upload, template, none) -->\r\n        <ng-template #attach>\r\n\r\n          <div class=\"info\" *ngIf=\"!uploadInProgress\" translate>eo.prepare.attachment.info</div>\r\n          <input type=\"file\" #file (change)=\"fileChangeListener($event.target.files)\">\r\n\r\n          <div class=\"attachments\" *ngIf=\"!uploadInProgress; else uploadspinner\">\r\n\r\n            <!-- upload a file -->\r\n            <div class=\"attachment att-file\" *ngIf=\"preparePhase.data.file\" (click)=\"upload()\">\r\n              <div class=\"img\">\r\n                <eo-icon [iconSrc]=\"'assets/_default/svg/ic_file_upload.svg'\"></eo-icon>\r\n              </div>\r\n              <h3 translate>eo.prepare.attachment.upload.title</h3>\r\n              <p translate>eo.prepare.attachment.upload.desc</p>\r\n            </div>\r\n\r\n            <!-- select a template -->\r\n            <div class=\"attachment att-tmpl\" *ngIf=\"preparePhase.data.templates.length > 0 && hasTemplateCapability()\"\r\n              (click)=\"showTemplateSelector(true)\">\r\n              <div class=\"img\">\r\n                <eo-icon [iconSrc]=\"'assets/_default/svg/ic_prepare_add.svg'\"></eo-icon>\r\n              </div>\r\n              <h3 translate>eo.prepare.attachment.template.title</h3>\r\n              <p translate>eo.prepare.attachment.template.desc</p>\r\n            </div>\r\n\r\n            <!-- no file -->\r\n            <div class=\"attachment att-none\" *ngIf=\"preparePhase.data.withoutFile\" (click)=\"noFile()\">\r\n              <div class=\"img\">\r\n                <eo-icon [iconSrc]=\"'assets/_default/svg/ic_no-file.svg'\"></eo-icon>\r\n              </div>\r\n              <h3 translate>eo.prepare.attachment.nofile.title</h3>\r\n              <p translate>eo.prepare.attachment.nofile.desc</p>\r\n            </div>\r\n\r\n          </div>\r\n\r\n        </ng-template>\r\n\r\n        <!-- upload progress indicator -->\r\n        <ng-template #uploadspinner>\r\n          <div class=\"upload-indicator\">\r\n            <eo-loading-spinner [size]=\"'large'\"></eo-loading-spinner>\r\n          </div>\r\n        </ng-template>\r\n      </div>\r\n\r\n      <!-- PHASE INDEXDATA -->\r\n      <div class=\"phase indexdata\" *ngSwitchCase=\"'indexdata'\">\r\n\r\n        <!-- form and preview -->\r\n        <eo-split [gutterSize]=\"16\" [gutterColor]=\"'#fff'\" [visibleTransition]=\"true\"\r\n          *ngIf=\"preparePhase.data.previewFile; else justform\" [cacheLayout]=\"'prepare.details.phase.indexdata'\">\r\n          <eo-split-area [size]=\"50\">\r\n\r\n            <div class=\"form-files\">\r\n\r\n              <!-- indexdata form -->\r\n              <ng-container *ngTemplateOutlet=\"justform\"></ng-container>\r\n\r\n              <!-- list of contents (in case of bulk upload) that can be previewed -->\r\n              <div class=\"content-select\">\r\n\r\n                <h2 translate>eo.prepare.details.contents.title</h2>\r\n                <div class=\"content\"\r\n                  *ngFor=\"let content of preparedItem.contents; trackBy: trackByIndexFn; index as idx\"\r\n                  [ngClass]=\"{selected: preparePhase.data.previewIndex === idx}\" (click)=\"setPreviewUri(idx)\">\r\n                  {{content.path}} <span *ngIf=\"content.existscount > 0\" class=\"attention\" title=\"{{'eo.prepare.content.existscount.message'|translate: ({count: content.existscount})}}\">!</span>\r\n                </div>\r\n              </div>\r\n            </div>\r\n\r\n          </eo-split-area>\r\n          <eo-split-area [size]=\"50\">\r\n            <div class=\"eo-media-wrap\">\r\n              <eo-prepare-content-exists-info [content]=\"preparedItem.contents[preparePhase.data.previewIndex]\">\r\n              </eo-prepare-content-exists-info>\r\n              <eo-media [previewFile]=\"preparePhase.data.previewFile\"></eo-media>\r\n            </div>\r\n          </eo-split-area>\r\n        </eo-split>\r\n\r\n        <!-- just the form -->\r\n        <ng-template #justform>\r\n          <div class=\"form-container situation-create\" *ngIf=\"formOptions\">\r\n            <eo-object-form #form [formOptions]=\"formOptions\" (statusChanged)=\"onFormStatusChanged($event)\">\r\n            </eo-object-form>\r\n          </div>\r\n        </ng-template>\r\n\r\n      </div>\r\n\r\n    </div>\r\n\r\n  </section>\r\n\r\n  <ng-template #spinner>\r\n    <div class=\"eo-body\">\r\n      <eo-loading-spinner size=\"medium\"></eo-loading-spinner>\r\n    </div>\r\n  </ng-template>\r\n\r\n</div>\r\n\r\n<ng-template #mainSpinner>\r\n  <div class=\"prepareDetails__main-spinner\">\r\n    <eo-loading-spinner size=\"medium\"></eo-loading-spinner>\r\n  </div>\r\n</ng-template>\r\n\r\n\r\n<ng-template #noItem>\r\n  <eo-error-message [emptyState]=\"{icon: emptyState.icon, text: emptyState.text, className: emptyState.className}\">\r\n    <ng-content select=\".error\"></ng-content>\r\n  </eo-error-message>\r\n</ng-template>\r\n\r\n<eo-dialog [title]=\"'eo.prepare.details.delete.dialog.title' | translate\"\r\n  [(visible)]=\"showDeleteDialog\" [focusOnShow]=\"false\" [minWidth]=\"400\" [styleClass]=\"'prepare-delete__dialog'\">\r\n\r\n<div>{{'eo.prepare.details.delete.dialog.message' | translate}}</div>\r\n\r\n  <div class=\"action-buttons prepare-delete--action-buttons flex-row\">\r\n    <button type=\"button\" class=\"button cancel\" (click)=\"showDeleteDialog = false\"\r\n      translate>eo.prepare.details.delete.dialog.cancel</button>\r\n    <button type=\"button\" #confirmDelete (click)=\"removeItem(preparedItem)\" class=\"button primary\"\r\n      translate>eo.prepare.details.delete.dialog.ok</button>\r\n  </div>\r\n</eo-dialog>\r\n\r\n<eo-dialog [title]=\"'eo.prepare.details.delete.content.dialog.title' | translate\"\r\n  [(visible)]=\"showContentDeleteDialog\" [minWidth]=\"400\" [styleClass]=\"'prepare-delete__dialog'\">\r\n\r\n<div>{{'eo.prepare.details.delete.content.dialog.message' | translate: ({contentPath: preparedItem?.contents ? preparedItem?.contents[deletedContentIndex]?.path : ''})}}</div>\r\n\r\n  <div class=\"action-buttons prepare-delete--action-buttons flex-row\">\r\n    <button type=\"button\" class=\"button cancel\" (click)=\"showContentDeleteDialog = false\"\r\n      translate>eo.prepare.details.delete.dialog.cancel</button>\r\n    <button type=\"button\" #confirmContentDelete (click)=\"removeItemContent(preparedItem, deletedContentIndex)\" class=\"button primary\"\r\n      translate>eo.prepare.details.delete.dialog.ok</button>\r\n  </div>\r\n</eo-dialog>\r\n",
                     styles: [":host{height:100%}:host .prepareDetails{background:var(--panel-background-grey);display:flex;flex:1;flex-direction:column;height:100%;min-height:0;min-width:0;overflow-y:auto}:host .prepareDetails .eo-media-wrap{display:flex;flex-flow:column;height:100%}:host .prepareDetails .eo-media-wrap eo-media{flex:1;position:relative}:host .prepareDetails__wrapper{height:100%}:host .prepareDetails__main-spinner{align-items:center;display:flex;height:100%;justify-content:center}:host .prepareDetails .content-select{display:none}:host .prepareDetails .eo-head{background-color:var(--color-white);display:flex;flex-flow:row nowrap}:host .prepareDetails .eo-head .header-info{color:var(--text-color-caption);flex:1 1 auto;font-size:var(--font-caption)}:host .prepareDetails .eo-head .header-info .header-title{color:var(--text-color-body);font-size:var(--font-title);padding-bottom:calc(var(--app-pane-padding)/2)}:host .prepareDetails .eo-head .header-info a{color:var(--color-accent);cursor:pointer;text-decoration:none}:host .prepareDetails .eo-head .actions{align-items:center;align-self:flex-start;display:flex}[dir=ltr] :host .prepareDetails .eo-head .actions button{margin-left:calc(var(--app-pane-padding)/2)}[dir=rtl] :host .prepareDetails .eo-head .actions button{margin-right:calc(var(--app-pane-padding)/2)}:host .prepareDetails .eo-head .actions eo-icon{cursor:pointer;padding:calc(var(--app-pane-padding)/4)}:host .prepareDetails .eo-body{overflow-y:hidden}:host .prepareDetails .eo-body eo-split-area{border-top:1px solid rgba(var(--color-black-rgb),.08);box-sizing:border-box}:host .prepareDetails .phase{height:100%;overflow-y:auto}:host .prepareDetails .phase.content{align-items:center;display:flex;flex-flow:column;justify-content:center}:host .prepareDetails .phase.content ::ng-deep eo-list-container.templates{background:linear-gradient(90deg,#fff 70%,var(--panel-background-lightgrey))}:host .prepareDetails .phase.content ::ng-deep eo-list-container.templates eo-grid ag-grid-angular.ag-theme-balham .chip:last-of-type:after{background:transparent!important}:host .prepareDetails .phase.content input[type=file]{display:none}:host .prepareDetails .phase.content .info{color:var(--text-color-caption);flex:0 0 auto;margin-bottom:var(--app-pane-padding)}:host .prepareDetails .phase.content .attachments{display:flex;flex:0 0 auto;flex-flow:row}:host .prepareDetails .phase.content .attachments .attachment:hover .img eo-icon{opacity:1}:host .prepareDetails .phase.content .attachments .attachment{background:var(--color-white);border-bottom:1px solid rgba(var(--color-black-rgb),.1);cursor:pointer;margin:calc(var(--app-pane-padding)/2);max-width:200px}:host .prepareDetails .phase.content .attachments .attachment .img{align-items:center;background:var(--color-accent);display:flex;flex-flow:column;justify-content:center;padding:calc(var(--app-pane-padding)*2) 0}:host .prepareDetails .phase.content .attachments .attachment .img eo-icon{-moz-transition:all var(--app-default-transition-duration) ease-in-out;-o-transition:all var(--app-default-transition-duration) ease-in-out;-webkit-transition:all var(--app-default-transition-duration) ease-in-out;color:var(--color-white);height:48px;opacity:.5;transition:all var(--app-default-transition-duration) ease-in-out;width:48px}:host .prepareDetails .phase.content .attachments .attachment h3{font-size:var(--font-subhead);font-weight:var(--font-weight-normal);margin:0;padding:calc(var(--app-pane-padding)/2) var(--app-pane-padding)}:host .prepareDetails .phase.content .attachments .attachment p{color:var(--text-color-caption);margin:0;padding:0 var(--app-pane-padding) var(--app-pane-padding) var(--app-pane-padding)}:host .prepareDetails .phase div[eosplitgutter]{background-color:var(--color-light-blue)!important}:host .prepareDetails .phase.type .form-files .object-type-select{flex:1 1 auto;overflow-y:auto;padding:var(--app-pane-padding)}:host .prepareDetails .phase.type .form-files .object-type-select .object-type{-moz-transition:all var(--app-default-transition-duration) ease-in-out;-o-transition:all var(--app-default-transition-duration) ease-in-out;-webkit-transition:all var(--app-default-transition-duration) ease-in-out;align-items:center;background:var(--color-white);cursor:pointer;display:flex;flex-flow:row nowrap;margin-bottom:1px;padding:calc(var(--app-pane-padding)/2);transition:all var(--app-default-transition-duration) ease-in-out}:host .prepareDetails .phase.type .form-files .object-type-select .object-type .type-icon{color:var(--text-color-hint)}:host .prepareDetails .phase.type .form-files .object-type-select .object-type .content{overflow:hidden;padding-left:calc(var(--app-pane-padding)/2)}:host .prepareDetails .phase.type .form-files .object-type-select .object-type .content .title{font-weight:var(--font-weight-bold);overflow:hidden;text-overflow:ellipsis}:host .prepareDetails .phase.type .form-files .object-type-select .object-type .content .description{color:var(--text-color-caption);overflow:hidden;text-overflow:ellipsis}:host .prepareDetails .phase .form-container eo-object-form{display:block;margin:var(--app-pane-padding)}:host .prepareDetails.committing .eo-head .actions .btn,:host .prepareDetails.committing .eo-head .actions button{display:none}:host .prepareDetails.committing .eo-body{align-items:center;display:flex;flex-flow:column;justify-content:center}:host .prepareDetails.multifile .form-files{bottom:0;display:flex;flex-flow:column;left:0;position:absolute;right:0;top:0}:host .prepareDetails.multifile .form-files .form-container{flex:1 1 auto;overflow-y:auto}:host .prepareDetails.multifile .content-select{border-top:1px solid var(--main-background);box-sizing:border-box;display:block;flex:0 0 30%;overflow-y:auto;padding:calc(var(--app-pane-padding)/2)}:host .prepareDetails.multifile .content-select h2{color:var(--text-color-caption);font-size:var(--font-subhead);font-weight:var(--font-weight-normal);margin:0;padding:calc(var(--app-pane-padding)/2);padding-bottom:var(--app-pane-padding)}:host .prepareDetails.multifile .content-select .content{-moz-transition:all var(--app-default-transition-duration) ease-in-out;-o-transition:all var(--app-default-transition-duration) ease-in-out;-webkit-transition:all var(--app-default-transition-duration) ease-in-out;background:var(--color-white);color:var(--text-color-caption);cursor:pointer;display:flex;gap:8px;justify-content:space-between;margin-bottom:calc(var(--app-pane-padding)/2);overflow:hidden;padding:calc(var(--app-pane-padding)/2);text-overflow:ellipsis;transition:all var(--app-default-transition-duration) ease-in-out}:host .prepareDetails.multifile .content-select .content>span{flex:1;overflow:hidden;text-overflow:ellipsis}:host .prepareDetails.multifile .content-select .content .btn-delete-content{color:var(--text-color-caption);flex:0 0 16px;height:16px;width:16px}:host .prepareDetails.multifile .content-select .content .btn-delete-content:hover{background-color:var(--text-color-hint)}:host .prepareDetails.multifile .content-select .content div.attention{border:1px solid var(--color-warning);border-radius:2px;color:var(--color-warning);display:block;flex:0 0 auto;line-height:1em;padding:0 4px;right:4px;top:8px}:host .prepareDetails.multifile .content-select .content.selected{color:var(--color-accent)}:host .prepareDetails.multifile .content-select .content:hover{background:var(--panel-background-lightgrey)}:host ::ng-deep eo-grid,:host ::ng-deep eo-grid ag-grid-angular.ag-theme-balham,:host ::ng-deep eo-grid ag-grid-angular.ag-theme-balham .ag-row{background:transparent}:host ::ng-deep eo-grid ag-grid-angular.ag-theme-balham .ag-row:hover{background:var(--panel-background-lightgrey)}:host ::ng-deep eo-grid ag-grid-angular.ag-theme-balham .ag-row .ag-cell{border-bottom-color:var(--panel-header-border-bottom-color)}:host ::ng-deep eo-list-container .eo-head{height:48px}:host ::ng-deep eo-list-container .eo-grid-footer,:host ::ng-deep eo-list-container .eo-grid-header,:host ::ng-deep eo-list-container .eo-head{background:transparent;border-color:var(--panel-header-border-bottom-color)}:host ::ng-deep .eo-head .eo-header .eo-header-actions eo-icon{color:var(--text-color-hint)!important}:host ::ng-deep .eo-head .eo-header .eo-header-actions eo-icon:hover{color:var(--text-color-caption)!important}:host ::ng-deep .eo-head .eo-header .eo-header-actions eo-icon.active{color:var(--color-accent)!important}:host ::ng-deep .eo-header-icon,:host ::ng-deep .eo-header-title,:host ::ng-deep .template{color:var(--text-color-caption)}:host ::ng-deep .template{cursor:pointer;margin-bottom:1px}:host ::ng-deep .template .title{font-size:var(--font-body);font-weight:var(--font-weight-bold)}:host ::ng-deep .template .description{color:var(--text-color-caption)}:host ::ng-deep .template .chip{display:initial!important}::ng-deep .prepare-delete__dialog{min-height:unset!important;padding:8px}::ng-deep .prepare-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}"]
                 },] }
     ];
@@ -22421,7 +22451,8 @@
         { type: i1.NotificationsService },
         { type: i1.SystemService },
         { type: SelectionService },
-        { type: i1.BackendService }
+        { type: i1.BackendService },
+        { type: i1.CapabilitiesService }
     ]; };
     PrepareDetailsComponent.propDecorators = {
         file: [{ type: i0.ViewChild, args: ['file',] }],
@@ -22439,7 +22470,7 @@
     var InboxDetailsComponent = /** @class */ (function (_super) {
         __extends(InboxDetailsComponent, _super);
-        function InboxDetailsComponent(bpmService, userService, inboxService, selection, router, eventService, clipboardService, translate, pendingChanges, notify) {
+        function InboxDetailsComponent(bpmService, userService, inboxService, selection, router, eventService, clipboardService, translate, pendingChanges, notify, storageService) {
             var _this = _super.call(this) || this;
             _this.bpmService = bpmService;
             _this.userService = userService;
@@ -22451,11 +22482,12 @@
             _this.translate = translate;
             _this.pendingChanges = pendingChanges;
             _this.notify = notify;
+            _this.storageService = storageService;
             _this.actionProcessing = { closed: true };
             _this.initializing = { closed: true };
             _this.filesAdding = { closed: true };
+            _this.storageKeyLastItemID = 'eo.inbox.lastItemID';
             _this.externalPanels = new i0.QueryList();
-            _this.onDmsItemSelected = new i0.EventEmitter();
             _this.addDefaultActionIfEmpty = function (res) {
                 var _a;
                 if (!((_a = res.actions) === null || _a === void 0 ? void 0 : _a.length)) {
@@ -22685,13 +22717,12 @@
             }
         };
         /**
-         * Selects a work items file entry an emits onDmsItemSelected event.
+         * Selects a work items file entry.
          * @param file FileEntry element to be selected
          */
         InboxDetailsComponent.prototype.openWorkItemContent = function (file) {
             if (!file) {
                 this.selectedContentFileId = null;
-                this.onDmsItemSelected.emit(null);
                 if (this.applySelection) {
                     this.selection.find(this.applySelection.out).focus(null);
                 }
@@ -22702,7 +22733,6 @@
                     id: file.id,
                     type: file.type
                 };
-                this.onDmsItemSelected.emit(params);
                 if (this.applySelection) {
                     this.selection.find(this.applySelection.out).focus(params);
                 }
@@ -22849,7 +22879,10 @@
                 this.selection
                     .find(this.applySelection.in)
                     .focus$.pipe(operators.takeUntil(this.componentDestroyed$))
-                    .subscribe(function (item) { return (_this.item = item); });
+                    .subscribe(function (item) {
+                    _this.item = item;
+                    _this.storageService.setItem(_this.storageKeyLastItemID, _this.item.id);
+                });
             }
         };
         InboxDetailsComponent.prototype.ngAfterViewInit = function () {
@@ -22876,7 +22909,8 @@
         { type: i1.ClipboardService },
         { type: i1.TranslateService },
         { type: PendingChangesService },
-        { type: i1.NotificationsService }
+        { type: i1.NotificationsService },
+        { type: i1.LocalStorageService }
     ]; };
     InboxDetailsComponent.propDecorators = {
         bpmFormEl: [{ type: i0.ViewChild, args: ['bpmForm',] }],
@@ -22885,7 +22919,6 @@
         emptyState: [{ type: i0.Input }],
         applySelection: [{ type: i0.Input }],
         item: [{ type: i0.Input, args: ['item',] }],
-        onDmsItemSelected: [{ type: i0.Output }],
         dataType: [{ type: i0.HostBinding, args: ['attr.data-type',] }]
     };
@@ -24515,10 +24548,10 @@
             this.http = http;
             this.userService = userService;
             this.config = config;
-            this.__libraries__ = [{ "name": "@ag-grid-community/angular", "version": "22.1.2", "license": "MIT" }, { "name": "@ag-grid-community/client-side-row-model", "version": "22.1.1", "license": "MIT" }, { "name": "@ag-grid-community/core", "version": "22.1.1", "license": "MIT" }, { "name": "@ag-grid-community/csv-export", "version": "22.1.1", "license": "MIT" }, { "name": "@angular/animations", "version": "11.2.0", "license": "MIT" }, { "name": "@angular/cdk", "version": "11.2.0", "license": "MIT" }, { "name": "@angular/common", "version": "11.2.0", "license": "MIT" }, { "name": "@angular/compiler", "version": "11.2.0", "license": "MIT" }, { "name": "@angular/core", "version": "11.2.0", "license": "MIT" }, { "name": "@angular/forms", "version": "11.2.0", "license": "MIT" }, { "name": "@angular/platform-browser", "version": "11.2.0", "license": "MIT" }, { "name": "@angular/platform-browser-dynamic", "version": "11.2.0", "license": "MIT" }, { "name": "@angular/router", "version": "11.2.0", "license": "MIT" }, { "name": "@eo-sdk/core", "version": "8.16.0-rc.1", "license": "MIT" }, { "name": "@ngx-pwa/local-storage", "version": "11.1.0", "license": "MIT" }, { "name": "@ngx-translate/core", "version": "13.0.0", "license": "MIT" }, { "name": "@types/lodash", "version": "4.14.88", "license": "MIT" }, { "name": "core-js", "version": "2.5.7", "license": "MIT" }, { "name": "file-saver", "version": "2.0.5", "license": "MIT" }, { "name": "font-awesome", "version": "4.7.0", "license": "(OFL-1.1 AND MIT)" }, { "name": "keyboardevent-key-polyfill", "version": "1.1.0", "license": "CC0-1.0" }, { "name": "keycode-js", "version": "0.0.4", "license": "MIT" }, { "name": "mobile-drag-drop", "version": "2.2.0", "license": "MIT" }, { "name": "moment", "version": "2.22.2", "license": "MIT" }, { "name": "ngx-toastr", "version": "13.2.0", "license": "MIT" }, { "name": "primeicons", "version": "1.0.0-beta.6", "license": "MIT" }, { "name": "primeng", "version": "7.0.1", "license": "MIT" }, { "name": "reflect-metadata", "version": "0.1.10", "license": "Apache-2.0" }, { "name": "rxjs", "version": "6.6.3", "license": "Apache-2.0" }, { "name": "tslib", "version": "2.1.0", "license": "0BSD" }, { "name": "zone.js", "version": "0.10.3", "license": "MIT" }];
+            this.__libraries__ = [{ "name": "@ag-grid-community/angular", "version": "22.1.2", "license": "MIT" }, { "name": "@ag-grid-community/client-side-row-model", "version": "22.1.1", "license": "MIT" }, { "name": "@ag-grid-community/core", "version": "22.1.1", "license": "MIT" }, { "name": "@ag-grid-community/csv-export", "version": "22.1.1", "license": "MIT" }, { "name": "@angular/animations", "version": "11.2.0", "license": "MIT" }, { "name": "@angular/cdk", "version": "11.2.0", "license": "MIT" }, { "name": "@angular/common", "version": "11.2.0", "license": "MIT" }, { "name": "@angular/compiler", "version": "11.2.0", "license": "MIT" }, { "name": "@angular/core", "version": "11.2.0", "license": "MIT" }, { "name": "@angular/forms", "version": "11.2.0", "license": "MIT" }, { "name": "@angular/platform-browser", "version": "11.2.0", "license": "MIT" }, { "name": "@angular/platform-browser-dynamic", "version": "11.2.0", "license": "MIT" }, { "name": "@angular/router", "version": "11.2.0", "license": "MIT" }, { "name": "@eo-sdk/core", "version": "8.16.0-rc.3", "license": "MIT" }, { "name": "@ngx-pwa/local-storage", "version": "11.1.0", "license": "MIT" }, { "name": "@ngx-translate/core", "version": "13.0.0", "license": "MIT" }, { "name": "@types/lodash", "version": "4.14.88", "license": "MIT" }, { "name": "core-js", "version": "2.5.7", "license": "MIT" }, { "name": "file-saver", "version": "2.0.5", "license": "MIT" }, { "name": "font-awesome", "version": "4.7.0", "license": "(OFL-1.1 AND MIT)" }, { "name": "keyboardevent-key-polyfill", "version": "1.1.0", "license": "CC0-1.0" }, { "name": "keycode-js", "version": "0.0.4", "license": "MIT" }, { "name": "mobile-drag-drop", "version": "2.2.0", "license": "MIT" }, { "name": "moment", "version": "2.22.2", "license": "MIT" }, { "name": "ngx-toastr", "version": "13.2.0", "license": "MIT" }, { "name": "primeicons", "version": "1.0.0-beta.6", "license": "MIT" }, { "name": "primeng", "version": "7.0.1", "license": "MIT" }, { "name": "reflect-metadata", "version": "0.1.10", "license": "Apache-2.0" }, { "name": "rxjs", "version": "6.6.3", "license": "Apache-2.0" }, { "name": "tslib", "version": "2.1.0", "license": "0BSD" }, { "name": "zone.js", "version": "0.10.3", "license": "MIT" }];
             this.ctrl = {
                 productName: 'yuuvis® RAD client',
-                clientVersion: '8.16.0-rc.1'
+                clientVersion: '8.16.0-rc.3'
             };
             this.licenses = {
                 'MIT': {
@@ -25939,7 +25972,7 @@
     var InboxStateComponent = /** @class */ (function (_super) {
         __extends(InboxStateComponent, _super);
-        function InboxStateComponent(translate, selection, titleService, inboxService, pendingChanges, empty, eventService, route) {
+        function InboxStateComponent(translate, selection, titleService, inboxService, pendingChanges, empty, eventService, route, storageService) {
             var _this = _super.call(this) || this;
             _this.translate = translate;
             _this.selection = selection;
@@ -25949,6 +25982,7 @@
             _this.empty = empty;
             _this.eventService = eventService;
             _this.route = route;
+            _this.storageService = storageService;
             _this.inboxFilterFields = [];
             _this.typeFilterFields = [];
             _this.inboxSelectionId = 'inbox';
@@ -25958,6 +25992,7 @@
             _this.defaultFilterParams = {};
             _this.emptyState = { icon: 'ic_no-file.svg', text: '', className: '' };
             _this.inboxChanged = false;
+            _this.storageKeyLastItemID = 'eo.inbox.lastItemID';
             _this.titleService.setBaseTitle(_this.translate.instant('eo.inbox.list.title'));
             //secondary selection instance for inbox items
             _this.inboxSelection = _this.selection.createNew(_this.inboxSelectionId);
@@ -25994,9 +26029,6 @@
         InboxStateComponent.prototype.hasPendingChanges = function () {
             return this.pendingChanges.hasPendingTask();
         };
-        InboxStateComponent.prototype.onDmsItemSelected = function (data) {
-            this.selectedDmsParams = data;
-        };
         InboxStateComponent.prototype.refreshGrid = function () {
             this.inboxChanged = false;
             this.inboxSelection.disable(false);
@@ -26086,6 +26118,14 @@
                 _this.gridData = data;
                 _this.updateGrid(_this.gridData);
             });
+            var lastInboxItemID = this.storageService.getItem(this.storageKeyLastItemID);
+            if (lastInboxItemID) {
+                var item_1 = this.gridData.find(function (i) { return i.id === lastInboxItemID; });
+                if (item_1) {
+                    this.selectFirst = false;
+                    setTimeout(function () { return _this.eoGrid.selectRow(item_1); }, 500);
+                }
+            }
         };
         InboxStateComponent.prototype.ngOnDestroy = function () {
             this.selection.clear();
@@ -26095,7 +26135,7 @@
     InboxStateComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'eo-inbox-state',
-                    template: "<eo-undock-split>\r\n  <eo-split [gutterSize]=\"16\" [visibleTransition]=\"true\" [cacheLayout]=\"'inbox.state'\">\r\n    <eo-split-area [size]=\"30\" [minSizePixel]=\"300\">\r\n      <ng-template pTemplate=\"content\">\r\n        <eo-list-container #eoList [applySelection]=\"{out: inboxSelectionId}\">\r\n          <div class=\"eo-header\">\r\n\r\n            <eo-icon class=\"eo-header-icon\" [iconSrc]=\"'assets/_default/svg/ic_inbox.svg'\"></eo-icon>\r\n            <div class=\"eo-header-info\">\r\n              <div class=\"eo-header-title\" translate>eo.inbox.list.title</div>\r\n            </div>\r\n            <div class=\"eo-header-actions\">\r\n              <eo-icon class=\"button primary refresh-button\"\r\n                       [ngClass]=\"{inboxChanged: inboxChanged}\"\r\n                       (click)=\"cFilter.resetFilter(); refreshGrid()\"\r\n                       [iconSrc]=\"'assets/_default/svg/ic_refresh.svg'\"\r\n                       [iconTitle]=\"('eo.list.refresh' | translate)\"></eo-icon>\r\n\r\n              <eo-overlay #oFilter class=\"overlay-filter\"\r\n                          [iconSrc]=\"'assets/_default/svg/ic_filter.svg'\"\r\n                          [iconClass]=\"'primary'\"\r\n                          [iconTitle]=\"'eo.list.filter' | translate\">\r\n                <eo-custom-filter #cFilter\r\n                                  (change)=\"cFilter.updateGrid(eoList.eoGridSubject, $event)\"\r\n                                  (active)=\"oFilter.onActiveChanged($event)\">\r\n                  <eo-text-filter [title]=\"'eo.inbox.filter.title' | translate\"\r\n                                  [filterParams]=\"defaultFilterParams\" [id]=\"'inbox.text'\" \r\n                                  [matchFields]=\"['title','description','id']\"></eo-text-filter>\r\n                  <eo-set-filter [operator]=\"'AND'\" [id]=\"'inbox.set'\" [filterParams]=\"defaultFilterParams\" [options]=\"inboxFilterFields\"></eo-set-filter>\r\n                  <eo-set-filter [operator]=\"'OR'\" [id]=\"'inbox.type'\" [filterParams]=\"defaultFilterParams\" [options]=\"typeFilterFields\"\r\n                                 [title]=\"'eo.inbox.filter.section.type' | translate\"></eo-set-filter>\r\n                </eo-custom-filter>\r\n              </eo-overlay>\r\n\r\n              <eo-overlay #oSort class=\"overlay-sort\"\r\n                          [iconSrc]=\"'assets/_default/svg/ic_sort.svg'\"\r\n                          [iconTitle]=\"'eo.list.sort' | translate\"\r\n                          [iconClass]=\"'primary'\">\r\n                <eo-custom-sort #cSort [id]=\"'inbox.sort'\"\r\n                                (change)=\"cSort.updateGrid(eoList.eoGrid, $event)\"\r\n                                (active)=\"oSort.onActiveChanged($event)\"\r\n                                [sortFields]=\"sortFields\"></eo-custom-sort>\r\n              </eo-overlay>\r\n\r\n            </div>\r\n          </div>\r\n          <div class=\"eo-body\">\r\n            <eo-grid #eoGrid\r\n                     *ngIf=\"gridOptions?.rowData\"\r\n                     [gridOptions]=\"gridOptions\"\r\n                     [fullWidth]=\"true\"\r\n                     [showHeader]=\"true\"\r\n                     [showFooter]=\"true\"\r\n                     [selectFirst]=\"selectFirst\"\r\n                     [options]=\"{filterActive: oFilter.active}\"\r\n                     (eoGridCountChanged)=\"eoList.onCountChanged($event);onCountChanged($event)\"\r\n                     (eoGridSelectionChanged)=\"eoList.onSelectionChanged($event)\"\r\n                     (eoGridFocusChanged)=\"eoList.onFocusChanged($event)\">\r\n              <div class=\"header\">\r\n              </div>\r\n\r\n              <div class=\"footer\">\r\n                <eo-total-count [gridCount]=\"eoList.gridCount\" [outsideGrid]=\"false\" class=\"flex-row\"></eo-total-count>\r\n              </div>\r\n\r\n              <div class=\"empty\">\r\n                <eo-error-message\r\n                  [emptyState]=\"{icon: 'ic_inbox.svg', text: oFilter.active ? 'eo.no.filter.result' : 'eo.inbox.list.empty'}\"></eo-error-message>\r\n                <eo-reset-filter [isFilterActive]=\"oFilter.active\" (click)=\"cFilter.resetFilter();cSort.reset();refreshGrid()\"></eo-reset-filter>\r\n              </div>\r\n\r\n            </eo-grid>\r\n          </div>\r\n        </eo-list-container>\r\n      </ng-template>\r\n    </eo-split-area>\r\n    <eo-split-area [size]=\"30\" [minSizePixel]=\"400\">\r\n      <ng-template pTemplate=\"content\">\r\n        <eo-inbox-details [applySelection]=\"{in: inboxSelectionId, out: inboxDmsObjectSelectionId}\" [emptyState]=\"emptyState\">\r\n          <eo-tab-plugin [type]=\"'inbox-details-tab.inbox'\"></eo-tab-plugin>\r\n        </eo-inbox-details>\r\n      </ng-template>\r\n    </eo-split-area>\r\n    <eo-split-area [size]=\"40\" [minSizePixel]=\"400\" [cache]=\"false\">\r\n      <ng-template pTemplate=\"content\">\r\n\r\n        <eo-object-details [applySelection]=\"{in: inboxDmsObjectSelectionId}\" [cacheLayout]=\"'inbox.state.object-details'\">\r\n          <eo-tab-plugin [type]=\"'object-details-tab.inbox'\"></eo-tab-plugin>\r\n        </eo-object-details>\r\n      </ng-template>\r\n    </eo-split-area>\r\n  </eo-split>\r\n</eo-undock-split>\r\n",
+                    template: "<eo-undock-split>\r\n  <eo-split [gutterSize]=\"16\" [visibleTransition]=\"true\" [cacheLayout]=\"'inbox.state'\">\r\n    <eo-split-area [size]=\"30\" [minSizePixel]=\"300\">\r\n      <ng-template pTemplate=\"content\">\r\n        <eo-list-container #eoList [applySelection]=\"{out: inboxSelectionId}\">\r\n          <div class=\"eo-header\">\r\n\r\n            <eo-icon class=\"eo-header-icon\" [iconSrc]=\"'assets/_default/svg/ic_inbox.svg'\"></eo-icon>\r\n            <div class=\"eo-header-info\">\r\n              <div class=\"eo-header-title\" translate>eo.inbox.list.title</div>\r\n            </div>\r\n            <div class=\"eo-header-actions\">\r\n              <eo-icon class=\"button primary refresh-button\"\r\n                       [ngClass]=\"{inboxChanged: inboxChanged}\"\r\n                       (click)=\"cFilter.resetFilter(); refreshGrid()\"\r\n                       [iconSrc]=\"'assets/_default/svg/ic_refresh.svg'\"\r\n                       [iconTitle]=\"('eo.list.refresh' | translate)\"></eo-icon>\r\n\r\n              <eo-overlay #oFilter class=\"overlay-filter\"\r\n                          [iconSrc]=\"'assets/_default/svg/ic_filter.svg'\"\r\n                          [iconClass]=\"'primary'\"\r\n                          [iconTitle]=\"'eo.list.filter' | translate\">\r\n                <eo-custom-filter #cFilter\r\n                                  (change)=\"cFilter.updateGrid(eoList.eoGridSubject, $event)\"\r\n                                  (active)=\"oFilter.onActiveChanged($event)\">\r\n                  <eo-text-filter [title]=\"'eo.inbox.filter.title' | translate\"\r\n                                  [filterParams]=\"defaultFilterParams\" [id]=\"'inbox.text'\"\r\n                                  [matchFields]=\"['title','description','id']\"></eo-text-filter>\r\n                  <eo-set-filter [operator]=\"'AND'\" [id]=\"'inbox.set'\" [filterParams]=\"defaultFilterParams\" [options]=\"inboxFilterFields\"></eo-set-filter>\r\n                  <eo-set-filter [operator]=\"'OR'\" [id]=\"'inbox.type'\" [filterParams]=\"defaultFilterParams\" [options]=\"typeFilterFields\"\r\n                                 [title]=\"'eo.inbox.filter.section.type' | translate\"></eo-set-filter>\r\n                </eo-custom-filter>\r\n              </eo-overlay>\r\n\r\n              <eo-overlay #oSort class=\"overlay-sort\"\r\n                          [iconSrc]=\"'assets/_default/svg/ic_sort.svg'\"\r\n                          [iconTitle]=\"'eo.list.sort' | translate\"\r\n                          [iconClass]=\"'primary'\">\r\n                <eo-custom-sort #cSort [id]=\"'inbox.sort'\"\r\n                                (change)=\"cSort.updateGrid(eoList.eoGrid, $event)\"\r\n                                (active)=\"oSort.onActiveChanged($event)\"\r\n                                [sortFields]=\"sortFields\"></eo-custom-sort>\r\n              </eo-overlay>\r\n\r\n            </div>\r\n          </div>\r\n          <div class=\"eo-body\">\r\n            <eo-grid #eoGrid\r\n                     *ngIf=\"gridOptions?.rowData\"\r\n                     [gridOptions]=\"gridOptions\"\r\n                     [fullWidth]=\"true\"\r\n                     [showHeader]=\"true\"\r\n                     [showFooter]=\"true\"\r\n                     [selectFirst]=\"selectFirst\"\r\n                     [options]=\"{filterActive: oFilter.active}\"\r\n                     (eoGridCountChanged)=\"eoList.onCountChanged($event);onCountChanged($event)\"\r\n                     (eoGridSelectionChanged)=\"eoList.onSelectionChanged($event)\"\r\n                     (eoGridFocusChanged)=\"eoList.onFocusChanged($event)\">\r\n              <div class=\"header\">\r\n              </div>\r\n\r\n              <div class=\"footer\">\r\n                <eo-total-count [gridCount]=\"eoList.gridCount\" [outsideGrid]=\"false\" class=\"flex-row\"></eo-total-count>\r\n              </div>\r\n\r\n              <div class=\"empty\">\r\n                <eo-error-message\r\n                  [emptyState]=\"{icon: 'ic_inbox.svg', text: oFilter.active ? 'eo.no.filter.result' : 'eo.inbox.list.empty'}\"></eo-error-message>\r\n                <eo-reset-filter [isFilterActive]=\"oFilter.active\" (click)=\"cFilter.resetFilter();cSort.reset();refreshGrid()\"></eo-reset-filter>\r\n              </div>\r\n\r\n            </eo-grid>\r\n          </div>\r\n        </eo-list-container>\r\n      </ng-template>\r\n    </eo-split-area>\r\n    <eo-split-area [size]=\"30\" [minSizePixel]=\"400\">\r\n      <ng-template pTemplate=\"content\">\r\n        <eo-inbox-details [applySelection]=\"{in: inboxSelectionId, out: inboxDmsObjectSelectionId}\" [emptyState]=\"emptyState\">\r\n          <eo-tab-plugin [type]=\"'inbox-details-tab.inbox'\"></eo-tab-plugin>\r\n        </eo-inbox-details>\r\n      </ng-template>\r\n    </eo-split-area>\r\n    <eo-split-area [size]=\"40\" [minSizePixel]=\"400\" [cache]=\"false\">\r\n      <ng-template pTemplate=\"content\">\r\n\r\n        <eo-object-details [applySelection]=\"{in: inboxDmsObjectSelectionId}\" [cacheLayout]=\"'inbox.state.object-details'\">\r\n          <eo-tab-plugin [type]=\"'object-details-tab.inbox'\"></eo-tab-plugin>\r\n        </eo-object-details>\r\n      </ng-template>\r\n    </eo-split-area>\r\n  </eo-split>\r\n</eo-undock-split>\r\n",
                     styles: [":host{bottom:var(--app-pane-padding);left:var(--app-pane-padding);position:absolute;right:var(--app-pane-padding);top:var(--app-pane-padding)}:host eo-split-area{background-color:var(--panel-background-grey);box-shadow:0 2px 5px 0 rgba(0,0,0,.2)}:host .inboxChanged,:host .inboxChanged:hover{background:var(--color-success);color:#fff}:host ::ng-deep .ag-cell .list-item{align-items:center;display:flex;flex:1;flex-direction:row;height:80px;min-height:0;min-width:0}:host ::ng-deep .ag-cell .list-item[unselectable]{-moz-user-select:none;-webkit-user-select:none;user-select:none}:host ::ng-deep .ag-cell .list-item .content{display:inline-block;flex:1;max-width:none;overflow:hidden;padding:var(--app-pane-padding);text-overflow:ellipsis;white-space:nowrap}:host ::ng-deep .ag-cell .list-item .content .notes>span{-webkit-border-radius:2px;background-color:var(--color-primary-4);border-radius:2px;color:var(--color-white);font-size:var(--font-hint);padding:1px calc(var(--app-pane-padding)/4) 0 calc(var(--app-pane-padding)/4)}:host ::ng-deep .ag-cell .list-item .content .notes.pastDue span.period{background-color:var(--color-error)}:host ::ng-deep .ag-cell .list-item .content .title{font-size:var(--font-body);font-weight:var(--font-weight-bold)}:host ::ng-deep .ag-cell .list-item .content .description{color:var(--text-color-caption);font-size:var(--font-caption)}:host ::ng-deep .ag-cell .list-item.read .title{font-weight:var(--font-weight-normal)}:host ::ng-deep .ag-cell .list-item .meta{align-items:flex-end;display:flex;flex-flow:column;padding:0 calc(var(--app-pane-padding)/2)}:host ::ng-deep .ag-cell .list-item .meta .date{color:rgba(var(--color-black-rgb),.4)}"]
                 },] }
     ];
@@ -26107,7 +26147,8 @@
         { type: PendingChangesService },
         { type: EmptyStateService },
         { type: i1.EventService },
-        { type: i2.ActivatedRoute }
+        { type: i2.ActivatedRoute },
+        { type: i1.LocalStorageService }
     ]; };
     InboxStateComponent.propDecorators = {
         eoGrid: [{ type: i0.ViewChild, args: ['eoGrid',] }]
@@ -26618,9 +26659,9 @@
     exports.ɵcs = EoClientRoutingModule;
     exports.ɵct = ProcessStateComponent;
     exports.ɵd = AppProcessComponent;
-    exports.ɵe = PipesModule;
-    exports.ɵf = UnsubscribeOnDestroy;
-    exports.ɵg = PendingChangesService;
+    exports.ɵe = PendingChangesService;
+    exports.ɵf = PipesModule;
+    exports.ɵg = UnsubscribeOnDestroy;
     exports.ɵh = QueryScopeSelectComponent;
     exports.ɵi = IndexdataSummaryEntryComponent;
     exports.ɵj = OrderByPipe;