@eo-sdk/client 7.14.0-rc.3 → 7.16.0-rc.1

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

@@ -21544,6 +21544,7 @@
             _this.emptyState = { icon: 'assets/_default/svg/ic_error.svg', text: '', className: 'details-error' };
             _this.loading = false;
             _this._showDeleteDialog = false;
+            _this._showContentDeleteDialog = false;
             // title to be displayed in the details header
             _this.header = {
                 title: null,
@@ -21600,6 +21601,20 @@
             enumerable: false,
             configurable: true
         });
+        Object.defineProperty(PrepareDetailsComponent.prototype, "showContentDeleteDialog", {
+            get: function () {
+                return this._showContentDeleteDialog;
+            },
+            set: function (val) {
+                var _this = this;
+                this._showContentDeleteDialog = val;
+                if (this._showContentDeleteDialog) {
+                    setTimeout(function () { return _this.confirmContentDeleteButton.nativeElement.focus(); }, 0);
+                }
+            },
+            enumerable: false,
+            configurable: true
+        });
         PrepareDetailsComponent.prototype.cellRenderer = function (params) {
             return "<div class=\"template\">\n              <div class=\"title\">" + (params.data.title || '') + (params.data.content ? '<span class="title">' + ' (' + params.data.content.mimegroup + ')' + '</span>' : '') + "</div>\n              <div class=\"description\">" + (params.data.description || '') + "</div>\n              <div class=\"tags\">\n                " + params.data.tags.map(function (tag) { return "<span class=\"chip\">" + tag + "</span>"; }).join('') + "\n              </div>\n            </div>\n          ";
         };
@@ -21665,6 +21680,14 @@
             this.onItemRemove.emit(item);
             this._showDeleteDialog = false;
         };
+        PrepareDetailsComponent.prototype.removeItemContent = function (item, deletedContentIndex) {
+            var _this = this;
+            this.prepareService.deletePreparedItemContent(item.id, deletedContentIndex)
+                .subscribe(function (updatedItem) {
+                _this.preparedItem = updatedItem;
+                _this.showContentDeleteDialog = false;
+            });
+        };
         PrepareDetailsComponent.prototype.getFileNames = function (item) {
             return (item.contents || []).map(function (c) { return c.path; }).join(', ');
         };
@@ -21995,8 +22018,8 @@
     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                  {{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          </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 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>",
-                    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;margin-bottom:calc(var(--app-pane-padding)/2);overflow:hidden;padding:calc(var(--app-pane-padding)/2);position:relative;text-overflow:ellipsis;transition:all var(--app-default-transition-duration) ease-in-out}:host .prepareDetails.multifile .content-select .content span.attention{border:1px solid var(--color-warning);border-radius:2px;color:var(--color-warning);line-height:1em;padding:0 4px;position:absolute;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}"]
+                    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\" [focusOnShow]=\"false\" [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}"]
                 },] }
     ];
     PrepareDetailsComponent.ctorParameters = function () { return [
@@ -22013,6 +22036,7 @@
         file: [{ type: i0.ViewChild, args: ['file',] }],
         objectForm: [{ type: i0.ViewChild, args: ['form',] }],
         confirmDeleteButton: [{ type: i0.ViewChild, args: ['confirmDelete',] }],
+        confirmContentDeleteButton: [{ type: i0.ViewChild, args: ['confirmContentDelete',] }],
         preparedItem: [{ type: i0.Input, args: ['preparedItem',] }],
         emptyState: [{ type: i0.Input }],
         applySelection: [{ type: i0.Input }],
@@ -24078,10 +24102,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": "7.14.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": "6.0.0-beta.1", "license": "MIT" }, { "name": "reflect-metadata", "version": "0.1.10", "license": "Apache-2.0" }, { "name": "rxjs", "version": "6.6.3", "license": "Apache-2.0" }, { "name": "tslib", "version": "2.1.0", "license": "0BSD" }, { "name": "zone.js", "version": "0.10.3", "license": "MIT" }];
+            this.__libraries__ = [{ "name": "@ag-grid-community/angular", "version": "22.1.2", "license": "MIT" }, { "name": "@ag-grid-community/client-side-row-model", "version": "22.1.1", "license": "MIT" }, { "name": "@ag-grid-community/core", "version": "22.1.1", "license": "MIT" }, { "name": "@ag-grid-community/csv-export", "version": "22.1.1", "license": "MIT" }, { "name": "@angular/animations", "version": "11.2.0", "license": "MIT" }, { "name": "@angular/cdk", "version": "11.2.0", "license": "MIT" }, { "name": "@angular/common", "version": "11.2.0", "license": "MIT" }, { "name": "@angular/compiler", "version": "11.2.0", "license": "MIT" }, { "name": "@angular/core", "version": "11.2.0", "license": "MIT" }, { "name": "@angular/forms", "version": "11.2.0", "license": "MIT" }, { "name": "@angular/platform-browser", "version": "11.2.0", "license": "MIT" }, { "name": "@angular/platform-browser-dynamic", "version": "11.2.0", "license": "MIT" }, { "name": "@angular/router", "version": "11.2.0", "license": "MIT" }, { "name": "@eo-sdk/core", "version": "7.16.0-rc.1", "license": "MIT" }, { "name": "@ngx-pwa/local-storage", "version": "11.1.0", "license": "MIT" }, { "name": "@ngx-translate/core", "version": "13.0.0", "license": "MIT" }, { "name": "@types/lodash", "version": "4.14.88", "license": "MIT" }, { "name": "core-js", "version": "2.5.7", "license": "MIT" }, { "name": "file-saver", "version": "2.0.5", "license": "MIT" }, { "name": "font-awesome", "version": "4.7.0", "license": "(OFL-1.1 AND MIT)" }, { "name": "keyboardevent-key-polyfill", "version": "1.1.0", "license": "CC0-1.0" }, { "name": "keycode-js", "version": "0.0.4", "license": "MIT" }, { "name": "mobile-drag-drop", "version": "2.2.0", "license": "MIT" }, { "name": "moment", "version": "2.22.2", "license": "MIT" }, { "name": "ngx-toastr", "version": "13.2.0", "license": "MIT" }, { "name": "primeicons", "version": "1.0.0-beta.6", "license": "MIT" }, { "name": "primeng", "version": "6.0.0-beta.1", "license": "MIT" }, { "name": "reflect-metadata", "version": "0.1.10", "license": "Apache-2.0" }, { "name": "rxjs", "version": "6.6.3", "license": "Apache-2.0" }, { "name": "tslib", "version": "2.1.0", "license": "0BSD" }, { "name": "zone.js", "version": "0.10.3", "license": "MIT" }];
             this.ctrl = {
                 productName: 'yuuvis® RAD client',
-                clientVersion: '7.14.0-rc.3'
+                clientVersion: '7.16.0-rc.1'
             };
             this.licenses = {
                 'MIT': {
@@ -25827,8 +25851,8 @@
     PrepareStateComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'eo-prepare-state',
-                    template: "<eo-undock-split>\r\n  <eo-split [gutterSize]=\"16\" [visibleTransition]=\"true\" [cacheLayout]=\"'prepare.state'\">\r\n    <eo-split-area [size]=\"30\" [minSizePixel]=\"300\">\r\n\r\n      <ng-template pTemplate=\"content\">\r\n        <eo-list-container #eoList [applySelection]=\"{}\">\r\n          <div class=\"eo-header\">\r\n            <eo-icon class=\"eo-header-icon\" [iconSrc]=\"'assets/_default/svg/ic_prepare.svg'\"></eo-icon>\r\n            <div class=\"eo-header-info\">\r\n              <div class=\"eo-header-title\" translate>eo.prepare.list.title</div>\r\n              <div class=\"eo-header-subtitle\" translate>eo.prepare.list.title.sub</div>\r\n            </div>\r\n            <div class=\"eo-header-actions\">\r\n              <eo-icon class=\"button primary refresh-button\" [iconSrc]=\"'assets/_default/svg/ic_refresh.svg'\"\r\n                       (click)=\"cFilter.resetFilter();cSort.reset();refreshGrid()\"\r\n                       [iconTitle]=\"('eo.list.refresh' | translate)\"></eo-icon>\r\n\r\n              <eo-overlay #oFilter\r\n                          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.eoGrid, $event)\"\r\n                                  (active)=\"oFilter.onActiveChanged($event)\">\r\n                  <!--<eo-text-filter [title]=\"'eo.timeline.filter.action' | translate\" [matchFields]=\"['selectedtype.label']\"></eo-text-filter>-->\r\n                  <eo-set-filter [operator]=\"'OR'\" [id]=\"'prepare.object.type'\"\r\n                                 [title]=\"'eo.favorites.filter.section.objecttype' | translate\"\r\n                                 [options]=\"typeFilterFields\"></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                          [iconClass]=\"'primary'\"\r\n                          [title]=\"'eo.list.sort' | translate\">\r\n                <eo-custom-sort #cSort [id]=\"'prepare.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              <eo-icon class=\"button actions-button\"\r\n                       (click)=\"eoList.showActions(null, 'PREPARED_ITEM')\"\r\n                       [iconTitle]=\"'eo.object.actions.title' | translate\"\r\n                       [iconSrc]=\"'assets/_default/svg/ic_more.svg'\"></eo-icon>\r\n            </div>\r\n          </div>\r\n          <div class=\"eo-body dark\">\r\n            <eo-grid #eoGrid *ngIf=\"gridOptions?.rowData\"\r\n                     [gridOptions]=\"gridOptions\"\r\n                     [fullWidth]=\"true\"\r\n                     [showHeader]=\"true\"\r\n                     [showFooter]=\"true\"\r\n                     (eoGridCountChanged)=\"eoList.onCountChanged($event);\"\r\n                     (eoGridContextMenuClick)=\"eoList.onContextMenu($event, 'PREPARED_ITEM')\"\r\n                     (eoGridSelectionChanged)=\"eoList.onSelectionChanged($event)\"\r\n                     (eoGridFocusChanged)=\"eoList.onFocusChanged($event)\">\r\n\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_prepare.svg', text: oFilter.active ? 'eo.no.filter.result' : 'eo.prepare.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            </eo-grid>\r\n          </div>\r\n        </eo-list-container>\r\n      </ng-template>\r\n\r\n    </eo-split-area>\r\n    <eo-split-area [size]=\"70\" [minSizePixel]=\"300\" [cache]=\"false\">\r\n      <ng-template pTemplate=\"content\">\r\n        <eo-prepare-details [applySelection]=\"{}\"\r\n                            [emptyState]=\"emptyState\"\r\n                            (onItemChanged)=\"updateList($event)\"\r\n                            (onItemRemove)=\"remove()\">\r\n          <div class=\"error\" *ngIf=\"gridData?.length\">\r\n            <button class=\"button secondary\" (click)=\"remove()\" translate>eo.prepare.details.item.gone.remove</button>\r\n          </div>\r\n        </eo-prepare-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 .eo-body.dark,:host eo-list-container{background-color:var(--color-primary-2)}:host ::ng-deep eo-list-container .reset-filter{padding:calc(var(--app-pane-padding)/2)}:host ::ng-deep eo-list-container .eo-loader{border-color:rgba(var(--color-white-rgb),.2) rgba(var(--color-white-rgb),.2) rgba(var(--color-white-rgb),.2) rgba(var(--color-white-rgb),.7)!important;border-left-color:rgba(var(--color-white-rgb),.2)!important}: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-color:var(--color-primary-2)}:host ::ng-deep eo-list-container .eo-grid-footer,:host ::ng-deep eo-list-container .eo-grid-footer .eo-footer,:host ::ng-deep eo-list-container .eo-grid-footer .eo-header,:host ::ng-deep eo-list-container .eo-grid-header,:host ::ng-deep eo-list-container .eo-grid-header .eo-footer,:host ::ng-deep eo-list-container .eo-grid-header .eo-header,:host ::ng-deep eo-list-container .eo-head,:host ::ng-deep eo-list-container .eo-head .eo-footer,:host ::ng-deep eo-list-container .eo-head .eo-header{color:var(--color-white)}:host ::ng-deep eo-list-container .eo-grid-footer .eo-footer .eo-header-subtitle,:host ::ng-deep eo-list-container .eo-grid-footer .eo-header-subtitle,:host ::ng-deep eo-list-container .eo-grid-footer .eo-header .eo-header-subtitle,:host ::ng-deep eo-list-container .eo-grid-header .eo-footer .eo-header-subtitle,:host ::ng-deep eo-list-container .eo-grid-header .eo-header-subtitle,:host ::ng-deep eo-list-container .eo-grid-header .eo-header .eo-header-subtitle,:host ::ng-deep eo-list-container .eo-head .eo-footer .eo-header-subtitle,:host ::ng-deep eo-list-container .eo-head .eo-header-subtitle,:host ::ng-deep eo-list-container .eo-head .eo-header .eo-header-subtitle{opacity:.7}:host ::ng-deep eo-list-container .eo-grid-footer eo-total-count .count-container,:host ::ng-deep eo-list-container .eo-grid-header eo-total-count .count-container,:host ::ng-deep eo-list-container .eo-head eo-total-count .count-container{color:var(--color-white)}:host ::ng-deep eo-list-container .eo-grid-footer .footer>eo-icon,:host ::ng-deep eo-list-container .eo-grid-footer .header>eo-icon,:host ::ng-deep eo-list-container .eo-grid-footer eo-icon.button.primary,:host ::ng-deep eo-list-container .eo-grid-header .footer>eo-icon,:host ::ng-deep eo-list-container .eo-grid-header .header>eo-icon,:host ::ng-deep eo-list-container .eo-grid-header eo-icon.button.primary,:host ::ng-deep eo-list-container .eo-head .footer>eo-icon,:host ::ng-deep eo-list-container .eo-head .header>eo-icon,:host ::ng-deep eo-list-container .eo-head eo-icon.button.primary{color:rgba(var(--color-white-rgb),.5)}:host ::ng-deep eo-list-container .eo-grid-footer .footer>eo-icon:hover,:host ::ng-deep eo-list-container .eo-grid-footer .header>eo-icon:hover,:host ::ng-deep eo-list-container .eo-grid-footer eo-icon.button.primary:hover,:host ::ng-deep eo-list-container .eo-grid-header .footer>eo-icon:hover,:host ::ng-deep eo-list-container .eo-grid-header .header>eo-icon:hover,:host ::ng-deep eo-list-container .eo-grid-header eo-icon.button.primary:hover,:host ::ng-deep eo-list-container .eo-head .footer>eo-icon:hover,:host ::ng-deep eo-list-container .eo-head .header>eo-icon:hover,:host ::ng-deep eo-list-container .eo-head eo-icon.button.primary:hover{color:var(--color-white)}:host ::ng-deep eo-list-container .eo-grid-footer .footer>eo-icon.active,:host ::ng-deep eo-list-container .eo-grid-footer .header>eo-icon.active,:host ::ng-deep eo-list-container .eo-grid-footer eo-icon.button.primary.active,:host ::ng-deep eo-list-container .eo-grid-header .footer>eo-icon.active,:host ::ng-deep eo-list-container .eo-grid-header .header>eo-icon.active,:host ::ng-deep eo-list-container .eo-grid-header eo-icon.button.primary.active,:host ::ng-deep eo-list-container .eo-head .footer>eo-icon.active,:host ::ng-deep eo-list-container .eo-head .header>eo-icon.active,:host ::ng-deep eo-list-container .eo-head eo-icon.button.primary.active{color:var(--color-accent)}:host ::ng-deep eo-grid{background-color:var(--color-primary-2)}:host ::ng-deep eo-grid .eo-grid-empty *{color:var(--color-white)}:host ::ng-deep eo-grid .eo-grid-footer,:host ::ng-deep eo-grid .eo-grid-header{border-color:rgba(var(--color-white-rgb),.15)}:host ::ng-deep eo-grid ag-grid-angular.ag-theme-balham{background-color:var(--color-primary-2)}:host ::ng-deep eo-grid ag-grid-angular.ag-theme-balham .ag-row{background:var(--color-primary-2);color:var(--color-white)}:host ::ng-deep eo-grid ag-grid-angular.ag-theme-balham .ag-row .ag-cell{border-bottom-color:rgba(var(--color-white-rgb),.15)}:host ::ng-deep eo-grid ag-grid-angular.ag-theme-balham .ag-row .ag-cell .iconempty,:host ::ng-deep eo-grid ag-grid-angular.ag-theme-balham .ag-row .ag-cell .object-type{background-color:rgba(var(--color-white-rgb),.9);border-radius:2px;box-sizing:content-box;height:24px;opacity:.2;padding:2px;width:24px}:host ::ng-deep eo-grid ag-grid-angular.ag-theme-balham .ag-row .ag-cell .list-item .content>*{color:rgba(var(--color-white-rgb),.75)}:host ::ng-deep eo-grid ag-grid-angular.ag-theme-balham .ag-row-selected{background-color:rgba(var(--color-white-rgb),.06)!important}: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 .title{font-size:var(--font-body);font-weight:var(--font-weight-bold)}:host ::ng-deep .ag-cell .list-item .content .file,:host ::ng-deep .ag-cell .list-item .content .location{color:var(--text-color-caption);font-size:var(--font-caption)}:host ::ng-deep .ag-cell .list-item .content .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 .content .meta .date{color:rgba(var(--color-black-rgb),.4)}"]
+                    template: "<eo-undock-split>\r\n  <eo-split [gutterSize]=\"16\" [visibleTransition]=\"true\" [cacheLayout]=\"'prepare.state'\">\r\n    <eo-split-area [size]=\"30\" [minSizePixel]=\"300\">\r\n\r\n      <ng-template pTemplate=\"content\">\r\n        <eo-list-container #eoList [applySelection]=\"{}\">\r\n          <div class=\"eo-header\">\r\n            <eo-icon class=\"eo-header-icon\" [iconSrc]=\"'assets/_default/svg/ic_prepare.svg'\"></eo-icon>\r\n            <div class=\"eo-header-info\">\r\n              <div class=\"eo-header-title\" translate>eo.prepare.list.title</div>\r\n              <div class=\"eo-header-subtitle\" translate>eo.prepare.list.title.sub</div>\r\n            </div>\r\n            <div class=\"eo-header-actions\">\r\n              <eo-icon class=\"button primary refresh-button\" [iconSrc]=\"'assets/_default/svg/ic_refresh.svg'\"\r\n                       (click)=\"cFilter.resetFilter();cSort.reset();refreshGrid()\"\r\n                       [iconTitle]=\"('eo.list.refresh' | translate)\"></eo-icon>\r\n\r\n              <eo-overlay #oFilter\r\n                          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.eoGrid, $event)\"\r\n                                  (active)=\"oFilter.onActiveChanged($event)\">\r\n                  <!--<eo-text-filter [title]=\"'eo.timeline.filter.action' | translate\" [matchFields]=\"['selectedtype.label']\"></eo-text-filter>-->\r\n                  <eo-set-filter [operator]=\"'OR'\" [id]=\"'prepare.object.type'\"\r\n                                 [title]=\"'eo.favorites.filter.section.objecttype' | translate\"\r\n                                 [options]=\"typeFilterFields\"></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                          [iconClass]=\"'primary'\"\r\n                          [title]=\"'eo.list.sort' | translate\">\r\n                <eo-custom-sort #cSort [id]=\"'prepare.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              <eo-icon class=\"button actions-button\"\r\n                       (click)=\"eoList.showActions(null, 'PREPARED_ITEM')\"\r\n                       [iconTitle]=\"'eo.object.actions.title' | translate\"\r\n                       [iconSrc]=\"'assets/_default/svg/ic_more.svg'\"></eo-icon>\r\n            </div>\r\n          </div>\r\n          <div class=\"eo-body dark\">\r\n            <eo-grid #eoGrid *ngIf=\"gridOptions?.rowData\"\r\n                     [gridOptions]=\"gridOptions\"\r\n                     [fullWidth]=\"true\"\r\n                     [showHeader]=\"true\"\r\n                     [showFooter]=\"true\"\r\n                     (eoGridCountChanged)=\"eoList.onCountChanged($event);\"\r\n                     (eoGridContextMenuClick)=\"eoList.onContextMenu($event, 'PREPARED_ITEM')\"\r\n                     (eoGridSelectionChanged)=\"eoList.onSelectionChanged($event)\"\r\n                     (eoGridFocusChanged)=\"eoList.onFocusChanged($event)\">\r\n\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_prepare.svg', text: oFilter.active ? 'eo.no.filter.result' : 'eo.prepare.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            </eo-grid>\r\n          </div>\r\n        </eo-list-container>\r\n      </ng-template>\r\n\r\n    </eo-split-area>\r\n    <eo-split-area class=\"details\" [size]=\"70\" [minSizePixel]=\"300\" [cache]=\"false\">\r\n      <ng-template pTemplate=\"content\">\r\n        <eo-prepare-details [applySelection]=\"{}\"\r\n                            [emptyState]=\"emptyState\"\r\n                            (onItemChanged)=\"updateList($event)\"\r\n                            (onItemRemove)=\"remove()\">\r\n          <div class=\"error\" *ngIf=\"gridData?.length\">\r\n            <button class=\"button secondary\" (click)=\"remove()\" translate>eo.prepare.details.item.gone.remove</button>\r\n          </div>\r\n        </eo-prepare-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 eo-split-area.details{overflow:hidden!important}:host .eo-body.dark,:host eo-list-container{background-color:var(--color-primary-2)}:host ::ng-deep eo-list-container .reset-filter{padding:calc(var(--app-pane-padding)/2)}:host ::ng-deep eo-list-container .eo-loader{border-color:rgba(var(--color-white-rgb),.2) rgba(var(--color-white-rgb),.2) rgba(var(--color-white-rgb),.2) rgba(var(--color-white-rgb),.7)!important;border-left-color:rgba(var(--color-white-rgb),.2)!important}: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-color:var(--color-primary-2)}:host ::ng-deep eo-list-container .eo-grid-footer,:host ::ng-deep eo-list-container .eo-grid-footer .eo-footer,:host ::ng-deep eo-list-container .eo-grid-footer .eo-header,:host ::ng-deep eo-list-container .eo-grid-header,:host ::ng-deep eo-list-container .eo-grid-header .eo-footer,:host ::ng-deep eo-list-container .eo-grid-header .eo-header,:host ::ng-deep eo-list-container .eo-head,:host ::ng-deep eo-list-container .eo-head .eo-footer,:host ::ng-deep eo-list-container .eo-head .eo-header{color:var(--color-white)}:host ::ng-deep eo-list-container .eo-grid-footer .eo-footer .eo-header-subtitle,:host ::ng-deep eo-list-container .eo-grid-footer .eo-header-subtitle,:host ::ng-deep eo-list-container .eo-grid-footer .eo-header .eo-header-subtitle,:host ::ng-deep eo-list-container .eo-grid-header .eo-footer .eo-header-subtitle,:host ::ng-deep eo-list-container .eo-grid-header .eo-header-subtitle,:host ::ng-deep eo-list-container .eo-grid-header .eo-header .eo-header-subtitle,:host ::ng-deep eo-list-container .eo-head .eo-footer .eo-header-subtitle,:host ::ng-deep eo-list-container .eo-head .eo-header-subtitle,:host ::ng-deep eo-list-container .eo-head .eo-header .eo-header-subtitle{opacity:.7}:host ::ng-deep eo-list-container .eo-grid-footer eo-total-count .count-container,:host ::ng-deep eo-list-container .eo-grid-header eo-total-count .count-container,:host ::ng-deep eo-list-container .eo-head eo-total-count .count-container{color:var(--color-white)}:host ::ng-deep eo-list-container .eo-grid-footer .footer>eo-icon,:host ::ng-deep eo-list-container .eo-grid-footer .header>eo-icon,:host ::ng-deep eo-list-container .eo-grid-footer eo-icon.button.primary,:host ::ng-deep eo-list-container .eo-grid-header .footer>eo-icon,:host ::ng-deep eo-list-container .eo-grid-header .header>eo-icon,:host ::ng-deep eo-list-container .eo-grid-header eo-icon.button.primary,:host ::ng-deep eo-list-container .eo-head .footer>eo-icon,:host ::ng-deep eo-list-container .eo-head .header>eo-icon,:host ::ng-deep eo-list-container .eo-head eo-icon.button.primary{color:rgba(var(--color-white-rgb),.5)}:host ::ng-deep eo-list-container .eo-grid-footer .footer>eo-icon:hover,:host ::ng-deep eo-list-container .eo-grid-footer .header>eo-icon:hover,:host ::ng-deep eo-list-container .eo-grid-footer eo-icon.button.primary:hover,:host ::ng-deep eo-list-container .eo-grid-header .footer>eo-icon:hover,:host ::ng-deep eo-list-container .eo-grid-header .header>eo-icon:hover,:host ::ng-deep eo-list-container .eo-grid-header eo-icon.button.primary:hover,:host ::ng-deep eo-list-container .eo-head .footer>eo-icon:hover,:host ::ng-deep eo-list-container .eo-head .header>eo-icon:hover,:host ::ng-deep eo-list-container .eo-head eo-icon.button.primary:hover{color:var(--color-white)}:host ::ng-deep eo-list-container .eo-grid-footer .footer>eo-icon.active,:host ::ng-deep eo-list-container .eo-grid-footer .header>eo-icon.active,:host ::ng-deep eo-list-container .eo-grid-footer eo-icon.button.primary.active,:host ::ng-deep eo-list-container .eo-grid-header .footer>eo-icon.active,:host ::ng-deep eo-list-container .eo-grid-header .header>eo-icon.active,:host ::ng-deep eo-list-container .eo-grid-header eo-icon.button.primary.active,:host ::ng-deep eo-list-container .eo-head .footer>eo-icon.active,:host ::ng-deep eo-list-container .eo-head .header>eo-icon.active,:host ::ng-deep eo-list-container .eo-head eo-icon.button.primary.active{color:var(--color-accent)}:host ::ng-deep eo-grid{background-color:var(--color-primary-2)}:host ::ng-deep eo-grid .eo-grid-empty *{color:var(--color-white)}:host ::ng-deep eo-grid .eo-grid-footer,:host ::ng-deep eo-grid .eo-grid-header{border-color:rgba(var(--color-white-rgb),.15)}:host ::ng-deep eo-grid ag-grid-angular.ag-theme-balham{background-color:var(--color-primary-2)}:host ::ng-deep eo-grid ag-grid-angular.ag-theme-balham .ag-row{background:var(--color-primary-2);color:var(--color-white)}:host ::ng-deep eo-grid ag-grid-angular.ag-theme-balham .ag-row .ag-cell{border-bottom-color:rgba(var(--color-white-rgb),.15)}:host ::ng-deep eo-grid ag-grid-angular.ag-theme-balham .ag-row .ag-cell .iconempty,:host ::ng-deep eo-grid ag-grid-angular.ag-theme-balham .ag-row .ag-cell .object-type{background-color:rgba(var(--color-white-rgb),.9);border-radius:2px;box-sizing:content-box;height:24px;opacity:.2;padding:2px;width:24px}:host ::ng-deep eo-grid ag-grid-angular.ag-theme-balham .ag-row .ag-cell .list-item .content>*{color:rgba(var(--color-white-rgb),.75)}:host ::ng-deep eo-grid ag-grid-angular.ag-theme-balham .ag-row-selected{background-color:rgba(var(--color-white-rgb),.06)!important}: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 .title{font-size:var(--font-body);font-weight:var(--font-weight-bold)}:host ::ng-deep .ag-cell .list-item .content .file,:host ::ng-deep .ag-cell .list-item .content .location{color:var(--text-color-caption);font-size:var(--font-caption)}:host ::ng-deep .ag-cell .list-item .content .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 .content .meta .date{color:rgba(var(--color-black-rgb),.4)}"]
                 },] }
     ];
     PrepareStateComponent.ctorParameters = function () { return [