@eo-sdk/client 7.15.0-rc.2 → 7.16.0-rc.1

package/fesm2015/eo-sdk-client.js

@@ -20004,8 +20004,8 @@ class PrepareDetailsComponent extends UnsubscribeOnDestroy {
 PrepareDetailsComponent.decorators = [
     { type: 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                  <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>{{'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>",
-                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;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{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 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 = () => [
@@ -21948,10 +21948,10 @@ class AboutStateComponent {
         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.15.0-rc.2", "license": "MIT" }, { "name": "@ngx-pwa/local-storage", "version": "11.1.0", "license": "MIT" }, { "name": "@ngx-translate/core", "version": "13.0.0", "license": "MIT" }, { "name": "@types/lodash", "version": "4.14.88", "license": "MIT" }, { "name": "core-js", "version": "2.5.7", "license": "MIT" }, { "name": "file-saver", "version": "2.0.5", "license": "MIT" }, { "name": "font-awesome", "version": "4.7.0", "license": "(OFL-1.1 AND MIT)" }, { "name": "keyboardevent-key-polyfill", "version": "1.1.0", "license": "CC0-1.0" }, { "name": "keycode-js", "version": "0.0.4", "license": "MIT" }, { "name": "mobile-drag-drop", "version": "2.2.0", "license": "MIT" }, { "name": "moment", "version": "2.22.2", "license": "MIT" }, { "name": "ngx-toastr", "version": "13.2.0", "license": "MIT" }, { "name": "primeicons", "version": "1.0.0-beta.6", "license": "MIT" }, { "name": "primeng", "version": "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.15.0-rc.2'
+            clientVersion: '7.16.0-rc.1'
         };
         this.licenses = {
             'MIT': {