@eo-sdk/client 11.9.0-rc.2 → 11.10.0-rc.2

package/esm2022/app/eo-framework/object-state-details/object-state-details.component.mjs

@@ -96,14 +96,14 @@ let ObjectStateDetailsComponent = class ObjectStateDetailsComponent {
     }
     ngAfterViewInit() {
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: ObjectStateDetailsComponent, deps: [{ token: i1.SelectionService }, { token: i2.ActionService }, { token: i3.AppCacheService }, { token: i3.DmsService }, { token: i3.EventService }, { token: i4.PendingChangesService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.4", type: ObjectStateDetailsComponent, selector: "eo-object-state-details", inputs: { plugins: "plugins", context: "context", selectedItem: "selectedItem", seenItems: "seenItems", frontPageData: "frontPageData", visible: "visible" }, outputs: { onTabChange: "onTabChange" }, host: { properties: { "class.visible": "this.visible", "attr.data-type": "this.dataType", "attr.data-id": "this.dataId", "style.height": "this.visibility" } }, viewQueries: [{ propertyName: "eoTabs", first: true, predicate: Tabs, descendants: true }], ngImport: i0, template: "<header class=\"eo-head\">\n  <div class=\"eo-header dark\">\n    <div class=\"eo-header-info eo-header__content\">\n      <!-- <h2 translate>eo.state.object.frontpage.title</h2> -->\n      <h2 class=\"eo-header-title\">{{ title }}</h2>\n      <h3 class=\"eo-header-subtitle flex-row\">{{context.title}}</h3>\n      <div class=\"sizing\" *ngIf=\"frontPageData\">\n        <div translate [translateParams]=\"{doccount: frontPageData?.documentCount.value}\">eo.state.object.frontpage.doccount</div>\n        <div translate [translateParams]=\"{filesize: frontPageData?.totalFilesize | fileSize}\">eo.state.object.frontpage.filesize</div>\n      </div>\n    </div>\n    <div class=\"eo-header-actions\"></div>\n  </div>\n</header>\n\n<yvc-tabs (tabChange)=\"onTabChange.emit($event)\" layoutSettingsID=\"eo.object.state.details.tabs\">\n  <ng-template [yvcTab]=\"{id: 'last-changes', label: 'eo.state.object.frontpage.lastchanges' | translate}\">\n    <div class=\"panel last-changes\">\n        <div class=\"doc\" *ngFor=\"let doc of frontPageData?.lastModifications\"\n          [ngClass]=\"{selected: selectedItem && doc.id === selectedItem.id}\" (click)=\"selectFrontPageDoc(doc, $event)\"\n          (contextmenu)=\"onContextMenuClicked($event, doc)\">\n          <div class=\"marker\"></div>\n          <div class=\"content\">\n            <div class=\"date\">{{doc.modified | localeDate}}</div>\n            <strong>{{doc.title}}</strong>\n            <div class=\"desc\">{{doc.description}}</div>\n          </div>\n        </div>\n      </div>\n  </ng-template>\n\n  <ng-template [yvcTab]=\"{id: 'last-seen', label: 'eo.state.object.frontpage.lastseen' | translate}\">\n   <div class=\"panel last-seen\">\n        <div class=\"doc\" *ngFor=\"let doc of seenItems\"\n          [ngClass]=\"{selected: selectedItem && doc.id === selectedItem.id}\" (click)=\"selectFrontPageDoc(doc, $event)\"\n          (contextmenu)=\"onContextMenuClicked($event, doc)\">\n          <div class=\"marker\"></div>\n          <div class=\"content\">\n            <div class=\"date\">{{doc.modified.on | localeDate}}</div>\n            <strong>{{doc.title}}</strong>\n            <div class=\"desc\">{{doc.description}}</div>\n          </div>\n        </div>\n    </div>\n  </ng-template>\n\n  <!-- plugin tabs -->\n  <ng-template *ngFor=\"let p of plugins\" [yvcTab]=\"{id: p.id, label: p.id | translate}\">\n    <eo-plugin [id]=\"p.id\" [parent]=\"this\"></eo-plugin>\n  </ng-template>\n\n</yvc-tabs>\n", styles: [":host ::ng-deep{position:relative;background:var(--color-white);display:flex;flex:1;flex-direction:column;min-height:0;min-width:0;height:100%;box-sizing:border-box;color:var(--text-color-caption);overflow:hidden}:host ::ng-deep .eo-head{background-color:var(--color-primary-3);color:var(--color-white)}:host ::ng-deep .eo-head h2{display:inline-block;max-width:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:calc(var(--app-pane-padding) / 4) 0;font-size:var(--font-title);font-weight:400;line-height:1.1em;margin:0}:host ::ng-deep .eo-body{position:absolute;inset:0;overflow:hidden;top:var(--app-pane-header-height)}:host ::ng-deep .sizing{display:flex;justify-content:space-between;margin-bottom:var(--app-pane-padding)}:host ::ng-deep .doc{margin-bottom:var(--app-pane-padding);padding:0 var(--app-pane-padding);color:var(--text-color-body);cursor:pointer;display:flex;flex-flow:row nowrap;flex-shrink:0}:host ::ng-deep .doc:first-child{margin-top:var(--app-pane-padding)}:host ::ng-deep .doc .marker{width:4px;background:rgba(var(--color-black-rgb),.1);flex:0 0 auto;transition:all var(--app-default-transition-duration) ease-in-out;-webkit-transition:all var(--app-default-transition-duration) ease-in-out;-moz-transition:all var(--app-default-transition-duration) ease-in-out;-o-transition:all var(--app-default-transition-duration) ease-in-out}:host ::ng-deep .doc .content{flex:1 1 auto;margin:0 var(--app-pane-padding)}:host ::ng-deep .doc .date{color:var(--text-color-caption);font-size:var(--font-hint)}:host ::ng-deep .doc .desc{color:var(--text-color-caption)}:host ::ng-deep .doc.selected .marker,:host ::ng-deep .doc:hover .marker{background:var(--color-accent)}:host ::ng-deep>yvc-tabs>header{position:fixed;min-height:auto!important;top:calc(var(--app-bar-height) + 56px);border:none}[dir=ltr] :host ::ng-deep>yvc-tabs>header{right:calc(var(--app-pane-padding) * 1.75)}[dir=rtl] :host ::ng-deep>yvc-tabs>header{left:calc(var(--app-pane-padding) * 1.75)}:host ::ng-deep>yvc-tabs>header .scroll-x{border-bottom:none!important}:host ::ng-deep>yvc-tabs>header .scroll-x nav a{border:1px solid var(--color-primary-3)!important;border-radius:4px;margin:0 4px}:host.visible ::ng-deep>yvc-tabs>header nav a.active{border-color:var(--color-accent)!important}\n"], dependencies: [{ kind: "directive", type: i5.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i5.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i6.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "component", type: i7.PluginComponent, selector: "eo-plugin", inputs: ["type", "id", "parent"] }, { kind: "component", type: i8.Tabs, selector: "yvc-tabs", inputs: ["tabs", "layoutSettingsID", "panelOrder", "panelOrderIncludeUnmentioned", "cacheViews", "tabSplitEnabled", "tabRemoveEnabled"], outputs: ["tabSplit", "tabRemove", "tabChange"] }, { kind: "directive", type: i8.YvcTabDirective, selector: "[yvcTab]", inputs: ["yvcTab"] }, { kind: "pipe", type: i6.TranslatePipe, name: "translate" }, { kind: "pipe", type: i9.FileSizePipe, name: "fileSize" }, { kind: "pipe", type: i10.LocaleDatePipe, name: "localeDate" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: ObjectStateDetailsComponent, deps: [{ token: i1.SelectionService }, { token: i2.ActionService }, { token: i3.AppCacheService }, { token: i3.DmsService }, { token: i3.EventService }, { token: i4.PendingChangesService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.0", type: ObjectStateDetailsComponent, selector: "eo-object-state-details", inputs: { plugins: "plugins", context: "context", selectedItem: "selectedItem", seenItems: "seenItems", frontPageData: "frontPageData", visible: "visible" }, outputs: { onTabChange: "onTabChange" }, host: { properties: { "class.visible": "this.visible", "attr.data-type": "this.dataType", "attr.data-id": "this.dataId", "style.height": "this.visibility" } }, viewQueries: [{ propertyName: "eoTabs", first: true, predicate: Tabs, descendants: true }], ngImport: i0, template: "<header class=\"eo-head\">\n  <div class=\"eo-header dark\">\n    <div class=\"eo-header-info eo-header__content\">\n      <!-- <h2 translate>eo.state.object.frontpage.title</h2> -->\n      <h2 class=\"eo-header-title\">{{ title }}</h2>\n      <h3 class=\"eo-header-subtitle flex-row\">{{context.title}}</h3>\n      <div class=\"sizing\" *ngIf=\"frontPageData\">\n        <div translate [translateParams]=\"{doccount: frontPageData?.documentCount.value}\">eo.state.object.frontpage.doccount</div>\n        <div translate [translateParams]=\"{filesize: frontPageData?.totalFilesize | fileSize}\">eo.state.object.frontpage.filesize</div>\n      </div>\n    </div>\n    <div class=\"eo-header-actions\"></div>\n  </div>\n</header>\n\n<yvc-tabs (tabChange)=\"onTabChange.emit($event)\" layoutSettingsID=\"eo.object.state.details.tabs\">\n  <ng-template [yvcTab]=\"{id: 'last-changes', label: 'eo.state.object.frontpage.lastchanges' | translate}\">\n    <div class=\"panel last-changes\">\n        <div class=\"doc\" *ngFor=\"let doc of frontPageData?.lastModifications\"\n          [ngClass]=\"{selected: selectedItem && doc.id === selectedItem.id}\" (click)=\"selectFrontPageDoc(doc, $event)\"\n          (contextmenu)=\"onContextMenuClicked($event, doc)\">\n          <div class=\"marker\"></div>\n          <div class=\"content\">\n            <div class=\"date\">{{doc.modified | localeDate}}</div>\n            <strong>{{doc.title}}</strong>\n            <div class=\"desc\">{{doc.description}}</div>\n          </div>\n        </div>\n      </div>\n  </ng-template>\n\n  <ng-template [yvcTab]=\"{id: 'last-seen', label: 'eo.state.object.frontpage.lastseen' | translate}\">\n   <div class=\"panel last-seen\">\n        <div class=\"doc\" *ngFor=\"let doc of seenItems\"\n          [ngClass]=\"{selected: selectedItem && doc.id === selectedItem.id}\" (click)=\"selectFrontPageDoc(doc, $event)\"\n          (contextmenu)=\"onContextMenuClicked($event, doc)\">\n          <div class=\"marker\"></div>\n          <div class=\"content\">\n            <div class=\"date\">{{doc.modified.on | localeDate}}</div>\n            <strong>{{doc.title}}</strong>\n            <div class=\"desc\">{{doc.description}}</div>\n          </div>\n        </div>\n    </div>\n  </ng-template>\n\n  <!-- plugin tabs -->\n  <ng-template *ngFor=\"let p of plugins\" [yvcTab]=\"{id: p.id, label: p.id | translate}\">\n    <eo-plugin [id]=\"p.id\" [parent]=\"this\"></eo-plugin>\n  </ng-template>\n\n</yvc-tabs>\n", styles: [":host ::ng-deep{position:relative;background:var(--color-white);display:flex;flex:1;flex-direction:column;min-height:0;min-width:0;height:100%;box-sizing:border-box;color:var(--text-color-caption);overflow:hidden}:host ::ng-deep .eo-head{background-color:var(--color-primary-3);color:var(--color-white)}:host ::ng-deep .eo-head h2{display:inline-block;max-width:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:calc(var(--app-pane-padding) / 4) 0;font-size:var(--font-title);font-weight:400;line-height:1.1em;margin:0}:host ::ng-deep .eo-body{position:absolute;inset:0;overflow:hidden;top:var(--app-pane-header-height)}:host ::ng-deep .sizing{display:flex;justify-content:space-between;margin-bottom:var(--app-pane-padding)}:host ::ng-deep .doc{margin-bottom:var(--app-pane-padding);padding:0 var(--app-pane-padding);color:var(--text-color-body);cursor:pointer;display:flex;flex-flow:row nowrap;flex-shrink:0}:host ::ng-deep .doc:first-child{margin-top:var(--app-pane-padding)}:host ::ng-deep .doc .marker{width:4px;background:rgba(var(--color-black-rgb),.1);flex:0 0 auto;transition:all var(--app-default-transition-duration) ease-in-out;-webkit-transition:all var(--app-default-transition-duration) ease-in-out;-moz-transition:all var(--app-default-transition-duration) ease-in-out;-o-transition:all var(--app-default-transition-duration) ease-in-out}:host ::ng-deep .doc .content{flex:1 1 auto;margin:0 var(--app-pane-padding)}:host ::ng-deep .doc .date{color:var(--text-color-caption);font-size:var(--font-hint)}:host ::ng-deep .doc .desc{color:var(--text-color-caption)}:host ::ng-deep .doc.selected .marker,:host ::ng-deep .doc:hover .marker{background:var(--color-accent)}:host ::ng-deep>yvc-tabs>header{position:fixed;min-height:auto!important;top:calc(var(--app-bar-height) + 56px);border:none}[dir=ltr] :host ::ng-deep>yvc-tabs>header{right:calc(var(--app-pane-padding) * 1.75)}[dir=rtl] :host ::ng-deep>yvc-tabs>header{left:calc(var(--app-pane-padding) * 1.75)}:host ::ng-deep>yvc-tabs>header .scroll-x{border-bottom:none!important}:host ::ng-deep>yvc-tabs>header .scroll-x nav a{border:1px solid var(--color-primary-3)!important;border-radius:4px;margin:0 4px}:host.visible ::ng-deep>yvc-tabs>header nav a.active{border-color:var(--color-accent)!important}\n"], dependencies: [{ kind: "directive", type: i5.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i5.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i6.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "component", type: i7.PluginComponent, selector: "eo-plugin", inputs: ["type", "id", "parent"] }, { kind: "component", type: i8.Tabs, selector: "yvc-tabs", inputs: ["tabs", "layoutSettingsID", "panelOrder", "panelOrderIncludeUnmentioned", "cacheViews", "tabSplitEnabled", "tabRemoveEnabled"], outputs: ["tabSplit", "tabRemove", "tabChange"] }, { kind: "directive", type: i8.YvcTabDirective, selector: "[yvcTab]", inputs: ["yvcTab"] }, { kind: "pipe", type: i6.TranslatePipe, name: "translate" }, { kind: "pipe", type: i9.FileSizePipe, name: "fileSize" }, { kind: "pipe", type: i10.LocaleDatePipe, name: "localeDate" }] }); }
 };
 ObjectStateDetailsComponent = ObjectStateDetailsComponent_1 = __decorate([
     UntilDestroy()
 ], ObjectStateDetailsComponent);
 export { ObjectStateDetailsComponent };
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: ObjectStateDetailsComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: ObjectStateDetailsComponent, decorators: [{
             type: Component,
             args: [{ selector: 'eo-object-state-details', template: "<header class=\"eo-head\">\n  <div class=\"eo-header dark\">\n    <div class=\"eo-header-info eo-header__content\">\n      <!-- <h2 translate>eo.state.object.frontpage.title</h2> -->\n      <h2 class=\"eo-header-title\">{{ title }}</h2>\n      <h3 class=\"eo-header-subtitle flex-row\">{{context.title}}</h3>\n      <div class=\"sizing\" *ngIf=\"frontPageData\">\n        <div translate [translateParams]=\"{doccount: frontPageData?.documentCount.value}\">eo.state.object.frontpage.doccount</div>\n        <div translate [translateParams]=\"{filesize: frontPageData?.totalFilesize | fileSize}\">eo.state.object.frontpage.filesize</div>\n      </div>\n    </div>\n    <div class=\"eo-header-actions\"></div>\n  </div>\n</header>\n\n<yvc-tabs (tabChange)=\"onTabChange.emit($event)\" layoutSettingsID=\"eo.object.state.details.tabs\">\n  <ng-template [yvcTab]=\"{id: 'last-changes', label: 'eo.state.object.frontpage.lastchanges' | translate}\">\n    <div class=\"panel last-changes\">\n        <div class=\"doc\" *ngFor=\"let doc of frontPageData?.lastModifications\"\n          [ngClass]=\"{selected: selectedItem && doc.id === selectedItem.id}\" (click)=\"selectFrontPageDoc(doc, $event)\"\n          (contextmenu)=\"onContextMenuClicked($event, doc)\">\n          <div class=\"marker\"></div>\n          <div class=\"content\">\n            <div class=\"date\">{{doc.modified | localeDate}}</div>\n            <strong>{{doc.title}}</strong>\n            <div class=\"desc\">{{doc.description}}</div>\n          </div>\n        </div>\n      </div>\n  </ng-template>\n\n  <ng-template [yvcTab]=\"{id: 'last-seen', label: 'eo.state.object.frontpage.lastseen' | translate}\">\n   <div class=\"panel last-seen\">\n        <div class=\"doc\" *ngFor=\"let doc of seenItems\"\n          [ngClass]=\"{selected: selectedItem && doc.id === selectedItem.id}\" (click)=\"selectFrontPageDoc(doc, $event)\"\n          (contextmenu)=\"onContextMenuClicked($event, doc)\">\n          <div class=\"marker\"></div>\n          <div class=\"content\">\n            <div class=\"date\">{{doc.modified.on | localeDate}}</div>\n            <strong>{{doc.title}}</strong>\n            <div class=\"desc\">{{doc.description}}</div>\n          </div>\n        </div>\n    </div>\n  </ng-template>\n\n  <!-- plugin tabs -->\n  <ng-template *ngFor=\"let p of plugins\" [yvcTab]=\"{id: p.id, label: p.id | translate}\">\n    <eo-plugin [id]=\"p.id\" [parent]=\"this\"></eo-plugin>\n  </ng-template>\n\n</yvc-tabs>\n", styles: [":host ::ng-deep{position:relative;background:var(--color-white);display:flex;flex:1;flex-direction:column;min-height:0;min-width:0;height:100%;box-sizing:border-box;color:var(--text-color-caption);overflow:hidden}:host ::ng-deep .eo-head{background-color:var(--color-primary-3);color:var(--color-white)}:host ::ng-deep .eo-head h2{display:inline-block;max-width:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:calc(var(--app-pane-padding) / 4) 0;font-size:var(--font-title);font-weight:400;line-height:1.1em;margin:0}:host ::ng-deep .eo-body{position:absolute;inset:0;overflow:hidden;top:var(--app-pane-header-height)}:host ::ng-deep .sizing{display:flex;justify-content:space-between;margin-bottom:var(--app-pane-padding)}:host ::ng-deep .doc{margin-bottom:var(--app-pane-padding);padding:0 var(--app-pane-padding);color:var(--text-color-body);cursor:pointer;display:flex;flex-flow:row nowrap;flex-shrink:0}:host ::ng-deep .doc:first-child{margin-top:var(--app-pane-padding)}:host ::ng-deep .doc .marker{width:4px;background:rgba(var(--color-black-rgb),.1);flex:0 0 auto;transition:all var(--app-default-transition-duration) ease-in-out;-webkit-transition:all var(--app-default-transition-duration) ease-in-out;-moz-transition:all var(--app-default-transition-duration) ease-in-out;-o-transition:all var(--app-default-transition-duration) ease-in-out}:host ::ng-deep .doc .content{flex:1 1 auto;margin:0 var(--app-pane-padding)}:host ::ng-deep .doc .date{color:var(--text-color-caption);font-size:var(--font-hint)}:host ::ng-deep .doc .desc{color:var(--text-color-caption)}:host ::ng-deep .doc.selected .marker,:host ::ng-deep .doc:hover .marker{background:var(--color-accent)}:host ::ng-deep>yvc-tabs>header{position:fixed;min-height:auto!important;top:calc(var(--app-bar-height) + 56px);border:none}[dir=ltr] :host ::ng-deep>yvc-tabs>header{right:calc(var(--app-pane-padding) * 1.75)}[dir=rtl] :host ::ng-deep>yvc-tabs>header{left:calc(var(--app-pane-padding) * 1.75)}:host ::ng-deep>yvc-tabs>header .scroll-x{border-bottom:none!important}:host ::ng-deep>yvc-tabs>header .scroll-x nav a{border:1px solid var(--color-primary-3)!important;border-radius:4px;margin:0 4px}:host.visible ::ng-deep>yvc-tabs>header nav a.active{border-color:var(--color-accent)!important}\n"] }]
         }], ctorParameters: () => [{ type: i1.SelectionService }, { type: i2.ActionService }, { type: i3.AppCacheService }, { type: i3.DmsService }, { type: i3.EventService }, { type: i4.PendingChangesService }], propDecorators: { eoTabs: [{

package/esm2022/app/eo-framework/plugins/plugin.component.mjs

@@ -16,11 +16,11 @@ export class PluginComponent {
     constructor(pluginService) {
         this.pluginService = pluginService;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: PluginComponent, deps: [{ token: i1.PluginService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.4", type: PluginComponent, selector: "eo-plugin", inputs: { type: "type", id: "id", parent: "parent" }, viewQueries: [{ propertyName: "eoPlugin", first: true, predicate: PluginDirective, descendants: true, static: true }], ngImport: i0, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: PluginComponent, deps: [{ token: i1.PluginService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.0", type: PluginComponent, selector: "eo-plugin", inputs: { type: "type", id: "id", parent: "parent" }, viewQueries: [{ propertyName: "eoPlugin", first: true, predicate: PluginDirective, descendants: true, static: true }], ngImport: i0, template: `
     <ng-template eoPlugin></ng-template>`, isInline: true, dependencies: [{ kind: "directive", type: i2.PluginDirective, selector: "[eoPlugin]" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: PluginComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: PluginComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'eo-plugin',
@@ -44,10 +44,10 @@ export class PluginPipe {
     transform(value) {
         return this.pluginService.loadTabs(value);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: PluginPipe, deps: [{ token: i1.PluginService }], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "18.0.4", ngImport: i0, type: PluginPipe, name: "plugins" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: PluginPipe, deps: [{ token: i1.PluginService }], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "18.1.0", ngImport: i0, type: PluginPipe, name: "plugins" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: PluginPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: PluginPipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'plugins',
@@ -61,8 +61,8 @@ export class SidebarPluginComponent {
     constructor(pluginService) {
         this.pluginService = pluginService;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: SidebarPluginComponent, deps: [{ token: i1.PluginService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.4", type: SidebarPluginComponent, selector: "eo-sidebar-plugin", inputs: { type: "type" }, viewQueries: [{ propertyName: "links", predicate: ["navItem"], descendants: true }], ngImport: i0, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: SidebarPluginComponent, deps: [{ token: i1.PluginService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.0", type: SidebarPluginComponent, selector: "eo-sidebar-plugin", inputs: { type: "type" }, viewQueries: [{ propertyName: "links", predicate: ["navItem"], descendants: true }], ngImport: i0, template: `
     <div #navItem class="nav-item" *ngFor="let l of _links">
       <a [href]="l.path" *ngIf="l.path.startsWith('http');else link">{{l.id | translate}}</a>
       <ng-template #link>
@@ -70,7 +70,7 @@ export class SidebarPluginComponent {
       </ng-template>
     </div>`, isInline: true, dependencies: [{ kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i4.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i4.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }, { kind: "pipe", type: i5.TranslatePipe, name: "translate" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: SidebarPluginComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: SidebarPluginComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'eo-sidebar-plugin',

package/esm2022/app/eo-framework/plugins/plugin.directive.mjs

@@ -4,10 +4,10 @@ export class PluginDirective {
     constructor(viewContainerRef) {
         this.viewContainerRef = viewContainerRef;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: PluginDirective, deps: [{ token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.4", type: PluginDirective, selector: "[eoPlugin]", ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: PluginDirective, deps: [{ token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.1.0", type: PluginDirective, selector: "[eoPlugin]", ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: PluginDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: PluginDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[eoPlugin]'

package/esm2022/app/eo-framework/plugins/plugin.service.mjs

@@ -30,10 +30,10 @@ export class PluginService {
     loadLinks(type) {
         return this.links.filter(p => p.matchType && type.match(p.matchType));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: PluginService, deps: [{ token: ENTRY_COMPONENTS }, { token: ENTRY_LINKS }, { token: i0.ComponentFactoryResolver }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: PluginService }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: PluginService, deps: [{ token: ENTRY_COMPONENTS }, { token: ENTRY_LINKS }, { token: i0.ComponentFactoryResolver }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: PluginService }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: PluginService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: PluginService, decorators: [{
             type: Injectable
         }], ctorParameters: () => [{ type: undefined, decorators: [{
                     type: Inject,

package/esm2022/app/eo-framework/plugins/plugins.module.mjs

@@ -19,11 +19,11 @@ export class PluginsModule {
                 }]
         };
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: PluginsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.4", ngImport: i0, type: PluginsModule, declarations: [PluginDirective, PluginComponent, SidebarPluginComponent, PluginPipe], imports: [CommonModule,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: PluginsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.1.0", ngImport: i0, type: PluginsModule, declarations: [PluginDirective, PluginComponent, SidebarPluginComponent, PluginPipe], imports: [CommonModule,
             EoSharedModule,
             RouterModule], exports: [PluginComponent, SidebarPluginComponent, PluginPipe] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: PluginsModule, providers: [PluginService, {
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: PluginsModule, providers: [PluginService, {
                 provide: ENTRY_COMPONENTS,
                 useValue: []
             }, {
@@ -33,7 +33,7 @@ export class PluginsModule {
             EoSharedModule,
             RouterModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: PluginsModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: PluginsModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [

package/esm2022/app/eo-framework/prepare-details/prepare-content-exists-info/prepare-content-exists-info.component.mjs

@@ -19,10 +19,10 @@ export class PrepareContentExistsInfoComponent {
     get content() {
         return this._content;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: PrepareContentExistsInfoComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.4", type: PrepareContentExistsInfoComponent, selector: "eo-prepare-content-exists-info", inputs: { content: "content" }, ngImport: i0, template: "<ng-container *ngIf=\"content?.existscount > 0\">\n  <a [routerLink]=\"['/result']\" [queryParams]=\"{query: queryParam}\">\n    {{'eo.prepare.content.existscount.message'|translate: ({count: content.existscount})}} &raquo;\n  </a>\n</ng-container>", styles: [":host{background-color:var(--color-warning)}:host a{display:block;margin:calc(var(--app-pane-padding) / 4) calc(var(--app-pane-padding) / 2);text-decoration:none;color:#fff}:host a:hover{text-decoration:underline}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.RouterLinkDirective, selector: "a[routerLink]" }, { kind: "directive", type: i3.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "pipe", type: i4.TranslatePipe, name: "translate" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: PrepareContentExistsInfoComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.0", type: PrepareContentExistsInfoComponent, selector: "eo-prepare-content-exists-info", inputs: { content: "content" }, ngImport: i0, template: "<ng-container *ngIf=\"content?.existscount > 0\">\n  <a [routerLink]=\"['/result']\" [queryParams]=\"{query: queryParam}\">\n    {{'eo.prepare.content.existscount.message'|translate: ({count: content.existscount})}} &raquo;\n  </a>\n</ng-container>", styles: [":host{background-color:var(--color-warning)}:host a{display:block;margin:calc(var(--app-pane-padding) / 4) calc(var(--app-pane-padding) / 2);text-decoration:none;color:#fff}:host a:hover{text-decoration:underline}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.RouterLinkDirective, selector: "a[routerLink]" }, { kind: "directive", type: i3.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "pipe", type: i4.TranslatePipe, name: "translate" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: PrepareContentExistsInfoComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: PrepareContentExistsInfoComponent, decorators: [{
             type: Component,
             args: [{ selector: 'eo-prepare-content-exists-info', template: "<ng-container *ngIf=\"content?.existscount > 0\">\n  <a [routerLink]=\"['/result']\" [queryParams]=\"{query: queryParam}\">\n    {{'eo.prepare.content.existscount.message'|translate: ({count: content.existscount})}} &raquo;\n  </a>\n</ng-container>", styles: [":host{background-color:var(--color-warning)}:host a{display:block;margin:calc(var(--app-pane-padding) / 4) calc(var(--app-pane-padding) / 2);text-decoration:none;color:#fff}:host a:hover{text-decoration:underline}\n"] }]
         }], propDecorators: { content: [{

package/esm2022/app/eo-framework/prepare-details/prepare-details.component.mjs

@@ -527,14 +527,14 @@ let PrepareDetailsComponent = class PrepareDetailsComponent {
             });
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: PrepareDetailsComponent, deps: [{ token: i1.PrepareService }, { token: i2.Router }, { token: i3.PendingChangesService }, { token: i1.TranslateService }, { token: i1.NotificationsService }, { token: i1.SystemService }, { token: i4.SelectionService }, { token: i1.BackendService }, { token: i1.CapabilitiesService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.4", type: PrepareDetailsComponent, selector: "eo-prepare-details", inputs: { preparedItem: "preparedItem", emptyState: "emptyState", applySelection: "applySelection" }, outputs: { onItemChanged: "onItemChanged", onCommit: "onCommit", onItemRemove: "onItemRemove" }, host: { properties: { "attr.data-type": "this.dataType" } }, viewQueries: [{ propertyName: "file", first: true, predicate: ["file"], descendants: true }, { propertyName: "objectForm", first: true, predicate: ["form"], descendants: true }, { propertyName: "confirmDeleteButton", first: true, predicate: ["confirmDelete"], descendants: true }, { propertyName: "confirmContentDeleteButton", first: true, predicate: ["confirmContentDelete"], descendants: true }], ngImport: i0, template: "<div class=\"prepareDetails__wrapper\" *ngIf=\"!loading; else mainSpinner\">\n  <section class=\"prepareDetails\" *ngIf=\"preparedItem && preparePhase; else noItem\"\n    [ngClass]=\"{multifile: preparedItem.contentcount > 1, committing: committing}\">\n    <div class=\"eo-head\">\n\n      <div class=\"header-info\">\n        <div class=\"header-title\">{{header.title}}</div>\n        <div class=\"header-sub-title h-location\" *ngIf=\"!header.location.link; else linked\">{{header.location.label}}\n        </div>\n        <div class=\"header-sub-title h-subtitle\">{{header.subtitle}}</div>\n\n        <ng-template #linked>\n          <div class=\"header-sub-title h-subtitle-detailed\">\n            <span translate>eo.prepare.location.title.prefix</span>\n            <a [routerLink]=\"header.location.link\">{{header.location.label}}</a>\n          </div>\n        </ng-template>\n      </div>\n\n      <div class=\"actions\">\n        <eo-icon class=\"btn btn-download\"\n          *ngIf=\"preparePhase.name === 'content' ? selectedTemplateFile : preparePhase.data.previewFile\"\n          [iconSrc]=\"'assets/_default/svg/ic_content-download.svg'\"\n          [iconTitle]=\"('eo.action.download.dms.object.content.label' | translate)\" (click)=\"download()\"></eo-icon>\n        <eo-icon class=\"btn btn-delete\" [iconSrc]=\"'assets/_default/svg/ic_trash.svg'\"\n          (click)=\"showDeleteDialog = true;\"></eo-icon>\n        <!-- buttons while choosing a template -->\n        <ng-container *ngIf=\"chooseTemplate\">\n          <button class=\"btn-tpl-abort\" (click)=\"showTemplateSelector(false)\"\n            translate>eo.cta.button.cancel</button>\n          <button class=\"primary btn-tpl-apply\" (click)=\"addTemplate(selectedTemplate)\" [disabled]=\"!selectedTemplate\"\n            translate>eo.prepare.template.select</button>\n        </ng-container>\n\n        <ng-container *ngIf=\"preparePhase.name === 'indexdata'\">\n          <button (click)=\"resetObjectType()\" translate>eo.prepare.resetObject</button>\n          <button (click)=\"commit()\" class=\"btn-idx-save\"\n            [ngClass]=\"{primary: preparedItem.state.parentisroot && preparedItem.contentcount > 1}\"\n            [disabled]=\"formState?.invalid || committing\" translate>eo.prepare.save</button>\n\n          <button (click)=\"commit(true)\" [disabled]=\"formState?.invalid || committing\" class=\"primary btn-idx-saveopen\"\n            [hidden]=\"preparedItem?.state.parentisroot && preparedItem?.contentcount > 1\"\n            translate>eo.prepare.saveopen</button>\n\n        </ng-container>\n      </div>\n\n    </div>\n\n    <div class=\"eo-body\" [ngSwitch]=\"preparePhase.name\" *ngIf=\"!committing; else spinner\">\n\n      <!-- PHASE TYPE -->\n      <div class=\"phase type\" *ngSwitchCase=\"'type'\">\n\n        <!-- with preview -->\n        <yvc-split-view *ngIf=\"preparePhase.data.previewFile; else nopreview\"\n          [layoutSettingsID]=\"'prepare.details.phase.type'\">\n          <ng-template yvcSplitArea [size]=\"30\">\n            <div class=\"form-files\">\n              <div class=\"object-type-select empty\" *ngIf=\"preparedItem.types.length == 0\" translate>\n                eo.prepare.details.type.empty</div>\n              <div class=\"object-type-select empty\"\n                *ngIf=\"!preparedItem.state.typeselectedallowed && preparedItem.state.typeselected\"\n                [translateParams]=\"{type: preparedItem.selectedtype.label, filename: getFileNames(preparedItem)}\"\n                translate>eo.prepare.details.type.notallowed</div>\n\n              <div class=\"object-type-select\">\n                <div class=\"object-type\" *ngFor=\"let type of preparedItem.types; trackBy: trackByIdFn\"\n                  (click)=\"selectObjectType(type)\">\n                  <div class=\"type-icon\">\n                    <eo-icon [iconId]=\"type.icon.id\"></eo-icon>\n                  </div>\n                  <div class=\"content\">\n                    <div class=\"title\">{{type.label}}</div>\n                    <div class=\"description\">{{type.description}}</div>\n                  </div>\n                </div>\n              </div>\n\n\n              <div class=\"content-select\">\n                <h2 translate>eo.prepare.details.contents.title</h2>\n                <div class=\"content\"\n                  *ngFor=\"let content of preparedItem.contents; trackBy: trackByIndexFn; index as idx;\"\n                  [ngClass]=\"{selected: preparePhase.data.previewIndex == idx}\" (click)=\"setPreviewUri(idx)\">\n                  <span>{{content.path}}</span>\n                  <eo-icon class=\"btn btn-delete-content\" [iconSrc]=\"'assets/_default/svg/ic_trash.svg'\"\n                    (click)=\"showContentDeleteDialog = true; deletedContentIndex = idx;\"></eo-icon>\n                  <div *ngIf=\"content.existscount > 0\" class=\"attention\"\n                    title=\"{{'eo.prepare.content.existscount.message'|translate: ({count: content.existscount})}}\">!\n                  </div>\n                </div>\n              </div>\n            </div>\n          </ng-template>\n          <ng-template yvcSplitArea [size]=\"70\">\n            <div class=\"eo-media-wrap\">\n              <eo-prepare-content-exists-info [content]=\"preparedItem.contents[preparePhase.data.previewIndex]\">\n              </eo-prepare-content-exists-info>\n              <eo-media [dmsObject]=\"pseudoDmsObject\" [previewFile]=\"preparePhase.data.previewFile\"></eo-media>\n            </div>\n          </ng-template>\n        </yvc-split-view>\n\n        <!-- without preview -->\n        <ng-template #nopreview>\n          <div class=\"form-files\">\n            <div class=\"object-type-select\">\n              <div class=\"object-type\" *ngFor=\"let type of preparedItem.types; trackBy: trackByIdFn\"\n                (click)=\"selectObjectType(type)\">\n                <div class=\"type-icon\">\n                  <eo-icon [iconId]=\"type.icon.id\"></eo-icon>\n                </div>\n                <div class=\"content\">\n                  <div class=\"title\">{{type.label}}</div>\n                  <div class=\"description\">{{type.description}}</div>\n                </div>\n              </div>\n            </div>\n          </div>\n        </ng-template>\n\n      </div>\n\n      <!-- PHASE CONTENT -->\n      <div class=\"phase content\" *ngSwitchCase=\"'content'\">\n\n        <!-- panel for selecting a template to be used as items content -->\n        <yvc-split-view *ngIf=\"chooseTemplate; else attach\" [layoutSettingsID]=\"'prepare.details.phase.content'\">\n          <ng-template yvcSplitArea [size]=\"40\">\n            <!-- list of available templates -->\n            <eo-list-container #eoList [loading]=\"false\" class=\"templates\">\n              <div class=\"eo-header\">\n                <eo-icon class=\"eo-header-icon\" [iconSrc]=\"'assets/_default/svg/ic_template.svg'\"></eo-icon>\n                <div class=\"eo-header-info\">\n                  <div class=\"eo-header-title\" translate>eo.prepare.template.list.title</div>\n                </div>\n                <div class=\"eo-header-actions\">\n\n                  <eo-overlay #oFilter [iconSrc]=\"'assets/_default/svg/ic_filter.svg'\" [iconClass]=\"'primary'\"\n                    class=\"overlay-filter\" [title]=\"'eo.list.filter' | translate\"\n                    (active)=\"oFilter.onActiveChanged($event)\">\n                    <eo-custom-filter #cFilter (change)=\"cFilter.updateGrid(eoList.eoGridSubject, $event)\"\n                      (active)=\"oFilter.onActiveChanged($event)\">\n                      <eo-text-filter [title]=\"'eo.prepare.template.filter.text.title' | translate\"\n                        [matchFields]=\"['title', 'description', 'tags']\"\n                        [placeholder]=\"'eo.prepare.template.filter.text.title'\"></eo-text-filter>\n                      <eo-set-filter [operator]=\"'OR'\" [title]=\"'eo.prepare.template.filter.set.title' | translate\"\n                        *ngIf=\"tagFilterOptions?.length\" [options]=\"tagFilterOptions\"></eo-set-filter>\n                    </eo-custom-filter>\n                  </eo-overlay>\n\n                </div>\n              </div>\n              <div class=\"eo-body\">\n                <eo-grid #eoGrid *ngIf=\"gridOptions?.rowData\" [gridOptions]=\"gridOptions\" [fullWidth]=\"true\"\n                  [showHeader]=\"true\" [showFooter]=\"false\" [selectionLimit]=\"1\"\n                  (eoGridSelectionChanged)=\"selectTemplate($event[0])\">\n                </eo-grid>\n              </div>\n            </eo-list-container>\n          </ng-template>\n\n          <ng-template yvcSplitArea [size]=\"60\">\n            <!-- preview of selected template -->\n            <eo-media [previewFile]=\"selectedTemplateFile\"></eo-media>\n          </ng-template>\n        </yvc-split-view>\n\n        <!-- add content general overview (upload, template, none) -->\n        <ng-template #attach>\n\n          <div class=\"info\" *ngIf=\"!uploadInProgress\" translate>eo.prepare.attachment.info</div>\n          <input type=\"file\" #file (change)=\"fileChangeListener($event.target.files)\">\n\n          <div class=\"attachments\" *ngIf=\"!uploadInProgress; else uploadspinner\">\n\n            <!-- upload a file -->\n            <div class=\"attachment att-file\" *ngIf=\"preparePhase.data.file\" (click)=\"upload()\">\n              <div class=\"img\">\n                <eo-icon [iconSrc]=\"'assets/_default/svg/ic_file_upload.svg'\"></eo-icon>\n              </div>\n              <h3 translate>eo.prepare.attachment.upload.title</h3>\n              <p translate>eo.prepare.attachment.upload.desc</p>\n            </div>\n\n            <!-- select a template -->\n            <div class=\"attachment att-tmpl\" *ngIf=\"preparePhase.data.templates.length > 0 && hasTemplateCapability()\"\n              (click)=\"showTemplateSelector(true)\">\n              <div class=\"img\">\n                <eo-icon [iconSrc]=\"'assets/_default/svg/ic_prepare_add.svg'\"></eo-icon>\n              </div>\n              <h3 translate>eo.prepare.attachment.template.title</h3>\n              <p translate>eo.prepare.attachment.template.desc</p>\n            </div>\n\n            <!-- no file -->\n            <div class=\"attachment att-none\" *ngIf=\"preparePhase.data.withoutFile\" (click)=\"noFile()\">\n              <div class=\"img\">\n                <eo-icon [iconSrc]=\"'assets/_default/svg/ic_no-file.svg'\"></eo-icon>\n              </div>\n              <h3 translate>eo.prepare.attachment.nofile.title</h3>\n              <p translate>eo.prepare.attachment.nofile.desc</p>\n            </div>\n\n          </div>\n\n        </ng-template>\n\n        <!-- upload progress indicator -->\n        <ng-template #uploadspinner>\n          <div class=\"upload-indicator\">\n            <eo-loading-spinner [size]=\"'large'\"></eo-loading-spinner>\n          </div>\n        </ng-template>\n      </div>\n\n      <!-- PHASE INDEXDATA -->\n      <div class=\"phase indexdata\" *ngSwitchCase=\"'indexdata'\">\n\n        <!-- form and preview -->\n        <yvc-split-view *ngIf=\"preparedItem.contents; else justform\" [layoutSettingsID]=\"'prepare.state'\">\n          <ng-template yvcSplitArea [size]=\"50\">\n            <div class=\"form-files\">\n\n              <!-- indexdata form -->\n              <ng-container *ngTemplateOutlet=\"justform\"></ng-container>\n\n              <!-- list of contents (in case of bulk upload) that can be previewed -->\n              <div class=\"content-select\">\n\n                <h2 translate>eo.prepare.details.contents.title</h2>\n                <div class=\"content\"\n                  *ngFor=\"let content of preparedItem.contents; trackBy: trackByIndexFn; index as idx\"\n                  [ngClass]=\"{selected: preparePhase.data.previewIndex === idx}\" (click)=\"setPreviewUri(idx)\">\n                  {{content.path}} <span *ngIf=\"content.existscount > 0\" class=\"attention\"\n                    title=\"{{'eo.prepare.content.existscount.message'|translate: ({count: content.existscount})}}\">!</span>\n                </div>\n              </div>\n            </div>\n          </ng-template>\n\n          <ng-template yvcSplitArea [size]=\"50\">\n            <div class=\"eo-media-wrap\">\n              <eo-prepare-content-exists-info [content]=\"preparedItem.contents[preparePhase.data.previewIndex]\">\n              </eo-prepare-content-exists-info>\n              <eo-media [dmsObject]=\"pseudoDmsObject\" [previewFile]=\"preparePhase.data.previewFile\"></eo-media>\n            </div>\n          </ng-template>\n        </yvc-split-view>\n\n        <!-- just the form -->\n        <ng-template #justform>\n          <div class=\"form-container situation-create\" *ngIf=\"formOptions\">\n            <eo-object-form #form [formOptions]=\"formOptions\" (statusChanged)=\"onFormStatusChanged($event)\">\n            </eo-object-form>\n          </div>\n        </ng-template>\n      </div>\n    </div>\n  </section>\n\n  <ng-template #spinner>\n    <div class=\"eo-body\">\n      <eo-loading-spinner size=\"medium\"></eo-loading-spinner>\n    </div>\n  </ng-template>\n\n</div>\n\n<ng-template #mainSpinner>\n  <div class=\"prepareDetails__main-spinner\">\n    <eo-loading-spinner size=\"medium\"></eo-loading-spinner>\n  </div>\n</ng-template>\n\n\n<ng-template #noItem>\n  <eo-error-message [emptyState]=\"{icon: emptyState.icon, text: emptyState.text, className: emptyState.className}\">\n    <ng-content select=\".error\"></ng-content>\n  </eo-error-message>\n</ng-template>\n\n<eo-dialog [title]=\"'eo.prepare.details.delete.dialog.title' | translate\" [(visible)]=\"showDeleteDialog\"\n  [focusOnShow]=\"false\" [minWidth]=\"400\" [styleClass]=\"'prepare-delete__dialog'\">\n\n  <div>{{'eo.prepare.details.delete.dialog.message' | translate}}</div>\n\n  <div class=\"action-buttons prepare-delete--action-buttons flex-row\">\n    <button type=\"button\" class=\"button cancel\" (click)=\"showDeleteDialog = false\"\n      translate>eo.cta.button.cancel</button>\n    <button type=\"button\" #confirmDelete (click)=\"removeItem(preparedItem)\" class=\"button primary\"\n      translate>eo.prepare.details.delete.dialog.ok</button>\n  </div>\n</eo-dialog>\n\n<eo-dialog [title]=\"'eo.prepare.details.delete.content.dialog.title' | translate\" [(visible)]=\"showContentDeleteDialog\"\n  [minWidth]=\"400\" [styleClass]=\"'prepare-delete__dialog'\">\n\n  <div>{{'eo.prepare.details.delete.content.dialog.message' | translate: ({contentPath: preparedItem?.contents ?\n    preparedItem?.contents[deletedContentIndex]?.path : ''})}}</div>\n\n  <div class=\"action-buttons prepare-delete--action-buttons flex-row\">\n    <button type=\"button\" class=\"button cancel\" (click)=\"showContentDeleteDialog = false\"\n      translate>eo.cta.button.cancel</button>\n    <button type=\"button\" #confirmContentDelete (click)=\"removeItemContent(preparedItem, deletedContentIndex)\"\n      class=\"button primary\" translate>eo.prepare.details.delete.dialog.ok</button>\n  </div>\n</eo-dialog>\n", styles: [":host{height:100%;--split-gutter-background-color: var(--panel-background)}:host yvc-split-view{height:100%}:host .prepareDetails{display:flex;flex:1;flex-direction:column;min-height:0;min-width:0;background:var(--panel-background-grey);height:100%;overflow-y:auto}:host .prepareDetails .eo-media-wrap{height:100%;display:flex;flex-flow:column}:host .prepareDetails .eo-media-wrap eo-media{flex:1;position:relative}:host .prepareDetails__wrapper{height:100%}:host .prepareDetails__main-spinner{height:100%;display:flex;justify-content:center;align-items: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{font-size:var(--font-caption);color:var(--text-color-caption);flex:1 1 auto}:host .prepareDetails .eo-head .header-info .header-title{font-size:var(--font-title);color:var(--text-color-body);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{display:flex;align-items:center;align-self:flex-start}[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{padding:calc(var(--app-pane-padding) / 4);cursor:pointer}:host .prepareDetails .eo-body{overflow-y:hidden}:host .prepareDetails .phase{height:100%;overflow-y:auto}:host .prepareDetails .phase.content{display:flex;flex-flow:column;align-items:center;justify-content:center}:host .prepareDetails .phase.content ::ng-deep eo-list-container.templates{background:linear-gradient(to right,#fff 70%,var(--panel-background-lightgrey) 100%)}: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 ::ng-deep yvc-split-view{width:100%;height:100%}:host .prepareDetails .phase.content input[type=file]{display:none}:host .prepareDetails .phase.content .info{flex:0 0 auto;color:var(--text-color-caption);margin-bottom:var(--app-pane-padding)}:host .prepareDetails .phase.content .attachments{flex:0 0 auto;display:flex;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);cursor:pointer;margin:calc(var(--app-pane-padding) / 2);max-width:200px;border-bottom:1px solid rgba(var(--color-black-rgb),.1)}:host .prepareDetails .phase.content .attachments .attachment .img{display:flex;flex-flow:column;align-items:center;justify-content:center;padding:calc(var(--app-pane-padding) * 2) 0;background:var(--color-accent)}:host .prepareDetails .phase.content .attachments .attachment .img eo-icon{color:var(--color-white);width:48px;height:48px;opacity:.5;transition:all var(--app-default-transition-duration) ease-in-out;-webkit-transition:all var(--app-default-transition-duration) ease-in-out;-moz-transition:all var(--app-default-transition-duration) ease-in-out;-o-transition:all var(--app-default-transition-duration) ease-in-out}:host .prepareDetails .phase.content .attachments .attachment h3{font-weight:var(--font-weight-normal);margin:0;padding:calc(var(--app-pane-padding) / 2) var(--app-pane-padding);font-size:var(--font-subhead)}:host .prepareDetails .phase.content .attachments .attachment p{margin:0;padding:0 var(--app-pane-padding) var(--app-pane-padding) var(--app-pane-padding);color:var(--text-color-caption)}: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{display:flex;flex-flow:row nowrap;align-items:center;background:var(--color-white);padding:calc(var(--app-pane-padding) / 2);margin-bottom:1px;cursor:pointer;transition:all var(--app-default-transition-duration) ease-in-out;-webkit-transition:all var(--app-default-transition-duration) ease-in-out;-moz-transition:all var(--app-default-transition-duration) ease-in-out;-o-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{padding-left:calc(var(--app-pane-padding) / 2);overflow:hidden}: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{display:flex;flex-flow:column;align-items:center;justify-content:center}:host .prepareDetails.multifile .form-files{height:100%;display:flex;flex-flow:column}: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);overflow-y:auto;box-sizing:border-box;display:block;padding:calc(var(--app-pane-padding) / 2);flex:0 0 30%}:host .prepareDetails.multifile .content-select h2{margin:0;padding:calc(var(--app-pane-padding) / 2);padding-bottom:var(--app-pane-padding);font-size:var(--font-subhead);font-weight:var(--font-weight-normal);color:var(--text-color-caption)}:host .prepareDetails.multifile .content-select .content{overflow:hidden;text-overflow:ellipsis;padding:calc(var(--app-pane-padding) / 2);margin-bottom:calc(var(--app-pane-padding) / 2);color:var(--text-color-caption);cursor:pointer;transition:all var(--app-default-transition-duration) ease-in-out;-webkit-transition:all var(--app-default-transition-duration) ease-in-out;-moz-transition:all var(--app-default-transition-duration) ease-in-out;-o-transition:all var(--app-default-transition-duration) ease-in-out;display:flex;background:var(--color-white);justify-content:space-between;gap:8px}:host .prepareDetails.multifile .content-select .content>span{text-overflow:ellipsis;overflow:hidden;flex:1}:host .prepareDetails.multifile .content-select .content .btn-delete-content{width:16px;flex:0 0 16px;height:16px;color:var(--text-color-caption)}:host .prepareDetails.multifile .content-select .content .btn-delete-content:hover{background-color:var(--text-color-hint)}:host .prepareDetails.multifile .content-select .content div.attention{display:block;flex:0 0 auto;right:4px;top:8px;border-radius:2px;padding:0 4px;color:var(--color-warning);line-height:1em;border:1px solid var(--color-warning)}: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{background:transparent}:host ::ng-deep eo-grid ag-grid-angular.ag-theme-balham{background:transparent}: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-head,:host ::ng-deep eo-list-container .eo-grid-header,:host ::ng-deep eo-list-container .eo-grid-footer{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-title{color:var(--text-color-caption)}:host ::ng-deep .eo-header-icon{color:var(--text-color-caption)}:host ::ng-deep .template{margin-bottom:1px;cursor:pointer;color:var(--text-color-caption)}: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{padding:8px;min-height:unset!important}::ng-deep .prepare-delete__dialog--header{font-size:1.17em!important;font-weight:400!important;color:rgba(var(--color-black-rgb),.54)!important;padding:0 0 1em!important;margin:0;background:#fff!important}\n"], dependencies: [{ kind: "directive", type: i5.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i5.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i5.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i5.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i5.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "component", type: i6.ObjectFormComponent, selector: "eo-object-form", inputs: ["isInnerTableForm", "formOptions"], outputs: ["statusChanged", "onFormReady"] }, { kind: "directive", type: i7.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "component", type: i8.EoIconComponent, selector: "eo-icon", inputs: ["objectType", "iconId", "iconSrc", "badge", "iconTitle"] }, { kind: "directive", type: i9.RouterLinkDirective, selector: "a[routerLink]" }, { kind: "component", type: i10.LoadingSpinnerComponent, selector: "eo-loading-spinner", inputs: ["size", "mode"] }, { kind: "component", type: i11.OverlayComponent, selector: "eo-overlay", inputs: ["iconSrc", "badge", "iconClass", "active", "iconTitle", "userAvatar"] }, { kind: "component", type: i12.ErrorMessageComponent, selector: "eo-error-message", inputs: ["emptyState"] }, { kind: "component", type: i13.EoDialogComponent, selector: "eo-dialog", inputs: ["hasPreviewFile", "title", "subtitle", "styleClass", "dirtyCheck", "minWidth", "minHeight", "height", "width", "focusOnShow", "align", "isFormTable", "showPreview", "visible"], outputs: ["onTogglePreview", "visibleChange", "hide", "show"] }, { kind: "component", type: i14.MediaComponent, selector: "eo-media", inputs: ["undockDisabled", "enableCloseBtn", "useVersion", "attachments", "searchTerm", "previewUri", "previewFile", "dmsObject"], outputs: ["hasContentLoaded"] }, { kind: "component", type: i15.GridComponent, selector: "eo-grid", inputs: ["selectFirst", "selectionLimit", "sizeToFit", "fullWidth", "showHeader", "showFooter", "loaderContent", "options", "gridOptions"], outputs: ["eoGridCountChanged", "eoGridSelectionChanged", "eoGridFocusChanged", "eoGridCellClick", "eoGridDoubleClick", "eoGridContextMenuClick", "eoGridColumnResized"] }, { kind: "component", type: i16.CustomFilterComponent, selector: "eo-custom-filter", inputs: ["overlay", "eoGrid", "activeFilter", "isFilterActive"], outputs: ["change", "active", "onResetFilters"] }, { kind: "component", type: i17.TextFilterComponent, selector: "eo-text-filter", inputs: ["title", "placeholder", "enableSave", "filterParams", "matchFields"] }, { kind: "component", type: i18.SetFilterComponent, selector: "eo-set-filter", inputs: ["title", "searchLimit", "operator", "options", "filterParams"] }, { kind: "component", type: i19.ListContainerComponent, selector: "eo-list-container", inputs: ["applySelection", "applyVersion", "loading", "tabs", "parseDmsParams"] }, { kind: "directive", type: i2.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: i20.SplitViewComponent, selector: "yvc-split-view", inputs: ["direction", "gutterSize", "restrictMove", "disabled", "gutterDblClickDuration", "layoutSettingsID"], outputs: ["layoutSettingsChange", "dragStart", "dragEnd", "gutterClick", "gutterDblClick"] }, { kind: "directive", type: i20.SplitAreaDirective, selector: "[yvcSplitArea]", inputs: ["size", "order", "minSize", "maxSize", "panelClass", "visible"] }, { kind: "component", type: i21.PrepareContentExistsInfoComponent, selector: "eo-prepare-content-exists-info", inputs: ["content"] }, { kind: "pipe", type: i7.TranslatePipe, name: "translate" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: PrepareDetailsComponent, deps: [{ token: i1.PrepareService }, { token: i2.Router }, { token: i3.PendingChangesService }, { token: i1.TranslateService }, { token: i1.NotificationsService }, { token: i1.SystemService }, { token: i4.SelectionService }, { token: i1.BackendService }, { token: i1.CapabilitiesService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.0", type: PrepareDetailsComponent, selector: "eo-prepare-details", inputs: { preparedItem: "preparedItem", emptyState: "emptyState", applySelection: "applySelection" }, outputs: { onItemChanged: "onItemChanged", onCommit: "onCommit", onItemRemove: "onItemRemove" }, host: { properties: { "attr.data-type": "this.dataType" } }, viewQueries: [{ propertyName: "file", first: true, predicate: ["file"], descendants: true }, { propertyName: "objectForm", first: true, predicate: ["form"], descendants: true }, { propertyName: "confirmDeleteButton", first: true, predicate: ["confirmDelete"], descendants: true }, { propertyName: "confirmContentDeleteButton", first: true, predicate: ["confirmContentDelete"], descendants: true }], ngImport: i0, template: "<div class=\"prepareDetails__wrapper\" *ngIf=\"!loading; else mainSpinner\">\n  <section class=\"prepareDetails\" *ngIf=\"preparedItem && preparePhase; else noItem\"\n    [ngClass]=\"{multifile: preparedItem.contentcount > 1, committing: committing}\">\n    <div class=\"eo-head\">\n\n      <div class=\"header-info\">\n        <div class=\"header-title\">{{header.title}}</div>\n        <div class=\"header-sub-title h-location\" *ngIf=\"!header.location.link; else linked\">{{header.location.label}}\n        </div>\n        <div class=\"header-sub-title h-subtitle\">{{header.subtitle}}</div>\n\n        <ng-template #linked>\n          <div class=\"header-sub-title h-subtitle-detailed\">\n            <span translate>eo.prepare.location.title.prefix</span>\n            <a [routerLink]=\"header.location.link\">{{header.location.label}}</a>\n          </div>\n        </ng-template>\n      </div>\n\n      <div class=\"actions\">\n        <eo-icon class=\"btn btn-download\"\n          *ngIf=\"preparePhase.name === 'content' ? selectedTemplateFile : preparePhase.data.previewFile\"\n          [iconSrc]=\"'assets/_default/svg/ic_content-download.svg'\"\n          [iconTitle]=\"('eo.action.download.dms.object.content.label' | translate)\" (click)=\"download()\"></eo-icon>\n        <eo-icon class=\"btn btn-delete\" [iconSrc]=\"'assets/_default/svg/ic_trash.svg'\"\n          (click)=\"showDeleteDialog = true;\"></eo-icon>\n        <!-- buttons while choosing a template -->\n        <ng-container *ngIf=\"chooseTemplate\">\n          <button class=\"btn-tpl-abort\" (click)=\"showTemplateSelector(false)\"\n            translate>eo.cta.button.cancel</button>\n          <button class=\"primary btn-tpl-apply\" (click)=\"addTemplate(selectedTemplate)\" [disabled]=\"!selectedTemplate\"\n            translate>eo.prepare.template.select</button>\n        </ng-container>\n\n        <ng-container *ngIf=\"preparePhase.name === 'indexdata'\">\n          <button (click)=\"resetObjectType()\" translate>eo.prepare.resetObject</button>\n          <button (click)=\"commit()\" class=\"btn-idx-save\"\n            [ngClass]=\"{primary: preparedItem.state.parentisroot && preparedItem.contentcount > 1}\"\n            [disabled]=\"formState?.invalid || committing\" translate>eo.prepare.save</button>\n\n          <button (click)=\"commit(true)\" [disabled]=\"formState?.invalid || committing\" class=\"primary btn-idx-saveopen\"\n            [hidden]=\"preparedItem?.state.parentisroot && preparedItem?.contentcount > 1\"\n            translate>eo.prepare.saveopen</button>\n\n        </ng-container>\n      </div>\n\n    </div>\n\n    <div class=\"eo-body\" [ngSwitch]=\"preparePhase.name\" *ngIf=\"!committing; else spinner\">\n\n      <!-- PHASE TYPE -->\n      <div class=\"phase type\" *ngSwitchCase=\"'type'\">\n\n        <!-- with preview -->\n        <yvc-split-view *ngIf=\"preparePhase.data.previewFile; else nopreview\"\n          [layoutSettingsID]=\"'prepare.details.phase.type'\">\n          <ng-template yvcSplitArea [size]=\"30\">\n            <div class=\"form-files\">\n              <div class=\"object-type-select empty\" *ngIf=\"preparedItem.types.length == 0\" translate>\n                eo.prepare.details.type.empty</div>\n              <div class=\"object-type-select empty\"\n                *ngIf=\"!preparedItem.state.typeselectedallowed && preparedItem.state.typeselected\"\n                [translateParams]=\"{type: preparedItem.selectedtype.label, filename: getFileNames(preparedItem)}\"\n                translate>eo.prepare.details.type.notallowed</div>\n\n              <div class=\"object-type-select\">\n                <div class=\"object-type\" *ngFor=\"let type of preparedItem.types; trackBy: trackByIdFn\"\n                  (click)=\"selectObjectType(type)\">\n                  <div class=\"type-icon\">\n                    <eo-icon [iconId]=\"type.icon.id\"></eo-icon>\n                  </div>\n                  <div class=\"content\">\n                    <div class=\"title\">{{type.label}}</div>\n                    <div class=\"description\">{{type.description}}</div>\n                  </div>\n                </div>\n              </div>\n\n\n              <div class=\"content-select\">\n                <h2 translate>eo.prepare.details.contents.title</h2>\n                <div class=\"content\"\n                  *ngFor=\"let content of preparedItem.contents; trackBy: trackByIndexFn; index as idx;\"\n                  [ngClass]=\"{selected: preparePhase.data.previewIndex == idx}\" (click)=\"setPreviewUri(idx)\">\n                  <span>{{content.path}}</span>\n                  <eo-icon class=\"btn btn-delete-content\" [iconSrc]=\"'assets/_default/svg/ic_trash.svg'\"\n                    (click)=\"showContentDeleteDialog = true; deletedContentIndex = idx;\"></eo-icon>\n                  <div *ngIf=\"content.existscount > 0\" class=\"attention\"\n                    title=\"{{'eo.prepare.content.existscount.message'|translate: ({count: content.existscount})}}\">!\n                  </div>\n                </div>\n              </div>\n            </div>\n          </ng-template>\n          <ng-template yvcSplitArea [size]=\"70\">\n            <div class=\"eo-media-wrap\">\n              <eo-prepare-content-exists-info [content]=\"preparedItem.contents[preparePhase.data.previewIndex]\">\n              </eo-prepare-content-exists-info>\n              <eo-media [dmsObject]=\"pseudoDmsObject\" [previewFile]=\"preparePhase.data.previewFile\"></eo-media>\n            </div>\n          </ng-template>\n        </yvc-split-view>\n\n        <!-- without preview -->\n        <ng-template #nopreview>\n          <div class=\"form-files\">\n            <div class=\"object-type-select\">\n              <div class=\"object-type\" *ngFor=\"let type of preparedItem.types; trackBy: trackByIdFn\"\n                (click)=\"selectObjectType(type)\">\n                <div class=\"type-icon\">\n                  <eo-icon [iconId]=\"type.icon.id\"></eo-icon>\n                </div>\n                <div class=\"content\">\n                  <div class=\"title\">{{type.label}}</div>\n                  <div class=\"description\">{{type.description}}</div>\n                </div>\n              </div>\n            </div>\n          </div>\n        </ng-template>\n\n      </div>\n\n      <!-- PHASE CONTENT -->\n      <div class=\"phase content\" *ngSwitchCase=\"'content'\">\n\n        <!-- panel for selecting a template to be used as items content -->\n        <yvc-split-view *ngIf=\"chooseTemplate; else attach\" [layoutSettingsID]=\"'prepare.details.phase.content'\">\n          <ng-template yvcSplitArea [size]=\"40\">\n            <!-- list of available templates -->\n            <eo-list-container #eoList [loading]=\"false\" class=\"templates\">\n              <div class=\"eo-header\">\n                <eo-icon class=\"eo-header-icon\" [iconSrc]=\"'assets/_default/svg/ic_template.svg'\"></eo-icon>\n                <div class=\"eo-header-info\">\n                  <div class=\"eo-header-title\" translate>eo.prepare.template.list.title</div>\n                </div>\n                <div class=\"eo-header-actions\">\n\n                  <eo-overlay #oFilter [iconSrc]=\"'assets/_default/svg/ic_filter.svg'\" [iconClass]=\"'primary'\"\n                    class=\"overlay-filter\" [title]=\"'eo.list.filter' | translate\"\n                    (active)=\"oFilter.onActiveChanged($event)\">\n                    <eo-custom-filter #cFilter (change)=\"cFilter.updateGrid(eoList.eoGridSubject, $event)\"\n                      (active)=\"oFilter.onActiveChanged($event)\">\n                      <eo-text-filter [title]=\"'eo.prepare.template.filter.text.title' | translate\"\n                        [matchFields]=\"['title', 'description', 'tags']\"\n                        [placeholder]=\"'eo.prepare.template.filter.text.title'\"></eo-text-filter>\n                      <eo-set-filter [operator]=\"'OR'\" [title]=\"'eo.prepare.template.filter.set.title' | translate\"\n                        *ngIf=\"tagFilterOptions?.length\" [options]=\"tagFilterOptions\"></eo-set-filter>\n                    </eo-custom-filter>\n                  </eo-overlay>\n\n                </div>\n              </div>\n              <div class=\"eo-body\">\n                <eo-grid #eoGrid *ngIf=\"gridOptions?.rowData\" [gridOptions]=\"gridOptions\" [fullWidth]=\"true\"\n                  [showHeader]=\"true\" [showFooter]=\"false\" [selectionLimit]=\"1\"\n                  (eoGridSelectionChanged)=\"selectTemplate($event[0])\">\n                </eo-grid>\n              </div>\n            </eo-list-container>\n          </ng-template>\n\n          <ng-template yvcSplitArea [size]=\"60\">\n            <!-- preview of selected template -->\n            <eo-media [previewFile]=\"selectedTemplateFile\"></eo-media>\n          </ng-template>\n        </yvc-split-view>\n\n        <!-- add content general overview (upload, template, none) -->\n        <ng-template #attach>\n\n          <div class=\"info\" *ngIf=\"!uploadInProgress\" translate>eo.prepare.attachment.info</div>\n          <input type=\"file\" #file (change)=\"fileChangeListener($event.target.files)\">\n\n          <div class=\"attachments\" *ngIf=\"!uploadInProgress; else uploadspinner\">\n\n            <!-- upload a file -->\n            <div class=\"attachment att-file\" *ngIf=\"preparePhase.data.file\" (click)=\"upload()\">\n              <div class=\"img\">\n                <eo-icon [iconSrc]=\"'assets/_default/svg/ic_file_upload.svg'\"></eo-icon>\n              </div>\n              <h3 translate>eo.prepare.attachment.upload.title</h3>\n              <p translate>eo.prepare.attachment.upload.desc</p>\n            </div>\n\n            <!-- select a template -->\n            <div class=\"attachment att-tmpl\" *ngIf=\"preparePhase.data.templates.length > 0 && hasTemplateCapability()\"\n              (click)=\"showTemplateSelector(true)\">\n              <div class=\"img\">\n                <eo-icon [iconSrc]=\"'assets/_default/svg/ic_prepare_add.svg'\"></eo-icon>\n              </div>\n              <h3 translate>eo.prepare.attachment.template.title</h3>\n              <p translate>eo.prepare.attachment.template.desc</p>\n            </div>\n\n            <!-- no file -->\n            <div class=\"attachment att-none\" *ngIf=\"preparePhase.data.withoutFile\" (click)=\"noFile()\">\n              <div class=\"img\">\n                <eo-icon [iconSrc]=\"'assets/_default/svg/ic_no-file.svg'\"></eo-icon>\n              </div>\n              <h3 translate>eo.prepare.attachment.nofile.title</h3>\n              <p translate>eo.prepare.attachment.nofile.desc</p>\n            </div>\n\n          </div>\n\n        </ng-template>\n\n        <!-- upload progress indicator -->\n        <ng-template #uploadspinner>\n          <div class=\"upload-indicator\">\n            <eo-loading-spinner [size]=\"'large'\"></eo-loading-spinner>\n          </div>\n        </ng-template>\n      </div>\n\n      <!-- PHASE INDEXDATA -->\n      <div class=\"phase indexdata\" *ngSwitchCase=\"'indexdata'\">\n\n        <!-- form and preview -->\n        <yvc-split-view *ngIf=\"preparedItem.contents; else justform\" [layoutSettingsID]=\"'prepare.state'\">\n          <ng-template yvcSplitArea [size]=\"50\">\n            <div class=\"form-files\">\n\n              <!-- indexdata form -->\n              <ng-container *ngTemplateOutlet=\"justform\"></ng-container>\n\n              <!-- list of contents (in case of bulk upload) that can be previewed -->\n              <div class=\"content-select\">\n\n                <h2 translate>eo.prepare.details.contents.title</h2>\n                <div class=\"content\"\n                  *ngFor=\"let content of preparedItem.contents; trackBy: trackByIndexFn; index as idx\"\n                  [ngClass]=\"{selected: preparePhase.data.previewIndex === idx}\" (click)=\"setPreviewUri(idx)\">\n                  {{content.path}} <span *ngIf=\"content.existscount > 0\" class=\"attention\"\n                    title=\"{{'eo.prepare.content.existscount.message'|translate: ({count: content.existscount})}}\">!</span>\n                </div>\n              </div>\n            </div>\n          </ng-template>\n\n          <ng-template yvcSplitArea [size]=\"50\">\n            <div class=\"eo-media-wrap\">\n              <eo-prepare-content-exists-info [content]=\"preparedItem.contents[preparePhase.data.previewIndex]\">\n              </eo-prepare-content-exists-info>\n              <eo-media [dmsObject]=\"pseudoDmsObject\" [previewFile]=\"preparePhase.data.previewFile\"></eo-media>\n            </div>\n          </ng-template>\n        </yvc-split-view>\n\n        <!-- just the form -->\n        <ng-template #justform>\n          <div class=\"form-container situation-create\" *ngIf=\"formOptions\">\n            <eo-object-form #form [formOptions]=\"formOptions\" (statusChanged)=\"onFormStatusChanged($event)\">\n            </eo-object-form>\n          </div>\n        </ng-template>\n      </div>\n    </div>\n  </section>\n\n  <ng-template #spinner>\n    <div class=\"eo-body\">\n      <eo-loading-spinner size=\"medium\"></eo-loading-spinner>\n    </div>\n  </ng-template>\n\n</div>\n\n<ng-template #mainSpinner>\n  <div class=\"prepareDetails__main-spinner\">\n    <eo-loading-spinner size=\"medium\"></eo-loading-spinner>\n  </div>\n</ng-template>\n\n\n<ng-template #noItem>\n  <eo-error-message [emptyState]=\"{icon: emptyState.icon, text: emptyState.text, className: emptyState.className}\">\n    <ng-content select=\".error\"></ng-content>\n  </eo-error-message>\n</ng-template>\n\n<eo-dialog [title]=\"'eo.prepare.details.delete.dialog.title' | translate\" [(visible)]=\"showDeleteDialog\"\n  [focusOnShow]=\"false\" [minWidth]=\"400\" [styleClass]=\"'prepare-delete__dialog'\">\n\n  <div>{{'eo.prepare.details.delete.dialog.message' | translate}}</div>\n\n  <div class=\"action-buttons prepare-delete--action-buttons flex-row\">\n    <button type=\"button\" class=\"button cancel\" (click)=\"showDeleteDialog = false\"\n      translate>eo.cta.button.cancel</button>\n    <button type=\"button\" #confirmDelete (click)=\"removeItem(preparedItem)\" class=\"button primary\"\n      translate>eo.prepare.details.delete.dialog.ok</button>\n  </div>\n</eo-dialog>\n\n<eo-dialog [title]=\"'eo.prepare.details.delete.content.dialog.title' | translate\" [(visible)]=\"showContentDeleteDialog\"\n  [minWidth]=\"400\" [styleClass]=\"'prepare-delete__dialog'\">\n\n  <div>{{'eo.prepare.details.delete.content.dialog.message' | translate: ({contentPath: preparedItem?.contents ?\n    preparedItem?.contents[deletedContentIndex]?.path : ''})}}</div>\n\n  <div class=\"action-buttons prepare-delete--action-buttons flex-row\">\n    <button type=\"button\" class=\"button cancel\" (click)=\"showContentDeleteDialog = false\"\n      translate>eo.cta.button.cancel</button>\n    <button type=\"button\" #confirmContentDelete (click)=\"removeItemContent(preparedItem, deletedContentIndex)\"\n      class=\"button primary\" translate>eo.prepare.details.delete.dialog.ok</button>\n  </div>\n</eo-dialog>\n", styles: [":host{height:100%;--split-gutter-background-color: var(--panel-background)}:host yvc-split-view{height:100%}:host .prepareDetails{display:flex;flex:1;flex-direction:column;min-height:0;min-width:0;background:var(--panel-background-grey);height:100%;overflow-y:auto}:host .prepareDetails .eo-media-wrap{height:100%;display:flex;flex-flow:column}:host .prepareDetails .eo-media-wrap eo-media{flex:1;position:relative}:host .prepareDetails__wrapper{height:100%}:host .prepareDetails__main-spinner{height:100%;display:flex;justify-content:center;align-items: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{font-size:var(--font-caption);color:var(--text-color-caption);flex:1 1 auto}:host .prepareDetails .eo-head .header-info .header-title{font-size:var(--font-title);color:var(--text-color-body);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{display:flex;align-items:center;align-self:flex-start}[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{padding:calc(var(--app-pane-padding) / 4);cursor:pointer}:host .prepareDetails .eo-body{overflow-y:hidden}:host .prepareDetails .phase{height:100%;overflow-y:auto}:host .prepareDetails .phase.content{display:flex;flex-flow:column;align-items:center;justify-content:center}:host .prepareDetails .phase.content ::ng-deep eo-list-container.templates{background:linear-gradient(to right,#fff 70%,var(--panel-background-lightgrey) 100%)}: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 ::ng-deep yvc-split-view{width:100%;height:100%}:host .prepareDetails .phase.content input[type=file]{display:none}:host .prepareDetails .phase.content .info{flex:0 0 auto;color:var(--text-color-caption);margin-bottom:var(--app-pane-padding)}:host .prepareDetails .phase.content .attachments{flex:0 0 auto;display:flex;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);cursor:pointer;margin:calc(var(--app-pane-padding) / 2);max-width:200px;border-bottom:1px solid rgba(var(--color-black-rgb),.1)}:host .prepareDetails .phase.content .attachments .attachment .img{display:flex;flex-flow:column;align-items:center;justify-content:center;padding:calc(var(--app-pane-padding) * 2) 0;background:var(--color-accent)}:host .prepareDetails .phase.content .attachments .attachment .img eo-icon{color:var(--color-white);width:48px;height:48px;opacity:.5;transition:all var(--app-default-transition-duration) ease-in-out;-webkit-transition:all var(--app-default-transition-duration) ease-in-out;-moz-transition:all var(--app-default-transition-duration) ease-in-out;-o-transition:all var(--app-default-transition-duration) ease-in-out}:host .prepareDetails .phase.content .attachments .attachment h3{font-weight:var(--font-weight-normal);margin:0;padding:calc(var(--app-pane-padding) / 2) var(--app-pane-padding);font-size:var(--font-subhead)}:host .prepareDetails .phase.content .attachments .attachment p{margin:0;padding:0 var(--app-pane-padding) var(--app-pane-padding) var(--app-pane-padding);color:var(--text-color-caption)}: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{display:flex;flex-flow:row nowrap;align-items:center;background:var(--color-white);padding:calc(var(--app-pane-padding) / 2);margin-bottom:1px;cursor:pointer;transition:all var(--app-default-transition-duration) ease-in-out;-webkit-transition:all var(--app-default-transition-duration) ease-in-out;-moz-transition:all var(--app-default-transition-duration) ease-in-out;-o-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{padding-left:calc(var(--app-pane-padding) / 2);overflow:hidden}: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{display:flex;flex-flow:column;align-items:center;justify-content:center}:host .prepareDetails.multifile .form-files{height:100%;display:flex;flex-flow:column}: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);overflow-y:auto;box-sizing:border-box;display:block;padding:calc(var(--app-pane-padding) / 2);flex:0 0 30%}:host .prepareDetails.multifile .content-select h2{margin:0;padding:calc(var(--app-pane-padding) / 2);padding-bottom:var(--app-pane-padding);font-size:var(--font-subhead);font-weight:var(--font-weight-normal);color:var(--text-color-caption)}:host .prepareDetails.multifile .content-select .content{overflow:hidden;text-overflow:ellipsis;padding:calc(var(--app-pane-padding) / 2);margin-bottom:calc(var(--app-pane-padding) / 2);color:var(--text-color-caption);cursor:pointer;transition:all var(--app-default-transition-duration) ease-in-out;-webkit-transition:all var(--app-default-transition-duration) ease-in-out;-moz-transition:all var(--app-default-transition-duration) ease-in-out;-o-transition:all var(--app-default-transition-duration) ease-in-out;display:flex;background:var(--color-white);justify-content:space-between;gap:8px}:host .prepareDetails.multifile .content-select .content>span{text-overflow:ellipsis;overflow:hidden;flex:1}:host .prepareDetails.multifile .content-select .content .btn-delete-content{width:16px;flex:0 0 16px;height:16px;color:var(--text-color-caption)}:host .prepareDetails.multifile .content-select .content .btn-delete-content:hover{background-color:var(--text-color-hint)}:host .prepareDetails.multifile .content-select .content div.attention{display:block;flex:0 0 auto;right:4px;top:8px;border-radius:2px;padding:0 4px;color:var(--color-warning);line-height:1em;border:1px solid var(--color-warning)}: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{background:transparent}:host ::ng-deep eo-grid ag-grid-angular.ag-theme-balham{background:transparent}: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-head,:host ::ng-deep eo-list-container .eo-grid-header,:host ::ng-deep eo-list-container .eo-grid-footer{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-title{color:var(--text-color-caption)}:host ::ng-deep .eo-header-icon{color:var(--text-color-caption)}:host ::ng-deep .template{margin-bottom:1px;cursor:pointer;color:var(--text-color-caption)}: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{padding:8px;min-height:unset!important}::ng-deep .prepare-delete__dialog--header{font-size:1.17em!important;font-weight:400!important;color:rgba(var(--color-black-rgb),.54)!important;padding:0 0 1em!important;margin:0;background:#fff!important}\n"], dependencies: [{ kind: "directive", type: i5.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i5.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i5.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i5.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i5.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "component", type: i6.ObjectFormComponent, selector: "eo-object-form", inputs: ["isInnerTableForm", "formOptions"], outputs: ["statusChanged", "onFormReady"] }, { kind: "directive", type: i7.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "component", type: i8.EoIconComponent, selector: "eo-icon", inputs: ["objectType", "iconId", "iconSrc", "badge", "iconTitle"] }, { kind: "directive", type: i9.RouterLinkDirective, selector: "a[routerLink]" }, { kind: "component", type: i10.LoadingSpinnerComponent, selector: "eo-loading-spinner", inputs: ["size", "mode"] }, { kind: "component", type: i11.OverlayComponent, selector: "eo-overlay", inputs: ["iconSrc", "badge", "iconClass", "active", "iconTitle", "userAvatar"], outputs: ["onToggle"] }, { kind: "component", type: i12.ErrorMessageComponent, selector: "eo-error-message", inputs: ["emptyState"] }, { kind: "component", type: i13.EoDialogComponent, selector: "eo-dialog", inputs: ["hasPreviewFile", "title", "subtitle", "styleClass", "dirtyCheck", "minWidth", "minHeight", "height", "width", "focusOnShow", "align", "isFormTable", "showPreview", "visible"], outputs: ["onTogglePreview", "visibleChange", "hide", "show"] }, { kind: "component", type: i14.MediaComponent, selector: "eo-media", inputs: ["undockDisabled", "enableCloseBtn", "useVersion", "attachments", "searchTerm", "previewUri", "previewFile", "dmsObject"], outputs: ["hasContentLoaded"] }, { kind: "component", type: i15.GridComponent, selector: "eo-grid", inputs: ["selectFirst", "selectionLimit", "sizeToFit", "fullWidth", "showHeader", "showFooter", "loaderContent", "options", "gridOptions"], outputs: ["eoGridCountChanged", "eoGridSelectionChanged", "eoGridFocusChanged", "eoGridCellClick", "eoGridDoubleClick", "eoGridContextMenuClick", "eoGridColumnResized"] }, { kind: "component", type: i16.CustomFilterComponent, selector: "eo-custom-filter", inputs: ["overlay", "eoGrid", "activeFilter", "isFilterActive"], outputs: ["change", "active", "onResetFilters"] }, { kind: "component", type: i17.TextFilterComponent, selector: "eo-text-filter", inputs: ["title", "placeholder", "enableSave", "filterParams", "matchFields"] }, { kind: "component", type: i18.SetFilterComponent, selector: "eo-set-filter", inputs: ["title", "searchLimit", "operator", "options", "filterParams"] }, { kind: "component", type: i19.ListContainerComponent, selector: "eo-list-container", inputs: ["applySelection", "applyVersion", "loading", "tabs", "parseDmsParams"] }, { kind: "directive", type: i2.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: i20.SplitViewComponent, selector: "yvc-split-view", inputs: ["direction", "gutterSize", "restrictMove", "disabled", "gutterDblClickDuration", "layoutSettingsID"], outputs: ["layoutSettingsChange", "dragStart", "dragEnd", "gutterClick", "gutterDblClick"] }, { kind: "directive", type: i20.SplitAreaDirective, selector: "[yvcSplitArea]", inputs: ["size", "order", "minSize", "maxSize", "panelClass", "visible"] }, { kind: "component", type: i21.PrepareContentExistsInfoComponent, selector: "eo-prepare-content-exists-info", inputs: ["content"] }, { kind: "pipe", type: i7.TranslatePipe, name: "translate" }] }); }
 };
 PrepareDetailsComponent = __decorate([
     UntilDestroy()
 ], PrepareDetailsComponent);
 export { PrepareDetailsComponent };
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: PrepareDetailsComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: PrepareDetailsComponent, decorators: [{
             type: Component,
             args: [{ selector: 'eo-prepare-details', template: "<div class=\"prepareDetails__wrapper\" *ngIf=\"!loading; else mainSpinner\">\n  <section class=\"prepareDetails\" *ngIf=\"preparedItem && preparePhase; else noItem\"\n    [ngClass]=\"{multifile: preparedItem.contentcount > 1, committing: committing}\">\n    <div class=\"eo-head\">\n\n      <div class=\"header-info\">\n        <div class=\"header-title\">{{header.title}}</div>\n        <div class=\"header-sub-title h-location\" *ngIf=\"!header.location.link; else linked\">{{header.location.label}}\n        </div>\n        <div class=\"header-sub-title h-subtitle\">{{header.subtitle}}</div>\n\n        <ng-template #linked>\n          <div class=\"header-sub-title h-subtitle-detailed\">\n            <span translate>eo.prepare.location.title.prefix</span>\n            <a [routerLink]=\"header.location.link\">{{header.location.label}}</a>\n          </div>\n        </ng-template>\n      </div>\n\n      <div class=\"actions\">\n        <eo-icon class=\"btn btn-download\"\n          *ngIf=\"preparePhase.name === 'content' ? selectedTemplateFile : preparePhase.data.previewFile\"\n          [iconSrc]=\"'assets/_default/svg/ic_content-download.svg'\"\n          [iconTitle]=\"('eo.action.download.dms.object.content.label' | translate)\" (click)=\"download()\"></eo-icon>\n        <eo-icon class=\"btn btn-delete\" [iconSrc]=\"'assets/_default/svg/ic_trash.svg'\"\n          (click)=\"showDeleteDialog = true;\"></eo-icon>\n        <!-- buttons while choosing a template -->\n        <ng-container *ngIf=\"chooseTemplate\">\n          <button class=\"btn-tpl-abort\" (click)=\"showTemplateSelector(false)\"\n            translate>eo.cta.button.cancel</button>\n          <button class=\"primary btn-tpl-apply\" (click)=\"addTemplate(selectedTemplate)\" [disabled]=\"!selectedTemplate\"\n            translate>eo.prepare.template.select</button>\n        </ng-container>\n\n        <ng-container *ngIf=\"preparePhase.name === 'indexdata'\">\n          <button (click)=\"resetObjectType()\" translate>eo.prepare.resetObject</button>\n          <button (click)=\"commit()\" class=\"btn-idx-save\"\n            [ngClass]=\"{primary: preparedItem.state.parentisroot && preparedItem.contentcount > 1}\"\n            [disabled]=\"formState?.invalid || committing\" translate>eo.prepare.save</button>\n\n          <button (click)=\"commit(true)\" [disabled]=\"formState?.invalid || committing\" class=\"primary btn-idx-saveopen\"\n            [hidden]=\"preparedItem?.state.parentisroot && preparedItem?.contentcount > 1\"\n            translate>eo.prepare.saveopen</button>\n\n        </ng-container>\n      </div>\n\n    </div>\n\n    <div class=\"eo-body\" [ngSwitch]=\"preparePhase.name\" *ngIf=\"!committing; else spinner\">\n\n      <!-- PHASE TYPE -->\n      <div class=\"phase type\" *ngSwitchCase=\"'type'\">\n\n        <!-- with preview -->\n        <yvc-split-view *ngIf=\"preparePhase.data.previewFile; else nopreview\"\n          [layoutSettingsID]=\"'prepare.details.phase.type'\">\n          <ng-template yvcSplitArea [size]=\"30\">\n            <div class=\"form-files\">\n              <div class=\"object-type-select empty\" *ngIf=\"preparedItem.types.length == 0\" translate>\n                eo.prepare.details.type.empty</div>\n              <div class=\"object-type-select empty\"\n                *ngIf=\"!preparedItem.state.typeselectedallowed && preparedItem.state.typeselected\"\n                [translateParams]=\"{type: preparedItem.selectedtype.label, filename: getFileNames(preparedItem)}\"\n                translate>eo.prepare.details.type.notallowed</div>\n\n              <div class=\"object-type-select\">\n                <div class=\"object-type\" *ngFor=\"let type of preparedItem.types; trackBy: trackByIdFn\"\n                  (click)=\"selectObjectType(type)\">\n                  <div class=\"type-icon\">\n                    <eo-icon [iconId]=\"type.icon.id\"></eo-icon>\n                  </div>\n                  <div class=\"content\">\n                    <div class=\"title\">{{type.label}}</div>\n                    <div class=\"description\">{{type.description}}</div>\n                  </div>\n                </div>\n              </div>\n\n\n              <div class=\"content-select\">\n                <h2 translate>eo.prepare.details.contents.title</h2>\n                <div class=\"content\"\n                  *ngFor=\"let content of preparedItem.contents; trackBy: trackByIndexFn; index as idx;\"\n                  [ngClass]=\"{selected: preparePhase.data.previewIndex == idx}\" (click)=\"setPreviewUri(idx)\">\n                  <span>{{content.path}}</span>\n                  <eo-icon class=\"btn btn-delete-content\" [iconSrc]=\"'assets/_default/svg/ic_trash.svg'\"\n                    (click)=\"showContentDeleteDialog = true; deletedContentIndex = idx;\"></eo-icon>\n                  <div *ngIf=\"content.existscount > 0\" class=\"attention\"\n                    title=\"{{'eo.prepare.content.existscount.message'|translate: ({count: content.existscount})}}\">!\n                  </div>\n                </div>\n              </div>\n            </div>\n          </ng-template>\n          <ng-template yvcSplitArea [size]=\"70\">\n            <div class=\"eo-media-wrap\">\n              <eo-prepare-content-exists-info [content]=\"preparedItem.contents[preparePhase.data.previewIndex]\">\n              </eo-prepare-content-exists-info>\n              <eo-media [dmsObject]=\"pseudoDmsObject\" [previewFile]=\"preparePhase.data.previewFile\"></eo-media>\n            </div>\n          </ng-template>\n        </yvc-split-view>\n\n        <!-- without preview -->\n        <ng-template #nopreview>\n          <div class=\"form-files\">\n            <div class=\"object-type-select\">\n              <div class=\"object-type\" *ngFor=\"let type of preparedItem.types; trackBy: trackByIdFn\"\n                (click)=\"selectObjectType(type)\">\n                <div class=\"type-icon\">\n                  <eo-icon [iconId]=\"type.icon.id\"></eo-icon>\n                </div>\n                <div class=\"content\">\n                  <div class=\"title\">{{type.label}}</div>\n                  <div class=\"description\">{{type.description}}</div>\n                </div>\n              </div>\n            </div>\n          </div>\n        </ng-template>\n\n      </div>\n\n      <!-- PHASE CONTENT -->\n      <div class=\"phase content\" *ngSwitchCase=\"'content'\">\n\n        <!-- panel for selecting a template to be used as items content -->\n        <yvc-split-view *ngIf=\"chooseTemplate; else attach\" [layoutSettingsID]=\"'prepare.details.phase.content'\">\n          <ng-template yvcSplitArea [size]=\"40\">\n            <!-- list of available templates -->\n            <eo-list-container #eoList [loading]=\"false\" class=\"templates\">\n              <div class=\"eo-header\">\n                <eo-icon class=\"eo-header-icon\" [iconSrc]=\"'assets/_default/svg/ic_template.svg'\"></eo-icon>\n                <div class=\"eo-header-info\">\n                  <div class=\"eo-header-title\" translate>eo.prepare.template.list.title</div>\n                </div>\n                <div class=\"eo-header-actions\">\n\n                  <eo-overlay #oFilter [iconSrc]=\"'assets/_default/svg/ic_filter.svg'\" [iconClass]=\"'primary'\"\n                    class=\"overlay-filter\" [title]=\"'eo.list.filter' | translate\"\n                    (active)=\"oFilter.onActiveChanged($event)\">\n                    <eo-custom-filter #cFilter (change)=\"cFilter.updateGrid(eoList.eoGridSubject, $event)\"\n                      (active)=\"oFilter.onActiveChanged($event)\">\n                      <eo-text-filter [title]=\"'eo.prepare.template.filter.text.title' | translate\"\n                        [matchFields]=\"['title', 'description', 'tags']\"\n                        [placeholder]=\"'eo.prepare.template.filter.text.title'\"></eo-text-filter>\n                      <eo-set-filter [operator]=\"'OR'\" [title]=\"'eo.prepare.template.filter.set.title' | translate\"\n                        *ngIf=\"tagFilterOptions?.length\" [options]=\"tagFilterOptions\"></eo-set-filter>\n                    </eo-custom-filter>\n                  </eo-overlay>\n\n                </div>\n              </div>\n              <div class=\"eo-body\">\n                <eo-grid #eoGrid *ngIf=\"gridOptions?.rowData\" [gridOptions]=\"gridOptions\" [fullWidth]=\"true\"\n                  [showHeader]=\"true\" [showFooter]=\"false\" [selectionLimit]=\"1\"\n                  (eoGridSelectionChanged)=\"selectTemplate($event[0])\">\n                </eo-grid>\n              </div>\n            </eo-list-container>\n          </ng-template>\n\n          <ng-template yvcSplitArea [size]=\"60\">\n            <!-- preview of selected template -->\n            <eo-media [previewFile]=\"selectedTemplateFile\"></eo-media>\n          </ng-template>\n        </yvc-split-view>\n\n        <!-- add content general overview (upload, template, none) -->\n        <ng-template #attach>\n\n          <div class=\"info\" *ngIf=\"!uploadInProgress\" translate>eo.prepare.attachment.info</div>\n          <input type=\"file\" #file (change)=\"fileChangeListener($event.target.files)\">\n\n          <div class=\"attachments\" *ngIf=\"!uploadInProgress; else uploadspinner\">\n\n            <!-- upload a file -->\n            <div class=\"attachment att-file\" *ngIf=\"preparePhase.data.file\" (click)=\"upload()\">\n              <div class=\"img\">\n                <eo-icon [iconSrc]=\"'assets/_default/svg/ic_file_upload.svg'\"></eo-icon>\n              </div>\n              <h3 translate>eo.prepare.attachment.upload.title</h3>\n              <p translate>eo.prepare.attachment.upload.desc</p>\n            </div>\n\n            <!-- select a template -->\n            <div class=\"attachment att-tmpl\" *ngIf=\"preparePhase.data.templates.length > 0 && hasTemplateCapability()\"\n              (click)=\"showTemplateSelector(true)\">\n              <div class=\"img\">\n                <eo-icon [iconSrc]=\"'assets/_default/svg/ic_prepare_add.svg'\"></eo-icon>\n              </div>\n              <h3 translate>eo.prepare.attachment.template.title</h3>\n              <p translate>eo.prepare.attachment.template.desc</p>\n            </div>\n\n            <!-- no file -->\n            <div class=\"attachment att-none\" *ngIf=\"preparePhase.data.withoutFile\" (click)=\"noFile()\">\n              <div class=\"img\">\n                <eo-icon [iconSrc]=\"'assets/_default/svg/ic_no-file.svg'\"></eo-icon>\n              </div>\n              <h3 translate>eo.prepare.attachment.nofile.title</h3>\n              <p translate>eo.prepare.attachment.nofile.desc</p>\n            </div>\n\n          </div>\n\n        </ng-template>\n\n        <!-- upload progress indicator -->\n        <ng-template #uploadspinner>\n          <div class=\"upload-indicator\">\n            <eo-loading-spinner [size]=\"'large'\"></eo-loading-spinner>\n          </div>\n        </ng-template>\n      </div>\n\n      <!-- PHASE INDEXDATA -->\n      <div class=\"phase indexdata\" *ngSwitchCase=\"'indexdata'\">\n\n        <!-- form and preview -->\n        <yvc-split-view *ngIf=\"preparedItem.contents; else justform\" [layoutSettingsID]=\"'prepare.state'\">\n          <ng-template yvcSplitArea [size]=\"50\">\n            <div class=\"form-files\">\n\n              <!-- indexdata form -->\n              <ng-container *ngTemplateOutlet=\"justform\"></ng-container>\n\n              <!-- list of contents (in case of bulk upload) that can be previewed -->\n              <div class=\"content-select\">\n\n                <h2 translate>eo.prepare.details.contents.title</h2>\n                <div class=\"content\"\n                  *ngFor=\"let content of preparedItem.contents; trackBy: trackByIndexFn; index as idx\"\n                  [ngClass]=\"{selected: preparePhase.data.previewIndex === idx}\" (click)=\"setPreviewUri(idx)\">\n                  {{content.path}} <span *ngIf=\"content.existscount > 0\" class=\"attention\"\n                    title=\"{{'eo.prepare.content.existscount.message'|translate: ({count: content.existscount})}}\">!</span>\n                </div>\n              </div>\n            </div>\n          </ng-template>\n\n          <ng-template yvcSplitArea [size]=\"50\">\n            <div class=\"eo-media-wrap\">\n              <eo-prepare-content-exists-info [content]=\"preparedItem.contents[preparePhase.data.previewIndex]\">\n              </eo-prepare-content-exists-info>\n              <eo-media [dmsObject]=\"pseudoDmsObject\" [previewFile]=\"preparePhase.data.previewFile\"></eo-media>\n            </div>\n          </ng-template>\n        </yvc-split-view>\n\n        <!-- just the form -->\n        <ng-template #justform>\n          <div class=\"form-container situation-create\" *ngIf=\"formOptions\">\n            <eo-object-form #form [formOptions]=\"formOptions\" (statusChanged)=\"onFormStatusChanged($event)\">\n            </eo-object-form>\n          </div>\n        </ng-template>\n      </div>\n    </div>\n  </section>\n\n  <ng-template #spinner>\n    <div class=\"eo-body\">\n      <eo-loading-spinner size=\"medium\"></eo-loading-spinner>\n    </div>\n  </ng-template>\n\n</div>\n\n<ng-template #mainSpinner>\n  <div class=\"prepareDetails__main-spinner\">\n    <eo-loading-spinner size=\"medium\"></eo-loading-spinner>\n  </div>\n</ng-template>\n\n\n<ng-template #noItem>\n  <eo-error-message [emptyState]=\"{icon: emptyState.icon, text: emptyState.text, className: emptyState.className}\">\n    <ng-content select=\".error\"></ng-content>\n  </eo-error-message>\n</ng-template>\n\n<eo-dialog [title]=\"'eo.prepare.details.delete.dialog.title' | translate\" [(visible)]=\"showDeleteDialog\"\n  [focusOnShow]=\"false\" [minWidth]=\"400\" [styleClass]=\"'prepare-delete__dialog'\">\n\n  <div>{{'eo.prepare.details.delete.dialog.message' | translate}}</div>\n\n  <div class=\"action-buttons prepare-delete--action-buttons flex-row\">\n    <button type=\"button\" class=\"button cancel\" (click)=\"showDeleteDialog = false\"\n      translate>eo.cta.button.cancel</button>\n    <button type=\"button\" #confirmDelete (click)=\"removeItem(preparedItem)\" class=\"button primary\"\n      translate>eo.prepare.details.delete.dialog.ok</button>\n  </div>\n</eo-dialog>\n\n<eo-dialog [title]=\"'eo.prepare.details.delete.content.dialog.title' | translate\" [(visible)]=\"showContentDeleteDialog\"\n  [minWidth]=\"400\" [styleClass]=\"'prepare-delete__dialog'\">\n\n  <div>{{'eo.prepare.details.delete.content.dialog.message' | translate: ({contentPath: preparedItem?.contents ?\n    preparedItem?.contents[deletedContentIndex]?.path : ''})}}</div>\n\n  <div class=\"action-buttons prepare-delete--action-buttons flex-row\">\n    <button type=\"button\" class=\"button cancel\" (click)=\"showContentDeleteDialog = false\"\n      translate>eo.cta.button.cancel</button>\n    <button type=\"button\" #confirmContentDelete (click)=\"removeItemContent(preparedItem, deletedContentIndex)\"\n      class=\"button primary\" translate>eo.prepare.details.delete.dialog.ok</button>\n  </div>\n</eo-dialog>\n", styles: [":host{height:100%;--split-gutter-background-color: var(--panel-background)}:host yvc-split-view{height:100%}:host .prepareDetails{display:flex;flex:1;flex-direction:column;min-height:0;min-width:0;background:var(--panel-background-grey);height:100%;overflow-y:auto}:host .prepareDetails .eo-media-wrap{height:100%;display:flex;flex-flow:column}:host .prepareDetails .eo-media-wrap eo-media{flex:1;position:relative}:host .prepareDetails__wrapper{height:100%}:host .prepareDetails__main-spinner{height:100%;display:flex;justify-content:center;align-items: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{font-size:var(--font-caption);color:var(--text-color-caption);flex:1 1 auto}:host .prepareDetails .eo-head .header-info .header-title{font-size:var(--font-title);color:var(--text-color-body);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{display:flex;align-items:center;align-self:flex-start}[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{padding:calc(var(--app-pane-padding) / 4);cursor:pointer}:host .prepareDetails .eo-body{overflow-y:hidden}:host .prepareDetails .phase{height:100%;overflow-y:auto}:host .prepareDetails .phase.content{display:flex;flex-flow:column;align-items:center;justify-content:center}:host .prepareDetails .phase.content ::ng-deep eo-list-container.templates{background:linear-gradient(to right,#fff 70%,var(--panel-background-lightgrey) 100%)}: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 ::ng-deep yvc-split-view{width:100%;height:100%}:host .prepareDetails .phase.content input[type=file]{display:none}:host .prepareDetails .phase.content .info{flex:0 0 auto;color:var(--text-color-caption);margin-bottom:var(--app-pane-padding)}:host .prepareDetails .phase.content .attachments{flex:0 0 auto;display:flex;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);cursor:pointer;margin:calc(var(--app-pane-padding) / 2);max-width:200px;border-bottom:1px solid rgba(var(--color-black-rgb),.1)}:host .prepareDetails .phase.content .attachments .attachment .img{display:flex;flex-flow:column;align-items:center;justify-content:center;padding:calc(var(--app-pane-padding) * 2) 0;background:var(--color-accent)}:host .prepareDetails .phase.content .attachments .attachment .img eo-icon{color:var(--color-white);width:48px;height:48px;opacity:.5;transition:all var(--app-default-transition-duration) ease-in-out;-webkit-transition:all var(--app-default-transition-duration) ease-in-out;-moz-transition:all var(--app-default-transition-duration) ease-in-out;-o-transition:all var(--app-default-transition-duration) ease-in-out}:host .prepareDetails .phase.content .attachments .attachment h3{font-weight:var(--font-weight-normal);margin:0;padding:calc(var(--app-pane-padding) / 2) var(--app-pane-padding);font-size:var(--font-subhead)}:host .prepareDetails .phase.content .attachments .attachment p{margin:0;padding:0 var(--app-pane-padding) var(--app-pane-padding) var(--app-pane-padding);color:var(--text-color-caption)}: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{display:flex;flex-flow:row nowrap;align-items:center;background:var(--color-white);padding:calc(var(--app-pane-padding) / 2);margin-bottom:1px;cursor:pointer;transition:all var(--app-default-transition-duration) ease-in-out;-webkit-transition:all var(--app-default-transition-duration) ease-in-out;-moz-transition:all var(--app-default-transition-duration) ease-in-out;-o-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{padding-left:calc(var(--app-pane-padding) / 2);overflow:hidden}: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{display:flex;flex-flow:column;align-items:center;justify-content:center}:host .prepareDetails.multifile .form-files{height:100%;display:flex;flex-flow:column}: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);overflow-y:auto;box-sizing:border-box;display:block;padding:calc(var(--app-pane-padding) / 2);flex:0 0 30%}:host .prepareDetails.multifile .content-select h2{margin:0;padding:calc(var(--app-pane-padding) / 2);padding-bottom:var(--app-pane-padding);font-size:var(--font-subhead);font-weight:var(--font-weight-normal);color:var(--text-color-caption)}:host .prepareDetails.multifile .content-select .content{overflow:hidden;text-overflow:ellipsis;padding:calc(var(--app-pane-padding) / 2);margin-bottom:calc(var(--app-pane-padding) / 2);color:var(--text-color-caption);cursor:pointer;transition:all var(--app-default-transition-duration) ease-in-out;-webkit-transition:all var(--app-default-transition-duration) ease-in-out;-moz-transition:all var(--app-default-transition-duration) ease-in-out;-o-transition:all var(--app-default-transition-duration) ease-in-out;display:flex;background:var(--color-white);justify-content:space-between;gap:8px}:host .prepareDetails.multifile .content-select .content>span{text-overflow:ellipsis;overflow:hidden;flex:1}:host .prepareDetails.multifile .content-select .content .btn-delete-content{width:16px;flex:0 0 16px;height:16px;color:var(--text-color-caption)}:host .prepareDetails.multifile .content-select .content .btn-delete-content:hover{background-color:var(--text-color-hint)}:host .prepareDetails.multifile .content-select .content div.attention{display:block;flex:0 0 auto;right:4px;top:8px;border-radius:2px;padding:0 4px;color:var(--color-warning);line-height:1em;border:1px solid var(--color-warning)}: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{background:transparent}:host ::ng-deep eo-grid ag-grid-angular.ag-theme-balham{background:transparent}: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-head,:host ::ng-deep eo-list-container .eo-grid-header,:host ::ng-deep eo-list-container .eo-grid-footer{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-title{color:var(--text-color-caption)}:host ::ng-deep .eo-header-icon{color:var(--text-color-caption)}:host ::ng-deep .template{margin-bottom:1px;cursor:pointer;color:var(--text-color-caption)}: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{padding:8px;min-height:unset!important}::ng-deep .prepare-delete__dialog--header{font-size:1.17em!important;font-weight:400!important;color:rgba(var(--color-black-rgb),.54)!important;padding:0 0 1em!important;margin:0;background:#fff!important}\n"] }]
         }], ctorParameters: () => [{ type: i1.PrepareService }, { type: i2.Router }, { type: i3.PendingChangesService }, { type: i1.TranslateService }, { type: i1.NotificationsService }, { type: i1.SystemService }, { type: i4.SelectionService }, { type: i1.BackendService }, { type: i1.CapabilitiesService }], propDecorators: { file: [{

package/esm2022/app/eo-framework/process/details/process-details.component.mjs

@@ -198,14 +198,14 @@ let ProcessDetailsComponent = class ProcessDetailsComponent {
     }
     ngAfterViewInit() {
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: ProcessDetailsComponent, deps: [{ token: i1.BpmService }, { token: i1.UserService }, { token: i1.SystemService }, { token: i2.SelectionService }, { token: i1.ClipboardService }, { token: i1.TranslateService }, { token: i3.Router }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.4", type: ProcessDetailsComponent, selector: "eo-process-details", inputs: { plugins: "plugins", emptyState: "emptyState", applySelection: "applySelection", item: "item" }, outputs: { onDmsItemSelected: "onDmsItemSelected" }, viewQueries: [{ propertyName: "bpmFormEl", first: true, predicate: ["bpmForm"], descendants: true }], ngImport: i0, template: "<div class=\"process-details\" *ngIf=\"item; else noItem\">\n\n  <div class=\"eo-head\">\n    <header class=\"eo-header\">\n      <eo-icon class=\"eo-header-icon\" [ngClass]=\"{error: item.state === 'ERRORSUSPENDED'}\" *ngIf=\"!item.iconid\" [iconTitle]=\"item.modelname\"\n               [iconSrc]=\"item.iconurl\"></eo-icon>\n      <eo-icon class=\"eo-header-icon\" *ngIf=\"item.iconid\" [iconId]=\"item.iconid\" [iconTitle]=\"item.modelname\"></eo-icon>\n      <div class=\"eo-header-info eo-header__content\">\n        <div class=\"eo-header__title\">\n          <h2 class=\"eo-header-title\">{{item.localizedsubject}}</h2>\n          <h3 class=\"eo-header-subtitle\">{{item.modelname}}<span class=\"starter\" *ngIf=\"organisation && organisation.name !== 'sysroot' && organisation.name !== 'system'\">{{organisation.title}} ({{organisation.name}})</span></h3>\n        </div>\n      </div>\n      <div class=\"eo-header-actions\">\n        <eo-loading-spinner *ngIf=\"loading\" [size]=\"'small'\"></eo-loading-spinner>\n      </div>\n    </header>\n  </div>\n\n  <div class=\"eo-body\">\n\n    <div class=\"load-error\" *ngIf=\"loadError\">\n      <eo-icon [iconSrc]=\"'assets/_default/svg/ic_error.svg'\"></eo-icon>\n    </div>\n\n    <!-- details for BPM items -->\n    <yvc-tabs>\n      <ng-template [yvcTab]=\"{id: 'history', label: 'eo.process.details.tab.progress' | translate}\">\n        <div class=\"tab-panel\">\n          <div class=\"panel process-history\">\n            <eo-process-history [history]=\"history\"></eo-process-history>\n          </div>\n        </div>\n      </ng-template>\n      <ng-template [yvcTab]=\"{id: 'file', label: 'eo.process.details.tab.attachments' | translate}\">\n        <div class=\"tab-panel\">\n          <div class=\"panel process-files\">\n            <eo-process-file [processFile]=\"item?.file\"\n                             [isDisabled]=\"false\"\n                             [clipboard]=\"clipboard\"\n                             [editable]=\"true\"\n                             [selectedContentFileId]=\"selectedContentFileId\"\n                             (onRemoveWorkItemContent)=\"removeWorkItemContent($event)\"\n                             (onOpenWorkItemContentInContext)=\"openWorkItemContentInContext($event)\"\n                             (onOpenWorkItemContent)=\"openWorkItemContent($event)\"\n                             (onRemoveWorkItemContent)=\"removeWorkItemContent($event)\"\n                             (onPasteProcessFile)=\"addPastedProcessFile($event)\">\n            </eo-process-file>\n          </div>\n        </div>\n      </ng-template>\n      \n      <!-- plugin tabs -->\n      <ng-template *ngFor=\"let p of plugins\" [yvcTab]=\"{id: p.id, label: p.id | translate}\">\n        <eo-plugin [id]=\"p.id\" [parent]=\"this\"></eo-plugin>\n      </ng-template>\n    </yvc-tabs>\n  </div>\n</div>\n\n<ng-template #noItem>\n  <eo-error-message class=\"process-details__empty\" [emptyState]=\"{icon: emptyState.icon, text: emptyState.text, className: emptyState.className}\">\n    <ng-content select=\".error\"></ng-content>\n  </eo-error-message>\n</ng-template>\n", styles: [".process-details{background-color:var(--panel-background-grey);height:100%;position:relative}.process-details yvc-tabs{height:100%}.process-details yvc-tabs ::ng-deep nav{background:var(--panel-background);border-bottom:1px solid var(--panel-header-border-bottom-color)}.process-details .eo-head{height:calc(var(--app-pane-header-height) - 30px);background-color:var(--color-white)}.process-details .eo-header .avatar{border-radius:50%;-webkit-border-radius:50%;background-repeat:no-repeat;background-position:center center;width:44px;height:44px}.process-details .eo-header-subtitle .starter{display:inline-block;font-size:var(--font-hint);border-radius:2px;background-color:rgba(var(--color-black-rgb),.08);color:var(--text-color-caption);line-height:1em;margin:0 calc(var(--app-pane-padding) / 2);padding:2px calc(var(--app-pane-padding) / 2) 3px calc(var(--app-pane-padding) / 2)}.process-details .eo-header__title{display:flex;flex-direction:column;color:var(--text-color-caption);font-size:var(--font-caption)}.process-details .eo-body{position:absolute;top:calc(var(--app-pane-header-height) - 30px);left:0;right:0;bottom:0}.process-details .eo-body .load-error{position:absolute;inset:0;background-color:var(--panel-background-grey);z-index:5;display:flex;flex-flow:column;justify-content:center;align-items:center}.process-details .eo-body .load-error eo-icon{width:20%;color:var(--text-color-hint);opacity:.5}.process-details .eo-body .tab-panel{height:100%;display:flex;flex:1;flex-direction:column;min-height:0;min-width:0}.process-details .eo-body .tab-panel .panel:not(.process-history){padding:var(--app-pane-padding);display:flex;flex:1;flex-direction:column;min-height:0;min-width:0;overflow-y:auto}.process-details .eo-body .tab-panel .panel.process-history{height:100%}.process-details .eo-body .tab-panel .process-actions{display:flex;flex:none;flex-direction:row;min-height:0;min-width:0;flex-wrap:wrap;justify-content:space-between;padding:0 calc(var(--app-pane-padding) * .75) 0!important}.process-details .eo-body .tab-panel .process-actions button{margin:0 calc(var(--app-pane-padding) * .25)}.process-details .eo-body .tab-panel .process-actions button.ext{position:relative}.process-details .eo-body .tab-panel .process-actions button.ext:after{content:\"\";position:absolute;right:calc(var(--app-pane-padding) / 8);top:calc(var(--app-pane-padding) / 8);height:calc(var(--app-pane-padding) * .5);width:calc(var(--app-pane-padding) * .5);box-sizing:border-box;border:2px solid rgba(var(--color-white-rgb),.7);border-bottom-width:0;border-left-width:0}.process-details .eo-body .tab-panel .process-actions div.primary{justify-content:flex-end;display:flex;flex:none;flex-direction:row;min-height:0;min-width:0;flex:1 1 auto;padding:var(--app-pane-padding) 0}.process-details .eo-body .tab-panel .process-actions div.secondary{padding:var(--app-pane-padding) 0;display:flex;flex:none;flex-direction:row;min-height:0;min-width:0}.process-details .eo-body .tab-panel .process-actions.disabled{opacity:.5}.process-details .eo-body .tab-panel .process-actions.disabled button{pointer-events:none;cursor:default}.process-details .eo-body .notice{background-color:rgba(var(--color-black-rgb),.06);border-radius:2px;padding:calc(var(--app-pane-padding) / 4) calc(var(--app-pane-padding) / 2);margin-bottom:var(--app-pane-padding)}.process-details .eo-body .notice.pastDue{background-color:var(--color-error);color:var(--color-white)}.process-details .eo-body .indexdata{margin-top:calc(var(--app-pane-padding) / 2)}.process-details .eo-body .process-description{margin-bottom:var(--app-pane-padding)}.process-details .eo-body .process-performer{margin:calc(var(--app-pane-padding) / 4) 0}.process-details .eo-body .process-performer .head{display:flex;flex-flow:row nowrap;align-items:center}.process-details .eo-body .process-performer .head .label{flex:1 1 auto}.process-details .eo-body .process-performer .head .action{border-radius:2px;border:1px solid rgba(var(--color-black-rgb),.1);padding:0 0 0 calc(var(--app-pane-padding) / 2);display:flex;flex-flow:row nowrap;align-items:center;cursor:pointer;overflow:hidden;transition:all var(--app-default-transition-duration) ease-in-out;-webkit-transition:all var(--app-default-transition-duration) ease-in-out;-moz-transition:all var(--app-default-transition-duration) ease-in-out;-o-transition:all var(--app-default-transition-duration) ease-in-out}.process-details .eo-body .process-performer .head .action .count{line-height:1em;color:var(--text-color-caption)}.process-details .eo-body .process-performer .head .action eo-icon{color:var(--text-color-hint);transition:all var(--app-default-transition-duration) ease-in-out;-webkit-transition:all var(--app-default-transition-duration) ease-in-out;-moz-transition:all var(--app-default-transition-duration) ease-in-out;-o-transition:all var(--app-default-transition-duration) ease-in-out}.process-details .eo-body .process-performer .head .action:hover{background:rgba(var(--color-black-rgb),.1)}.process-details .eo-body .process-performer .head.performerShow .action eo-icon{transform:rotate(180deg)}.process-details .eo-body .process-performer .body{padding:calc(var(--app-pane-padding) / 2) 0}.process-details .eo-body .process-performer .body .performer{display:flex;flex-flow:row nowrap;align-items:center;border-radius:2px;padding:2px;margin-bottom:2px;background-color:var(--color-white);animation:eoFadeInDown var(--app-default-transition-duration);-webkit-user-select:none;user-select:none}.process-details .eo-body .process-performer .body .performer .icon-wrap{border-radius:2px;flex:0 0 auto;background-color:var(--color-primary-3);color:var(--color-white);padding:2px}.process-details .eo-body .process-performer .body .performer .name{flex:1 1 auto;padding:0 var(--app-pane-padding)}.process-details .eo-body .process-performer .body .performer .name .qname{display:inline-block;border-radius:2px;background-color:rgba(var(--color-black-rgb),.08);font-size:var(--font-hint);padding:2px calc(var(--app-pane-padding) / 2);margin:0 calc(var(--app-pane-padding) / 2);color:var(--text-color-caption)}.process-details .eo-body .process-files .file-item{background-color:var(--color-white);padding:var(--app-pane-padding) var(--app-pane-padding) var(--app-pane-padding) 0;margin-bottom:calc(var(--app-pane-padding) / 4);display:flex;flex-flow:row nowrap;align-items:center;cursor:pointer;border-left:calc(var(--app-pane-padding) / 4) solid transparent}.process-details .eo-body .process-files .file-item>div{flex:1 1 auto}.process-details .eo-body .process-files .file-item>div .title{font-weight:700}.process-details .eo-body .process-files .file-item eo-icon{flex:0 0 auto;margin:0 var(--app-pane-padding)}.process-details .eo-body .process-files .file-item eo-icon.button{padding:0;box-sizing:border-box;margin:0;color:var(--text-color-hint)}.process-details .eo-body .process-files .file-item.selected{border-color:var(--color-accent);cursor:default}.process-details .eo-body .content-paste{display:flex;flex-flow:row nowrap;align-items:center;cursor:pointer;margin:var(--app-pane-padding) 0;padding:calc(var(--app-pane-padding) / 2) calc(var(--app-pane-padding) / 4);background-color:rgba(var(--color-black-rgb),.06);border-radius:2px;transition:all var(--app-default-transition-duration) ease-in-out;-webkit-transition:all var(--app-default-transition-duration) ease-in-out;-moz-transition:all var(--app-default-transition-duration) ease-in-out;-o-transition:all var(--app-default-transition-duration) ease-in-out}.process-details .eo-body .content-paste eo-icon{margin:0 calc(var(--app-pane-padding) / 4);transition:none;-webkit-transition:none;-moz-transition:none;-o-transition:none}.process-details .eo-body .content-paste .label{margin:0 calc(var(--app-pane-padding) / 4)}.process-details .eo-body .content-paste.disabled{opacity:.5;pointer-events:none;cursor:default}.process-details .eo-body .content-paste:not(.disabled):hover{background-color:var(--color-accent);color:var(--color-white)}.process-details .eo-body .no-files{padding:var(--app-pane-padding)}.process-details__empty{background:var(--panel-background)}\n"], dependencies: [{ kind: "directive", type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i5.EoIconComponent, selector: "eo-icon", inputs: ["objectType", "iconId", "iconSrc", "badge", "iconTitle"] }, { kind: "component", type: i6.LoadingSpinnerComponent, selector: "eo-loading-spinner", inputs: ["size", "mode"] }, { kind: "component", type: i7.ErrorMessageComponent, selector: "eo-error-message", inputs: ["emptyState"] }, { kind: "component", type: i8.PluginComponent, selector: "eo-plugin", inputs: ["type", "id", "parent"] }, { kind: "component", type: i9.Tabs, selector: "yvc-tabs", inputs: ["tabs", "layoutSettingsID", "panelOrder", "panelOrderIncludeUnmentioned", "cacheViews", "tabSplitEnabled", "tabRemoveEnabled"], outputs: ["tabSplit", "tabRemove", "tabChange"] }, { kind: "directive", type: i9.YvcTabDirective, selector: "[yvcTab]", inputs: ["yvcTab"] }, { kind: "component", type: i10.ProcessHistoryComponent, selector: "eo-process-history", inputs: ["history"] }, { kind: "component", type: i11.ProcessFileComponent, selector: "eo-process-file", inputs: ["processFile", "permissions", "clipboard", "selectedContentFileId", "isDisabled", "editable"], outputs: ["onOpenWorkItemContentInContext", "onOpenWorkItemContent", "onRemoveWorkItemContent", "onPasteProcessFile"] }, { kind: "pipe", type: i12.TranslatePipe, name: "translate" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: ProcessDetailsComponent, deps: [{ token: i1.BpmService }, { token: i1.UserService }, { token: i1.SystemService }, { token: i2.SelectionService }, { token: i1.ClipboardService }, { token: i1.TranslateService }, { token: i3.Router }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.0", type: ProcessDetailsComponent, selector: "eo-process-details", inputs: { plugins: "plugins", emptyState: "emptyState", applySelection: "applySelection", item: "item" }, outputs: { onDmsItemSelected: "onDmsItemSelected" }, viewQueries: [{ propertyName: "bpmFormEl", first: true, predicate: ["bpmForm"], descendants: true }], ngImport: i0, template: "<div class=\"process-details\" *ngIf=\"item; else noItem\">\n\n  <div class=\"eo-head\">\n    <header class=\"eo-header\">\n      <eo-icon class=\"eo-header-icon\" [ngClass]=\"{error: item.state === 'ERRORSUSPENDED'}\" *ngIf=\"!item.iconid\" [iconTitle]=\"item.modelname\"\n               [iconSrc]=\"item.iconurl\"></eo-icon>\n      <eo-icon class=\"eo-header-icon\" *ngIf=\"item.iconid\" [iconId]=\"item.iconid\" [iconTitle]=\"item.modelname\"></eo-icon>\n      <div class=\"eo-header-info eo-header__content\">\n        <div class=\"eo-header__title\">\n          <h2 class=\"eo-header-title\">{{item.localizedsubject}}</h2>\n          <h3 class=\"eo-header-subtitle\">{{item.modelname}}<span class=\"starter\" *ngIf=\"organisation && organisation.name !== 'sysroot' && organisation.name !== 'system'\">{{organisation.title}} ({{organisation.name}})</span></h3>\n        </div>\n      </div>\n      <div class=\"eo-header-actions\">\n        <eo-loading-spinner *ngIf=\"loading\" [size]=\"'small'\"></eo-loading-spinner>\n      </div>\n    </header>\n  </div>\n\n  <div class=\"eo-body\">\n\n    <div class=\"load-error\" *ngIf=\"loadError\">\n      <eo-icon [iconSrc]=\"'assets/_default/svg/ic_error.svg'\"></eo-icon>\n    </div>\n\n    <!-- details for BPM items -->\n    <yvc-tabs>\n      <ng-template [yvcTab]=\"{id: 'history', label: 'eo.process.details.tab.progress' | translate}\">\n        <div class=\"tab-panel\">\n          <div class=\"panel process-history\">\n            <eo-process-history [history]=\"history\"></eo-process-history>\n          </div>\n        </div>\n      </ng-template>\n      <ng-template [yvcTab]=\"{id: 'file', label: 'eo.process.details.tab.attachments' | translate}\">\n        <div class=\"tab-panel\">\n          <div class=\"panel process-files\">\n            <eo-process-file [processFile]=\"item?.file\"\n                             [isDisabled]=\"false\"\n                             [clipboard]=\"clipboard\"\n                             [editable]=\"true\"\n                             [selectedContentFileId]=\"selectedContentFileId\"\n                             (onRemoveWorkItemContent)=\"removeWorkItemContent($event)\"\n                             (onOpenWorkItemContentInContext)=\"openWorkItemContentInContext($event)\"\n                             (onOpenWorkItemContent)=\"openWorkItemContent($event)\"\n                             (onRemoveWorkItemContent)=\"removeWorkItemContent($event)\"\n                             (onPasteProcessFile)=\"addPastedProcessFile($event)\">\n            </eo-process-file>\n          </div>\n        </div>\n      </ng-template>\n      \n      <!-- plugin tabs -->\n      <ng-template *ngFor=\"let p of plugins\" [yvcTab]=\"{id: p.id, label: p.id | translate}\">\n        <eo-plugin [id]=\"p.id\" [parent]=\"this\"></eo-plugin>\n      </ng-template>\n    </yvc-tabs>\n  </div>\n</div>\n\n<ng-template #noItem>\n  <eo-error-message class=\"process-details__empty\" [emptyState]=\"{icon: emptyState.icon, text: emptyState.text, className: emptyState.className}\">\n    <ng-content select=\".error\"></ng-content>\n  </eo-error-message>\n</ng-template>\n", styles: [".process-details{background-color:var(--panel-background-grey);height:100%;position:relative}.process-details yvc-tabs{height:100%}.process-details yvc-tabs ::ng-deep nav{background:var(--panel-background);border-bottom:1px solid var(--panel-header-border-bottom-color)}.process-details .eo-head{height:calc(var(--app-pane-header-height) - 30px);background-color:var(--color-white)}.process-details .eo-header .avatar{border-radius:50%;-webkit-border-radius:50%;background-repeat:no-repeat;background-position:center center;width:44px;height:44px}.process-details .eo-header-subtitle .starter{display:inline-block;font-size:var(--font-hint);border-radius:2px;background-color:rgba(var(--color-black-rgb),.08);color:var(--text-color-caption);line-height:1em;margin:0 calc(var(--app-pane-padding) / 2);padding:2px calc(var(--app-pane-padding) / 2) 3px calc(var(--app-pane-padding) / 2)}.process-details .eo-header__title{display:flex;flex-direction:column;color:var(--text-color-caption);font-size:var(--font-caption)}.process-details .eo-body{position:absolute;top:calc(var(--app-pane-header-height) - 30px);left:0;right:0;bottom:0}.process-details .eo-body .load-error{position:absolute;inset:0;background-color:var(--panel-background-grey);z-index:5;display:flex;flex-flow:column;justify-content:center;align-items:center}.process-details .eo-body .load-error eo-icon{width:20%;color:var(--text-color-hint);opacity:.5}.process-details .eo-body .tab-panel{height:100%;display:flex;flex:1;flex-direction:column;min-height:0;min-width:0}.process-details .eo-body .tab-panel .panel:not(.process-history){padding:var(--app-pane-padding);display:flex;flex:1;flex-direction:column;min-height:0;min-width:0;overflow-y:auto}.process-details .eo-body .tab-panel .panel.process-history{height:100%}.process-details .eo-body .tab-panel .process-actions{display:flex;flex:none;flex-direction:row;min-height:0;min-width:0;flex-wrap:wrap;justify-content:space-between;padding:0 calc(var(--app-pane-padding) * .75) 0!important}.process-details .eo-body .tab-panel .process-actions button{margin:0 calc(var(--app-pane-padding) * .25)}.process-details .eo-body .tab-panel .process-actions button.ext{position:relative}.process-details .eo-body .tab-panel .process-actions button.ext:after{content:\"\";position:absolute;right:calc(var(--app-pane-padding) / 8);top:calc(var(--app-pane-padding) / 8);height:calc(var(--app-pane-padding) * .5);width:calc(var(--app-pane-padding) * .5);box-sizing:border-box;border:2px solid rgba(var(--color-white-rgb),.7);border-bottom-width:0;border-left-width:0}.process-details .eo-body .tab-panel .process-actions div.primary{justify-content:flex-end;display:flex;flex:none;flex-direction:row;min-height:0;min-width:0;flex:1 1 auto;padding:var(--app-pane-padding) 0}.process-details .eo-body .tab-panel .process-actions div.secondary{padding:var(--app-pane-padding) 0;display:flex;flex:none;flex-direction:row;min-height:0;min-width:0}.process-details .eo-body .tab-panel .process-actions.disabled{opacity:.5}.process-details .eo-body .tab-panel .process-actions.disabled button{pointer-events:none;cursor:default}.process-details .eo-body .notice{background-color:rgba(var(--color-black-rgb),.06);border-radius:2px;padding:calc(var(--app-pane-padding) / 4) calc(var(--app-pane-padding) / 2);margin-bottom:var(--app-pane-padding)}.process-details .eo-body .notice.pastDue{background-color:var(--color-error);color:var(--color-white)}.process-details .eo-body .indexdata{margin-top:calc(var(--app-pane-padding) / 2)}.process-details .eo-body .process-description{margin-bottom:var(--app-pane-padding)}.process-details .eo-body .process-performer{margin:calc(var(--app-pane-padding) / 4) 0}.process-details .eo-body .process-performer .head{display:flex;flex-flow:row nowrap;align-items:center}.process-details .eo-body .process-performer .head .label{flex:1 1 auto}.process-details .eo-body .process-performer .head .action{border-radius:2px;border:1px solid rgba(var(--color-black-rgb),.1);padding:0 0 0 calc(var(--app-pane-padding) / 2);display:flex;flex-flow:row nowrap;align-items:center;cursor:pointer;overflow:hidden;transition:all var(--app-default-transition-duration) ease-in-out;-webkit-transition:all var(--app-default-transition-duration) ease-in-out;-moz-transition:all var(--app-default-transition-duration) ease-in-out;-o-transition:all var(--app-default-transition-duration) ease-in-out}.process-details .eo-body .process-performer .head .action .count{line-height:1em;color:var(--text-color-caption)}.process-details .eo-body .process-performer .head .action eo-icon{color:var(--text-color-hint);transition:all var(--app-default-transition-duration) ease-in-out;-webkit-transition:all var(--app-default-transition-duration) ease-in-out;-moz-transition:all var(--app-default-transition-duration) ease-in-out;-o-transition:all var(--app-default-transition-duration) ease-in-out}.process-details .eo-body .process-performer .head .action:hover{background:rgba(var(--color-black-rgb),.1)}.process-details .eo-body .process-performer .head.performerShow .action eo-icon{transform:rotate(180deg)}.process-details .eo-body .process-performer .body{padding:calc(var(--app-pane-padding) / 2) 0}.process-details .eo-body .process-performer .body .performer{display:flex;flex-flow:row nowrap;align-items:center;border-radius:2px;padding:2px;margin-bottom:2px;background-color:var(--color-white);animation:eoFadeInDown var(--app-default-transition-duration);-webkit-user-select:none;user-select:none}.process-details .eo-body .process-performer .body .performer .icon-wrap{border-radius:2px;flex:0 0 auto;background-color:var(--color-primary-3);color:var(--color-white);padding:2px}.process-details .eo-body .process-performer .body .performer .name{flex:1 1 auto;padding:0 var(--app-pane-padding)}.process-details .eo-body .process-performer .body .performer .name .qname{display:inline-block;border-radius:2px;background-color:rgba(var(--color-black-rgb),.08);font-size:var(--font-hint);padding:2px calc(var(--app-pane-padding) / 2);margin:0 calc(var(--app-pane-padding) / 2);color:var(--text-color-caption)}.process-details .eo-body .process-files .file-item{background-color:var(--color-white);padding:var(--app-pane-padding) var(--app-pane-padding) var(--app-pane-padding) 0;margin-bottom:calc(var(--app-pane-padding) / 4);display:flex;flex-flow:row nowrap;align-items:center;cursor:pointer;border-left:calc(var(--app-pane-padding) / 4) solid transparent}.process-details .eo-body .process-files .file-item>div{flex:1 1 auto}.process-details .eo-body .process-files .file-item>div .title{font-weight:700}.process-details .eo-body .process-files .file-item eo-icon{flex:0 0 auto;margin:0 var(--app-pane-padding)}.process-details .eo-body .process-files .file-item eo-icon.button{padding:0;box-sizing:border-box;margin:0;color:var(--text-color-hint)}.process-details .eo-body .process-files .file-item.selected{border-color:var(--color-accent);cursor:default}.process-details .eo-body .content-paste{display:flex;flex-flow:row nowrap;align-items:center;cursor:pointer;margin:var(--app-pane-padding) 0;padding:calc(var(--app-pane-padding) / 2) calc(var(--app-pane-padding) / 4);background-color:rgba(var(--color-black-rgb),.06);border-radius:2px;transition:all var(--app-default-transition-duration) ease-in-out;-webkit-transition:all var(--app-default-transition-duration) ease-in-out;-moz-transition:all var(--app-default-transition-duration) ease-in-out;-o-transition:all var(--app-default-transition-duration) ease-in-out}.process-details .eo-body .content-paste eo-icon{margin:0 calc(var(--app-pane-padding) / 4);transition:none;-webkit-transition:none;-moz-transition:none;-o-transition:none}.process-details .eo-body .content-paste .label{margin:0 calc(var(--app-pane-padding) / 4)}.process-details .eo-body .content-paste.disabled{opacity:.5;pointer-events:none;cursor:default}.process-details .eo-body .content-paste:not(.disabled):hover{background-color:var(--color-accent);color:var(--color-white)}.process-details .eo-body .no-files{padding:var(--app-pane-padding)}.process-details__empty{background:var(--panel-background)}\n"], dependencies: [{ kind: "directive", type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i5.EoIconComponent, selector: "eo-icon", inputs: ["objectType", "iconId", "iconSrc", "badge", "iconTitle"] }, { kind: "component", type: i6.LoadingSpinnerComponent, selector: "eo-loading-spinner", inputs: ["size", "mode"] }, { kind: "component", type: i7.ErrorMessageComponent, selector: "eo-error-message", inputs: ["emptyState"] }, { kind: "component", type: i8.PluginComponent, selector: "eo-plugin", inputs: ["type", "id", "parent"] }, { kind: "component", type: i9.Tabs, selector: "yvc-tabs", inputs: ["tabs", "layoutSettingsID", "panelOrder", "panelOrderIncludeUnmentioned", "cacheViews", "tabSplitEnabled", "tabRemoveEnabled"], outputs: ["tabSplit", "tabRemove", "tabChange"] }, { kind: "directive", type: i9.YvcTabDirective, selector: "[yvcTab]", inputs: ["yvcTab"] }, { kind: "component", type: i10.ProcessHistoryComponent, selector: "eo-process-history", inputs: ["history"] }, { kind: "component", type: i11.ProcessFileComponent, selector: "eo-process-file", inputs: ["processFile", "permissions", "clipboard", "selectedContentFileId", "isDisabled", "editable"], outputs: ["onOpenWorkItemContentInContext", "onOpenWorkItemContent", "onRemoveWorkItemContent", "onPasteProcessFile"] }, { kind: "pipe", type: i12.TranslatePipe, name: "translate" }] }); }
 };
 ProcessDetailsComponent = __decorate([
     UntilDestroy()
 ], ProcessDetailsComponent);
 export { ProcessDetailsComponent };
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: ProcessDetailsComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: ProcessDetailsComponent, decorators: [{
             type: Component,
             args: [{ selector: 'eo-process-details', template: "<div class=\"process-details\" *ngIf=\"item; else noItem\">\n\n  <div class=\"eo-head\">\n    <header class=\"eo-header\">\n      <eo-icon class=\"eo-header-icon\" [ngClass]=\"{error: item.state === 'ERRORSUSPENDED'}\" *ngIf=\"!item.iconid\" [iconTitle]=\"item.modelname\"\n               [iconSrc]=\"item.iconurl\"></eo-icon>\n      <eo-icon class=\"eo-header-icon\" *ngIf=\"item.iconid\" [iconId]=\"item.iconid\" [iconTitle]=\"item.modelname\"></eo-icon>\n      <div class=\"eo-header-info eo-header__content\">\n        <div class=\"eo-header__title\">\n          <h2 class=\"eo-header-title\">{{item.localizedsubject}}</h2>\n          <h3 class=\"eo-header-subtitle\">{{item.modelname}}<span class=\"starter\" *ngIf=\"organisation && organisation.name !== 'sysroot' && organisation.name !== 'system'\">{{organisation.title}} ({{organisation.name}})</span></h3>\n        </div>\n      </div>\n      <div class=\"eo-header-actions\">\n        <eo-loading-spinner *ngIf=\"loading\" [size]=\"'small'\"></eo-loading-spinner>\n      </div>\n    </header>\n  </div>\n\n  <div class=\"eo-body\">\n\n    <div class=\"load-error\" *ngIf=\"loadError\">\n      <eo-icon [iconSrc]=\"'assets/_default/svg/ic_error.svg'\"></eo-icon>\n    </div>\n\n    <!-- details for BPM items -->\n    <yvc-tabs>\n      <ng-template [yvcTab]=\"{id: 'history', label: 'eo.process.details.tab.progress' | translate}\">\n        <div class=\"tab-panel\">\n          <div class=\"panel process-history\">\n            <eo-process-history [history]=\"history\"></eo-process-history>\n          </div>\n        </div>\n      </ng-template>\n      <ng-template [yvcTab]=\"{id: 'file', label: 'eo.process.details.tab.attachments' | translate}\">\n        <div class=\"tab-panel\">\n          <div class=\"panel process-files\">\n            <eo-process-file [processFile]=\"item?.file\"\n                             [isDisabled]=\"false\"\n                             [clipboard]=\"clipboard\"\n                             [editable]=\"true\"\n                             [selectedContentFileId]=\"selectedContentFileId\"\n                             (onRemoveWorkItemContent)=\"removeWorkItemContent($event)\"\n                             (onOpenWorkItemContentInContext)=\"openWorkItemContentInContext($event)\"\n                             (onOpenWorkItemContent)=\"openWorkItemContent($event)\"\n                             (onRemoveWorkItemContent)=\"removeWorkItemContent($event)\"\n                             (onPasteProcessFile)=\"addPastedProcessFile($event)\">\n            </eo-process-file>\n          </div>\n        </div>\n      </ng-template>\n      \n      <!-- plugin tabs -->\n      <ng-template *ngFor=\"let p of plugins\" [yvcTab]=\"{id: p.id, label: p.id | translate}\">\n        <eo-plugin [id]=\"p.id\" [parent]=\"this\"></eo-plugin>\n      </ng-template>\n    </yvc-tabs>\n  </div>\n</div>\n\n<ng-template #noItem>\n  <eo-error-message class=\"process-details__empty\" [emptyState]=\"{icon: emptyState.icon, text: emptyState.text, className: emptyState.className}\">\n    <ng-content select=\".error\"></ng-content>\n  </eo-error-message>\n</ng-template>\n", styles: [".process-details{background-color:var(--panel-background-grey);height:100%;position:relative}.process-details yvc-tabs{height:100%}.process-details yvc-tabs ::ng-deep nav{background:var(--panel-background);border-bottom:1px solid var(--panel-header-border-bottom-color)}.process-details .eo-head{height:calc(var(--app-pane-header-height) - 30px);background-color:var(--color-white)}.process-details .eo-header .avatar{border-radius:50%;-webkit-border-radius:50%;background-repeat:no-repeat;background-position:center center;width:44px;height:44px}.process-details .eo-header-subtitle .starter{display:inline-block;font-size:var(--font-hint);border-radius:2px;background-color:rgba(var(--color-black-rgb),.08);color:var(--text-color-caption);line-height:1em;margin:0 calc(var(--app-pane-padding) / 2);padding:2px calc(var(--app-pane-padding) / 2) 3px calc(var(--app-pane-padding) / 2)}.process-details .eo-header__title{display:flex;flex-direction:column;color:var(--text-color-caption);font-size:var(--font-caption)}.process-details .eo-body{position:absolute;top:calc(var(--app-pane-header-height) - 30px);left:0;right:0;bottom:0}.process-details .eo-body .load-error{position:absolute;inset:0;background-color:var(--panel-background-grey);z-index:5;display:flex;flex-flow:column;justify-content:center;align-items:center}.process-details .eo-body .load-error eo-icon{width:20%;color:var(--text-color-hint);opacity:.5}.process-details .eo-body .tab-panel{height:100%;display:flex;flex:1;flex-direction:column;min-height:0;min-width:0}.process-details .eo-body .tab-panel .panel:not(.process-history){padding:var(--app-pane-padding);display:flex;flex:1;flex-direction:column;min-height:0;min-width:0;overflow-y:auto}.process-details .eo-body .tab-panel .panel.process-history{height:100%}.process-details .eo-body .tab-panel .process-actions{display:flex;flex:none;flex-direction:row;min-height:0;min-width:0;flex-wrap:wrap;justify-content:space-between;padding:0 calc(var(--app-pane-padding) * .75) 0!important}.process-details .eo-body .tab-panel .process-actions button{margin:0 calc(var(--app-pane-padding) * .25)}.process-details .eo-body .tab-panel .process-actions button.ext{position:relative}.process-details .eo-body .tab-panel .process-actions button.ext:after{content:\"\";position:absolute;right:calc(var(--app-pane-padding) / 8);top:calc(var(--app-pane-padding) / 8);height:calc(var(--app-pane-padding) * .5);width:calc(var(--app-pane-padding) * .5);box-sizing:border-box;border:2px solid rgba(var(--color-white-rgb),.7);border-bottom-width:0;border-left-width:0}.process-details .eo-body .tab-panel .process-actions div.primary{justify-content:flex-end;display:flex;flex:none;flex-direction:row;min-height:0;min-width:0;flex:1 1 auto;padding:var(--app-pane-padding) 0}.process-details .eo-body .tab-panel .process-actions div.secondary{padding:var(--app-pane-padding) 0;display:flex;flex:none;flex-direction:row;min-height:0;min-width:0}.process-details .eo-body .tab-panel .process-actions.disabled{opacity:.5}.process-details .eo-body .tab-panel .process-actions.disabled button{pointer-events:none;cursor:default}.process-details .eo-body .notice{background-color:rgba(var(--color-black-rgb),.06);border-radius:2px;padding:calc(var(--app-pane-padding) / 4) calc(var(--app-pane-padding) / 2);margin-bottom:var(--app-pane-padding)}.process-details .eo-body .notice.pastDue{background-color:var(--color-error);color:var(--color-white)}.process-details .eo-body .indexdata{margin-top:calc(var(--app-pane-padding) / 2)}.process-details .eo-body .process-description{margin-bottom:var(--app-pane-padding)}.process-details .eo-body .process-performer{margin:calc(var(--app-pane-padding) / 4) 0}.process-details .eo-body .process-performer .head{display:flex;flex-flow:row nowrap;align-items:center}.process-details .eo-body .process-performer .head .label{flex:1 1 auto}.process-details .eo-body .process-performer .head .action{border-radius:2px;border:1px solid rgba(var(--color-black-rgb),.1);padding:0 0 0 calc(var(--app-pane-padding) / 2);display:flex;flex-flow:row nowrap;align-items:center;cursor:pointer;overflow:hidden;transition:all var(--app-default-transition-duration) ease-in-out;-webkit-transition:all var(--app-default-transition-duration) ease-in-out;-moz-transition:all var(--app-default-transition-duration) ease-in-out;-o-transition:all var(--app-default-transition-duration) ease-in-out}.process-details .eo-body .process-performer .head .action .count{line-height:1em;color:var(--text-color-caption)}.process-details .eo-body .process-performer .head .action eo-icon{color:var(--text-color-hint);transition:all var(--app-default-transition-duration) ease-in-out;-webkit-transition:all var(--app-default-transition-duration) ease-in-out;-moz-transition:all var(--app-default-transition-duration) ease-in-out;-o-transition:all var(--app-default-transition-duration) ease-in-out}.process-details .eo-body .process-performer .head .action:hover{background:rgba(var(--color-black-rgb),.1)}.process-details .eo-body .process-performer .head.performerShow .action eo-icon{transform:rotate(180deg)}.process-details .eo-body .process-performer .body{padding:calc(var(--app-pane-padding) / 2) 0}.process-details .eo-body .process-performer .body .performer{display:flex;flex-flow:row nowrap;align-items:center;border-radius:2px;padding:2px;margin-bottom:2px;background-color:var(--color-white);animation:eoFadeInDown var(--app-default-transition-duration);-webkit-user-select:none;user-select:none}.process-details .eo-body .process-performer .body .performer .icon-wrap{border-radius:2px;flex:0 0 auto;background-color:var(--color-primary-3);color:var(--color-white);padding:2px}.process-details .eo-body .process-performer .body .performer .name{flex:1 1 auto;padding:0 var(--app-pane-padding)}.process-details .eo-body .process-performer .body .performer .name .qname{display:inline-block;border-radius:2px;background-color:rgba(var(--color-black-rgb),.08);font-size:var(--font-hint);padding:2px calc(var(--app-pane-padding) / 2);margin:0 calc(var(--app-pane-padding) / 2);color:var(--text-color-caption)}.process-details .eo-body .process-files .file-item{background-color:var(--color-white);padding:var(--app-pane-padding) var(--app-pane-padding) var(--app-pane-padding) 0;margin-bottom:calc(var(--app-pane-padding) / 4);display:flex;flex-flow:row nowrap;align-items:center;cursor:pointer;border-left:calc(var(--app-pane-padding) / 4) solid transparent}.process-details .eo-body .process-files .file-item>div{flex:1 1 auto}.process-details .eo-body .process-files .file-item>div .title{font-weight:700}.process-details .eo-body .process-files .file-item eo-icon{flex:0 0 auto;margin:0 var(--app-pane-padding)}.process-details .eo-body .process-files .file-item eo-icon.button{padding:0;box-sizing:border-box;margin:0;color:var(--text-color-hint)}.process-details .eo-body .process-files .file-item.selected{border-color:var(--color-accent);cursor:default}.process-details .eo-body .content-paste{display:flex;flex-flow:row nowrap;align-items:center;cursor:pointer;margin:var(--app-pane-padding) 0;padding:calc(var(--app-pane-padding) / 2) calc(var(--app-pane-padding) / 4);background-color:rgba(var(--color-black-rgb),.06);border-radius:2px;transition:all var(--app-default-transition-duration) ease-in-out;-webkit-transition:all var(--app-default-transition-duration) ease-in-out;-moz-transition:all var(--app-default-transition-duration) ease-in-out;-o-transition:all var(--app-default-transition-duration) ease-in-out}.process-details .eo-body .content-paste eo-icon{margin:0 calc(var(--app-pane-padding) / 4);transition:none;-webkit-transition:none;-moz-transition:none;-o-transition:none}.process-details .eo-body .content-paste .label{margin:0 calc(var(--app-pane-padding) / 4)}.process-details .eo-body .content-paste.disabled{opacity:.5;pointer-events:none;cursor:default}.process-details .eo-body .content-paste:not(.disabled):hover{background-color:var(--color-accent);color:var(--color-white)}.process-details .eo-body .no-files{padding:var(--app-pane-padding)}.process-details__empty{background:var(--panel-background)}\n"] }]
         }], ctorParameters: () => [{ type: i1.BpmService }, { type: i1.UserService }, { type: i1.SystemService }, { type: i2.SelectionService }, { type: i1.ClipboardService }, { type: i1.TranslateService }, { type: i3.Router }], propDecorators: { bpmFormEl: [{