@eo-sdk/client 11.4.0 → 11.5.0-rc.2

package/esm2022/app/eo-framework/ui/eo-dialog/eo-dialog.component.mjs

@@ -78,10 +78,10 @@ export class EoDialogComponent {
     ngOnDestroy() {
         this.closeDialog();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: EoDialogComponent, deps: [{ token: i1.PendingChangesService }, { token: i2.YvcOverlayService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.2", type: EoDialogComponent, selector: "eo-dialog", inputs: { hasPreviewFile: "hasPreviewFile", title: "title", subtitle: "subtitle", styleClass: "styleClass", dirtyCheck: "dirtyCheck", minWidth: "minWidth", minHeight: "minHeight", height: "height", width: "width", focusOnShow: "focusOnShow", align: "align", isFormTable: "isFormTable", showPreview: "showPreview", visible: "visible" }, outputs: { onTogglePreview: "onTogglePreview", visibleChange: "visibleChange", hide: "hide", show: "show" }, viewQueries: [{ propertyName: "portalOutlet", first: true, predicate: CdkPortalOutlet, descendants: true }, { propertyName: "dialogContent", first: true, predicate: ["dialogContent"], descendants: true }], ngImport: i0, template: "<ng-template #dialogContent>\n  <div class=\"eo-dialog\" [ngClass]=\"styleClass || ''\" eoRtlAware=\"dir\">\n    <header class=\"eo-dialog-header\" [ngClass]=\"styleClass ? styleClass + '--header ' : ''\">\n      <h5 class=\"headline\">{{title}}</h5>\n      <h6 *ngIf=\"subtitle\" class=\"subtitle\">{{subtitle}}</h6>\n      <eo-icon [iconSrc]=\"'assets/_default/svg/ic_clear.svg'\" (click)=\"closeDialog()\"\n        class=\"button white eo-dialog-close\"></eo-icon>\n      <ng-container *ngIf=\"isFormTable && hasPreviewFile\">\n        <button *ngIf=\"showPreview\" (click)=\"togglePreview()\" class=\"button-preview-toggle\">\n          <div>\n            <eo-icon [iconSrc]=\"'assets/_default/svg/ic_preview_close.svg'\">\n            </eo-icon>\n            <span class=\"title-preview-toggle\" translate>\n              eo.form.table.dialog.preview.hide\n            </span>\n          </div>\n        </button>\n        <button *ngIf=\"!showPreview\" (click)=\"togglePreview()\" class=\"button-preview-toggle\">\n          <div>\n            <eo-icon [iconSrc]=\"'assets/_default/svg/ic_preview_show.svg'\"></eo-icon>\n            <span class=\"title-preview-toggle\" translate>\n              eo.form.table.dialog.preview.show\n            </span>\n          </div>\n        </button>\n      </ng-container>\n    </header>\n    <div class=\"eo-dialog-content\" [ngClass]=\"styleClass ? styleClass + '--content ' : ''\" cdkTrapFocus [cdkTrapFocusAutoCapture]=\"true\">\n      <ng-content></ng-content>\n    </div>\n  </div>\n</ng-template>\n", styles: [".eo-dialog{background-color:var(--panel-background);display:flex;flex:1;flex-direction:column;min-height:0;min-width:0;max-height:100%;max-width:100%;animation:none}.eo-dialog-close{position:absolute;right:5px;top:5px;z-index:2}.eo-dialog-preview-toggle{position:absolute;right:5px;top:50px;z-index:2}.eo-dialog-header{background-color:var(--color-accent);color:var(--color-white);padding:var(--app-pane-padding) calc(var(--app-pane-padding) * 2.5) calc(var(--app-pane-padding) * 2) var(--app-pane-padding);font-weight:var(--font-weight-light);font-size:var(--font-headline);flex:0 0 auto}.eo-dialog-header .headline{font-size:24px;margin:0 25px 0 0;font-weight:400}.eo-dialog-header .subtitle{font-size:15px;margin:0;font-weight:400}.eo-dialog-header .button-preview-toggle{position:absolute;right:25px;top:30px;background-color:rgba(var(--color-white-rgb),.9);font-weight:700}.eo-dialog-header .button-preview-toggle:hover{background-color:rgba(var(--color-white-rgb),.6)!important}.eo-dialog-header .button-preview-toggle>div{display:flex;flex-flow:row;align-items:center}.eo-dialog-header .button-preview-toggle>div .title-preview-toggle{margin-inline:4px}.eo-dialog-content{position:relative;display:flex;flex:1;flex-direction:column;min-height:0;min-width:0;overflow:auto;height:100%;max-height:520px}.eo-dialog-content>eo-tree{margin:var(--app-pane-padding)}.eo-dialog-content .empty{padding:var(--app-pane-padding);color:var(--text-color-caption);display:flex;flex:1;flex-direction:column;min-height:0;min-width:0;align-items:center;justify-content:center}.eo-dialog-content .action-buttons{justify-content:flex-end;padding-top:32px}.eo-dialog-content button:not(:last-child):not(.accordion-btn){margin-right:5px}.object-form-table-dialog{background-color:var(--panel-background-grey)}.object-form-table-dialog .body{height:100%;padding:var(--app-pane-padding);box-sizing:border-box}.object-form-table-dialog .body yvc-split-view{height:83vh}.object-form-table-dialog .edit-body{display:flex;height:100%}.object-form-table-dialog .table-body{width:100%;height:100%;background-color:var(--panel-background-grey);display:flex}.object-form-table-dialog eo-row-edit{background-color:var(--color-white);display:flex;flex:1;flex-direction:column;min-height:0;min-width:0}.object-form-table-dialog eo-row-edit .row-edit{height:100%;display:flex;flex-direction:column}.object-form-table-dialog eo-row-edit .row-edit .edit-header{display:flex;justify-content:space-between}.object-form-table-dialog eo-row-edit .row-edit .edit-header .new-indicator{margin:8px 16px 0;color:var(--text-color-caption);font-size:var(--font-title);width:fit-content}.object-form-table-dialog eo-row-edit .row-edit .edit-header .cancel-icon{margin:8px 8px 0;color:var(--text-color-caption)}.object-form-table-dialog eo-row-edit .row-edit .edit-header .cancel-icon:hover{background:rgba(var(--color-black-rgb),.1)}.object-form-table-dialog eo-row-edit .row-edit .form{height:100%;overflow:auto}.object-form-table-dialog eo-row-edit .row-edit .actions{display:flex;flex:0;flex-direction:row;min-height:0;min-width:0;justify-content:flex-end;padding-right:var(--app-pane-padding);min-height:5em;align-items:center;border-top:1px solid var(--panel-header-border-bottom-color)}.object-form-table-dialog eo-row-edit .row-edit .actions button{height:3em;margin:0 calc(var(--app-pane-padding) / 8);padding:0 calc(var(--app-pane-padding) / 2)}.object-form-table-dialog eo-row-edit .row-edit .actions eo-checkbox{margin:0 calc(var(--app-pane-padding) / 2)}.object-form-table-dialog eo-row-edit .row-edit .actions .add-label{font-size:var(--font-body);color:var(--text-color-caption);margin-right:var(--app-pane-padding)}.object-form-table-dialog .object-form-table{width:100%;height:100%;display:grid;grid-template-columns:1fr;grid-template-rows:auto 1fr;background-color:#fff}.object-form-table-dialog .object-form-table .grid-body{width:100%;height:100%;position:relative}.object-form-table-dialog .object-form-table .grid-body .ag-theme-balham .ag-header{background-color:unset!important}.object-form-table-dialog .object-form-table .grid-body ag-grid-angular{width:100%;height:100%;background-color:transparent}.object-form-table-dialog .object-form-table .grid-body ag-grid-angular .copy-cell,.object-form-table-dialog .object-form-table .grid-body ag-grid-angular .new-row{animation-name:new-row;animation-duration:4s}@keyframes new-row{0%{background-color:var(--color-accent)}to{background-color:none}}.object-form-table-dialog .object-form-table .grid-body ag-grid-angular .ag-cell{display:flex;align-items:center;padding:0 calc(var(--app-pane-padding) / 4);font-size:var(--font-caption);line-height:var(--oft-row-height)}.object-form-table-dialog .object-form-table .grid-body ag-grid-angular .ag-cell.ag-cell-focus{background-color:var(--list-item-hover-background);outline:0!important;border-color:transparent!important}.object-form-table-dialog .object-form-table .grid-body ag-grid-angular .ag-cell svg{pointer-events:none}.object-form-table-dialog .object-form-table .grid-body ag-grid-angular .ag-cell.res-ico,.object-form-table-dialog .object-form-table .grid-body ag-grid-angular .ag-cell.col-boolean{justify-content:center}.object-form-table-dialog .object-form-table .grid-body ag-grid-angular .ag-cell.col-number{justify-content:flex-end}.object-form-table-dialog .object-form-table .grid-body ag-grid-angular .ag-cell .action-icon{display:flex;cursor:pointer}.object-form-table-dialog .object-form-table .grid-body ag-grid-angular .ag-cell .action-icon svg{fill:var(--text-color-caption)}.object-form-table-dialog .object-form-table-header{display:flex;flex-flow:row nowrap;align-items:center;padding:calc(var(--app-pane-padding) / 4) calc(var(--app-pane-padding) / 4) calc(var(--app-pane-padding) / 2) calc(var(--app-pane-padding) / 4);border-bottom:0}.object-form-table-dialog .object-form-table-header span{display:block;flex:1 1 auto}.object-form-table-dialog .object-form-table-header eo-icon.stf{width:20px;height:20px;margin:calc(var(--app-pane-padding) / 4);color:var(--text-color-caption);cursor:pointer}.object-form-table-dialog .object-form-table-header eo-icon.stf.add-row{width:24px;height:24px;background-color:var(--color-accent);color:#fff;border-radius:2px}.object-form-table-dialog .object-form-table-header button.add{border-radius:2px;padding:calc(var(--app-pane-padding) / 2)}.object-form-table-dialog .object-form-table-header button.export{border-radius:2px;border:1px solid black;color:#000;padding:calc(var(--app-pane-padding) / 8) calc(var(--app-pane-padding) / 4);font-size:var(--font-hint);margin:0 calc(var(--app-pane-padding) / 4)}.object-form-table-dialog .eo-dialog-content{max-height:initial;height:100%;overflow:hidden}.object-form-table-dialog .table-area{overflow:unset!important}.cdk-overlay-pane{position:absolute!important}\n"], dependencies: [{ kind: "directive", type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i4.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "directive", type: i5.CdkTrapFocus, selector: "[cdkTrapFocus]", inputs: ["cdkTrapFocus", "cdkTrapFocusAutoCapture"], exportAs: ["cdkTrapFocus"] }, { kind: "component", type: i6.EoIconComponent, selector: "eo-icon", inputs: ["objectType", "iconId", "iconSrc", "badge", "iconTitle"] }, { kind: "directive", type: i7.RtlAwareDirective, selector: "[eoRtlAware]", inputs: ["eoRtlAware"] }], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: EoDialogComponent, deps: [{ token: i1.PendingChangesService }, { token: i2.YvcOverlayService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.4", type: EoDialogComponent, selector: "eo-dialog", inputs: { hasPreviewFile: "hasPreviewFile", title: "title", subtitle: "subtitle", styleClass: "styleClass", dirtyCheck: "dirtyCheck", minWidth: "minWidth", minHeight: "minHeight", height: "height", width: "width", focusOnShow: "focusOnShow", align: "align", isFormTable: "isFormTable", showPreview: "showPreview", visible: "visible" }, outputs: { onTogglePreview: "onTogglePreview", visibleChange: "visibleChange", hide: "hide", show: "show" }, viewQueries: [{ propertyName: "portalOutlet", first: true, predicate: CdkPortalOutlet, descendants: true }, { propertyName: "dialogContent", first: true, predicate: ["dialogContent"], descendants: true }], ngImport: i0, template: "<ng-template #dialogContent>\n  <div class=\"eo-dialog\" [ngClass]=\"styleClass || ''\" eoRtlAware=\"dir\">\n    <header class=\"eo-dialog-header\" [ngClass]=\"styleClass ? styleClass + '--header ' : ''\">\n      <h5 class=\"headline\">{{title}}</h5>\n      <h6 *ngIf=\"subtitle\" class=\"subtitle\">{{subtitle}}</h6>\n      <eo-icon [iconSrc]=\"'assets/_default/svg/ic_clear.svg'\" (click)=\"closeDialog()\"\n        class=\"button white eo-dialog-close\"></eo-icon>\n      <ng-container *ngIf=\"isFormTable && hasPreviewFile\">\n        <button *ngIf=\"showPreview\" (click)=\"togglePreview()\" class=\"button-preview-toggle\">\n          <div>\n            <eo-icon [iconSrc]=\"'assets/_default/svg/ic_preview_close.svg'\">\n            </eo-icon>\n            <span class=\"title-preview-toggle\" translate>\n              eo.form.table.dialog.preview.hide\n            </span>\n          </div>\n        </button>\n        <button *ngIf=\"!showPreview\" (click)=\"togglePreview()\" class=\"button-preview-toggle\">\n          <div>\n            <eo-icon [iconSrc]=\"'assets/_default/svg/ic_preview_show.svg'\"></eo-icon>\n            <span class=\"title-preview-toggle\" translate>\n              eo.form.table.dialog.preview.show\n            </span>\n          </div>\n        </button>\n      </ng-container>\n    </header>\n    <div class=\"eo-dialog-content\" [ngClass]=\"styleClass ? styleClass + '--content ' : ''\" cdkTrapFocus [cdkTrapFocusAutoCapture]=\"true\">\n      <ng-content></ng-content>\n    </div>\n  </div>\n</ng-template>\n", styles: [".eo-dialog{background-color:var(--panel-background);display:flex;flex:1;flex-direction:column;min-height:0;min-width:0;max-height:100%;max-width:100%;animation:none}.eo-dialog-close{position:absolute;right:5px;top:5px;z-index:2}.eo-dialog-preview-toggle{position:absolute;right:5px;top:50px;z-index:2}.eo-dialog-header{background-color:var(--color-accent);color:var(--color-white);padding:var(--app-pane-padding) calc(var(--app-pane-padding) * 2.5) calc(var(--app-pane-padding) * 2) var(--app-pane-padding);font-weight:var(--font-weight-light);font-size:var(--font-headline);flex:0 0 auto}.eo-dialog-header .headline{font-size:24px;margin:0 25px 0 0;font-weight:400}.eo-dialog-header .subtitle{font-size:15px;margin:0;font-weight:400}.eo-dialog-header .button-preview-toggle{position:absolute;right:25px;top:30px;background-color:rgba(var(--color-white-rgb),.9);font-weight:700}.eo-dialog-header .button-preview-toggle:hover{background-color:rgba(var(--color-white-rgb),.6)!important}.eo-dialog-header .button-preview-toggle>div{display:flex;flex-flow:row;align-items:center}.eo-dialog-header .button-preview-toggle>div .title-preview-toggle{margin-inline:4px}.eo-dialog-content{position:relative;display:flex;flex:1;flex-direction:column;min-height:0;min-width:0;overflow:auto;height:100%;max-height:520px}.eo-dialog-content>eo-tree{margin:var(--app-pane-padding)}.eo-dialog-content .empty{padding:var(--app-pane-padding);color:var(--text-color-caption);display:flex;flex:1;flex-direction:column;min-height:0;min-width:0;align-items:center;justify-content:center}.eo-dialog-content .action-buttons{justify-content:flex-end;padding-top:32px}.eo-dialog-content button:not(:last-child):not(.accordion-btn){margin-right:5px}.object-form-table-dialog{background-color:var(--panel-background-grey)}.object-form-table-dialog .body{height:100%;padding:var(--app-pane-padding);box-sizing:border-box}.object-form-table-dialog .body yvc-split-view{height:83vh}.object-form-table-dialog .edit-body{display:flex;height:100%}.object-form-table-dialog .table-body{width:100%;height:100%;background-color:var(--panel-background-grey);display:flex}.object-form-table-dialog eo-row-edit{background-color:var(--color-white);display:flex;flex:1;flex-direction:column;min-height:0;min-width:0}.object-form-table-dialog eo-row-edit .row-edit{height:100%;display:flex;flex-direction:column}.object-form-table-dialog eo-row-edit .row-edit .edit-header{display:flex;justify-content:space-between}.object-form-table-dialog eo-row-edit .row-edit .edit-header .new-indicator{margin:8px 16px 0;color:var(--text-color-caption);font-size:var(--font-title);width:fit-content}.object-form-table-dialog eo-row-edit .row-edit .edit-header .cancel-icon{margin:8px 8px 0;color:var(--text-color-caption)}.object-form-table-dialog eo-row-edit .row-edit .edit-header .cancel-icon:hover{background:rgba(var(--color-black-rgb),.1)}.object-form-table-dialog eo-row-edit .row-edit .form{height:100%;overflow:auto}.object-form-table-dialog eo-row-edit .row-edit .actions{display:flex;flex:0;flex-direction:row;min-height:0;min-width:0;justify-content:flex-end;padding-right:var(--app-pane-padding);min-height:5em;align-items:center;border-top:1px solid var(--panel-header-border-bottom-color)}.object-form-table-dialog eo-row-edit .row-edit .actions button{height:3em;margin:0 calc(var(--app-pane-padding) / 8);padding:0 calc(var(--app-pane-padding) / 2)}.object-form-table-dialog eo-row-edit .row-edit .actions eo-checkbox{margin:0 calc(var(--app-pane-padding) / 2)}.object-form-table-dialog eo-row-edit .row-edit .actions .add-label{font-size:var(--font-body);color:var(--text-color-caption);margin-right:var(--app-pane-padding)}.object-form-table-dialog .object-form-table{width:100%;height:100%;display:grid;grid-template-columns:1fr;grid-template-rows:auto 1fr;background-color:#fff}.object-form-table-dialog .object-form-table .grid-body{width:100%;height:100%;position:relative}.object-form-table-dialog .object-form-table .grid-body .ag-theme-balham .ag-header{background-color:unset!important}.object-form-table-dialog .object-form-table .grid-body ag-grid-angular{width:100%;height:100%;background-color:transparent}.object-form-table-dialog .object-form-table .grid-body ag-grid-angular .copy-cell,.object-form-table-dialog .object-form-table .grid-body ag-grid-angular .new-row{animation-name:new-row;animation-duration:4s}@keyframes new-row{0%{background-color:var(--color-accent)}to{background-color:none}}.object-form-table-dialog .object-form-table .grid-body ag-grid-angular .ag-cell{display:flex;align-items:center;padding:0 calc(var(--app-pane-padding) / 4);font-size:var(--font-caption);line-height:var(--oft-row-height)}.object-form-table-dialog .object-form-table .grid-body ag-grid-angular .ag-cell.ag-cell-focus{background-color:var(--list-item-hover-background);outline:0!important;border-color:transparent!important}.object-form-table-dialog .object-form-table .grid-body ag-grid-angular .ag-cell svg{pointer-events:none}.object-form-table-dialog .object-form-table .grid-body ag-grid-angular .ag-cell.res-ico,.object-form-table-dialog .object-form-table .grid-body ag-grid-angular .ag-cell.col-boolean{justify-content:center}.object-form-table-dialog .object-form-table .grid-body ag-grid-angular .ag-cell.col-number{justify-content:flex-end}.object-form-table-dialog .object-form-table .grid-body ag-grid-angular .ag-cell .action-icon{display:flex;cursor:pointer}.object-form-table-dialog .object-form-table .grid-body ag-grid-angular .ag-cell .action-icon svg{fill:var(--text-color-caption)}.object-form-table-dialog .object-form-table-header{display:flex;flex-flow:row nowrap;align-items:center;padding:calc(var(--app-pane-padding) / 4) calc(var(--app-pane-padding) / 4) calc(var(--app-pane-padding) / 2) calc(var(--app-pane-padding) / 4);border-bottom:0}.object-form-table-dialog .object-form-table-header span{display:block;flex:1 1 auto}.object-form-table-dialog .object-form-table-header eo-icon.stf{width:20px;height:20px;margin:calc(var(--app-pane-padding) / 4);color:var(--text-color-caption);cursor:pointer}.object-form-table-dialog .object-form-table-header eo-icon.stf.add-row{width:24px;height:24px;background-color:var(--color-accent);color:#fff;border-radius:2px}.object-form-table-dialog .object-form-table-header button.add{border-radius:2px;padding:calc(var(--app-pane-padding) / 2)}.object-form-table-dialog .object-form-table-header button.export{border-radius:2px;border:1px solid black;color:#000;padding:calc(var(--app-pane-padding) / 8) calc(var(--app-pane-padding) / 4);font-size:var(--font-hint);margin:0 calc(var(--app-pane-padding) / 4)}.object-form-table-dialog .eo-dialog-content{max-height:initial;height:100%;overflow:hidden}.object-form-table-dialog .table-area{overflow:unset!important}.cdk-overlay-pane{position:absolute!important}\n"], dependencies: [{ kind: "directive", type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i4.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "directive", type: i5.CdkTrapFocus, selector: "[cdkTrapFocus]", inputs: ["cdkTrapFocus", "cdkTrapFocusAutoCapture"], exportAs: ["cdkTrapFocus"] }, { kind: "component", type: i6.EoIconComponent, selector: "eo-icon", inputs: ["objectType", "iconId", "iconSrc", "badge", "iconTitle"] }, { kind: "directive", type: i7.RtlAwareDirective, selector: "[eoRtlAware]", inputs: ["eoRtlAware"] }], encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: EoDialogComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: EoDialogComponent, decorators: [{
             type: Component,
             args: [{ selector: 'eo-dialog', encapsulation: ViewEncapsulation.None, template: "<ng-template #dialogContent>\n  <div class=\"eo-dialog\" [ngClass]=\"styleClass || ''\" eoRtlAware=\"dir\">\n    <header class=\"eo-dialog-header\" [ngClass]=\"styleClass ? styleClass + '--header ' : ''\">\n      <h5 class=\"headline\">{{title}}</h5>\n      <h6 *ngIf=\"subtitle\" class=\"subtitle\">{{subtitle}}</h6>\n      <eo-icon [iconSrc]=\"'assets/_default/svg/ic_clear.svg'\" (click)=\"closeDialog()\"\n        class=\"button white eo-dialog-close\"></eo-icon>\n      <ng-container *ngIf=\"isFormTable && hasPreviewFile\">\n        <button *ngIf=\"showPreview\" (click)=\"togglePreview()\" class=\"button-preview-toggle\">\n          <div>\n            <eo-icon [iconSrc]=\"'assets/_default/svg/ic_preview_close.svg'\">\n            </eo-icon>\n            <span class=\"title-preview-toggle\" translate>\n              eo.form.table.dialog.preview.hide\n            </span>\n          </div>\n        </button>\n        <button *ngIf=\"!showPreview\" (click)=\"togglePreview()\" class=\"button-preview-toggle\">\n          <div>\n            <eo-icon [iconSrc]=\"'assets/_default/svg/ic_preview_show.svg'\"></eo-icon>\n            <span class=\"title-preview-toggle\" translate>\n              eo.form.table.dialog.preview.show\n            </span>\n          </div>\n        </button>\n      </ng-container>\n    </header>\n    <div class=\"eo-dialog-content\" [ngClass]=\"styleClass ? styleClass + '--content ' : ''\" cdkTrapFocus [cdkTrapFocusAutoCapture]=\"true\">\n      <ng-content></ng-content>\n    </div>\n  </div>\n</ng-template>\n", styles: [".eo-dialog{background-color:var(--panel-background);display:flex;flex:1;flex-direction:column;min-height:0;min-width:0;max-height:100%;max-width:100%;animation:none}.eo-dialog-close{position:absolute;right:5px;top:5px;z-index:2}.eo-dialog-preview-toggle{position:absolute;right:5px;top:50px;z-index:2}.eo-dialog-header{background-color:var(--color-accent);color:var(--color-white);padding:var(--app-pane-padding) calc(var(--app-pane-padding) * 2.5) calc(var(--app-pane-padding) * 2) var(--app-pane-padding);font-weight:var(--font-weight-light);font-size:var(--font-headline);flex:0 0 auto}.eo-dialog-header .headline{font-size:24px;margin:0 25px 0 0;font-weight:400}.eo-dialog-header .subtitle{font-size:15px;margin:0;font-weight:400}.eo-dialog-header .button-preview-toggle{position:absolute;right:25px;top:30px;background-color:rgba(var(--color-white-rgb),.9);font-weight:700}.eo-dialog-header .button-preview-toggle:hover{background-color:rgba(var(--color-white-rgb),.6)!important}.eo-dialog-header .button-preview-toggle>div{display:flex;flex-flow:row;align-items:center}.eo-dialog-header .button-preview-toggle>div .title-preview-toggle{margin-inline:4px}.eo-dialog-content{position:relative;display:flex;flex:1;flex-direction:column;min-height:0;min-width:0;overflow:auto;height:100%;max-height:520px}.eo-dialog-content>eo-tree{margin:var(--app-pane-padding)}.eo-dialog-content .empty{padding:var(--app-pane-padding);color:var(--text-color-caption);display:flex;flex:1;flex-direction:column;min-height:0;min-width:0;align-items:center;justify-content:center}.eo-dialog-content .action-buttons{justify-content:flex-end;padding-top:32px}.eo-dialog-content button:not(:last-child):not(.accordion-btn){margin-right:5px}.object-form-table-dialog{background-color:var(--panel-background-grey)}.object-form-table-dialog .body{height:100%;padding:var(--app-pane-padding);box-sizing:border-box}.object-form-table-dialog .body yvc-split-view{height:83vh}.object-form-table-dialog .edit-body{display:flex;height:100%}.object-form-table-dialog .table-body{width:100%;height:100%;background-color:var(--panel-background-grey);display:flex}.object-form-table-dialog eo-row-edit{background-color:var(--color-white);display:flex;flex:1;flex-direction:column;min-height:0;min-width:0}.object-form-table-dialog eo-row-edit .row-edit{height:100%;display:flex;flex-direction:column}.object-form-table-dialog eo-row-edit .row-edit .edit-header{display:flex;justify-content:space-between}.object-form-table-dialog eo-row-edit .row-edit .edit-header .new-indicator{margin:8px 16px 0;color:var(--text-color-caption);font-size:var(--font-title);width:fit-content}.object-form-table-dialog eo-row-edit .row-edit .edit-header .cancel-icon{margin:8px 8px 0;color:var(--text-color-caption)}.object-form-table-dialog eo-row-edit .row-edit .edit-header .cancel-icon:hover{background:rgba(var(--color-black-rgb),.1)}.object-form-table-dialog eo-row-edit .row-edit .form{height:100%;overflow:auto}.object-form-table-dialog eo-row-edit .row-edit .actions{display:flex;flex:0;flex-direction:row;min-height:0;min-width:0;justify-content:flex-end;padding-right:var(--app-pane-padding);min-height:5em;align-items:center;border-top:1px solid var(--panel-header-border-bottom-color)}.object-form-table-dialog eo-row-edit .row-edit .actions button{height:3em;margin:0 calc(var(--app-pane-padding) / 8);padding:0 calc(var(--app-pane-padding) / 2)}.object-form-table-dialog eo-row-edit .row-edit .actions eo-checkbox{margin:0 calc(var(--app-pane-padding) / 2)}.object-form-table-dialog eo-row-edit .row-edit .actions .add-label{font-size:var(--font-body);color:var(--text-color-caption);margin-right:var(--app-pane-padding)}.object-form-table-dialog .object-form-table{width:100%;height:100%;display:grid;grid-template-columns:1fr;grid-template-rows:auto 1fr;background-color:#fff}.object-form-table-dialog .object-form-table .grid-body{width:100%;height:100%;position:relative}.object-form-table-dialog .object-form-table .grid-body .ag-theme-balham .ag-header{background-color:unset!important}.object-form-table-dialog .object-form-table .grid-body ag-grid-angular{width:100%;height:100%;background-color:transparent}.object-form-table-dialog .object-form-table .grid-body ag-grid-angular .copy-cell,.object-form-table-dialog .object-form-table .grid-body ag-grid-angular .new-row{animation-name:new-row;animation-duration:4s}@keyframes new-row{0%{background-color:var(--color-accent)}to{background-color:none}}.object-form-table-dialog .object-form-table .grid-body ag-grid-angular .ag-cell{display:flex;align-items:center;padding:0 calc(var(--app-pane-padding) / 4);font-size:var(--font-caption);line-height:var(--oft-row-height)}.object-form-table-dialog .object-form-table .grid-body ag-grid-angular .ag-cell.ag-cell-focus{background-color:var(--list-item-hover-background);outline:0!important;border-color:transparent!important}.object-form-table-dialog .object-form-table .grid-body ag-grid-angular .ag-cell svg{pointer-events:none}.object-form-table-dialog .object-form-table .grid-body ag-grid-angular .ag-cell.res-ico,.object-form-table-dialog .object-form-table .grid-body ag-grid-angular .ag-cell.col-boolean{justify-content:center}.object-form-table-dialog .object-form-table .grid-body ag-grid-angular .ag-cell.col-number{justify-content:flex-end}.object-form-table-dialog .object-form-table .grid-body ag-grid-angular .ag-cell .action-icon{display:flex;cursor:pointer}.object-form-table-dialog .object-form-table .grid-body ag-grid-angular .ag-cell .action-icon svg{fill:var(--text-color-caption)}.object-form-table-dialog .object-form-table-header{display:flex;flex-flow:row nowrap;align-items:center;padding:calc(var(--app-pane-padding) / 4) calc(var(--app-pane-padding) / 4) calc(var(--app-pane-padding) / 2) calc(var(--app-pane-padding) / 4);border-bottom:0}.object-form-table-dialog .object-form-table-header span{display:block;flex:1 1 auto}.object-form-table-dialog .object-form-table-header eo-icon.stf{width:20px;height:20px;margin:calc(var(--app-pane-padding) / 4);color:var(--text-color-caption);cursor:pointer}.object-form-table-dialog .object-form-table-header eo-icon.stf.add-row{width:24px;height:24px;background-color:var(--color-accent);color:#fff;border-radius:2px}.object-form-table-dialog .object-form-table-header button.add{border-radius:2px;padding:calc(var(--app-pane-padding) / 2)}.object-form-table-dialog .object-form-table-header button.export{border-radius:2px;border:1px solid black;color:#000;padding:calc(var(--app-pane-padding) / 8) calc(var(--app-pane-padding) / 4);font-size:var(--font-hint);margin:0 calc(var(--app-pane-padding) / 4)}.object-form-table-dialog .eo-dialog-content{max-height:initial;height:100%;overflow:hidden}.object-form-table-dialog .table-area{overflow:unset!important}.cdk-overlay-pane{position:absolute!important}\n"] }]
         }], ctorParameters: () => [{ type: i1.PendingChangesService }, { type: i2.YvcOverlayService }], propDecorators: { portalOutlet: [{

package/esm2022/app/eo-framework/ui/eo-icon/eo-icon.component.mjs

@@ -94,10 +94,10 @@ export class EoIconComponent {
         div.innerHTML = str;
         return div.querySelector('svg');
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: EoIconComponent, deps: [{ token: i1.BackendService }, { token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i1.Logger }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.2", type: EoIconComponent, selector: "eo-icon", inputs: { objectType: "objectType", iconId: "iconId", iconSrc: "iconSrc", badge: "badge", title: ["iconTitle", "title"] }, ngImport: i0, template: '', isInline: true, styles: ["eo-icon{--eoSvgIcon-size: 24px;display:block;width:var(--eoSvgIcon-size);height:var(--eoSvgIcon-size);color:currentColor;font-size:1px;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}eo-icon>div{width:100%;height:100%}eo-icon.small{width:calc(var(--eoSvgIcon-size) / 2);height:calc(var(--eoSvgIcon-size) / 2)}eo-icon svg{pointer-events:none;height:100%;width:100%;fill:currentColor}eo-icon.error svg{fill:var(--color-accent)}eo-icon.error__icon{width:100px;height:100px;opacity:.7;padding-bottom:20px;color:var(--text-color-hint)}eo-icon.badged{position:relative}eo-icon.badged:before{content:attr(data-badge);background:var(--color-accent);font-size:var(--font-hint);padding:0 2px;border-radius:2px;position:absolute;top:-4px}[dir=ltr] eo-icon.badged:before{right:-4px}[dir=rtl] eo-icon.badged:before{left:-4px}eo-icon.button{border-radius:2px;cursor:pointer}eo-icon.button:focus,eo-icon.button:hover{background:#0000000f}eo-icon.button.active{color:var(--color-accent)}eo-icon.button.primary{color:rgba(var(--color-black-rgb),.2)}eo-icon.button.primary:focus,eo-icon.button.primary:hover{color:rgba(var(--color-black-rgb),.5);background:rgba(var(--color-black-rgb),0)}eo-icon.button.white{color:var(--color-white)}eo-icon.button.white:focus,eo-icon.button.white:hover{background:rgba(var(--color-white-rgb),.15)}eo-icon.button.disabled{cursor:default;color:rgba(var(--color-black-rgb),.2)}eo-icon.button.disabled:focus,eo-icon.button.disabled:hover{background:none}\n"], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: EoIconComponent, deps: [{ token: i1.BackendService }, { token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i1.Logger }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.4", type: EoIconComponent, selector: "eo-icon", inputs: { objectType: "objectType", iconId: "iconId", iconSrc: "iconSrc", badge: "badge", title: ["iconTitle", "title"] }, ngImport: i0, template: '', isInline: true, styles: ["eo-icon{--eoSvgIcon-size: 24px;display:block;width:var(--eoSvgIcon-size);height:var(--eoSvgIcon-size);color:currentColor;font-size:1px;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}eo-icon>div{width:100%;height:100%}eo-icon.small{width:calc(var(--eoSvgIcon-size) / 2);height:calc(var(--eoSvgIcon-size) / 2)}eo-icon svg{pointer-events:none;height:100%;width:100%;fill:currentColor}eo-icon.error svg{fill:var(--color-accent)}eo-icon.error__icon{width:100px;height:100px;opacity:.7;padding-bottom:20px;color:var(--text-color-hint)}eo-icon.badged{position:relative}eo-icon.badged:before{content:attr(data-badge);background:var(--color-accent);font-size:var(--font-hint);padding:0 2px;border-radius:2px;position:absolute;top:-4px}[dir=ltr] eo-icon.badged:before{right:-4px}[dir=rtl] eo-icon.badged:before{left:-4px}eo-icon.button{border-radius:2px;cursor:pointer}eo-icon.button:focus,eo-icon.button:hover{background:#0000000f}eo-icon.button.active{color:var(--color-accent)}eo-icon.button.primary{color:rgba(var(--color-black-rgb),.2)}eo-icon.button.primary:focus,eo-icon.button.primary:hover{color:rgba(var(--color-black-rgb),.5);background:rgba(var(--color-black-rgb),0)}eo-icon.button.white{color:var(--color-white)}eo-icon.button.white:focus,eo-icon.button.white:hover{background:rgba(var(--color-white-rgb),.15)}eo-icon.button.disabled{cursor:default;color:rgba(var(--color-black-rgb),.2)}eo-icon.button.disabled:focus,eo-icon.button.disabled:hover{background:none}\n"], encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: EoIconComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: EoIconComponent, decorators: [{
             type: Component,
             args: [{ selector: 'eo-icon', template: '', encapsulation: ViewEncapsulation.None, styles: ["eo-icon{--eoSvgIcon-size: 24px;display:block;width:var(--eoSvgIcon-size);height:var(--eoSvgIcon-size);color:currentColor;font-size:1px;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}eo-icon>div{width:100%;height:100%}eo-icon.small{width:calc(var(--eoSvgIcon-size) / 2);height:calc(var(--eoSvgIcon-size) / 2)}eo-icon svg{pointer-events:none;height:100%;width:100%;fill:currentColor}eo-icon.error svg{fill:var(--color-accent)}eo-icon.error__icon{width:100px;height:100px;opacity:.7;padding-bottom:20px;color:var(--text-color-hint)}eo-icon.badged{position:relative}eo-icon.badged:before{content:attr(data-badge);background:var(--color-accent);font-size:var(--font-hint);padding:0 2px;border-radius:2px;position:absolute;top:-4px}[dir=ltr] eo-icon.badged:before{right:-4px}[dir=rtl] eo-icon.badged:before{left:-4px}eo-icon.button{border-radius:2px;cursor:pointer}eo-icon.button:focus,eo-icon.button:hover{background:#0000000f}eo-icon.button.active{color:var(--color-accent)}eo-icon.button.primary{color:rgba(var(--color-black-rgb),.2)}eo-icon.button.primary:focus,eo-icon.button.primary:hover{color:rgba(var(--color-black-rgb),.5);background:rgba(var(--color-black-rgb),0)}eo-icon.button.white{color:var(--color-white)}eo-icon.button.white:focus,eo-icon.button.white:hover{background:rgba(var(--color-white-rgb),.15)}eo-icon.button.disabled{cursor:default;color:rgba(var(--color-black-rgb),.2)}eo-icon.button.disabled:focus,eo-icon.button.disabled:hover{background:none}\n"] }]
         }], ctorParameters: () => [{ type: i1.BackendService }, { type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i1.Logger }], propDecorators: { objectType: [{

package/esm2022/app/eo-framework/ui/error-message/error-message.component.mjs

@@ -21,10 +21,10 @@ export class ErrorMessageComponent {
     get emptyState() {
         return this._emptyState;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: ErrorMessageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.2", type: ErrorMessageComponent, selector: "eo-error-message", inputs: { emptyState: "emptyState" }, ngImport: i0, template: "<div class=\"eo-body error\" [ngClass]=\"emptyState.className\" *ngIf=\"emptyState\">\n  <eo-icon class=\"error__icon\" [iconSrc]=\"iconUri\"></eo-icon>\n  <div class=\"error__message\">{{ emptyState.text | translate }}</div>\n  <ng-content selector=\".error\"></ng-content>\n</div>\n", styles: [":host{height:100%;display:flex}.eo-body.error{padding:10px 25px;align-items:center;justify-content:center;text-align:center}.error__icon{width:128px;height:128px;padding-bottom:20px;color:var(--text-color-hint)}.error__message{color:rgba(var(--color-black-rgb),.4);min-width:200px}.error.grain{transform:rotate3d(1,1,1,45deg)}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.EoIconComponent, selector: "eo-icon", inputs: ["objectType", "iconId", "iconSrc", "badge", "iconTitle"] }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: ErrorMessageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.4", type: ErrorMessageComponent, selector: "eo-error-message", inputs: { emptyState: "emptyState" }, ngImport: i0, template: "<div class=\"eo-body error\" [ngClass]=\"emptyState.className\" *ngIf=\"emptyState\">\n  <eo-icon class=\"error__icon\" [iconSrc]=\"iconUri\"></eo-icon>\n  <div class=\"error__message\">{{ emptyState.text | translate }}</div>\n  <ng-content selector=\".error\"></ng-content>\n</div>\n", styles: [":host{height:100%;display:flex}.eo-body.error{padding:10px 25px;align-items:center;justify-content:center;text-align:center}.error__icon{width:128px;height:128px;padding-bottom:20px;color:var(--text-color-hint)}.error__message{color:rgba(var(--color-black-rgb),.4);min-width:200px}.error.grain{transform:rotate3d(1,1,1,45deg)}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.EoIconComponent, selector: "eo-icon", inputs: ["objectType", "iconId", "iconSrc", "badge", "iconTitle"] }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: ErrorMessageComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: ErrorMessageComponent, decorators: [{
             type: Component,
             args: [{ selector: 'eo-error-message', template: "<div class=\"eo-body error\" [ngClass]=\"emptyState.className\" *ngIf=\"emptyState\">\n  <eo-icon class=\"error__icon\" [iconSrc]=\"iconUri\"></eo-icon>\n  <div class=\"error__message\">{{ emptyState.text | translate }}</div>\n  <ng-content selector=\".error\"></ng-content>\n</div>\n", styles: [":host{height:100%;display:flex}.eo-body.error{padding:10px 25px;align-items:center;justify-content:center;text-align:center}.error__icon{width:128px;height:128px;padding-bottom:20px;color:var(--text-color-hint)}.error__message{color:rgba(var(--color-black-rgb),.4);min-width:200px}.error.grain{transform:rotate3d(1,1,1,45deg)}\n"] }]
         }], propDecorators: { emptyState: [{

package/esm2022/app/eo-framework/ui/indexdata-summary/indexdata-summary-entry/indexdata-summary-entry.component.mjs

@@ -34,10 +34,10 @@ export class IndexdataSummaryEntryComponent {
         this.value1 = this.showDiff ? v?.val1 : v;
         this.value2 = this.showDiff && v?.val2;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: IndexdataSummaryEntryComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.2", type: IndexdataSummaryEntryComponent, selector: "eo-indexdata-summary-entry", inputs: { label: "label", item: "item", value: "value", className: "className" }, outputs: { onValueClicked: "onValueClicked" }, ngImport: i0, template: "<div [class]=\"className || ''\"  [ngClass]=\"classes(value1, value2)\" *ngIf=\"showDiff || !isEmpty(value1)\">\n  <span class=\"label\">{{label}}</span>\n  <span class=\"value inner first\" [innerHTML]=\"value1 | safeHtml\" (click)=\"onValueClicked.emit($event)\"></span>\n  <span class=\"value inner second\" [innerHTML]=\"value2 | safeHtml\" (click)=\"onValueClicked.emit($event)\" *ngIf=\"showDiff\"></span>\n</div>", styles: [":host{display:block}:host .entry{margin:0 calc(var(--app-pane-padding) / -4) 2px;display:flex;flex:1;flex-direction:row;min-height:0;min-width:0}:host .entry.diffActive{margin-bottom:calc(var(--app-pane-padding) / 2)}:host .entry.diffActive .label{margin-right:var(--app-pane-padding)}[dir=rtl] :host .entry.diffActive .label{margin-left:var(--app-pane-padding);margin-right:var(--app-pane-padding)}:host .entry.diffActive .value{margin:0;padding:calc(var(--app-pane-padding) / 2);align-items:center;border:1px solid rgba(0,0,0,.1);background-color:#fff}:host .entry.diffActive .value.first{border-radius:2px 0 0 2px;padding-right:var(--app-pane-padding)}:host .entry.diffActive .value.second{border-radius:0 2px 2px 0;padding-left:var(--app-pane-padding)}:host .entry.diffActive .value:before{display:block;position:absolute;left:calc(var(--app-pane-padding) / 2 * -1);top:calc(50% - var(--app-pane-padding) / 2);width:var(--app-pane-padding);height:var(--app-pane-padding);background-color:var(--color-primary-3);background-position:center center;background-repeat:no-repeat;border-radius:2px}:host .entry.diffActive.new .value.first{display:none}:host .entry.diffActive.new .value.second{border-color:#9abd1e}:host .entry.diffActive.new .value.second:before{content:\"\";background-color:#9abd1e;background-image:url(data:image/gif;base64,R0lGODlhCgAIAIABAP///////yH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDIgNzkuMTYwOTI0LCAyMDE3LzA3LzEzLTAxOjA2OjM5ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOCAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QjAyRTUzMTJFRkRGMTFFOUE5MDQ5N0UwQzE3RDA5MTkiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QjAyRTUzMTNFRkRGMTFFOUE5MDQ5N0UwQzE3RDA5MTkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpCMDJFNTMxMEVGREYxMUU5QTkwNDk3RTBDMTdEMDkxOSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpCMDJFNTMxMUVGREYxMUU5QTkwNDk3RTBDMTdEMDkxOSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PgH//v38+/r5+Pf29fTz8vHw7+7t7Ovq6ejn5uXk4+Lh4N/e3dzb2tnY19bV1NPS0dDPzs3My8rJyMfGxcTDwsHAv769vLu6ubi3trW0s7KxsK+urayrqqmop6alpKOioaCfnp2cm5qZmJeWlZSTkpGQj46NjIuKiYiHhoWEg4KBgH9+fXx7enl4d3Z1dHNycXBvbm1sa2ppaGdmZWRjYmFgX15dXFtaWVhXVlVUU1JRUE9OTUxLSklIR0ZFRENCQUA/Pj08Ozo5ODc2NTQzMjEwLy4tLCsqKSgnJiUkIyIhIB8eHRwbGhkYFxYVFBMSERAPDg0MCwoJCAcGBQQDAgEAACH5BAEAAAEALAAAAAAKAAgAAAIQjANwi8qWWJoT0rria5ufAgA7)}:host .entry.diffActive.modified .value.second{border-left:0}:host .entry.diffActive.modified .value.second:before{content:\"\";background-image:url(data:image/gif;base64,R0lGODlhCgAIAIABAP///////yH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDIgNzkuMTYwOTI0LCAyMDE3LzA3LzEzLTAxOjA2OjM5ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOCAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QTBCNzE3QTRFRkRGMTFFOUI5MzdDMzM0OTM1MDRBRDAiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QTBCNzE3QTVFRkRGMTFFOUI5MzdDMzM0OTM1MDRBRDAiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBMEI3MTdBMkVGREYxMUU5QjkzN0MzMzQ5MzUwNEFEMCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBMEI3MTdBM0VGREYxMUU5QjkzN0MzMzQ5MzUwNEFEMCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PgH//v38+/r5+Pf29fTz8vHw7+7t7Ovq6ejn5uXk4+Lh4N/e3dzb2tnY19bV1NPS0dDPzs3My8rJyMfGxcTDwsHAv769vLu6ubi3trW0s7KxsK+urayrqqmop6alpKOioaCfnp2cm5qZmJeWlZSTkpGQj46NjIuKiYiHhoWEg4KBgH9+fXx7enl4d3Z1dHNycXBvbm1sa2ppaGdmZWRjYmFgX15dXFtaWVhXVlVUU1JRUE9OTUxLSklIR0ZFRENCQUA/Pj08Ozo5ODc2NTQzMjEwLy4tLCsqKSgnJiUkIyIhIB8eHRwbGhkYFxYVFBMSERAPDg0MCwoJCAcGBQQDAgEAACH5BAEAAAEALAAAAAAKAAgAAAIRDIKWwMjnmpETvmjbrbyrlRQAOw==)}:host .entry.diffActive.removed .value.first{border-color:#ed5564;padding-left:var(--app-pane-padding)}:host .entry.diffActive.removed .value.first:before{content:\"\";background-image:url(data:image/gif;base64,R0lGODlhCgAIAIABAP///////yH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDIgNzkuMTYwOTI0LCAyMDE3LzA3LzEzLTAxOjA2OjM5ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOCAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QUFDMTY4MUZFRkRGMTFFOUEwM0M4Qjc0NDlFMjhDMDkiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QUFDMTY4MjBFRkRGMTFFOUEwM0M4Qjc0NDlFMjhDMDkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBQUMxNjgxREVGREYxMUU5QTAzQzhCNzQ0OUUyOEMwOSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBQUMxNjgxRUVGREYxMUU5QTAzQzhCNzQ0OUUyOEMwOSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PgH//v38+/r5+Pf29fTz8vHw7+7t7Ovq6ejn5uXk4+Lh4N/e3dzb2tnY19bV1NPS0dDPzs3My8rJyMfGxcTDwsHAv769vLu6ubi3trW0s7KxsK+urayrqqmop6alpKOioaCfnp2cm5qZmJeWlZSTkpGQj46NjIuKiYiHhoWEg4KBgH9+fXx7enl4d3Z1dHNycXBvbm1sa2ppaGdmZWRjYmFgX15dXFtaWVhXVlVUU1JRUE9OTUxLSklIR0ZFRENCQUA/Pj08Ozo5ODc2NTQzMjEwLy4tLCsqKSgnJiUkIyIhIB8eHRwbGhkYFxYVFBMSERAPDg0MCwoJCAcGBQQDAgEAACH5BAEAAAEALAAAAAAKAAgAAAIMjI+pe+DvDISsWlQAADs=);background-color:#ed5564}:host .entry.diffActive.removed .value.second{display:none}:host .entry .label{flex-basis:30%;flex-shrink:0;background-color:var(--color-primary-3);color:var(--color-white);padding:calc(var(--app-pane-padding) / 4);margin:0 calc(var(--app-pane-padding) / 4);border-radius:2px;display:inline-block;max-width:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;white-space:normal}:host .baseparams-section .label,:host .storageinfo-subentry .label{background-color:var(--color-white);color:var(--text-color-caption)}:host .value{flex-basis:70%;position:relative;flex-grow:1;flex-shrink:1;border-radius:2px;padding:calc(var(--app-pane-padding) / 4);margin:0 calc(var(--app-pane-padding) / 4)}:host .value:not(.inner){white-space:pre-wrap}:host .value.version{cursor:pointer;color:inherit;text-decoration:none;margin:0 5px}:host .value.version:hover{color:var(--color-white)}:host .storageinfo-subentry{display:flex;margin-bottom:2px}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i2.SafeHtmlPipe, name: "safeHtml" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: IndexdataSummaryEntryComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.4", type: IndexdataSummaryEntryComponent, selector: "eo-indexdata-summary-entry", inputs: { label: "label", item: "item", value: "value", className: "className" }, outputs: { onValueClicked: "onValueClicked" }, ngImport: i0, template: "<div [class]=\"className || ''\"  [ngClass]=\"classes(value1, value2)\" *ngIf=\"showDiff || !isEmpty(value1)\">\n  <span class=\"label\">{{label}}</span>\n  <span class=\"value inner first\" [innerHTML]=\"value1 | safeHtml\" (click)=\"onValueClicked.emit($event)\"></span>\n  <span class=\"value inner second\" [innerHTML]=\"value2 | safeHtml\" (click)=\"onValueClicked.emit($event)\" *ngIf=\"showDiff\"></span>\n</div>", styles: [":host{display:block}:host .entry{margin:0 calc(var(--app-pane-padding) / -4) 2px;display:flex;flex:1;flex-direction:row;min-height:0;min-width:0}:host .entry.diffActive{margin-bottom:calc(var(--app-pane-padding) / 2)}:host .entry.diffActive .label{margin-right:var(--app-pane-padding)}[dir=rtl] :host .entry.diffActive .label{margin-left:var(--app-pane-padding);margin-right:var(--app-pane-padding)}:host .entry.diffActive .value{margin:0;padding:calc(var(--app-pane-padding) / 2);align-items:center;border:1px solid rgba(0,0,0,.1);background-color:#fff}:host .entry.diffActive .value.first{border-radius:2px 0 0 2px;padding-right:var(--app-pane-padding)}:host .entry.diffActive .value.second{border-radius:0 2px 2px 0;padding-left:var(--app-pane-padding)}:host .entry.diffActive .value:before{display:block;position:absolute;left:calc(var(--app-pane-padding) / 2 * -1);top:calc(50% - var(--app-pane-padding) / 2);width:var(--app-pane-padding);height:var(--app-pane-padding);background-color:var(--color-primary-3);background-position:center center;background-repeat:no-repeat;border-radius:2px}:host .entry.diffActive.new .value.first{display:none}:host .entry.diffActive.new .value.second{border-color:#9abd1e}:host .entry.diffActive.new .value.second:before{content:\"\";background-color:#9abd1e;background-image:url(data:image/gif;base64,R0lGODlhCgAIAIABAP///////yH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDIgNzkuMTYwOTI0LCAyMDE3LzA3LzEzLTAxOjA2OjM5ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOCAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QjAyRTUzMTJFRkRGMTFFOUE5MDQ5N0UwQzE3RDA5MTkiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QjAyRTUzMTNFRkRGMTFFOUE5MDQ5N0UwQzE3RDA5MTkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpCMDJFNTMxMEVGREYxMUU5QTkwNDk3RTBDMTdEMDkxOSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpCMDJFNTMxMUVGREYxMUU5QTkwNDk3RTBDMTdEMDkxOSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PgH//v38+/r5+Pf29fTz8vHw7+7t7Ovq6ejn5uXk4+Lh4N/e3dzb2tnY19bV1NPS0dDPzs3My8rJyMfGxcTDwsHAv769vLu6ubi3trW0s7KxsK+urayrqqmop6alpKOioaCfnp2cm5qZmJeWlZSTkpGQj46NjIuKiYiHhoWEg4KBgH9+fXx7enl4d3Z1dHNycXBvbm1sa2ppaGdmZWRjYmFgX15dXFtaWVhXVlVUU1JRUE9OTUxLSklIR0ZFRENCQUA/Pj08Ozo5ODc2NTQzMjEwLy4tLCsqKSgnJiUkIyIhIB8eHRwbGhkYFxYVFBMSERAPDg0MCwoJCAcGBQQDAgEAACH5BAEAAAEALAAAAAAKAAgAAAIQjANwi8qWWJoT0rria5ufAgA7)}:host .entry.diffActive.modified .value.second{border-left:0}:host .entry.diffActive.modified .value.second:before{content:\"\";background-image:url(data:image/gif;base64,R0lGODlhCgAIAIABAP///////yH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDIgNzkuMTYwOTI0LCAyMDE3LzA3LzEzLTAxOjA2OjM5ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOCAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QTBCNzE3QTRFRkRGMTFFOUI5MzdDMzM0OTM1MDRBRDAiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QTBCNzE3QTVFRkRGMTFFOUI5MzdDMzM0OTM1MDRBRDAiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBMEI3MTdBMkVGREYxMUU5QjkzN0MzMzQ5MzUwNEFEMCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBMEI3MTdBM0VGREYxMUU5QjkzN0MzMzQ5MzUwNEFEMCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PgH//v38+/r5+Pf29fTz8vHw7+7t7Ovq6ejn5uXk4+Lh4N/e3dzb2tnY19bV1NPS0dDPzs3My8rJyMfGxcTDwsHAv769vLu6ubi3trW0s7KxsK+urayrqqmop6alpKOioaCfnp2cm5qZmJeWlZSTkpGQj46NjIuKiYiHhoWEg4KBgH9+fXx7enl4d3Z1dHNycXBvbm1sa2ppaGdmZWRjYmFgX15dXFtaWVhXVlVUU1JRUE9OTUxLSklIR0ZFRENCQUA/Pj08Ozo5ODc2NTQzMjEwLy4tLCsqKSgnJiUkIyIhIB8eHRwbGhkYFxYVFBMSERAPDg0MCwoJCAcGBQQDAgEAACH5BAEAAAEALAAAAAAKAAgAAAIRDIKWwMjnmpETvmjbrbyrlRQAOw==)}:host .entry.diffActive.removed .value.first{border-color:#ed5564;padding-left:var(--app-pane-padding)}:host .entry.diffActive.removed .value.first:before{content:\"\";background-image:url(data:image/gif;base64,R0lGODlhCgAIAIABAP///////yH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDIgNzkuMTYwOTI0LCAyMDE3LzA3LzEzLTAxOjA2OjM5ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOCAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QUFDMTY4MUZFRkRGMTFFOUEwM0M4Qjc0NDlFMjhDMDkiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QUFDMTY4MjBFRkRGMTFFOUEwM0M4Qjc0NDlFMjhDMDkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBQUMxNjgxREVGREYxMUU5QTAzQzhCNzQ0OUUyOEMwOSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBQUMxNjgxRUVGREYxMUU5QTAzQzhCNzQ0OUUyOEMwOSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PgH//v38+/r5+Pf29fTz8vHw7+7t7Ovq6ejn5uXk4+Lh4N/e3dzb2tnY19bV1NPS0dDPzs3My8rJyMfGxcTDwsHAv769vLu6ubi3trW0s7KxsK+urayrqqmop6alpKOioaCfnp2cm5qZmJeWlZSTkpGQj46NjIuKiYiHhoWEg4KBgH9+fXx7enl4d3Z1dHNycXBvbm1sa2ppaGdmZWRjYmFgX15dXFtaWVhXVlVUU1JRUE9OTUxLSklIR0ZFRENCQUA/Pj08Ozo5ODc2NTQzMjEwLy4tLCsqKSgnJiUkIyIhIB8eHRwbGhkYFxYVFBMSERAPDg0MCwoJCAcGBQQDAgEAACH5BAEAAAEALAAAAAAKAAgAAAIMjI+pe+DvDISsWlQAADs=);background-color:#ed5564}:host .entry.diffActive.removed .value.second{display:none}:host .entry .label{flex-basis:30%;flex-shrink:0;background-color:var(--color-primary-3);color:var(--color-white);padding:calc(var(--app-pane-padding) / 4);margin:0 calc(var(--app-pane-padding) / 4);border-radius:2px;display:inline-block;max-width:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;white-space:normal}:host .baseparams-section .label,:host .storageinfo-subentry .label{background-color:var(--color-white);color:var(--text-color-caption)}:host .value{flex-basis:70%;position:relative;flex-grow:1;flex-shrink:1;border-radius:2px;padding:calc(var(--app-pane-padding) / 4);margin:0 calc(var(--app-pane-padding) / 4)}:host .value:not(.inner){white-space:pre-wrap}:host .value.version{cursor:pointer;color:inherit;text-decoration:none;margin:0 5px}:host .value.version:hover{color:var(--color-white)}:host .storageinfo-subentry{display:flex;margin-bottom:2px}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i2.SafeHtmlPipe, name: "safeHtml" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: IndexdataSummaryEntryComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: IndexdataSummaryEntryComponent, decorators: [{
             type: Component,
             args: [{ selector: 'eo-indexdata-summary-entry', template: "<div [class]=\"className || ''\"  [ngClass]=\"classes(value1, value2)\" *ngIf=\"showDiff || !isEmpty(value1)\">\n  <span class=\"label\">{{label}}</span>\n  <span class=\"value inner first\" [innerHTML]=\"value1 | safeHtml\" (click)=\"onValueClicked.emit($event)\"></span>\n  <span class=\"value inner second\" [innerHTML]=\"value2 | safeHtml\" (click)=\"onValueClicked.emit($event)\" *ngIf=\"showDiff\"></span>\n</div>", styles: [":host{display:block}:host .entry{margin:0 calc(var(--app-pane-padding) / -4) 2px;display:flex;flex:1;flex-direction:row;min-height:0;min-width:0}:host .entry.diffActive{margin-bottom:calc(var(--app-pane-padding) / 2)}:host .entry.diffActive .label{margin-right:var(--app-pane-padding)}[dir=rtl] :host .entry.diffActive .label{margin-left:var(--app-pane-padding);margin-right:var(--app-pane-padding)}:host .entry.diffActive .value{margin:0;padding:calc(var(--app-pane-padding) / 2);align-items:center;border:1px solid rgba(0,0,0,.1);background-color:#fff}:host .entry.diffActive .value.first{border-radius:2px 0 0 2px;padding-right:var(--app-pane-padding)}:host .entry.diffActive .value.second{border-radius:0 2px 2px 0;padding-left:var(--app-pane-padding)}:host .entry.diffActive .value:before{display:block;position:absolute;left:calc(var(--app-pane-padding) / 2 * -1);top:calc(50% - var(--app-pane-padding) / 2);width:var(--app-pane-padding);height:var(--app-pane-padding);background-color:var(--color-primary-3);background-position:center center;background-repeat:no-repeat;border-radius:2px}:host .entry.diffActive.new .value.first{display:none}:host .entry.diffActive.new .value.second{border-color:#9abd1e}:host .entry.diffActive.new .value.second:before{content:\"\";background-color:#9abd1e;background-image:url(data:image/gif;base64,R0lGODlhCgAIAIABAP///////yH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDIgNzkuMTYwOTI0LCAyMDE3LzA3LzEzLTAxOjA2OjM5ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOCAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QjAyRTUzMTJFRkRGMTFFOUE5MDQ5N0UwQzE3RDA5MTkiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QjAyRTUzMTNFRkRGMTFFOUE5MDQ5N0UwQzE3RDA5MTkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpCMDJFNTMxMEVGREYxMUU5QTkwNDk3RTBDMTdEMDkxOSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpCMDJFNTMxMUVGREYxMUU5QTkwNDk3RTBDMTdEMDkxOSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PgH//v38+/r5+Pf29fTz8vHw7+7t7Ovq6ejn5uXk4+Lh4N/e3dzb2tnY19bV1NPS0dDPzs3My8rJyMfGxcTDwsHAv769vLu6ubi3trW0s7KxsK+urayrqqmop6alpKOioaCfnp2cm5qZmJeWlZSTkpGQj46NjIuKiYiHhoWEg4KBgH9+fXx7enl4d3Z1dHNycXBvbm1sa2ppaGdmZWRjYmFgX15dXFtaWVhXVlVUU1JRUE9OTUxLSklIR0ZFRENCQUA/Pj08Ozo5ODc2NTQzMjEwLy4tLCsqKSgnJiUkIyIhIB8eHRwbGhkYFxYVFBMSERAPDg0MCwoJCAcGBQQDAgEAACH5BAEAAAEALAAAAAAKAAgAAAIQjANwi8qWWJoT0rria5ufAgA7)}:host .entry.diffActive.modified .value.second{border-left:0}:host .entry.diffActive.modified .value.second:before{content:\"\";background-image:url(data:image/gif;base64,R0lGODlhCgAIAIABAP///////yH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDIgNzkuMTYwOTI0LCAyMDE3LzA3LzEzLTAxOjA2OjM5ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOCAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QTBCNzE3QTRFRkRGMTFFOUI5MzdDMzM0OTM1MDRBRDAiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QTBCNzE3QTVFRkRGMTFFOUI5MzdDMzM0OTM1MDRBRDAiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBMEI3MTdBMkVGREYxMUU5QjkzN0MzMzQ5MzUwNEFEMCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBMEI3MTdBM0VGREYxMUU5QjkzN0MzMzQ5MzUwNEFEMCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PgH//v38+/r5+Pf29fTz8vHw7+7t7Ovq6ejn5uXk4+Lh4N/e3dzb2tnY19bV1NPS0dDPzs3My8rJyMfGxcTDwsHAv769vLu6ubi3trW0s7KxsK+urayrqqmop6alpKOioaCfnp2cm5qZmJeWlZSTkpGQj46NjIuKiYiHhoWEg4KBgH9+fXx7enl4d3Z1dHNycXBvbm1sa2ppaGdmZWRjYmFgX15dXFtaWVhXVlVUU1JRUE9OTUxLSklIR0ZFRENCQUA/Pj08Ozo5ODc2NTQzMjEwLy4tLCsqKSgnJiUkIyIhIB8eHRwbGhkYFxYVFBMSERAPDg0MCwoJCAcGBQQDAgEAACH5BAEAAAEALAAAAAAKAAgAAAIRDIKWwMjnmpETvmjbrbyrlRQAOw==)}:host .entry.diffActive.removed .value.first{border-color:#ed5564;padding-left:var(--app-pane-padding)}:host .entry.diffActive.removed .value.first:before{content:\"\";background-image:url(data:image/gif;base64,R0lGODlhCgAIAIABAP///////yH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDIgNzkuMTYwOTI0LCAyMDE3LzA3LzEzLTAxOjA2OjM5ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOCAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QUFDMTY4MUZFRkRGMTFFOUEwM0M4Qjc0NDlFMjhDMDkiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QUFDMTY4MjBFRkRGMTFFOUEwM0M4Qjc0NDlFMjhDMDkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBQUMxNjgxREVGREYxMUU5QTAzQzhCNzQ0OUUyOEMwOSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBQUMxNjgxRUVGREYxMUU5QTAzQzhCNzQ0OUUyOEMwOSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PgH//v38+/r5+Pf29fTz8vHw7+7t7Ovq6ejn5uXk4+Lh4N/e3dzb2tnY19bV1NPS0dDPzs3My8rJyMfGxcTDwsHAv769vLu6ubi3trW0s7KxsK+urayrqqmop6alpKOioaCfnp2cm5qZmJeWlZSTkpGQj46NjIuKiYiHhoWEg4KBgH9+fXx7enl4d3Z1dHNycXBvbm1sa2ppaGdmZWRjYmFgX15dXFtaWVhXVlVUU1JRUE9OTUxLSklIR0ZFRENCQUA/Pj08Ozo5ODc2NTQzMjEwLy4tLCsqKSgnJiUkIyIhIB8eHRwbGhkYFxYVFBMSERAPDg0MCwoJCAcGBQQDAgEAACH5BAEAAAEALAAAAAAKAAgAAAIMjI+pe+DvDISsWlQAADs=);background-color:#ed5564}:host .entry.diffActive.removed .value.second{display:none}:host .entry .label{flex-basis:30%;flex-shrink:0;background-color:var(--color-primary-3);color:var(--color-white);padding:calc(var(--app-pane-padding) / 4);margin:0 calc(var(--app-pane-padding) / 4);border-radius:2px;display:inline-block;max-width:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;white-space:normal}:host .baseparams-section .label,:host .storageinfo-subentry .label{background-color:var(--color-white);color:var(--text-color-caption)}:host .value{flex-basis:70%;position:relative;flex-grow:1;flex-shrink:1;border-radius:2px;padding:calc(var(--app-pane-padding) / 4);margin:0 calc(var(--app-pane-padding) / 4)}:host .value:not(.inner){white-space:pre-wrap}:host .value.version{cursor:pointer;color:inherit;text-decoration:none;margin:0 5px}:host .value.version:hover{color:var(--color-white)}:host .storageinfo-subentry{display:flex;margin-bottom:2px}\n"] }]
         }], propDecorators: { label: [{

package/esm2022/app/eo-framework/ui/indexdata-summary/indexdata-summary.component.mjs

@@ -137,16 +137,16 @@ let IndexdataSummaryComponent = class IndexdataSummaryComponent {
         this.isUserAllowedToShowStorageSection = this.userService.getCurrentUser().hasPrivilege('MANAGE_STORAGES');
         this.getCachedAccordionState();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: IndexdataSummaryComponent, deps: [{ token: i1.TranslateService }, { token: i2.GridService }, { token: i1.DmsService }, { token: i1.UserService }, { token: i0.ChangeDetectorRef }, { token: i1.LocalStorageService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.1.2", type: IndexdataSummaryComponent, selector: "eo-indexdata-summary", inputs: { baseparams: "baseparams", enableVersions: "enableVersions", isChangesTab: "isChangesTab", indexdata: "indexdata", dmsObject: "dmsObject", diff: "diff" }, ngImport: i0, template: "<div class=\"empty-container\" *ngIf=\"emptyState\">{{'eo.indexdata.summary.no.change' | translate}}</div>\n<div class=\"indexdata-summary\">\n\n  <div class=\"core-section\" *ngIf=\"coreValues?.length\">\n\n    <eo-indexdata-summary-entry *ngFor=\"let item of coreValues\"\n                                [label]=\"item.label\"\n                                [value]=\"item._value\"\n                                (onValueClicked)=\"onValueClick($event, item)\">\n    </eo-indexdata-summary-entry>\n\n    @if (item?.contextFolder) {\n      <eo-simple-accordion [header]=\"item.contextFolder?.type?.label + ':'\"\n                           [item]=\"item\" [selected]=\"infoFolderAcc\" (selectChange)=\"onContextfolderToggle($event)\">\n        <eo-indexdata-summary-entry *ngFor=\"let item of dataValues2\"\n                                    [label]=\"item.label\" [value]=\"item.data\"\n                                    (onValueClicked)=\"onValueClick($event, item)\">\n        </eo-indexdata-summary-entry>\n      </eo-simple-accordion>\n    }\n  </div>\n  <div class=\"data-section\" *ngIf=\"dataValues && dataValues.length\">\n    <eo-simple-accordion #dataAccordion\n                         [header]=\"('eo.indexdata.summary.more' | translate)\"\n                         [selected]=\"moreInfoAcc\"\n                         (selectChange)=\"onMoreInfoToggle($event)\">\n      <div class=\"data\">\n\n        <eo-indexdata-summary-entry *ngFor=\"let item of dataValues\"\n                                    [label]=\"item.label\"\n                                    [value]=\"item._value\"\n                                    (onValueClicked)=\"onValueClick($event, item)\">\n        </eo-indexdata-summary-entry>\n      </div>\n    </eo-simple-accordion>\n  </div>\n\n  <div class=\"baseparams-section\" *ngIf=\"baseparams\">\n\n    <eo-indexdata-summary-entry *ngIf=\"baseparams.modifiedOn && !diffActive\"\n                                [className]=\"'baseparams-section'\"\n                                [label]=\"'eo.global.baseparam.modified' | translate\"\n                                [value]=\"baseparams.modifiedOn | localeDate\">\n    </eo-indexdata-summary-entry>\n\n    <eo-indexdata-summary-entry *ngIf=\"!diffActive\"\n                                [className]=\"'baseparams-section'\"\n                                [label]=\"'eo.global.baseparam.modifier' | translate\"\n                                [value]=\"baseparams.modifiedBy\">\n    </eo-indexdata-summary-entry>\n\n    <eo-indexdata-summary-entry *ngIf=\"baseparams.createdOn && !diffActive\"\n                                [className]=\"'baseparams-section'\"\n                                [label]=\"'eo.global.baseparam.created' | translate\"\n                                [value]=\"baseparams.createdOn | localeDate\">\n    </eo-indexdata-summary-entry>\n\n    <eo-indexdata-summary-entry *ngIf=\"!diffActive\"\n                                [className]=\"'baseparams-section'\"\n                                [label]=\"'eo.global.baseparam.creator' | translate\"\n                                [value]=\"baseparams.createdBy\">\n    </eo-indexdata-summary-entry>\n\n    <eo-indexdata-summary-entry *ngIf=\"!diffActive\"\n                                [className]=\"'baseparams-section'\"\n                                [label]=\"'eo.object.summary.version' | translate\"\n                                [value]=\"getVersionLink(baseparams.version)\"\n                                (onValueClicked)=\"onValueClick($event, {version: baseparams.version})\">\n    </eo-indexdata-summary-entry>\n\n\n    <eo-indexdata-summary-entry [className]=\"'baseparams-section'\"\n                                [label]=\"'eo.global.baseparam.filename' | translate\"\n                                [value]=\"baseparams.contentFileName\">\n    </eo-indexdata-summary-entry>\n\n    <eo-indexdata-summary-entry *ngIf=\"baseparams.contentFileSize\"\n                                [className]=\"'baseparams-section'\"\n                                [label]=\"'eo.global.baseparam.filesize' | translate\"\n                                [value]=\"diffActive ? {val1: baseparams.contentFileSize['val1'] | fileSize, val2: baseparams.contentFileSize['val2'] | fileSize} : (baseparams.contentFileSize | fileSize)\">\n    </eo-indexdata-summary-entry>\n\n    <eo-indexdata-summary-entry [className]=\"'baseparams-section'\"\n                                [label]=\"'eo.global.baseparam.mimetypegroup' | translate\"\n                                [value]=\"baseparams.mimeGroup\">\n    </eo-indexdata-summary-entry>\n\n    <eo-indexdata-summary-entry [className]=\"'baseparams-section'\"\n                                [label]=\"'eo.global.baseparam.mimetype' | translate\"\n                                [value]=\"baseparams.mimeType\">\n    </eo-indexdata-summary-entry>\n\n    <eo-indexdata-summary-entry *ngIf=\"!diffActive\"\n                                [className]=\"'baseparams-section'\"\n                                [label]=\"'eo.global.baseparam.id' | translate\"\n                                [value]=\"baseparams.id\">\n    </eo-indexdata-summary-entry>\n\n    <eo-indexdata-summary-entry *ngIf=\"baseparams.contentId !== baseparams.id && !diffActive\"\n                                [className]=\"'baseparams-section'\"\n                                [label]=\"'eo.global.baseparam.contentId' | translate\"\n                                [value]=\"baseparams.contentId\">\n    </eo-indexdata-summary-entry>\n  </div>\n\n  @if(storageInfos?.length && isUserAllowedToShowStorageSection && !isChangesTab) {\n    <div class=\"storageinfo\">\n      <eo-simple-accordion [header]=\"('eo.state.settings.storageinfo' | translate)\"\n                           [selected]=\"dataInfoAcc\"\n                           (selectChange)=\"onStorageInfoToggle($event)\">\n\n        <div class=\"storageinfo-entry baseparams-section\">\n          <eo-indexdata-summary-entry [className]=\"'storageinfo-subentry'\"\n                                      [label]=\"'eo.global.baseparam.digest' | translate\"\n                                      [value]=\"baseparams.digest\">\n          </eo-indexdata-summary-entry>\n        </div>\n\n        <div class=\"storageinfo-entry baseparams-section\" *ngFor=\"let stInfo of storageInfos; trackBy: trackByIndex\">\n          <eo-indexdata-summary-entry [className]=\"'storageinfo-subentry'\"\n                                      [label]=\"'eo.object.storageinfo.retention' | translate\"\n                                      [value]=\"stInfo.retention | localeDate : 'eoShortDate'\">\n          </eo-indexdata-summary-entry>\n\n          <eo-indexdata-summary-entry [className]=\"'storageinfo-subentry'\"\n                                      [label]=\"'eo.object.storageinfo.permanence' | translate\"\n                                      [value]=\"stInfo.permanence\">\n          </eo-indexdata-summary-entry>\n\n          <eo-indexdata-summary-entry [className]=\"'storageinfo-subentry'\"\n                                      [label]=\"'eo.object.storageinfo.setname' | translate\"\n                                      [value]=\"stInfo.setname\">\n          </eo-indexdata-summary-entry>\n\n          <eo-indexdata-summary-entry [className]=\"'storageinfo-subentry'\"\n                                      [label]=\"'eo.object.storageinfo.storagename' | translate\"\n                                      [value]=\"stInfo.storagename\">\n          </eo-indexdata-summary-entry>\n\n          <eo-indexdata-summary-entry [className]=\"'storageinfo-subentry'\"\n                                      [label]=\"'eo.object.storageinfo.location' | translate\"\n                                      [value]=\"stInfo.location\">\n          </eo-indexdata-summary-entry>\n        </div>\n      </eo-simple-accordion>\n    </div>\n  }\n\n</div>\n", styles: [":host{display:block}:host .core-section,:host .data-section,:host .baseparams-section{list-style:none;margin:0;line-height:1.5em}:host .core-section{margin-bottom:calc(var(--app-pane-padding) / 2)}:host .data-section{margin-bottom:calc(var(--app-pane-padding) / 2)}:host .data-section .data{margin-bottom:var(--app-pane-padding);margin-top:calc(var(--app-pane-padding) / 2)}:host .storageinfo{margin-top:var(--app-pane-padding)}:host .storageinfo .storageinfo-entry{margin-top:var(--app-pane-padding)}:host .empty-container{position:absolute;inset:0;overflow:hidden;display:flex;justify-content:center;align-items:center}:host ::ng-deep .chip{width:max-content}\n"], 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: "component", type: i4.SimpleAccordionComponent, selector: "eo-simple-accordion", inputs: ["header", "item", "styles", "headerClass", "selected"], outputs: ["selectChange"] }, { kind: "component", type: i5.IndexdataSummaryEntryComponent, selector: "eo-indexdata-summary-entry", inputs: ["label", "item", "value", "className"], outputs: ["onValueClicked"] }, { kind: "pipe", type: i6.TranslatePipe, name: "translate" }, { kind: "pipe", type: i7.FileSizePipe, name: "fileSize" }, { kind: "pipe", type: i8.LocaleDatePipe, name: "localeDate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: IndexdataSummaryComponent, deps: [{ token: i1.TranslateService }, { token: i2.GridService }, { token: i1.DmsService }, { token: i1.UserService }, { token: i0.ChangeDetectorRef }, { token: i1.LocalStorageService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.4", type: IndexdataSummaryComponent, selector: "eo-indexdata-summary", inputs: { baseparams: "baseparams", enableVersions: "enableVersions", isChangesTab: "isChangesTab", indexdata: "indexdata", dmsObject: "dmsObject", diff: "diff" }, ngImport: i0, template: "<div class=\"empty-container\" *ngIf=\"emptyState\">{{'eo.indexdata.summary.no.change' | translate}}</div>\n<div class=\"indexdata-summary\">\n\n  <div class=\"core-section\" *ngIf=\"coreValues?.length\">\n\n    <eo-indexdata-summary-entry *ngFor=\"let item of coreValues\"\n                                [label]=\"item.label\"\n                                [value]=\"item._value\"\n                                (onValueClicked)=\"onValueClick($event, item)\">\n    </eo-indexdata-summary-entry>\n\n    @if (item?.contextFolder) {\n      <eo-simple-accordion [header]=\"item.contextFolder?.type?.label + ':'\"\n                           [item]=\"item\" [selected]=\"infoFolderAcc\" (selectChange)=\"onContextfolderToggle($event)\">\n        <eo-indexdata-summary-entry *ngFor=\"let item of dataValues2\"\n                                    [label]=\"item.label\" [value]=\"item.data\"\n                                    (onValueClicked)=\"onValueClick($event, item)\">\n        </eo-indexdata-summary-entry>\n      </eo-simple-accordion>\n    }\n  </div>\n  <div class=\"data-section\" *ngIf=\"dataValues && dataValues.length\">\n    <eo-simple-accordion #dataAccordion\n                         [header]=\"('eo.indexdata.summary.more' | translate)\"\n                         [selected]=\"moreInfoAcc\"\n                         (selectChange)=\"onMoreInfoToggle($event)\">\n      <div class=\"data\">\n\n        <eo-indexdata-summary-entry *ngFor=\"let item of dataValues\"\n                                    [label]=\"item.label\"\n                                    [value]=\"item._value\"\n                                    (onValueClicked)=\"onValueClick($event, item)\">\n        </eo-indexdata-summary-entry>\n      </div>\n    </eo-simple-accordion>\n  </div>\n\n  <div class=\"baseparams-section\" *ngIf=\"baseparams\">\n\n    <eo-indexdata-summary-entry *ngIf=\"baseparams.modifiedOn && !diffActive\"\n                                [className]=\"'baseparams-section'\"\n                                [label]=\"'eo.global.baseparam.modified' | translate\"\n                                [value]=\"baseparams.modifiedOn | localeDate\">\n    </eo-indexdata-summary-entry>\n\n    <eo-indexdata-summary-entry *ngIf=\"!diffActive\"\n                                [className]=\"'baseparams-section'\"\n                                [label]=\"'eo.global.baseparam.modifier' | translate\"\n                                [value]=\"baseparams.modifiedBy\">\n    </eo-indexdata-summary-entry>\n\n    <eo-indexdata-summary-entry *ngIf=\"baseparams.createdOn && !diffActive\"\n                                [className]=\"'baseparams-section'\"\n                                [label]=\"'eo.global.baseparam.created' | translate\"\n                                [value]=\"baseparams.createdOn | localeDate\">\n    </eo-indexdata-summary-entry>\n\n    <eo-indexdata-summary-entry *ngIf=\"!diffActive\"\n                                [className]=\"'baseparams-section'\"\n                                [label]=\"'eo.global.baseparam.creator' | translate\"\n                                [value]=\"baseparams.createdBy\">\n    </eo-indexdata-summary-entry>\n\n    <eo-indexdata-summary-entry *ngIf=\"!diffActive\"\n                                [className]=\"'baseparams-section'\"\n                                [label]=\"'eo.object.summary.version' | translate\"\n                                [value]=\"getVersionLink(baseparams.version)\"\n                                (onValueClicked)=\"onValueClick($event, {version: baseparams.version})\">\n    </eo-indexdata-summary-entry>\n\n\n    <eo-indexdata-summary-entry [className]=\"'baseparams-section'\"\n                                [label]=\"'eo.global.baseparam.filename' | translate\"\n                                [value]=\"baseparams.contentFileName\">\n    </eo-indexdata-summary-entry>\n\n    <eo-indexdata-summary-entry *ngIf=\"baseparams.contentFileSize\"\n                                [className]=\"'baseparams-section'\"\n                                [label]=\"'eo.global.baseparam.filesize' | translate\"\n                                [value]=\"diffActive ? {val1: baseparams.contentFileSize['val1'] | fileSize, val2: baseparams.contentFileSize['val2'] | fileSize} : (baseparams.contentFileSize | fileSize)\">\n    </eo-indexdata-summary-entry>\n\n    <eo-indexdata-summary-entry [className]=\"'baseparams-section'\"\n                                [label]=\"'eo.global.baseparam.mimetypegroup' | translate\"\n                                [value]=\"baseparams.mimeGroup\">\n    </eo-indexdata-summary-entry>\n\n    <eo-indexdata-summary-entry [className]=\"'baseparams-section'\"\n                                [label]=\"'eo.global.baseparam.mimetype' | translate\"\n                                [value]=\"baseparams.mimeType\">\n    </eo-indexdata-summary-entry>\n\n    <eo-indexdata-summary-entry *ngIf=\"!diffActive\"\n                                [className]=\"'baseparams-section'\"\n                                [label]=\"'eo.global.baseparam.id' | translate\"\n                                [value]=\"baseparams.id\">\n    </eo-indexdata-summary-entry>\n\n    <eo-indexdata-summary-entry *ngIf=\"baseparams.contentId !== baseparams.id && !diffActive\"\n                                [className]=\"'baseparams-section'\"\n                                [label]=\"'eo.global.baseparam.contentId' | translate\"\n                                [value]=\"baseparams.contentId\">\n    </eo-indexdata-summary-entry>\n  </div>\n\n  @if(storageInfos?.length && isUserAllowedToShowStorageSection && !isChangesTab) {\n    <div class=\"storageinfo\">\n      <eo-simple-accordion [header]=\"('eo.state.settings.storageinfo' | translate)\"\n                           [selected]=\"dataInfoAcc\"\n                           (selectChange)=\"onStorageInfoToggle($event)\">\n\n        <div class=\"storageinfo-entry baseparams-section\">\n          <eo-indexdata-summary-entry [className]=\"'storageinfo-subentry'\"\n                                      [label]=\"'eo.global.baseparam.digest' | translate\"\n                                      [value]=\"baseparams.digest\">\n          </eo-indexdata-summary-entry>\n        </div>\n\n        <div class=\"storageinfo-entry baseparams-section\" *ngFor=\"let stInfo of storageInfos; trackBy: trackByIndex\">\n          <eo-indexdata-summary-entry [className]=\"'storageinfo-subentry'\"\n                                      [label]=\"'eo.object.storageinfo.retention' | translate\"\n                                      [value]=\"stInfo.retention | localeDate : 'eoShortDate'\">\n          </eo-indexdata-summary-entry>\n\n          <eo-indexdata-summary-entry [className]=\"'storageinfo-subentry'\"\n                                      [label]=\"'eo.object.storageinfo.permanence' | translate\"\n                                      [value]=\"stInfo.permanence\">\n          </eo-indexdata-summary-entry>\n\n          <eo-indexdata-summary-entry [className]=\"'storageinfo-subentry'\"\n                                      [label]=\"'eo.object.storageinfo.setname' | translate\"\n                                      [value]=\"stInfo.setname\">\n          </eo-indexdata-summary-entry>\n\n          <eo-indexdata-summary-entry [className]=\"'storageinfo-subentry'\"\n                                      [label]=\"'eo.object.storageinfo.storagename' | translate\"\n                                      [value]=\"stInfo.storagename\">\n          </eo-indexdata-summary-entry>\n\n          <eo-indexdata-summary-entry [className]=\"'storageinfo-subentry'\"\n                                      [label]=\"'eo.object.storageinfo.location' | translate\"\n                                      [value]=\"stInfo.location\">\n          </eo-indexdata-summary-entry>\n        </div>\n      </eo-simple-accordion>\n    </div>\n  }\n\n</div>\n", styles: [":host{display:block}:host .core-section,:host .data-section,:host .baseparams-section{list-style:none;margin:0;line-height:1.5em}:host .core-section{margin-bottom:calc(var(--app-pane-padding) / 2)}:host .data-section{margin-bottom:calc(var(--app-pane-padding) / 2)}:host .data-section .data{margin-bottom:var(--app-pane-padding);margin-top:calc(var(--app-pane-padding) / 2)}:host .storageinfo{margin-top:var(--app-pane-padding)}:host .storageinfo .storageinfo-entry{margin-top:var(--app-pane-padding)}:host .empty-container{position:absolute;inset:2em;overflow:hidden;display:flex;justify-content:center;align-items:center}:host ::ng-deep .chip{width:max-content}\n"], 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: "component", type: i4.SimpleAccordionComponent, selector: "eo-simple-accordion", inputs: ["header", "item", "styles", "headerClass", "selected"], outputs: ["selectChange"] }, { kind: "component", type: i5.IndexdataSummaryEntryComponent, selector: "eo-indexdata-summary-entry", inputs: ["label", "item", "value", "className"], outputs: ["onValueClicked"] }, { kind: "pipe", type: i6.TranslatePipe, name: "translate" }, { kind: "pipe", type: i7.FileSizePipe, name: "fileSize" }, { kind: "pipe", type: i8.LocaleDatePipe, name: "localeDate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 };
 IndexdataSummaryComponent = IndexdataSummaryComponent_1 = __decorate([
     UntilDestroy()
 ], IndexdataSummaryComponent);
 export { IndexdataSummaryComponent };
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: IndexdataSummaryComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: IndexdataSummaryComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'eo-indexdata-summary', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"empty-container\" *ngIf=\"emptyState\">{{'eo.indexdata.summary.no.change' | translate}}</div>\n<div class=\"indexdata-summary\">\n\n  <div class=\"core-section\" *ngIf=\"coreValues?.length\">\n\n    <eo-indexdata-summary-entry *ngFor=\"let item of coreValues\"\n                                [label]=\"item.label\"\n                                [value]=\"item._value\"\n                                (onValueClicked)=\"onValueClick($event, item)\">\n    </eo-indexdata-summary-entry>\n\n    @if (item?.contextFolder) {\n      <eo-simple-accordion [header]=\"item.contextFolder?.type?.label + ':'\"\n                           [item]=\"item\" [selected]=\"infoFolderAcc\" (selectChange)=\"onContextfolderToggle($event)\">\n        <eo-indexdata-summary-entry *ngFor=\"let item of dataValues2\"\n                                    [label]=\"item.label\" [value]=\"item.data\"\n                                    (onValueClicked)=\"onValueClick($event, item)\">\n        </eo-indexdata-summary-entry>\n      </eo-simple-accordion>\n    }\n  </div>\n  <div class=\"data-section\" *ngIf=\"dataValues && dataValues.length\">\n    <eo-simple-accordion #dataAccordion\n                         [header]=\"('eo.indexdata.summary.more' | translate)\"\n                         [selected]=\"moreInfoAcc\"\n                         (selectChange)=\"onMoreInfoToggle($event)\">\n      <div class=\"data\">\n\n        <eo-indexdata-summary-entry *ngFor=\"let item of dataValues\"\n                                    [label]=\"item.label\"\n                                    [value]=\"item._value\"\n                                    (onValueClicked)=\"onValueClick($event, item)\">\n        </eo-indexdata-summary-entry>\n      </div>\n    </eo-simple-accordion>\n  </div>\n\n  <div class=\"baseparams-section\" *ngIf=\"baseparams\">\n\n    <eo-indexdata-summary-entry *ngIf=\"baseparams.modifiedOn && !diffActive\"\n                                [className]=\"'baseparams-section'\"\n                                [label]=\"'eo.global.baseparam.modified' | translate\"\n                                [value]=\"baseparams.modifiedOn | localeDate\">\n    </eo-indexdata-summary-entry>\n\n    <eo-indexdata-summary-entry *ngIf=\"!diffActive\"\n                                [className]=\"'baseparams-section'\"\n                                [label]=\"'eo.global.baseparam.modifier' | translate\"\n                                [value]=\"baseparams.modifiedBy\">\n    </eo-indexdata-summary-entry>\n\n    <eo-indexdata-summary-entry *ngIf=\"baseparams.createdOn && !diffActive\"\n                                [className]=\"'baseparams-section'\"\n                                [label]=\"'eo.global.baseparam.created' | translate\"\n                                [value]=\"baseparams.createdOn | localeDate\">\n    </eo-indexdata-summary-entry>\n\n    <eo-indexdata-summary-entry *ngIf=\"!diffActive\"\n                                [className]=\"'baseparams-section'\"\n                                [label]=\"'eo.global.baseparam.creator' | translate\"\n                                [value]=\"baseparams.createdBy\">\n    </eo-indexdata-summary-entry>\n\n    <eo-indexdata-summary-entry *ngIf=\"!diffActive\"\n                                [className]=\"'baseparams-section'\"\n                                [label]=\"'eo.object.summary.version' | translate\"\n                                [value]=\"getVersionLink(baseparams.version)\"\n                                (onValueClicked)=\"onValueClick($event, {version: baseparams.version})\">\n    </eo-indexdata-summary-entry>\n\n\n    <eo-indexdata-summary-entry [className]=\"'baseparams-section'\"\n                                [label]=\"'eo.global.baseparam.filename' | translate\"\n                                [value]=\"baseparams.contentFileName\">\n    </eo-indexdata-summary-entry>\n\n    <eo-indexdata-summary-entry *ngIf=\"baseparams.contentFileSize\"\n                                [className]=\"'baseparams-section'\"\n                                [label]=\"'eo.global.baseparam.filesize' | translate\"\n                                [value]=\"diffActive ? {val1: baseparams.contentFileSize['val1'] | fileSize, val2: baseparams.contentFileSize['val2'] | fileSize} : (baseparams.contentFileSize | fileSize)\">\n    </eo-indexdata-summary-entry>\n\n    <eo-indexdata-summary-entry [className]=\"'baseparams-section'\"\n                                [label]=\"'eo.global.baseparam.mimetypegroup' | translate\"\n                                [value]=\"baseparams.mimeGroup\">\n    </eo-indexdata-summary-entry>\n\n    <eo-indexdata-summary-entry [className]=\"'baseparams-section'\"\n                                [label]=\"'eo.global.baseparam.mimetype' | translate\"\n                                [value]=\"baseparams.mimeType\">\n    </eo-indexdata-summary-entry>\n\n    <eo-indexdata-summary-entry *ngIf=\"!diffActive\"\n                                [className]=\"'baseparams-section'\"\n                                [label]=\"'eo.global.baseparam.id' | translate\"\n                                [value]=\"baseparams.id\">\n    </eo-indexdata-summary-entry>\n\n    <eo-indexdata-summary-entry *ngIf=\"baseparams.contentId !== baseparams.id && !diffActive\"\n                                [className]=\"'baseparams-section'\"\n                                [label]=\"'eo.global.baseparam.contentId' | translate\"\n                                [value]=\"baseparams.contentId\">\n    </eo-indexdata-summary-entry>\n  </div>\n\n  @if(storageInfos?.length && isUserAllowedToShowStorageSection && !isChangesTab) {\n    <div class=\"storageinfo\">\n      <eo-simple-accordion [header]=\"('eo.state.settings.storageinfo' | translate)\"\n                           [selected]=\"dataInfoAcc\"\n                           (selectChange)=\"onStorageInfoToggle($event)\">\n\n        <div class=\"storageinfo-entry baseparams-section\">\n          <eo-indexdata-summary-entry [className]=\"'storageinfo-subentry'\"\n                                      [label]=\"'eo.global.baseparam.digest' | translate\"\n                                      [value]=\"baseparams.digest\">\n          </eo-indexdata-summary-entry>\n        </div>\n\n        <div class=\"storageinfo-entry baseparams-section\" *ngFor=\"let stInfo of storageInfos; trackBy: trackByIndex\">\n          <eo-indexdata-summary-entry [className]=\"'storageinfo-subentry'\"\n                                      [label]=\"'eo.object.storageinfo.retention' | translate\"\n                                      [value]=\"stInfo.retention | localeDate : 'eoShortDate'\">\n          </eo-indexdata-summary-entry>\n\n          <eo-indexdata-summary-entry [className]=\"'storageinfo-subentry'\"\n                                      [label]=\"'eo.object.storageinfo.permanence' | translate\"\n                                      [value]=\"stInfo.permanence\">\n          </eo-indexdata-summary-entry>\n\n          <eo-indexdata-summary-entry [className]=\"'storageinfo-subentry'\"\n                                      [label]=\"'eo.object.storageinfo.setname' | translate\"\n                                      [value]=\"stInfo.setname\">\n          </eo-indexdata-summary-entry>\n\n          <eo-indexdata-summary-entry [className]=\"'storageinfo-subentry'\"\n                                      [label]=\"'eo.object.storageinfo.storagename' | translate\"\n                                      [value]=\"stInfo.storagename\">\n          </eo-indexdata-summary-entry>\n\n          <eo-indexdata-summary-entry [className]=\"'storageinfo-subentry'\"\n                                      [label]=\"'eo.object.storageinfo.location' | translate\"\n                                      [value]=\"stInfo.location\">\n          </eo-indexdata-summary-entry>\n        </div>\n      </eo-simple-accordion>\n    </div>\n  }\n\n</div>\n", styles: [":host{display:block}:host .core-section,:host .data-section,:host .baseparams-section{list-style:none;margin:0;line-height:1.5em}:host .core-section{margin-bottom:calc(var(--app-pane-padding) / 2)}:host .data-section{margin-bottom:calc(var(--app-pane-padding) / 2)}:host .data-section .data{margin-bottom:var(--app-pane-padding);margin-top:calc(var(--app-pane-padding) / 2)}:host .storageinfo{margin-top:var(--app-pane-padding)}:host .storageinfo .storageinfo-entry{margin-top:var(--app-pane-padding)}:host .empty-container{position:absolute;inset:0;overflow:hidden;display:flex;justify-content:center;align-items:center}:host ::ng-deep .chip{width:max-content}\n"] }]
+            args: [{ selector: 'eo-indexdata-summary', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"empty-container\" *ngIf=\"emptyState\">{{'eo.indexdata.summary.no.change' | translate}}</div>\n<div class=\"indexdata-summary\">\n\n  <div class=\"core-section\" *ngIf=\"coreValues?.length\">\n\n    <eo-indexdata-summary-entry *ngFor=\"let item of coreValues\"\n                                [label]=\"item.label\"\n                                [value]=\"item._value\"\n                                (onValueClicked)=\"onValueClick($event, item)\">\n    </eo-indexdata-summary-entry>\n\n    @if (item?.contextFolder) {\n      <eo-simple-accordion [header]=\"item.contextFolder?.type?.label + ':'\"\n                           [item]=\"item\" [selected]=\"infoFolderAcc\" (selectChange)=\"onContextfolderToggle($event)\">\n        <eo-indexdata-summary-entry *ngFor=\"let item of dataValues2\"\n                                    [label]=\"item.label\" [value]=\"item.data\"\n                                    (onValueClicked)=\"onValueClick($event, item)\">\n        </eo-indexdata-summary-entry>\n      </eo-simple-accordion>\n    }\n  </div>\n  <div class=\"data-section\" *ngIf=\"dataValues && dataValues.length\">\n    <eo-simple-accordion #dataAccordion\n                         [header]=\"('eo.indexdata.summary.more' | translate)\"\n                         [selected]=\"moreInfoAcc\"\n                         (selectChange)=\"onMoreInfoToggle($event)\">\n      <div class=\"data\">\n\n        <eo-indexdata-summary-entry *ngFor=\"let item of dataValues\"\n                                    [label]=\"item.label\"\n                                    [value]=\"item._value\"\n                                    (onValueClicked)=\"onValueClick($event, item)\">\n        </eo-indexdata-summary-entry>\n      </div>\n    </eo-simple-accordion>\n  </div>\n\n  <div class=\"baseparams-section\" *ngIf=\"baseparams\">\n\n    <eo-indexdata-summary-entry *ngIf=\"baseparams.modifiedOn && !diffActive\"\n                                [className]=\"'baseparams-section'\"\n                                [label]=\"'eo.global.baseparam.modified' | translate\"\n                                [value]=\"baseparams.modifiedOn | localeDate\">\n    </eo-indexdata-summary-entry>\n\n    <eo-indexdata-summary-entry *ngIf=\"!diffActive\"\n                                [className]=\"'baseparams-section'\"\n                                [label]=\"'eo.global.baseparam.modifier' | translate\"\n                                [value]=\"baseparams.modifiedBy\">\n    </eo-indexdata-summary-entry>\n\n    <eo-indexdata-summary-entry *ngIf=\"baseparams.createdOn && !diffActive\"\n                                [className]=\"'baseparams-section'\"\n                                [label]=\"'eo.global.baseparam.created' | translate\"\n                                [value]=\"baseparams.createdOn | localeDate\">\n    </eo-indexdata-summary-entry>\n\n    <eo-indexdata-summary-entry *ngIf=\"!diffActive\"\n                                [className]=\"'baseparams-section'\"\n                                [label]=\"'eo.global.baseparam.creator' | translate\"\n                                [value]=\"baseparams.createdBy\">\n    </eo-indexdata-summary-entry>\n\n    <eo-indexdata-summary-entry *ngIf=\"!diffActive\"\n                                [className]=\"'baseparams-section'\"\n                                [label]=\"'eo.object.summary.version' | translate\"\n                                [value]=\"getVersionLink(baseparams.version)\"\n                                (onValueClicked)=\"onValueClick($event, {version: baseparams.version})\">\n    </eo-indexdata-summary-entry>\n\n\n    <eo-indexdata-summary-entry [className]=\"'baseparams-section'\"\n                                [label]=\"'eo.global.baseparam.filename' | translate\"\n                                [value]=\"baseparams.contentFileName\">\n    </eo-indexdata-summary-entry>\n\n    <eo-indexdata-summary-entry *ngIf=\"baseparams.contentFileSize\"\n                                [className]=\"'baseparams-section'\"\n                                [label]=\"'eo.global.baseparam.filesize' | translate\"\n                                [value]=\"diffActive ? {val1: baseparams.contentFileSize['val1'] | fileSize, val2: baseparams.contentFileSize['val2'] | fileSize} : (baseparams.contentFileSize | fileSize)\">\n    </eo-indexdata-summary-entry>\n\n    <eo-indexdata-summary-entry [className]=\"'baseparams-section'\"\n                                [label]=\"'eo.global.baseparam.mimetypegroup' | translate\"\n                                [value]=\"baseparams.mimeGroup\">\n    </eo-indexdata-summary-entry>\n\n    <eo-indexdata-summary-entry [className]=\"'baseparams-section'\"\n                                [label]=\"'eo.global.baseparam.mimetype' | translate\"\n                                [value]=\"baseparams.mimeType\">\n    </eo-indexdata-summary-entry>\n\n    <eo-indexdata-summary-entry *ngIf=\"!diffActive\"\n                                [className]=\"'baseparams-section'\"\n                                [label]=\"'eo.global.baseparam.id' | translate\"\n                                [value]=\"baseparams.id\">\n    </eo-indexdata-summary-entry>\n\n    <eo-indexdata-summary-entry *ngIf=\"baseparams.contentId !== baseparams.id && !diffActive\"\n                                [className]=\"'baseparams-section'\"\n                                [label]=\"'eo.global.baseparam.contentId' | translate\"\n                                [value]=\"baseparams.contentId\">\n    </eo-indexdata-summary-entry>\n  </div>\n\n  @if(storageInfos?.length && isUserAllowedToShowStorageSection && !isChangesTab) {\n    <div class=\"storageinfo\">\n      <eo-simple-accordion [header]=\"('eo.state.settings.storageinfo' | translate)\"\n                           [selected]=\"dataInfoAcc\"\n                           (selectChange)=\"onStorageInfoToggle($event)\">\n\n        <div class=\"storageinfo-entry baseparams-section\">\n          <eo-indexdata-summary-entry [className]=\"'storageinfo-subentry'\"\n                                      [label]=\"'eo.global.baseparam.digest' | translate\"\n                                      [value]=\"baseparams.digest\">\n          </eo-indexdata-summary-entry>\n        </div>\n\n        <div class=\"storageinfo-entry baseparams-section\" *ngFor=\"let stInfo of storageInfos; trackBy: trackByIndex\">\n          <eo-indexdata-summary-entry [className]=\"'storageinfo-subentry'\"\n                                      [label]=\"'eo.object.storageinfo.retention' | translate\"\n                                      [value]=\"stInfo.retention | localeDate : 'eoShortDate'\">\n          </eo-indexdata-summary-entry>\n\n          <eo-indexdata-summary-entry [className]=\"'storageinfo-subentry'\"\n                                      [label]=\"'eo.object.storageinfo.permanence' | translate\"\n                                      [value]=\"stInfo.permanence\">\n          </eo-indexdata-summary-entry>\n\n          <eo-indexdata-summary-entry [className]=\"'storageinfo-subentry'\"\n                                      [label]=\"'eo.object.storageinfo.setname' | translate\"\n                                      [value]=\"stInfo.setname\">\n          </eo-indexdata-summary-entry>\n\n          <eo-indexdata-summary-entry [className]=\"'storageinfo-subentry'\"\n                                      [label]=\"'eo.object.storageinfo.storagename' | translate\"\n                                      [value]=\"stInfo.storagename\">\n          </eo-indexdata-summary-entry>\n\n          <eo-indexdata-summary-entry [className]=\"'storageinfo-subentry'\"\n                                      [label]=\"'eo.object.storageinfo.location' | translate\"\n                                      [value]=\"stInfo.location\">\n          </eo-indexdata-summary-entry>\n        </div>\n      </eo-simple-accordion>\n    </div>\n  }\n\n</div>\n", styles: [":host{display:block}:host .core-section,:host .data-section,:host .baseparams-section{list-style:none;margin:0;line-height:1.5em}:host .core-section{margin-bottom:calc(var(--app-pane-padding) / 2)}:host .data-section{margin-bottom:calc(var(--app-pane-padding) / 2)}:host .data-section .data{margin-bottom:var(--app-pane-padding);margin-top:calc(var(--app-pane-padding) / 2)}:host .storageinfo{margin-top:var(--app-pane-padding)}:host .storageinfo .storageinfo-entry{margin-top:var(--app-pane-padding)}:host .empty-container{position:absolute;inset:2em;overflow:hidden;display:flex;justify-content:center;align-items:center}:host ::ng-deep .chip{width:max-content}\n"] }]
         }], ctorParameters: () => [{ type: i1.TranslateService }, { type: i2.GridService }, { type: i1.DmsService }, { type: i1.UserService }, { type: i0.ChangeDetectorRef }, { type: i1.LocalStorageService }], propDecorators: { baseparams: [{
                 type: Input
             }], enableVersions: [{

package/esm2022/app/eo-framework/ui/loading-spinner/loading-spinner.component.mjs

@@ -6,13 +6,13 @@ export class LoadingSpinnerComponent {
     }
     ngOnInit() {
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: LoadingSpinnerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.2", type: LoadingSpinnerComponent, selector: "eo-loading-spinner", inputs: { size: "size", mode: "mode" }, ngImport: i0, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: LoadingSpinnerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.4", type: LoadingSpinnerComponent, selector: "eo-loading-spinner", inputs: { size: "size", mode: "mode" }, ngImport: i0, template: `
     <div class="eo-loading">
       <div class="eo-loader" [ngClass]="{small: size === 'small', medium: size === 'medium', large: size === 'large', dark: mode === 'dark'}"></div>
     </div>`, isInline: true, styles: [":host{--loader-color: var(--color-accent);--loader-background-color: rgba(var(--color-black-rgb), .1);--loader-color-light: rgba(var(--color-white-rgb), 1);--loader-background-color-light: rgba(var(--color-white-rgb), .2);--loader-border-width: 3px}:host .eo-loader{font-size:10px;position:relative;text-indent:-9999em;border:var(--loader-border-width) solid var(--loader-background-color);border-left-color:var(--loader-color);-webkit-transform:translateZ(0);-ms-transform:translateZ(0);transform:translateZ(0);-webkit-animation:load8 1.1s infinite linear;animation:load8 1.1s infinite linear}:host .eo-loader,:host .eo-loader:after{border-radius:50%;width:5em;height:5em;border-width:4px}:host .eo-loader.large{width:10em;height:10em;border-width:8px}:host .eo-loader.medium{width:6em;height:6em;border-width:4px}:host .eo-loader.small{width:2em;height:2em;border-width:2px}:host .eo-loader.dark{border-color:var(--loader-background-color-light);border-left-color:var(--loader-color)}:host-context(.dark) .eo-loader{border-color:var(--loader-background-color-light);border-left-color:var(--loader-color-light)}@-webkit-keyframes load8{0%{-webkit-transform:rotate(0deg);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes load8{0%{-webkit-transform:rotate(0deg);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: LoadingSpinnerComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: LoadingSpinnerComponent, decorators: [{
             type: Component,
             args: [{ selector: 'eo-loading-spinner', template: `
     <div class="eo-loading">

package/esm2022/app/eo-framework/ui/outside-click/outside-click.directive.mjs

@@ -36,14 +36,14 @@ let OutsideClickDirective = class OutsideClickDirective {
     onOutsideEvent(event) {
         this.eoOutsideClick.emit(event);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: OutsideClickDirective, deps: [{ token: i0.ElementRef }, { token: i1.EventService }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.1.2", type: OutsideClickDirective, selector: "[eoOutsideClick]", outputs: { eoOutsideClick: "eoOutsideClick" }, host: { listeners: { "document:keydown": "keyboardInput($event,$event.target)", "document:mousedown": "onClick($event,$event.target)" } }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: OutsideClickDirective, deps: [{ token: i0.ElementRef }, { token: i1.EventService }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.4", type: OutsideClickDirective, selector: "[eoOutsideClick]", outputs: { eoOutsideClick: "eoOutsideClick" }, host: { listeners: { "document:keydown": "keyboardInput($event,$event.target)", "document:mousedown": "onClick($event,$event.target)" } }, ngImport: i0 }); }
 };
 OutsideClickDirective = __decorate([
     UntilDestroy()
 ], OutsideClickDirective);
 export { OutsideClickDirective };
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: OutsideClickDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: OutsideClickDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[eoOutsideClick]'

package/esm2022/app/eo-framework/ui/overlay/overlay.component.mjs

@@ -46,10 +46,10 @@ export class OverlayComponent {
             this.overlayRef.close();
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: OverlayComponent, deps: [{ token: i0.ElementRef }, { token: i1.YvcOverlayService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.2", type: OverlayComponent, selector: "eo-overlay", inputs: { iconSrc: "iconSrc", badge: "badge", iconClass: "iconClass", active: "active", iconTitle: "iconTitle", userAvatar: "userAvatar" }, viewQueries: [{ propertyName: "dialogContent", first: true, predicate: ["dialogContent"], descendants: true }], ngImport: i0, template: "<ng-container *ngIf=\"iconSrc;else btn\">\n  <eo-icon class=\"overlayIcon button {{iconClass}}\"\n           (click)=\"toggle($event)\"\n           (keyup.enter)=\"toggle($event)\"\n           [iconSrc]=\"iconSrc\"\n           [badge]=\"badge\"\n           [ngClass]=\"{active: active}\"\n           tabindex=\"0\"\n           [iconTitle]=\"iconTitle\"></eo-icon>\n</ng-container>\n<ng-template #btn>\n  <div *ngIf=\"!userAvatar; else avatar\" (click)=\"toggle($event)\" (keyup.enter)=\"toggle($event)\">\n    <ng-content select=\".btn\"></ng-content>\n  </div>\n</ng-template>\n<ng-template #avatar>\n  <eo-user-avatar class=\"btn\" id=\"app-profile\" (click)=\"toggle($event)\" (keyup.enter)=\"toggle($event)\" [showPresence]=\"true\" [title]=\"'eo.bar.button.user.profile.title' | translate\" tabindex=\"0\"></eo-user-avatar>\n</ng-template>\n<ng-template #dialogContent>\n  <ng-content></ng-content>\n</ng-template>\n", styles: [":host ::ng-deep eo-icon.active{color:var(--color-accent)}:host ::ng-deep #app-profile{margin:0 var(--app-pane-padding);width:40px;height:40px;border-radius:50%;border:2px solid transparent;cursor:pointer}:host ::ng-deep #app-profile:focus,:host ::ng-deep #app-profile:hover{border-color:var(--color-accent)}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.EoIconComponent, selector: "eo-icon", inputs: ["objectType", "iconId", "iconSrc", "badge", "iconTitle"] }, { kind: "component", type: i4.UserAvatarComponent, selector: "eo-user-avatar", inputs: ["showPresence", "previewUri"] }, { kind: "pipe", type: i5.TranslatePipe, name: "translate" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: OverlayComponent, deps: [{ token: i0.ElementRef }, { token: i1.YvcOverlayService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.4", type: OverlayComponent, selector: "eo-overlay", inputs: { iconSrc: "iconSrc", badge: "badge", iconClass: "iconClass", active: "active", iconTitle: "iconTitle", userAvatar: "userAvatar" }, viewQueries: [{ propertyName: "dialogContent", first: true, predicate: ["dialogContent"], descendants: true }], ngImport: i0, template: "<ng-container *ngIf=\"iconSrc;else btn\">\n  <eo-icon class=\"overlayIcon button {{iconClass}}\"\n           (click)=\"toggle($event)\"\n           (keyup.enter)=\"toggle($event)\"\n           [iconSrc]=\"iconSrc\"\n           [badge]=\"badge\"\n           [ngClass]=\"{active: active}\"\n           tabindex=\"0\"\n           [iconTitle]=\"iconTitle\"></eo-icon>\n</ng-container>\n<ng-template #btn>\n  <div *ngIf=\"!userAvatar; else avatar\" (click)=\"toggle($event)\" (keyup.enter)=\"toggle($event)\">\n    <ng-content select=\".btn\"></ng-content>\n  </div>\n</ng-template>\n<ng-template #avatar>\n  <eo-user-avatar class=\"btn\" id=\"app-profile\" (click)=\"toggle($event)\" (keyup.enter)=\"toggle($event)\" [showPresence]=\"true\" [title]=\"'eo.bar.button.user.profile.title' | translate\" tabindex=\"0\"></eo-user-avatar>\n</ng-template>\n<ng-template #dialogContent>\n  <ng-content></ng-content>\n</ng-template>\n", styles: [":host ::ng-deep eo-icon.active{color:var(--color-accent)}:host ::ng-deep #app-profile{margin:0 var(--app-pane-padding);width:40px;height:40px;border-radius:50%;border:2px solid transparent;cursor:pointer}:host ::ng-deep #app-profile:focus,:host ::ng-deep #app-profile:hover{border-color:var(--color-accent)}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.EoIconComponent, selector: "eo-icon", inputs: ["objectType", "iconId", "iconSrc", "badge", "iconTitle"] }, { kind: "component", type: i4.UserAvatarComponent, selector: "eo-user-avatar", inputs: ["showPresence", "previewUri"] }, { kind: "pipe", type: i5.TranslatePipe, name: "translate" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: OverlayComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: OverlayComponent, decorators: [{
             type: Component,
             args: [{ selector: 'eo-overlay', template: "<ng-container *ngIf=\"iconSrc;else btn\">\n  <eo-icon class=\"overlayIcon button {{iconClass}}\"\n           (click)=\"toggle($event)\"\n           (keyup.enter)=\"toggle($event)\"\n           [iconSrc]=\"iconSrc\"\n           [badge]=\"badge\"\n           [ngClass]=\"{active: active}\"\n           tabindex=\"0\"\n           [iconTitle]=\"iconTitle\"></eo-icon>\n</ng-container>\n<ng-template #btn>\n  <div *ngIf=\"!userAvatar; else avatar\" (click)=\"toggle($event)\" (keyup.enter)=\"toggle($event)\">\n    <ng-content select=\".btn\"></ng-content>\n  </div>\n</ng-template>\n<ng-template #avatar>\n  <eo-user-avatar class=\"btn\" id=\"app-profile\" (click)=\"toggle($event)\" (keyup.enter)=\"toggle($event)\" [showPresence]=\"true\" [title]=\"'eo.bar.button.user.profile.title' | translate\" tabindex=\"0\"></eo-user-avatar>\n</ng-template>\n<ng-template #dialogContent>\n  <ng-content></ng-content>\n</ng-template>\n", styles: [":host ::ng-deep eo-icon.active{color:var(--color-accent)}:host ::ng-deep #app-profile{margin:0 var(--app-pane-padding);width:40px;height:40px;border-radius:50%;border:2px solid transparent;cursor:pointer}:host ::ng-deep #app-profile:focus,:host ::ng-deep #app-profile:hover{border-color:var(--color-accent)}\n"] }]
         }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i1.YvcOverlayService }], propDecorators: { dialogContent: [{

package/esm2022/app/eo-framework/ui/query-scope-select/query-scope-select.component.mjs

@@ -18,10 +18,10 @@ export class QueryScopeSelectComponent {
         this.selectedQueryScope = scope;
         this.select.emit(this.selectedQueryScope);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: QueryScopeSelectComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.2", type: QueryScopeSelectComponent, selector: "eo-query-scope-select", inputs: { selectedQueryScope: ["selection", "selectedQueryScope"] }, outputs: { select: "select" }, ngImport: i0, template: "<div class=\"query-scope\">\n    <button type=\"button\" class=\"query-scope__button\" (click)=\"selectQueryScope(QueryScope.ALL)\" \n        [ngClass]=\"{'query-scope__button--active': !selectedQueryScope || (selectedQueryScope === QueryScope.ALL)}\"\n        translate>eo.search.scope.all.label</button>\n    <button type=\"button\" class=\"query-scope__button\" (click)=\"selectQueryScope(QueryScope.CONTENT)\" \n        [ngClass]=\"{'query-scope__button--active': selectedQueryScope === QueryScope.CONTENT}\"\n        translate>eo.search.scope.content.label</button>\n    <button type=\"button\" class=\"query-scope__button\" (click)=\"selectQueryScope(QueryScope.INDEX_DATA)\" \n        [ngClass]=\"{'query-scope__button--active': selectedQueryScope === QueryScope.INDEX_DATA}\" \n        translate>eo.search.scope.indexdata.label</button>\n</div>", styles: [":host .query-scope{margin:calc(var(--app-pane-padding) / 4) calc(var(--app-pane-padding) / 2)}:host .query-scope .query-scope__button{margin:0 4px 4px 0;outline:none;border:1px solid rgba(var(--color-white-rgb),.54);border-radius:4px;padding:4px;background-color:#ffffff1a;color:rgba(var(--color-white-rgb),.54);font-size:var(--font-caption)}:host .query-scope .query-scope__button--active{background-color:var(--color-accent)!important;color:#fff!important;border-color:#fff}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: QueryScopeSelectComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.4", type: QueryScopeSelectComponent, selector: "eo-query-scope-select", inputs: { selectedQueryScope: ["selection", "selectedQueryScope"] }, outputs: { select: "select" }, ngImport: i0, template: "<div class=\"query-scope\">\n    <button type=\"button\" class=\"query-scope__button\" (click)=\"selectQueryScope(QueryScope.ALL)\" \n        [ngClass]=\"{'query-scope__button--active': !selectedQueryScope || (selectedQueryScope === QueryScope.ALL)}\"\n        translate>eo.search.scope.all.label</button>\n    <button type=\"button\" class=\"query-scope__button\" (click)=\"selectQueryScope(QueryScope.CONTENT)\" \n        [ngClass]=\"{'query-scope__button--active': selectedQueryScope === QueryScope.CONTENT}\"\n        translate>eo.search.scope.content.label</button>\n    <button type=\"button\" class=\"query-scope__button\" (click)=\"selectQueryScope(QueryScope.INDEX_DATA)\" \n        [ngClass]=\"{'query-scope__button--active': selectedQueryScope === QueryScope.INDEX_DATA}\" \n        translate>eo.search.scope.indexdata.label</button>\n</div>", styles: [":host .query-scope{margin:calc(var(--app-pane-padding) / 4) calc(var(--app-pane-padding) / 2)}:host .query-scope .query-scope__button{margin:0 4px 4px 0;outline:none;border:1px solid rgba(var(--color-white-rgb),.54);border-radius:4px;padding:4px;background-color:#ffffff1a;color:rgba(var(--color-white-rgb),.54);font-size:var(--font-caption)}:host .query-scope .query-scope__button--active{background-color:var(--color-accent)!important;color:#fff!important;border-color:#fff}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: QueryScopeSelectComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: QueryScopeSelectComponent, decorators: [{
             type: Component,
             args: [{ selector: 'eo-query-scope-select', template: "<div class=\"query-scope\">\n    <button type=\"button\" class=\"query-scope__button\" (click)=\"selectQueryScope(QueryScope.ALL)\" \n        [ngClass]=\"{'query-scope__button--active': !selectedQueryScope || (selectedQueryScope === QueryScope.ALL)}\"\n        translate>eo.search.scope.all.label</button>\n    <button type=\"button\" class=\"query-scope__button\" (click)=\"selectQueryScope(QueryScope.CONTENT)\" \n        [ngClass]=\"{'query-scope__button--active': selectedQueryScope === QueryScope.CONTENT}\"\n        translate>eo.search.scope.content.label</button>\n    <button type=\"button\" class=\"query-scope__button\" (click)=\"selectQueryScope(QueryScope.INDEX_DATA)\" \n        [ngClass]=\"{'query-scope__button--active': selectedQueryScope === QueryScope.INDEX_DATA}\" \n        translate>eo.search.scope.indexdata.label</button>\n</div>", styles: [":host .query-scope{margin:calc(var(--app-pane-padding) / 4) calc(var(--app-pane-padding) / 2)}:host .query-scope .query-scope__button{margin:0 4px 4px 0;outline:none;border:1px solid rgba(var(--color-white-rgb),.54);border-radius:4px;padding:4px;background-color:#ffffff1a;color:rgba(var(--color-white-rgb),.54);font-size:var(--font-caption)}:host .query-scope .query-scope__button--active{background-color:var(--color-accent)!important;color:#fff!important;border-color:#fff}\n"] }]
         }], ctorParameters: () => [], propDecorators: { selectedQueryScope: [{

package/esm2022/app/eo-framework/ui/router-link/router-link.directive.mjs

@@ -10,10 +10,10 @@ export class RouterLinkDirective {
             return false;
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: RouterLinkDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.1.2", type: RouterLinkDirective, selector: "a[routerLink]", host: { listeners: { "click": "onClick($event.ctrlKey)" } }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: RouterLinkDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.4", type: RouterLinkDirective, selector: "a[routerLink]", host: { listeners: { "click": "onClick($event.ctrlKey)" } }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: RouterLinkDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: RouterLinkDirective, decorators: [{
             type: Directive,
             args: [{
                     // tslint:disable-next-line: directive-selector

package/esm2022/app/eo-framework/ui/rtl-aware/rtl-aware.directive.mjs

@@ -43,10 +43,10 @@ export class RtlAwareDirective {
             }
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: RtlAwareDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i1.UserService }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.1.2", type: RtlAwareDirective, selector: "[eoRtlAware]", inputs: { eoRtlAware: "eoRtlAware" }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: RtlAwareDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i1.UserService }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.4", type: RtlAwareDirective, selector: "[eoRtlAware]", inputs: { eoRtlAware: "eoRtlAware" }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: RtlAwareDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: RtlAwareDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[eoRtlAware]'

package/esm2022/app/eo-framework/ui/signature-tab/signature-tab.component.mjs

@@ -20,10 +20,10 @@ export class SignatureTabComponent {
             this.user = user;
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: SignatureTabComponent, deps: [{ token: i1.UserService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.2", type: SignatureTabComponent, selector: "eo-signature-tab", inputs: { dmsObject: "dmsObject" }, ngImport: i0, template: "<ng-container *ngIf=\"dmsObject.data.yuvsigstatus_meta; else tplNoSignature\">\n\n  <section class=\"info\">\n    <div class=\"row\">\n      <div class=\"label\">{{'eo.object.signature-tab.label.status'|translate}}</div>\n      <div class=\"value\">\n        {{dmsObject.data.yuvsigstatus_meta.label}}</div>\n    </div>\n    <div class=\"row\">\n      <div class=\"label\">{{'eo.object.signature-tab.label.type'|translate}}</div>\n      <div class=\"value\">\n        {{dmsObject.data.yuvsigtype}}</div>\n    </div>\n    <div class=\"row\" *ngIf=\"dmsObject.data.yuvsigerror\">\n      <div class=\"label\">{{'eo.object.signature-tab.label.error'|translate}}</div>\n      <div class=\"value\">{{dmsObject.data.yuvsigerror}}</div>\n    </div>\n    <div class=\"row\">\n      <div class=\"label\">{{'eo.object.signature-tab.label.date'|translate}}</div>\n      <div class=\"value\">{{dmsObject.data.yuvsigdate | localeDate: 'eoShortDate'}}</div>\n    </div>\n    <div class=\"row\">\n      <div class=\"label\">{{'eo.object.signature-tab.label.requestdate'|translate}}</div>\n      <div class=\"value\">{{dmsObject.data.yuvsigreqdate | localeDate:'eoShortDate'}}</div>\n    </div>\n    <div class=\"row\" *ngIf=\"dmsObject.data.yuvsigrequester_meta?.title\">\n      <div class=\"label\">{{'eo.object.signature-tab.label.requester'|translate}}</div>\n      <div class=\"value\">\n        {{dmsObject.data.yuvsigrequester_meta.title}} </div>\n    </div>\n    <div class=\"row\" *ngIf=\"dmsObject.data.yuvsigemailsubject\">\n      <div class=\"label\">{{'eo.object.signature-tab.label.subject'|translate}}</div>\n      <div class=\"value\">{{dmsObject.data.yuvsigemailsubject}}</div>\n    </div>\n    <div class=\"row\" *ngIf=\"dmsObject.data.yuvsigemailbody\">\n      <div class=\"label\">{{'eo.object.signature-tab.label.body'|translate}}</div>\n      <div class=\"value\">{{dmsObject.data.yuvsigemailbody}}</div>\n    </div>\n    <div class=\"row\" *ngIf=\"dmsObject.data.yuvsigcanceledby\">\n      <div class=\"label\">{{'eo.object.signature-tab.label.canceledby'|translate}}</div>\n      <div class=\"value\">{{dmsObject.data.yuvsigcanceledby_meta.title}}</div>\n    </div>\n    <div class=\"row\" *ngIf=\"dmsObject.data.yuvsigreason\">\n      <div class=\"label\">{{'eo.object.signature-tab.label.reason'|translate}}</div>\n      <div class=\"value\">{{dmsObject.data.yuvsigreason}}</div>\n    </div>\n    <div class=\"row\" *ngIf=\"dmsObject.data.yuvsigplatform\">\n      <div class=\"label\">{{'eo.object.signature-tab.label.signingPlatform'|translate}}</div>\n      <div class=\"value\">{{dmsObject.data.yuvsigplatform}}</div>\n    </div>\n    <div class=\"row\" *ngIf=\"dmsObject.data.yuvsigplatformid\">\n      <div class=\"label\">{{'eo.object.signature-tab.label.signingPlatformId'|translate}}</div>\n      <div class=\"value\">{{dmsObject.data.yuvsigplatformid}}</div>\n    </div>\n    <div class=\"row\">\n      <div class=\"label\">{{'eo.object.signature-tab.label.signers'|translate}}</div>\n      <div class=\"value\">\n        <div class=\"signer-container\" *ngFor=\"let s of dmsObject.data.yuvsigners\">\n          <div class=\"signerorder\">\n            <span class=\"circle\"\n              [title]=\"'eo.object.signature-tab.order.tooltip' | translate\">{{s.yuvsignerorder}}</span>\n          </div>\n          <div class=\"signer\">\n            <div class=\"date\" *ngIf=\"s.yuvsignerdate\">{{s.yuvsignerdate | localeDate: 'eoShort'}}</div>\n            <div class=\"name\" *ngIf=\"s.yuvsignername\">{{s.yuvsignername}}</div>\n            <div class=\"email\" *ngIf=\"s.yuvsigneremail\">{{s.yuvsigneremail}}</div>\n            <div class=\"phone\" *ngIf=\"s.yuvsignerphone\">{{s.yuvsignerphone}}</div>\n            <div class=\"state {{s.yuvsignerstatus}}\"><span *ngIf=\"s.yuvsignerstatus_meta?.label\">{{s.yuvsignerstatus_meta.label}}</span></div>\n            <div class=\"reason\" *ngIf=\"s.yuvsignercomment\">{{s.yuvsignercomment}}</div>\n          </div>\n\n        </div>\n      </div>\n    </div>\n  </section>\n</ng-container>\n<ng-template #tplNoSignature>\n  <div class=\"signature-not-found\">\n    <eo-error-message\n      [emptyState]=\"{icon: 'ic_signature.svg', text:'eo.object.signature-tab.no-signatures'}\"></eo-error-message>\n  </div>\n</ng-template>", styles: [":host{display:block;padding:var(--app-pane-padding);height:100%;box-sizing:border-box;overflow-y:auto}:host .row{display:flex;margin:0 calc(var(--app-pane-padding) / -4) 2px;line-height:1.5em}:host .row .label,:host .row .value{margin:calc(var(--app-pane-padding) / 4)}:host .row .label{display:inline-block;flex-basis:30%;flex-shrink:0;background-color:var(--color-primary-3);color:var(--color-white);padding:calc(var(--app-pane-padding) / 4);margin:0 calc(var(--app-pane-padding) / 4);border-radius:2px;white-space:normal}:host .row .circle{display:inline-block;width:2em;border-radius:50%;background-color:var(--color-primary-3);color:#fff;text-align:center;line-height:1.8em}:host .row .signerorder{align-self:center}:host .row .signer-container{--signer-border-radius: 4px;--signer-row-gap: calc(var(--app-pane-padding) / 2);--signer-icon-color: var(--text-color-hint);padding:calc(var(--app-pane-padding) / 2);background-color:var(--panel-background);border-radius:0 var(--signer-border-radius) var(--signer-border-radius) 0;margin-bottom:calc(var(--app-pane-padding) / 4);display:flex}:host .row .signer-container .signer{display:grid;grid-template-rows:auto auto auto auto;grid-template-columns:1fr auto;column-gap:var(--app-pane-padding);grid-template-areas:\"name name\" \"email email\" \"phone phone\" \"state date\" \"reason reason\";margin-left:5px}:host .row .signer-container .signed{--signer-icon-color: var(--color-success)}:host .row .signer-container .revised,:host .row .signer-container .expired,:host .row .signer-container .cancelled{--signer-icon-color: var(--color-warning)}:host .row .signer-container .error{--signer-icon-color: var(--color-error)}:host .row .signer-container .date{grid-area:date;color:var(--text-color-caption);margin-top:var(--signer-row-gap);align-self:center}:host .row .signer-container .name{grid-area:name;font-weight:var(--font-weight-bold)}:host .row .signer-container .email{grid-area:email}:host .row .signer-container .phone{grid-area:phone}:host .row .signer-container .state{grid-area:state;margin-top:var(--signer-row-gap)}:host .row .signer-container .state span{display:inline-block;padding:2px 4px 1px;background-color:var(--signer-icon-color);color:#fff;border-radius:4px}:host .row .signer-container .reason{grid-area:reason;margin-top:var(--signer-row-gap);word-wrap:break-word}:host .signature-not-found{height:100%;display:flex;justify-content:center;align-items:center}\n"], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.ErrorMessageComponent, selector: "eo-error-message", inputs: ["emptyState"] }, { kind: "pipe", type: i4.TranslatePipe, name: "translate" }, { kind: "pipe", type: i5.LocaleDatePipe, name: "localeDate" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: SignatureTabComponent, deps: [{ token: i1.UserService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.4", type: SignatureTabComponent, selector: "eo-signature-tab", inputs: { dmsObject: "dmsObject" }, ngImport: i0, template: "<ng-container *ngIf=\"dmsObject.data.yuvsigstatus_meta; else tplNoSignature\">\n\n  <section class=\"info\">\n    <div class=\"row\">\n      <div class=\"label\">{{'eo.object.signature-tab.label.status'|translate}}</div>\n      <div class=\"value\">\n        {{dmsObject.data.yuvsigstatus_meta.label}}</div>\n    </div>\n    <div class=\"row\">\n      <div class=\"label\">{{'eo.object.signature-tab.label.type'|translate}}</div>\n      <div class=\"value\">\n        {{dmsObject.data.yuvsigtype}}</div>\n    </div>\n    <div class=\"row\" *ngIf=\"dmsObject.data.yuvsigerror\">\n      <div class=\"label\">{{'eo.object.signature-tab.label.error'|translate}}</div>\n      <div class=\"value\">{{dmsObject.data.yuvsigerror}}</div>\n    </div>\n    <div class=\"row\">\n      <div class=\"label\">{{'eo.object.signature-tab.label.date'|translate}}</div>\n      <div class=\"value\">{{dmsObject.data.yuvsigdate | localeDate: 'eoShortDate'}}</div>\n    </div>\n    <div class=\"row\">\n      <div class=\"label\">{{'eo.object.signature-tab.label.requestdate'|translate}}</div>\n      <div class=\"value\">{{dmsObject.data.yuvsigreqdate | localeDate:'eoShortDate'}}</div>\n    </div>\n    <div class=\"row\" *ngIf=\"dmsObject.data.yuvsigrequester_meta?.title\">\n      <div class=\"label\">{{'eo.object.signature-tab.label.requester'|translate}}</div>\n      <div class=\"value\">\n        {{dmsObject.data.yuvsigrequester_meta.title}} </div>\n    </div>\n    <div class=\"row\" *ngIf=\"dmsObject.data.yuvsigemailsubject\">\n      <div class=\"label\">{{'eo.object.signature-tab.label.subject'|translate}}</div>\n      <div class=\"value\">{{dmsObject.data.yuvsigemailsubject}}</div>\n    </div>\n    <div class=\"row\" *ngIf=\"dmsObject.data.yuvsigemailbody\">\n      <div class=\"label\">{{'eo.object.signature-tab.label.body'|translate}}</div>\n      <div class=\"value\">{{dmsObject.data.yuvsigemailbody}}</div>\n    </div>\n    <div class=\"row\" *ngIf=\"dmsObject.data.yuvsigcanceledby\">\n      <div class=\"label\">{{'eo.object.signature-tab.label.canceledby'|translate}}</div>\n      <div class=\"value\">{{dmsObject.data.yuvsigcanceledby_meta.title}}</div>\n    </div>\n    <div class=\"row\" *ngIf=\"dmsObject.data.yuvsigreason\">\n      <div class=\"label\">{{'eo.object.signature-tab.label.reason'|translate}}</div>\n      <div class=\"value\">{{dmsObject.data.yuvsigreason}}</div>\n    </div>\n    <div class=\"row\" *ngIf=\"dmsObject.data.yuvsigplatform\">\n      <div class=\"label\">{{'eo.object.signature-tab.label.signingPlatform'|translate}}</div>\n      <div class=\"value\">{{dmsObject.data.yuvsigplatform}}</div>\n    </div>\n    <div class=\"row\" *ngIf=\"dmsObject.data.yuvsigplatformid\">\n      <div class=\"label\">{{'eo.object.signature-tab.label.signingPlatformId'|translate}}</div>\n      <div class=\"value\">{{dmsObject.data.yuvsigplatformid}}</div>\n    </div>\n    <div class=\"row\">\n      <div class=\"label\">{{'eo.object.signature-tab.label.signers'|translate}}</div>\n      <div class=\"value\">\n        <div class=\"signer-container\" *ngFor=\"let s of dmsObject.data.yuvsigners\">\n          <div class=\"signerorder\">\n            <span class=\"circle\"\n              [title]=\"'eo.object.signature-tab.order.tooltip' | translate\">{{s.yuvsignerorder}}</span>\n          </div>\n          <div class=\"signer\">\n            <div class=\"date\" *ngIf=\"s.yuvsignerdate\">{{s.yuvsignerdate | localeDate: 'eoShort'}}</div>\n            <div class=\"name\" *ngIf=\"s.yuvsignername\">{{s.yuvsignername}}</div>\n            <div class=\"email\" *ngIf=\"s.yuvsigneremail\">{{s.yuvsigneremail}}</div>\n            <div class=\"phone\" *ngIf=\"s.yuvsignerphone\">{{s.yuvsignerphone}}</div>\n            <div class=\"state {{s.yuvsignerstatus}}\"><span *ngIf=\"s.yuvsignerstatus_meta?.label\">{{s.yuvsignerstatus_meta.label}}</span></div>\n            <div class=\"reason\" *ngIf=\"s.yuvsignercomment\">{{s.yuvsignercomment}}</div>\n          </div>\n\n        </div>\n      </div>\n    </div>\n  </section>\n</ng-container>\n<ng-template #tplNoSignature>\n  <div class=\"signature-not-found\">\n    <eo-error-message\n      [emptyState]=\"{icon: 'ic_signature.svg', text:'eo.object.signature-tab.no-signatures'}\"></eo-error-message>\n  </div>\n</ng-template>", styles: [":host{display:block;padding:var(--app-pane-padding);height:100%;box-sizing:border-box;overflow-y:auto}:host .row{display:flex;margin:0 calc(var(--app-pane-padding) / -4) 2px;line-height:1.5em}:host .row .label,:host .row .value{margin:calc(var(--app-pane-padding) / 4)}:host .row .label{display:inline-block;flex-basis:30%;flex-shrink:0;background-color:var(--color-primary-3);color:var(--color-white);padding:calc(var(--app-pane-padding) / 4);margin:0 calc(var(--app-pane-padding) / 4);border-radius:2px;white-space:normal}:host .row .circle{display:inline-block;width:2em;border-radius:50%;background-color:var(--color-primary-3);color:#fff;text-align:center;line-height:1.8em}:host .row .signerorder{align-self:center}:host .row .signer-container{--signer-border-radius: 4px;--signer-row-gap: calc(var(--app-pane-padding) / 2);--signer-icon-color: var(--text-color-hint);padding:calc(var(--app-pane-padding) / 2);background-color:var(--panel-background);border-radius:0 var(--signer-border-radius) var(--signer-border-radius) 0;margin-bottom:calc(var(--app-pane-padding) / 4);display:flex}:host .row .signer-container .signer{display:grid;grid-template-rows:auto auto auto auto;grid-template-columns:1fr auto;column-gap:var(--app-pane-padding);grid-template-areas:\"name name\" \"email email\" \"phone phone\" \"state date\" \"reason reason\";margin-left:5px}:host .row .signer-container .signed{--signer-icon-color: var(--color-success)}:host .row .signer-container .revised,:host .row .signer-container .expired,:host .row .signer-container .cancelled{--signer-icon-color: var(--color-warning)}:host .row .signer-container .error{--signer-icon-color: var(--color-error)}:host .row .signer-container .date{grid-area:date;color:var(--text-color-caption);margin-top:var(--signer-row-gap);align-self:center}:host .row .signer-container .name{grid-area:name;font-weight:var(--font-weight-bold)}:host .row .signer-container .email{grid-area:email}:host .row .signer-container .phone{grid-area:phone}:host .row .signer-container .state{grid-area:state;margin-top:var(--signer-row-gap)}:host .row .signer-container .state span{display:inline-block;padding:2px 4px 1px;background-color:var(--signer-icon-color);color:#fff;border-radius:4px}:host .row .signer-container .reason{grid-area:reason;margin-top:var(--signer-row-gap);word-wrap:break-word}:host .signature-not-found{height:100%;display:flex;justify-content:center;align-items:center}\n"], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.ErrorMessageComponent, selector: "eo-error-message", inputs: ["emptyState"] }, { kind: "pipe", type: i4.TranslatePipe, name: "translate" }, { kind: "pipe", type: i5.LocaleDatePipe, name: "localeDate" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: SignatureTabComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: SignatureTabComponent, decorators: [{
             type: Component,
             args: [{ selector: 'eo-signature-tab', template: "<ng-container *ngIf=\"dmsObject.data.yuvsigstatus_meta; else tplNoSignature\">\n\n  <section class=\"info\">\n    <div class=\"row\">\n      <div class=\"label\">{{'eo.object.signature-tab.label.status'|translate}}</div>\n      <div class=\"value\">\n        {{dmsObject.data.yuvsigstatus_meta.label}}</div>\n    </div>\n    <div class=\"row\">\n      <div class=\"label\">{{'eo.object.signature-tab.label.type'|translate}}</div>\n      <div class=\"value\">\n        {{dmsObject.data.yuvsigtype}}</div>\n    </div>\n    <div class=\"row\" *ngIf=\"dmsObject.data.yuvsigerror\">\n      <div class=\"label\">{{'eo.object.signature-tab.label.error'|translate}}</div>\n      <div class=\"value\">{{dmsObject.data.yuvsigerror}}</div>\n    </div>\n    <div class=\"row\">\n      <div class=\"label\">{{'eo.object.signature-tab.label.date'|translate}}</div>\n      <div class=\"value\">{{dmsObject.data.yuvsigdate | localeDate: 'eoShortDate'}}</div>\n    </div>\n    <div class=\"row\">\n      <div class=\"label\">{{'eo.object.signature-tab.label.requestdate'|translate}}</div>\n      <div class=\"value\">{{dmsObject.data.yuvsigreqdate | localeDate:'eoShortDate'}}</div>\n    </div>\n    <div class=\"row\" *ngIf=\"dmsObject.data.yuvsigrequester_meta?.title\">\n      <div class=\"label\">{{'eo.object.signature-tab.label.requester'|translate}}</div>\n      <div class=\"value\">\n        {{dmsObject.data.yuvsigrequester_meta.title}} </div>\n    </div>\n    <div class=\"row\" *ngIf=\"dmsObject.data.yuvsigemailsubject\">\n      <div class=\"label\">{{'eo.object.signature-tab.label.subject'|translate}}</div>\n      <div class=\"value\">{{dmsObject.data.yuvsigemailsubject}}</div>\n    </div>\n    <div class=\"row\" *ngIf=\"dmsObject.data.yuvsigemailbody\">\n      <div class=\"label\">{{'eo.object.signature-tab.label.body'|translate}}</div>\n      <div class=\"value\">{{dmsObject.data.yuvsigemailbody}}</div>\n    </div>\n    <div class=\"row\" *ngIf=\"dmsObject.data.yuvsigcanceledby\">\n      <div class=\"label\">{{'eo.object.signature-tab.label.canceledby'|translate}}</div>\n      <div class=\"value\">{{dmsObject.data.yuvsigcanceledby_meta.title}}</div>\n    </div>\n    <div class=\"row\" *ngIf=\"dmsObject.data.yuvsigreason\">\n      <div class=\"label\">{{'eo.object.signature-tab.label.reason'|translate}}</div>\n      <div class=\"value\">{{dmsObject.data.yuvsigreason}}</div>\n    </div>\n    <div class=\"row\" *ngIf=\"dmsObject.data.yuvsigplatform\">\n      <div class=\"label\">{{'eo.object.signature-tab.label.signingPlatform'|translate}}</div>\n      <div class=\"value\">{{dmsObject.data.yuvsigplatform}}</div>\n    </div>\n    <div class=\"row\" *ngIf=\"dmsObject.data.yuvsigplatformid\">\n      <div class=\"label\">{{'eo.object.signature-tab.label.signingPlatformId'|translate}}</div>\n      <div class=\"value\">{{dmsObject.data.yuvsigplatformid}}</div>\n    </div>\n    <div class=\"row\">\n      <div class=\"label\">{{'eo.object.signature-tab.label.signers'|translate}}</div>\n      <div class=\"value\">\n        <div class=\"signer-container\" *ngFor=\"let s of dmsObject.data.yuvsigners\">\n          <div class=\"signerorder\">\n            <span class=\"circle\"\n              [title]=\"'eo.object.signature-tab.order.tooltip' | translate\">{{s.yuvsignerorder}}</span>\n          </div>\n          <div class=\"signer\">\n            <div class=\"date\" *ngIf=\"s.yuvsignerdate\">{{s.yuvsignerdate | localeDate: 'eoShort'}}</div>\n            <div class=\"name\" *ngIf=\"s.yuvsignername\">{{s.yuvsignername}}</div>\n            <div class=\"email\" *ngIf=\"s.yuvsigneremail\">{{s.yuvsigneremail}}</div>\n            <div class=\"phone\" *ngIf=\"s.yuvsignerphone\">{{s.yuvsignerphone}}</div>\n            <div class=\"state {{s.yuvsignerstatus}}\"><span *ngIf=\"s.yuvsignerstatus_meta?.label\">{{s.yuvsignerstatus_meta.label}}</span></div>\n            <div class=\"reason\" *ngIf=\"s.yuvsignercomment\">{{s.yuvsignercomment}}</div>\n          </div>\n\n        </div>\n      </div>\n    </div>\n  </section>\n</ng-container>\n<ng-template #tplNoSignature>\n  <div class=\"signature-not-found\">\n    <eo-error-message\n      [emptyState]=\"{icon: 'ic_signature.svg', text:'eo.object.signature-tab.no-signatures'}\"></eo-error-message>\n  </div>\n</ng-template>", styles: [":host{display:block;padding:var(--app-pane-padding);height:100%;box-sizing:border-box;overflow-y:auto}:host .row{display:flex;margin:0 calc(var(--app-pane-padding) / -4) 2px;line-height:1.5em}:host .row .label,:host .row .value{margin:calc(var(--app-pane-padding) / 4)}:host .row .label{display:inline-block;flex-basis:30%;flex-shrink:0;background-color:var(--color-primary-3);color:var(--color-white);padding:calc(var(--app-pane-padding) / 4);margin:0 calc(var(--app-pane-padding) / 4);border-radius:2px;white-space:normal}:host .row .circle{display:inline-block;width:2em;border-radius:50%;background-color:var(--color-primary-3);color:#fff;text-align:center;line-height:1.8em}:host .row .signerorder{align-self:center}:host .row .signer-container{--signer-border-radius: 4px;--signer-row-gap: calc(var(--app-pane-padding) / 2);--signer-icon-color: var(--text-color-hint);padding:calc(var(--app-pane-padding) / 2);background-color:var(--panel-background);border-radius:0 var(--signer-border-radius) var(--signer-border-radius) 0;margin-bottom:calc(var(--app-pane-padding) / 4);display:flex}:host .row .signer-container .signer{display:grid;grid-template-rows:auto auto auto auto;grid-template-columns:1fr auto;column-gap:var(--app-pane-padding);grid-template-areas:\"name name\" \"email email\" \"phone phone\" \"state date\" \"reason reason\";margin-left:5px}:host .row .signer-container .signed{--signer-icon-color: var(--color-success)}:host .row .signer-container .revised,:host .row .signer-container .expired,:host .row .signer-container .cancelled{--signer-icon-color: var(--color-warning)}:host .row .signer-container .error{--signer-icon-color: var(--color-error)}:host .row .signer-container .date{grid-area:date;color:var(--text-color-caption);margin-top:var(--signer-row-gap);align-self:center}:host .row .signer-container .name{grid-area:name;font-weight:var(--font-weight-bold)}:host .row .signer-container .email{grid-area:email}:host .row .signer-container .phone{grid-area:phone}:host .row .signer-container .state{grid-area:state;margin-top:var(--signer-row-gap)}:host .row .signer-container .state span{display:inline-block;padding:2px 4px 1px;background-color:var(--signer-icon-color);color:#fff;border-radius:4px}:host .row .signer-container .reason{grid-area:reason;margin-top:var(--signer-row-gap);word-wrap:break-word}:host .signature-not-found{height:100%;display:flex;justify-content:center;align-items:center}\n"] }]
         }], ctorParameters: () => [{ type: i1.UserService }], propDecorators: { dmsObject: [{