@eo-sdk/client 8.16.36 → 8.16.38

package/esm2015/app/eo-framework/tab-container/tab-panel/tab-panel.component.js

@@ -14,7 +14,7 @@ TabPanelComponent.decorators = [
     { type: Component, args: [{
                 selector: 'eo-tab-panel',
                 template: "<div [attr.id]=\"id\" class=\"ui-tabview-panel ui-widget-content eo-tab-panel\" [ngClass]=\"{'ui-helper-hidden': !selected}\"\n     role=\"tabpanel\" [attr.aria-hidden]=\"!selected\" [attr.aria-labelledby]=\"id + '-label'\" *ngIf=\"!closed\">\n  <ng-content></ng-content>\n  <ng-container *ngIf=\"contentTemplate && (cache ? loaded : selected)\">\n    <ng-container *ngTemplateOutlet=\"contentTemplate\"></ng-container>\n  </ng-container>\n</div>\n",
-                styles: [":host{display:none}:host .eo-tab-panel{bottom:0;left:0;overflow-y:auto;position:absolute;right:0;top:0}:host.selected{display:block}"]
+                styles: [":host{display:none}:host .eo-tab-panel{overflow-y:auto;position:absolute;left:0;top:0;right:0;bottom:0}:host.selected{display:block}"]
             },] }
 ];
 TabPanelComponent.ctorParameters = () => [

package/esm2015/app/eo-framework/tab-container/tab-view/tab-view.component.js

@@ -44,7 +44,7 @@ TabViewComponent.decorators = [
     { type: Component, args: [{
                 selector: 'eo-tab-view',
                 template: "<div [ngClass]=\"'ui-tabview ui-widget ui-widget-content ui-corner-all ui-tabview-' + orientation\" [ngStyle]=\"style\" [class]=\"styleClass\">\n  <eo-tab-view-nav role=\"tablist\"\n                   *ngIf=\"orientation!='bottom'\"\n                   [style.minHeight.px]=\"30\"\n                   [tabs]=\"tabs\"\n                   [orientation]=\"orientation\"\n                   (onTabClick)=\"open($event.originalEvent, $event.tab)\"\n                   (onTabCloseClick)=\"close($event.originalEvent, $event.tab)\"\n                   \n                   [dndEnabled]=\"dndEnabled\"\n                   (onHeaderDrop)=\"dndEnabled && onHeaderDrop($event)\">\n  </eo-tab-view-nav>\n  <div class=\"ui-tabview-panels\" #panels>\n    <ng-content></ng-content>\n  </div>\n</div>\n",
-                styles: [":host{height:100%}:host .ui-tabview{background:transparent;display:flex;flex:1;flex-direction:column;height:100%;min-height:0;min-width:0}:host .ui-tabview .ui-tabview-nav{background:var(--color-white)}:host .ui-tabview .ui-tabview-panels{flex:1;position:relative}:host ::ng-deep eo-tab-view{display:block}"]
+                styles: [":host{height:100%}:host .ui-tabview{background:transparent;height:100%;display:flex;flex:1;flex-direction:column;min-height:0;min-width:0}:host .ui-tabview .ui-tabview-nav{background:var(--color-white)}:host .ui-tabview .ui-tabview-panels{flex:1;position:relative}:host ::ng-deep eo-tab-view{display:block}"]
             },] }
 ];
 TabViewComponent.propDecorators = {

package/esm2015/app/eo-framework/tab-container/tab-view-nav/tab-view-nav.component.js

@@ -12,7 +12,7 @@ TabViewNavComponent.decorators = [
     { type: Component, args: [{
                 selector: 'eo-tab-view-nav',
                 template: "<div cdkDropList cdkDropListOrientation=\"horizontal\" [cdkDropListData]=\"tabs\" (cdkDropListDropped)=\"onHeaderDrop.emit($event)\">\n  <ng-template ngFor let-tab [ngForOf]=\"tabs\">\n        <li cdkDrag [cdkDragData]=\"tab\" [cdkDragDisabled]=\"!dndEnabled\" [class]=\"getDefaultHeaderClass(tab)\" [ngStyle]=\"tab.headerStyle\" role=\"presentation\"\n            [ngClass]=\"{'ui-tabview-selected ui-state-active': tab.selected, 'ui-state-disabled': tab.disabled}\"\n            (click)=\"clickTab($event,tab)\" *ngIf=\"!tab.closed\">\n            <a [attr.id]=\"tab.id + '-label'\" href=\"#\" role=\"tab\" [attr.aria-selected]=\"tab.selected\" [attr.aria-controls]=\"tab.id\">\n                <span class=\"ui-tabview-left-icon fa\" [ngClass]=\"tab.leftIcon\" *ngIf=\"tab.leftIcon\"></span>\n                <span class=\"ui-tabview-title\">{{tab.header}}</span>\n                <span class=\"ui-tabview-right-icon fa\" [ngClass]=\"tab.rightIcon\" *ngIf=\"tab.rightIcon\"></span>\n          </a>\n            <span *ngIf=\"tab.closable\" class=\"ui-tabview-close pi pi-times\" (click)=\"clickClose($event,tab)\"></span>\n      </li>\n  </ng-template>\n</div>",
-                styles: [".cdk-drop-list{display:flex;flex-wrap:wrap;margin-right:30px;overflow:auto hidden;width:100%}.cdk-drop-list::-webkit-scrollbar{height:0}.cdk-drag{cursor:pointer}.cdk-drag a{pointer-events:none}.cdk-drag-preview{border:none;list-style:none;opacity:.3}.cdk-drag-placeholder{border:none;list-style:none;opacity:.7}.cdk-drop-list-dragging .cdk-drag{cursor:move;transition:transform .25s cubic-bezier(0,0,.2,1)}.cdk-drag-animating{transition:transform .3s cubic-bezier(0,0,.2,1)}"]
+                styles: [".cdk-drop-list{width:100%;flex-wrap:wrap;overflow:auto hidden;display:flex;margin-right:30px}.cdk-drop-list::-webkit-scrollbar{height:0}.cdk-drag{cursor:pointer}.cdk-drag a{pointer-events:none}.cdk-drag-preview{opacity:.3;list-style:none;border:none}.cdk-drag-placeholder{opacity:.7;list-style:none;border:none}.cdk-drop-list-dragging .cdk-drag{cursor:move;transition:transform .25s cubic-bezier(0,0,.2,1)}.cdk-drag-animating{transition:transform .3s cubic-bezier(0,0,.2,1)}"]
             },] }
 ];
 TabViewNavComponent.propDecorators = {

package/esm2015/app/eo-framework/tree/tree-node/tree-node.component.js

@@ -13,7 +13,7 @@ TreeNodeComponent.decorators = [
                 selector: 'eo-tree-node',
                 template: "<div class=\"tree-node\"\n     [ngClass]=\"{selected: node.selected,\n          expanded: node.expanded,\n          notSelectable: !node.selectable && !(node.children?.length),\n          branch: node.children && node.children.length > 0}\">\n  <div class=\"node-line\"></div>\n  <div class=\"node-content\">\n\n    <div class=\"node-item\">\n      <div class=\"spacer\"></div>\n      <div class=\"ico\" (click)=\"node.children?.length ? onNodeExpandedChanged.emit(node) : onNodeSelected.emit(node)\"></div>\n      <div class=\"values\">\n        <div class=\"label\" (click)=\"onNodeSelected.emit(node)\" [ngClass]=\"{focused: node.focused}\">\n          <span>{{node.name}}</span>\n        </div>\n        <div class=\"badge\" *ngIf=\"node.badges && node.badges.length > 0\">\n              <span *ngFor=\"let badge of node.badges\"\n                    class=\"{{badge.cssClass}}\"\n                    [ngClass]=\"{highlighted: node.highlighted}\">\n                    {{badge.value}}\n              </span>\n        </div>\n      </div>\n    </div>\n\n    <div class=\"node-children\" *ngIf=\"node.children?.length\">\n      <eo-tree-node [node]=\"_node\" *ngFor=\"let _node of node.children; trackBy: trackById\"\n                    (onNodeExpandedChanged)=\"onNodeExpandedChanged.emit($event)\"\n                    (onNodeSelected)=\"onNodeSelected.emit($event)\"></eo-tree-node>\n    </div>\n  </div>\n</div>\n",
                 encapsulation: ViewEncapsulation.None,
-                styles: [".eo-tree.rtl .tree-node .node-content .node-children{padding-left:0;padding-right:var(--app-pane-padding)}.eo-tree.rtl .tree-node .node-content .node-item .label{margin-left:0;margin-right:calc(var(--app-pane-padding)/4)}.eo-tree{color:var(--text-color-caption)}.eo-tree eo-tree-node{display:flex;flex:1;flex-direction:row;min-height:0;min-width:0}.eo-tree>eo-tree-node:last-child>.tree-node>.node-line{height:calc(var(--app-pane-padding)/2 + var(--app-pane-padding)/2 + 1px)}.eo-tree>eo-tree-node:first-child>.tree-node>.node-line{margin-top:calc(var(--app-pane-padding)/2 + var(--app-pane-padding)/2)}.eo-tree .tree-node{display:flex;flex:1;flex-direction:row;flex-wrap:nowrap;min-height:0;min-width:0}.eo-tree .tree-node.notSelectable{color:var(--text-color-hint);display:none}.eo-tree .tree-node.notSelectable .label{cursor:default!important}.eo-tree .tree-node.notSelectable .label.focused span,.eo-tree .tree-node.notSelectable .label:hover span{border-color:transparent!important;color:var(--text-color-hint)!important}.eo-tree .tree-node .node-line{align-self:stretch;background:rgba(var(--color-black-rgb),.2);flex:0 0 auto;width:1px}.eo-tree .tree-node .node-content{flex:1 1 auto;min-width:0;padding:calc(var(--app-pane-padding)/2) 0}.eo-tree .tree-node .node-content .node-item{align-items:center;display:flex;flex:1;flex-direction:row;flex-wrap:nowrap;height:var(--app-pane-padding);min-height:0;min-width:0}.eo-tree .tree-node .node-content .node-item .spacer{align-self:stretch;display:flex;flex-flow:column;width:calc(var(--app-pane-padding)/2)}.eo-tree .tree-node .node-content .node-item .spacer:before{border-bottom:1px solid rgba(var(--color-black-rgb),.2);content:\"\";flex:0 0 50%}.eo-tree .tree-node .node-content .node-item .ico{align-items:center;border:1px solid rgba(var(--color-black-rgb),.2);border-radius:50%;box-sizing:border-box;display:flex;flex-flow:row nowrap;height:var(--app-pane-padding);justify-content:center;width:var(--app-pane-padding)}.eo-tree .tree-node .node-content .node-item .values{align-items:center;display:flex;flex:1;flex-direction:row;justify-content:space-between;min-height:0;min-width:0}.eo-tree .tree-node .node-content .node-item .label{-moz-transition:all var(--app-default-transition-duration) ease-in-out;-o-transition:all var(--app-default-transition-duration) ease-in-out;-webkit-transition:all var(--app-default-transition-duration) ease-in-out;cursor:pointer;display:inline-block;margin-left:calc(var(--app-pane-padding)/4);max-width:none;overflow:hidden;padding:1px;text-overflow:ellipsis;transition:all var(--app-default-transition-duration) ease-in-out;white-space:nowrap;width:100%;word-wrap:break-word}.eo-tree .tree-node .node-content .node-item .label.focused span,.eo-tree .tree-node .node-content .node-item .label:hover span{border-color:var(--color-accent);color:var(--color-accent)}.eo-tree .tree-node .node-content .node-item .label span{-moz-transition:all var(--app-default-transition-duration) ease-in-out;-o-transition:all var(--app-default-transition-duration) ease-in-out;-webkit-transition:all var(--app-default-transition-duration) ease-in-out;border:1px solid transparent;border-radius:3px;box-sizing:border-box;display:inline-block;padding:0 calc(var(--app-pane-padding)/4);transition:all var(--app-default-transition-duration) ease-in-out;white-space:nowrap}.eo-tree .tree-node .node-content .node-item .badge span{border:1px solid var(--text-color-hint);border-radius:calc(var(--app-pane-padding)/4);box-sizing:content-box;color:var(--text-color-caption);font-size:var(--font-hint);line-height:1em;margin:0 calc(var(--app-pane-padding)/4);padding:0 calc(var(--app-pane-padding)/4) 1px calc(var(--app-pane-padding)/4)}.eo-tree .tree-node .node-content .node-item .badge span:last-child{background:var(--color-primary-3);border-color:transparent;color:var(--color-white)}.eo-tree .tree-node .node-content .node-item .badge span.highlighted:last-child{background:var(--color-accent);box-shadow:inset 0 0 0 1px var(--color-white)}.eo-tree .tree-node .node-content .node-children{display:none;padding-left:var(--app-pane-padding)}.eo-tree .tree-node .node-content .node-children>eo-tree-node:last-child>.tree-node>.node-line{height:calc(var(--app-pane-padding)/2 + var(--app-pane-padding)/2 + 1px)}.eo-tree .tree-node.selected>.node-content>.node-item>.label span{background:var(--color-accent);color:var(--color-white)}.eo-tree .tree-node.selected>.node-content>.node-item>.label.focused,.eo-tree .tree-node.selected>.node-content>.node-item>.label:hover{border-color:var(--color-accent)}.eo-tree .tree-node.selected:not(.branch)>.node-content>.node-item .ico:before{background:var(--color-accent);border-radius:50%;content:\"\";height:calc(var(--app-pane-padding)/2);width:calc(var(--app-pane-padding)/2)}.eo-tree .tree-node.selected.branch>.node-content>.node-item .ico{border-color:var(--color-accent)}.eo-tree .tree-node.selected.branch>.node-content>.node-item .ico:before{background:var(--color-accent);color:var(--color-white)}.eo-tree .tree-node.branch>.node-content>.node-item>.ico{border-radius:2px}.eo-tree .tree-node.branch>.node-content>.node-item>.ico:hover{background:rgba(var(--color-black-rgb),.1)}.eo-tree .tree-node.branch>.node-content>.node-item>.ico:before{color:var(--text-color-caption);content:\"+\";font-family:monospace;font-size:14px;height:calc(var(--app-pane-padding) - 2px);line-height:calc(var(--app-pane-padding) - 2px);text-align:center;width:calc(var(--app-pane-padding) - 2px)}.eo-tree .tree-node.branch.expanded>.node-content>.node-item>.ico:before{content:\"-\"}.eo-tree .tree-node.branch.expanded>.node-content>.node-children{display:block}"]
+                styles: [".eo-tree.rtl .tree-node .node-content .node-children{padding-left:0;padding-right:var(--app-pane-padding)}.eo-tree.rtl .tree-node .node-content .node-item .label{margin-left:0;margin-right:calc(var(--app-pane-padding) / 4)}.eo-tree{color:var(--text-color-caption)}.eo-tree eo-tree-node{display:flex;flex:1;flex-direction:row;min-height:0;min-width:0}.eo-tree>eo-tree-node:last-child>.tree-node>.node-line{height:calc(var(--app-pane-padding) / 2 + var(--app-pane-padding) / 2 + 1px)}.eo-tree>eo-tree-node:first-child>.tree-node>.node-line{margin-top:calc(var(--app-pane-padding) / 2 + var(--app-pane-padding) / 2)}.eo-tree .tree-node{display:flex;flex:1;flex-direction:row;min-height:0;min-width:0;flex-wrap:nowrap}.eo-tree .tree-node.notSelectable{display:none;color:var(--text-color-hint)}.eo-tree .tree-node.notSelectable .label{cursor:default!important}.eo-tree .tree-node.notSelectable .label.focused span,.eo-tree .tree-node.notSelectable .label:hover span{border-color:transparent!important;color:var(--text-color-hint)!important}.eo-tree .tree-node .node-line{width:1px;background:rgba(var(--color-black-rgb),.2);align-self:stretch;flex:0 0 auto}.eo-tree .tree-node .node-content{padding:calc(var(--app-pane-padding) / 2) 0;flex:1 1 auto;min-width:0}.eo-tree .tree-node .node-content .node-item{display:flex;flex:1;flex-direction:row;min-height:0;min-width:0;flex-wrap:nowrap;align-items:center;height:var(--app-pane-padding)}.eo-tree .tree-node .node-content .node-item .spacer{display:flex;flex-flow:column;width:calc(var(--app-pane-padding) / 2);align-self:stretch}.eo-tree .tree-node .node-content .node-item .spacer:before{content:\"\";flex:0 0 50%;border-bottom:1px solid rgba(var(--color-black-rgb),.2)}.eo-tree .tree-node .node-content .node-item .ico{width:var(--app-pane-padding);height:var(--app-pane-padding);box-sizing:border-box;border:1px solid rgba(var(--color-black-rgb),.2);display:flex;flex-flow:row nowrap;align-items:center;justify-content:center;border-radius:50%}.eo-tree .tree-node .node-content .node-item .values{display:flex;flex:1;flex-direction:row;min-height:0;min-width:0;align-items:center;justify-content:space-between}.eo-tree .tree-node .node-content .node-item .label{margin-left:calc(var(--app-pane-padding) / 4);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;cursor:pointer;padding:1px;display:inline-block;max-width:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-wrap:break-word;width:100%}.eo-tree .tree-node .node-content .node-item .label.focused span,.eo-tree .tree-node .node-content .node-item .label:hover span{border-color:var(--color-accent);color:var(--color-accent)}.eo-tree .tree-node .node-content .node-item .label span{transition:all var(--app-default-transition-duration) ease-in-out;-webkit-transition:all var(--app-default-transition-duration) ease-in-out;-moz-transition:all var(--app-default-transition-duration) ease-in-out;-o-transition:all var(--app-default-transition-duration) ease-in-out;display:inline-block;box-sizing:border-box;border-radius:3px;border:1px solid transparent;white-space:nowrap;padding:0 calc(var(--app-pane-padding) / 4)}.eo-tree .tree-node .node-content .node-item .badge span{margin:0 calc(var(--app-pane-padding) / 4);line-height:1em;color:var(--text-color-caption);border-radius:calc(var(--app-pane-padding) / 4);box-sizing:content-box;font-size:var(--font-hint);padding:0 calc(var(--app-pane-padding) / 4) 1px calc(var(--app-pane-padding) / 4);border:1px solid var(--text-color-hint)}.eo-tree .tree-node .node-content .node-item .badge span:last-child{background:var(--color-primary-3);color:var(--color-white);border-color:transparent}.eo-tree .tree-node .node-content .node-item .badge span.highlighted:last-child{background:var(--color-accent);box-shadow:inset 0 0 0 1px var(--color-white)}.eo-tree .tree-node .node-content .node-children{padding-left:var(--app-pane-padding);display:none}.eo-tree .tree-node .node-content .node-children>eo-tree-node:last-child>.tree-node>.node-line{height:calc(var(--app-pane-padding) / 2 + var(--app-pane-padding) / 2 + 1px)}.eo-tree .tree-node.selected>.node-content>.node-item>.label span{background:var(--color-accent);color:var(--color-white)}.eo-tree .tree-node.selected>.node-content>.node-item>.label.focused,.eo-tree .tree-node.selected>.node-content>.node-item>.label:hover{border-color:var(--color-accent)}.eo-tree .tree-node.selected:not(.branch)>.node-content>.node-item .ico:before{content:\"\";width:calc(var(--app-pane-padding) / 2);height:calc(var(--app-pane-padding) / 2);border-radius:50%;background:var(--color-accent)}.eo-tree .tree-node.selected.branch>.node-content>.node-item .ico{border-color:var(--color-accent)}.eo-tree .tree-node.selected.branch>.node-content>.node-item .ico:before{background:var(--color-accent);color:var(--color-white)}.eo-tree .tree-node.branch>.node-content>.node-item>.ico{border-radius:2px}.eo-tree .tree-node.branch>.node-content>.node-item>.ico:hover{background:rgba(var(--color-black-rgb),.1)}.eo-tree .tree-node.branch>.node-content>.node-item>.ico:before{content:\"+\";font-family:monospace;font-size:14px;color:var(--text-color-caption);text-align:center;width:calc(var(--app-pane-padding) - 2px);height:calc(var(--app-pane-padding) - 2px);line-height:calc(var(--app-pane-padding) - 2px)}.eo-tree .tree-node.branch.expanded>.node-content>.node-item>.ico:before{content:\"-\"}.eo-tree .tree-node.branch.expanded>.node-content>.node-children{display:block}"]
             },] }
 ];
 TreeNodeComponent.ctorParameters = () => [];

package/esm2015/app/eo-framework/ui/clipboard/clipboard.component.js

@@ -151,7 +151,7 @@ ClipboardComponent.decorators = [
                 template: "\n<eo-icon class=\"button white\" *ngIf=\"clipboard.elements.length\"\n         [iconTitle]=\"iconTitle\"\n         (click)=\"overlayShow = !overlayShow\"\n         [badge]=\"clipboard.elements.length\" [iconSrc]=\"iconSrc\"></eo-icon>\n\n<div class=\"clipboard-overlay dark\" *ngIf=\"overlayShow && clipboard.elements.length\" (eoOutsideClick)=\"hide()\">\n  <div class=\"title\" *ngIf=\"type === 'cut'; else copy\">\n    <span translate>eo.clipboard.type.cut</span>\n    <eo-icon class=\"button white\" (click)=\"removeAll()\" [iconSrc]=\"'assets/_default/svg/ic_clear.svg'\"></eo-icon>\n  </div>\n  <ng-template #copy>\n    <div class=\"title\">\n      <span translate>eo.clipboard.type.copy</span>\n      <eo-icon class=\"button white\" (click)=\"removeAll()\" [iconSrc]=\"'assets/_default/svg/ic_clear.svg'\"></eo-icon>\n    </div>\n  </ng-template>\n\n  <div class=\"cb-item\" *ngFor=\"let i of clipboardItems\">\n    <eo-icon [objectType]=\"i.type\" [iconTitle]=\"i.type.label\"></eo-icon>\n    <div class=\"cb-item-info\">\n      <div class=\"name\">{{i.title}}</div>\n      <div class=\"name context\">{{i.contextFolder?.title}}</div>\n    </div>\n    <eo-icon class=\"button white\" (click)=\"removeItem(i)\" [iconSrc]=\"'assets/_default/svg/ic_clear.svg'\"></eo-icon>\n  </div>\n\n  <div class=\"more\" *ngIf=\"clipboardItems.length < clipboard.elements.length\"\n       translate [translateParams]=\"{moreCount: clipboard.elements.length - clipboardItems.length}\">eo.clipboard.more</div>\n\n  <div class=\"actions\">\n    <button (click)=\"pasteAsContentlink()\" [disabled]=\"!isPasteAsContentlinkAllowed\" *ngIf=\"this.clipboard.action === 0\" translate>eo.clipboard.paste.as.contentlink.label</button>\n    <button class=\"primary\" (click)=\"paste()\" [disabled]=\"!isPasteAllowed\" translate>eo.clipboard.paste.label</button>\n  </div>\n</div>\n",
                 encapsulation: ViewEncapsulation.None,
                 changeDetection: ChangeDetectionStrategy.OnPush,
-                styles: [".clipboard-overlay{--clipboard-width:300px;-webkit-animation:dropDownAppear var(--app-default-transition-duration);animation:dropDownAppear var(--app-default-transition-duration);background-color:var(--color-primary-2);box-sizing:border-box;color:var(--color-white);position:absolute;right:0;top:var(--app-bar-height);width:var(----clipboard-width)}.clipboard-overlay eo-icon.button{height:18px;opacity:.7;width:18px}.clipboard-overlay .title{background:rgba(var(--color-white-rgb),.1);flex-flow:row nowrap;justify-content:space-between;margin-bottom:calc(var(--app-pane-padding)/4)}.clipboard-overlay .cb-item,.clipboard-overlay .title{align-items:center;display:flex;padding:calc(var(--app-pane-padding)/2) var(--app-pane-padding)}.clipboard-overlay .cb-item{border-bottom:1px solid rgba(var(--color-white-rgb),.2);cursor:default}.clipboard-overlay .cb-item eo-icon{flex:0 0 auto}.clipboard-overlay .cb-item .cb-item-info{display:flex;flex:1 1 auto;flex-flow:column;min-width:0}.clipboard-overlay .cb-item .cb-item-info .name{display:inline-block;max-width:none;overflow:hidden;padding:0 calc(var(--app-pane-padding)/2);text-overflow:ellipsis;white-space:nowrap}.clipboard-overlay .cb-item .cb-item-info .context{font-size:var(--font-caption);opacity:.7}.clipboard-overlay .more{font-style:italic;padding:calc(var(--app-pane-padding)/2) 0 calc(var(--app-pane-padding)/2) var(--app-pane-padding)}.clipboard-overlay .actions{display:flex;flex-flow:row;justify-content:flex-end;padding:calc(var(--app-pane-padding)/2) calc(var(--app-pane-padding)/4) calc(var(--app-pane-padding)/4) calc(var(--app-pane-padding)/4)}.clipboard-overlay .actions button{margin:calc(var(--app-pane-padding)/4);padding:calc(var(--app-pane-padding)/2)}.clipboard-overlay .actions button[disabled]{background-color:var(--color-primary-3)}"]
+                styles: [".clipboard-overlay{--clipboard-width:300px;position:absolute;background-color:var(--color-primary-2);top:var(--app-bar-height);right:0;box-sizing:border-box;width:var(----clipboard-width);animation:dropDownAppear var(--app-default-transition-duration);color:var(--color-white)}.clipboard-overlay eo-icon.button{width:18px;height:18px;opacity:.7}.clipboard-overlay .title{background:rgba(var(--color-white-rgb),.1);margin-bottom:calc(var(--app-pane-padding) / 4);flex-flow:row nowrap;justify-content:space-between}.clipboard-overlay .cb-item,.clipboard-overlay .title{padding:calc(var(--app-pane-padding) / 2) var(--app-pane-padding);display:flex;align-items:center}.clipboard-overlay .cb-item{cursor:default;border-bottom:1px solid rgba(var(--color-white-rgb),.2)}.clipboard-overlay .cb-item eo-icon{flex:0 0 auto}.clipboard-overlay .cb-item .cb-item-info{display:flex;flex-flow:column;flex:1 1 auto;min-width:0}.clipboard-overlay .cb-item .cb-item-info .name{padding:0 calc(var(--app-pane-padding) / 2);display:inline-block;max-width:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.clipboard-overlay .cb-item .cb-item-info .context{font-size:var(--font-caption);opacity:.7}.clipboard-overlay .more{padding:calc(var(--app-pane-padding) / 2) 0 calc(var(--app-pane-padding) / 2) var(--app-pane-padding);font-style:italic}.clipboard-overlay .actions{display:flex;padding:calc(var(--app-pane-padding) / 2) calc(var(--app-pane-padding) / 4) calc(var(--app-pane-padding) / 4) calc(var(--app-pane-padding) / 4);flex-flow:row;justify-content:flex-end}.clipboard-overlay .actions button{margin:calc(var(--app-pane-padding) / 4);padding:calc(var(--app-pane-padding) / 2)}.clipboard-overlay .actions button[disabled]{background-color:var(--color-primary-3)}"]
             },] }
 ];
 ClipboardComponent.ctorParameters = () => [

package/esm2015/app/eo-framework/ui/eo-dialog/eo-dialog.component.js

@@ -143,7 +143,7 @@ EoDialogComponent.decorators = [
                 selector: 'eo-dialog',
                 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()\" class=\"button white eo-dialog-close\"></eo-icon>\n      <ng-container *ngIf=\"isFormTable && hasPreviewFile\">\n        <eo-icon *ngIf=\"showPreview\" [iconSrc]=\"'assets/_default/svg/ic_preview_close.svg'\"\n                 [iconTitle]=\"'eo.form.table.dialog.preview.hide' | translate\" (click)=\"togglePreview()\" class=\"button white eo-dialog-preview-toggle\"></eo-icon>\n        <eo-icon *ngIf=\"!showPreview\" [iconSrc]=\"'assets/_default/svg/ic_preview_show.svg'\"\n                 [iconTitle]=\"'eo.form.table.dialog.preview.show' | translate\" (click)=\"togglePreview()\" class=\"button white eo-dialog-preview-toggle\"></eo-icon>\n      </ng-container>\n    </header>\n    <div class=\"eo-dialog-content\" [ngClass]=\"styleClass ? styleClass + '--content ' : ''\">\n      <ng-content></ng-content>\n    </div>\n  </div>\n</ng-template>\n",
                 encapsulation: ViewEncapsulation.None,
-                styles: [".eo-dialog{-webkit-animation:none;animation:none;background-color:var(--panel-background);display:flex;flex:1;flex-direction:column;max-height:100%;max-width:100%;min-height:0;min-width:0}.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);flex:0 0 auto;font-size:var(--font-headline);font-weight:var(--font-weight-light);padding:var(--app-pane-padding) calc(var(--app-pane-padding)*2.5) calc(var(--app-pane-padding)*2) var(--app-pane-padding)}.eo-dialog-header .headline{font-size:24px;font-weight:400;margin:0 25px 0 0}.eo-dialog-header .subtitle{font-size:15px;font-weight:400;margin:0}.eo-dialog-content{display:flex;flex:1;flex-direction:column;height:100%;max-height:520px;min-height:0;min-width:0;overflow:auto;position:relative}.eo-dialog-content>eo-tree{margin:var(--app-pane-padding)}.eo-dialog-content .empty{align-items:center;color:var(--text-color-caption);display:flex;flex:1;flex-direction:column;justify-content:center;min-height:0;min-width:0;padding:var(--app-pane-padding)}.eo-dialog-content .action-buttons{justify-content:flex-end;padding-top:32px}.eo-dialog-content button:not(:last-child){margin-right:5px}.object-form-table-dialog{background-color:var(--panel-background-grey);height:95vh;width:100%}.object-form-table-dialog .body{height:80vh;width:100%}.object-form-table-dialog .edit-body{display:flex;height:100%}.object-form-table-dialog .table-body{background-color:var(--panel-background-grey);display:flex;height:100%;width:100%}.object-form-table-dialog eo-split{padding:var(--app-pane-padding);width:auto!important}.object-form-table-dialog eo-split-area{box-shadow:0 2px 5px 0 rgba(0,0,0,.2)}.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{display:flex;flex-direction:column;height:100%}.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{color:var(--text-color-caption);font-size:var(--font-title);margin:8px 16px 0;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.object-form-table-dialog eo-row-edit .row-edit .edit-header .cancel-icon{color:var(--text-color-caption);margin:8px 8px 0}.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{align-items:center;border-top:1px solid var(--panel-header-border-bottom-color);display:flex;flex:0;flex-direction:row;justify-content:flex-end;min-height:0;min-height:5em;min-width:0;padding-right:var(--app-pane-padding)}.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{color:var(--text-color-caption);font-size:var(--font-body);margin-right:var(--app-pane-padding)}.object-form-table-dialog .object-form-table{background-color:#fff;display:grid;grid-template-columns:1fr;grid-template-rows:auto 1fr;height:100%;width:100%}.object-form-table-dialog .object-form-table .grid-body{height:100%;position:relative;width:100%}.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{background-color:transparent;height:100%;width:100%}.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{-webkit-animation-duration:4s;-webkit-animation-name:new-row;animation-duration:4s;animation-name:new-row}@-webkit-keyframes new-row{0%{background-color:var(--color-accent)}to{background-color:none}}@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{align-items:center;display:flex;font-size:var(--font-caption);line-height:var(--oft-row-height);padding:0 calc(var(--app-pane-padding)/4)}.object-form-table-dialog .object-form-table .grid-body ag-grid-angular .ag-cell.ag-cell-focus{background-color:var(--list-item-hover-background);border-color:transparent!important;outline:0!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.col-boolean,.object-form-table-dialog .object-form-table .grid-body ag-grid-angular .ag-cell.res-ico{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{cursor:pointer;display:flex}.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 .label{align-items:center;border-bottom:0;display:flex;flex-flow:row nowrap;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)}.object-form-table-dialog .label span{display:block;flex:1 1 auto}.object-form-table-dialog .label eo-icon.stf{color:var(--text-color-caption);cursor:pointer;height:20px;margin:calc(var(--app-pane-padding)/4);width:20px}.object-form-table-dialog .label eo-icon.stf.add-row{background-color:var(--color-accent);border-radius:2px;color:#fff;height:24px;width:24px}.object-form-table-dialog .label button.add{border-radius:2px;padding:calc(var(--app-pane-padding)/2)}.object-form-table-dialog .label button.export{border:1px solid #000;border-radius:2px;color:#000;font-size:var(--font-hint);margin:0 calc(var(--app-pane-padding)/4);padding:calc(var(--app-pane-padding)/8) calc(var(--app-pane-padding)/4)}.object-form-table-dialog .eo-dialog-content{height:100%;max-height:none;overflow:hidden}.object-form-table-dialog .table-area{overflow:unset!important}.cdk-overlay-pane{position:absolute!important}"]
+                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;font-weight:400;margin:0 25px 0 0}.eo-dialog-header .subtitle{font-size:15px;margin:0;font-weight:400}.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){margin-right:5px}.object-form-table-dialog{width:100%;height:95vh;background-color:var(--panel-background-grey)}.object-form-table-dialog .body{width:100%;height:80vh}.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-split{padding:var(--app-pane-padding);width:auto!important}.object-form-table-dialog eo-split-area{box-shadow:0 2px 5px 0 rgba(0,0,0,.2)}.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:-moz-fit-content;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.col-boolean,.object-form-table-dialog .object-form-table .grid-body ag-grid-angular .ag-cell.res-ico{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 .label{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 .label span{display:block;flex:1 1 auto}.object-form-table-dialog .label 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 .label eo-icon.stf.add-row{width:24px;height:24px;background-color:var(--color-accent);color:#fff;border-radius:2px}.object-form-table-dialog .label button.add{border-radius:2px;padding:calc(var(--app-pane-padding) / 2)}.object-form-table-dialog .label button.export{border-radius:2px;border:1px solid #000;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:none;height:100%;overflow:hidden}.object-form-table-dialog .table-area{overflow:unset!important}.cdk-overlay-pane{position:absolute!important}"]
             },] }
 ];
 EoDialogComponent.ctorParameters = () => [

package/esm2015/app/eo-framework/ui/eo-icon/eo-icon.component.js

@@ -99,7 +99,7 @@ EoIconComponent.decorators = [
                 selector: 'eo-icon',
                 template: '',
                 encapsulation: ViewEncapsulation.None,
-                styles: ["eo-icon{--eoSvgIcon-size:24px;-moz-transition:all var(--app-default-transition-duration) ease-in-out;-o-transition:all var(--app-default-transition-duration) ease-in-out;-webkit-transition:all var(--app-default-transition-duration) ease-in-out;color:currentColor;display:block;font-size:1px;height:var(--eoSvgIcon-size);transition:all var(--app-default-transition-duration) ease-in-out;width:var(--eoSvgIcon-size)}eo-icon>div{height:100%;width:100%}eo-icon.small{height:calc(var(--eoSvgIcon-size)/2);width:calc(var(--eoSvgIcon-size)/2)}eo-icon svg{fill:currentColor;height:100%;pointer-events:none;width:100%}eo-icon.error svg{fill:var(--color-accent)}eo-icon.error__icon{color:var(--text-color-hint);height:100px;opacity:.7;padding-bottom:20px;width:100px}eo-icon.badged{position:relative}eo-icon.badged:before{background:var(--color-accent);border-radius:2px;content:attr(data-badge);font-size:var(--font-hint);padding:0 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:rgba(var(--text-color-caption),.25)}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{background:rgba(var(--color-black-rgb),0);color:rgba(var(--color-black-rgb),.5)}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}eo-icon.button.disabled:focus,eo-icon.button.disabled:hover{background: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:rgba(var(--text-color-caption),.25)}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}eo-icon.button.disabled:focus,eo-icon.button.disabled:hover{background:none}"]
             },] }
 ];
 EoIconComponent.ctorParameters = () => [

package/esm2015/app/eo-framework/ui/error-message/error-message.component.js

@@ -22,7 +22,7 @@ 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{display:flex;height:100%}.eo-body.error{align-items:center;justify-content:center;padding:10px 25px;text-align:center}.error__icon{color:var(--text-color-hint);height:100px;opacity:.2;padding-bottom:20px;width:100px}.error__message{color:rgba(var(--color-black-rgb),.4);min-width:200px}.error.grain{transform:rotate3d(1,1,1,45deg)}"]
+                styles: [":host{height:100%;display:flex}.eo-body.error{padding:10px 25px;align-items:center;justify-content:center;text-align:center}.error__icon{width:100px;height:100px;opacity:.2;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)}"]
             },] }
 ];
 ErrorMessageComponent.propDecorators = {

package/esm2015/app/eo-framework/ui/indexdata-summary/indexdata-summary-entry/indexdata-summary-entry.component.js

@@ -23,7 +23,7 @@ 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{display:flex;flex:1;flex-direction:row;margin:0 calc(var(--app-pane-padding)/-4) 2px;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{background-color:#fff;border:1px solid rgba(0,0,0,.1);margin:0;padding:calc(var(--app-pane-padding)/2)}: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{background-color:var(--color-primary-3);background-position:50%;background-repeat:no-repeat;border-radius:2px;display:block;height:var(--app-pane-padding);left:calc(var(--app-pane-padding)/2*-1);position:absolute;top:calc(50% - var(--app-pane-padding)/2);width:var(--app-pane-padding)}:host .entry.diffActive.new .value.first{display:none}:host .entry.diffActive.new .value.second{border-color:#9abd1e}:host .entry.diffActive.new .value.second:before{background-color:#9abd1e;background-image:url(\"data:image/gif;base64,R0lGODlhCgAIAIABAP///////yH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDIgNzkuMTYwOTI0LCAyMDE3LzA3LzEzLTAxOjA2OjM5ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOCAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QjAyRTUzMTJFRkRGMTFFOUE5MDQ5N0UwQzE3RDA5MTkiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QjAyRTUzMTNFRkRGMTFFOUE5MDQ5N0UwQzE3RDA5MTkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpCMDJFNTMxMEVGREYxMUU5QTkwNDk3RTBDMTdEMDkxOSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpCMDJFNTMxMUVGREYxMUU5QTkwNDk3RTBDMTdEMDkxOSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PgH//v38+/r5+Pf29fTz8vHw7+7t7Ovq6ejn5uXk4+Lh4N/e3dzb2tnY19bV1NPS0dDPzs3My8rJyMfGxcTDwsHAv769vLu6ubi3trW0s7KxsK+urayrqqmop6alpKOioaCfnp2cm5qZmJeWlZSTkpGQj46NjIuKiYiHhoWEg4KBgH9+fXx7enl4d3Z1dHNycXBvbm1sa2ppaGdmZWRjYmFgX15dXFtaWVhXVlVUU1JRUE9OTUxLSklIR0ZFRENCQUA/Pj08Ozo5ODc2NTQzMjEwLy4tLCsqKSgnJiUkIyIhIB8eHRwbGhkYFxYVFBMSERAPDg0MCwoJCAcGBQQDAgEAACH5BAEAAAEALAAAAAAKAAgAAAIQjANwi8qWWJoT0rria5ufAgA7\");content:\"\"}:host .entry.diffActive.modified .value.second{border-left:0}:host .entry.diffActive.modified .value.second:before{background-image:url(\"data:image/gif;base64,R0lGODlhCgAIAIABAP///////yH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDIgNzkuMTYwOTI0LCAyMDE3LzA3LzEzLTAxOjA2OjM5ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOCAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QTBCNzE3QTRFRkRGMTFFOUI5MzdDMzM0OTM1MDRBRDAiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QTBCNzE3QTVFRkRGMTFFOUI5MzdDMzM0OTM1MDRBRDAiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBMEI3MTdBMkVGREYxMUU5QjkzN0MzMzQ5MzUwNEFEMCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBMEI3MTdBM0VGREYxMUU5QjkzN0MzMzQ5MzUwNEFEMCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PgH//v38+/r5+Pf29fTz8vHw7+7t7Ovq6ejn5uXk4+Lh4N/e3dzb2tnY19bV1NPS0dDPzs3My8rJyMfGxcTDwsHAv769vLu6ubi3trW0s7KxsK+urayrqqmop6alpKOioaCfnp2cm5qZmJeWlZSTkpGQj46NjIuKiYiHhoWEg4KBgH9+fXx7enl4d3Z1dHNycXBvbm1sa2ppaGdmZWRjYmFgX15dXFtaWVhXVlVUU1JRUE9OTUxLSklIR0ZFRENCQUA/Pj08Ozo5ODc2NTQzMjEwLy4tLCsqKSgnJiUkIyIhIB8eHRwbGhkYFxYVFBMSERAPDg0MCwoJCAcGBQQDAgEAACH5BAEAAAEALAAAAAAKAAgAAAIRDIKWwMjnmpETvmjbrbyrlRQAOw==\");content:\"\"}:host .entry.diffActive.removed .value.first{border-color:#ed5564;padding-left:var(--app-pane-padding)}:host .entry.diffActive.removed .value.first:before{background-color:#ed5564;background-image:url(\"data:image/gif;base64,R0lGODlhCgAIAIABAP///////yH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDIgNzkuMTYwOTI0LCAyMDE3LzA3LzEzLTAxOjA2OjM5ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOCAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QUFDMTY4MUZFRkRGMTFFOUEwM0M4Qjc0NDlFMjhDMDkiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QUFDMTY4MjBFRkRGMTFFOUEwM0M4Qjc0NDlFMjhDMDkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBQUMxNjgxREVGREYxMUU5QTAzQzhCNzQ0OUUyOEMwOSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBQUMxNjgxRUVGREYxMUU5QTAzQzhCNzQ0OUUyOEMwOSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PgH//v38+/r5+Pf29fTz8vHw7+7t7Ovq6ejn5uXk4+Lh4N/e3dzb2tnY19bV1NPS0dDPzs3My8rJyMfGxcTDwsHAv769vLu6ubi3trW0s7KxsK+urayrqqmop6alpKOioaCfnp2cm5qZmJeWlZSTkpGQj46NjIuKiYiHhoWEg4KBgH9+fXx7enl4d3Z1dHNycXBvbm1sa2ppaGdmZWRjYmFgX15dXFtaWVhXVlVUU1JRUE9OTUxLSklIR0ZFRENCQUA/Pj08Ozo5ODc2NTQzMjEwLy4tLCsqKSgnJiUkIyIhIB8eHRwbGhkYFxYVFBMSERAPDg0MCwoJCAcGBQQDAgEAACH5BAEAAAEALAAAAAAKAAgAAAIMjI+pe+DvDISsWlQAADs=\");content:\"\"}:host .entry.diffActive.removed .value.second{display:none}:host .entry .label{background-color:var(--color-primary-3);border-radius:2px;color:var(--color-white);display:inline-block;flex-basis:30%;flex-shrink:0;margin:0 calc(var(--app-pane-padding)/4);max-width:none;overflow:hidden;padding:calc(var(--app-pane-padding)/4);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{border-radius:2px;flex-basis:70%;flex-grow:1;flex-shrink:1;margin:0 calc(var(--app-pane-padding)/4);padding:calc(var(--app-pane-padding)/4);position:relative}:host .value:not(.inner){white-space:pre-wrap}:host .value.version{color:inherit;cursor:pointer;margin:0 5px;text-decoration:none}:host .value.version:hover{color:var(--color-white)}:host .storageinfo-subentry{display:flex;margin-bottom:2px}"]
+                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);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:50%;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}"]
             },] }
 ];
 IndexdataSummaryEntryComponent.propDecorators = {

package/esm2015/app/eo-framework/ui/indexdata-summary/indexdata-summary.component.js

@@ -107,7 +107,7 @@ IndexdataSummaryComponent.decorators = [
                 selector: 'eo-indexdata-summary',
                 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  </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                         (onOpen)=\"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.mimegroup' | translate\"\n                                [value]=\"baseparams.mimeGroup\">\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  <div class=\"storageinfo\" *ngIf=\"item?.content && isUserAllowedToShowStorageSection && !diffActive\">\n    <eo-simple-accordion #storageAccordion\n                         [header]=\"('eo.state.settings.storageinfo' | translate)\"\n                         [selected]=\"dataInfoAcc\"\n                         (onOpen)=\"onStorageInfoToggle($event)\">\n\n      <div class=\"storageinfo-entry baseparams-section\" *ngIf=\"baseparams\">\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</div>\n",
                 changeDetection: ChangeDetectionStrategy.OnPush,
-                styles: [":host{display:block}:host .baseparams-section,:host .core-section,:host .data-section{line-height:1.5em;list-style:none;margin:0}:host .core-section,: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::ng-deep .ui-accordion .ui-accordion-content{padding:0}:host .storageinfo,:host .storageinfo .storageinfo-entry{margin-top:var(--app-pane-padding)}:host .empty-container{align-items:center;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0}"]
+                styles: [":host{display:block}:host .baseparams-section,:host .core-section,:host .data-section{list-style:none;margin:0;line-height:1.5em}:host .core-section,: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::ng-deep .ui-accordion .ui-accordion-content{padding:0}:host .storageinfo,:host .storageinfo .storageinfo-entry{margin-top:var(--app-pane-padding)}:host .empty-container{position:absolute;left:0;right:0;top:0;bottom:0;display:flex;justify-content:center;align-items:center}"]
             },] }
 ];
 IndexdataSummaryComponent.ctorParameters = () => [

package/esm2015/app/eo-framework/ui/loading-spinner/loading-spinner.component.js

@@ -12,7 +12,7 @@ LoadingSpinnerComponent.decorators = [
     <div class="eo-loading">
       <div class="eo-loader" [ngClass]="{small: size === 'small', medium: size === 'medium', large: size === 'large', dark: mode === 'dark'}"></div>
     </div>`,
-                styles: [":host{--loader-background-color:rgba(var(--color-black-rgb),0.1);--loader-background-color-light:rgba(var(--color-white-rgb),0.2);--loader-border-width:3px;--loader-color:var(--color-accent);--loader-color-light:rgba(var(--color-white-rgb),1)}:host .eo-loader{-webkit-animation:load8 1.1s linear infinite;animation:load8 1.1s linear infinite;border:var(--loader-border-width) solid var(--loader-background-color);border-left-color:var(--loader-color);font-size:10px;position:relative;text-indent:-9999em;transform:translateZ(0)}:host .eo-loader,:host .eo-loader:after{border-radius:50%;border-width:4px;height:5em;width:5em}:host .eo-loader.large{border-width:8px;height:10em;width:10em}:host .eo-loader.medium{border-width:4px;height:6em;width:6em}:host .eo-loader.small{border-width:2px;height:2em;width:2em}:host .eo-loader.dark{border-color:var(--loader-background-color-light) var(--loader-background-color-light) var(--loader-background-color-light) var(--loader-color);border-left-color:var(--loader-background-color-light)}:host-context(.dark) .eo-loader{border-color:var(--loader-background-color-light) var(--loader-background-color-light) var(--loader-background-color-light) var(--loader-color-light);border-left-color:var(--loader-background-color-light)}@-webkit-keyframes load8{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes load8{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}"]
+                styles: [":host{--loader-color:var(--color-accent);--loader-background-color:rgba(var(--color-black-rgb),0.1);--loader-color-light:rgba(var(--color-white-rgb),1);--loader-background-color-light:rgba(var(--color-white-rgb),0.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);transform:translateZ(0);animation:load8 1.1s linear infinite}: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-left-color:var(--loader-background-color-light);border-color:var(--loader-background-color-light) var(--loader-background-color-light) var(--loader-background-color-light) var(--loader-color)}:host-context(.dark) .eo-loader{border-left-color:var(--loader-background-color-light);border-color:var(--loader-background-color-light) var(--loader-background-color-light) var(--loader-background-color-light) var(--loader-color-light)}@keyframes load8{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}"]
             },] }
 ];
 LoadingSpinnerComponent.ctorParameters = () => [];

package/esm2015/app/eo-framework/ui/overlay/overlay.component.js

@@ -18,7 +18,7 @@ OverlayComponent.decorators = [
     { type: Component, args: [{
                 selector: 'eo-overlay',
                 template: "<ng-container *ngIf=\"iconSrc;else btn\">\n  <eo-icon class=\"overlayIcon button {{iconClass}}\"\n           (click)=\"op.toggle($event)\"\n           (keyup.enter)=\"op.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 (click)=\"op.toggle($event)\" (keyup.enter)=\"op.toggle($event)\">\n    <ng-content select=\".btn\"></ng-content>\n  </div>\n</ng-template>\n<p-overlayPanel #op [styleClass]=\"styleClass\"  [dismissable]=\"false\" (eoOutsideClick)=\"op.hide()\">\n  <ng-content></ng-content>\n</p-overlayPanel>\n",
-                styles: [":host ::ng-deep eo-icon.active{color:var(--color-accent)}.eo-header-actions :host ::ng-deep p-overlaypanel>.ui-overlaypanel{background-color:var(--color-white);left:inherit!important;right:var(--app-pane-padding)!important;top:calc(var(--app-pane-padding)*3)!important}.eo-grid-header :host ::ng-deep p-overlaypanel>.ui-overlaypanel{background-color:var(--color-white);left:inherit!important;right:var(--app-pane-padding)!important;top:24px!important}.eo-app-bar :host ::ng-deep p-overlaypanel>.ui-overlaypanel{background-color:var(--color-primary-2);top:var(--app-bar-height)!important}.eo-app-bar :host ::ng-deep p-overlaypanel>.ui-overlaypanel .ui-overlaypanel-content{padding:0}"]
+                styles: [":host ::ng-deep eo-icon.active{color:var(--color-accent)}.eo-header-actions :host ::ng-deep p-overlaypanel>.ui-overlaypanel{left:inherit!important;right:var(--app-pane-padding)!important;top:calc(var(--app-pane-padding) * 3)!important;background-color:var(--color-white)}.eo-grid-header :host ::ng-deep p-overlaypanel>.ui-overlaypanel{left:inherit!important;right:var(--app-pane-padding)!important;top:24px!important;background-color:var(--color-white)}.eo-app-bar :host ::ng-deep p-overlaypanel>.ui-overlaypanel{top:var(--app-bar-height)!important;background-color:var(--color-primary-2)}.eo-app-bar :host ::ng-deep p-overlaypanel>.ui-overlaypanel .ui-overlaypanel-content{padding:0}"]
             },] }
 ];
 OverlayComponent.propDecorators = {

package/esm2015/app/eo-framework/ui/query-scope-select/query-scope-select.component.js

@@ -20,7 +20,7 @@ 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{background-color:hsla(0,0%,100%,.1);border:1px solid rgba(var(--color-white-rgb),.54);border-radius:4px;color:rgba(var(--color-white-rgb),.54);font-size:var(--font-caption);margin:0 4px 4px 0;outline:none;padding:4px}:host .query-scope .query-scope__button--active{background-color:var(--color-accent)!important;border-color:#fff;color:#fff!important}"]
+                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:hsla(0,0%,100%,.1);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}"]
             },] }
 ];
 QueryScopeSelectComponent.ctorParameters = () => [];

package/esm2015/app/eo-framework/ui/user-avatar/user-avatar.component.js

@@ -23,7 +23,7 @@ UserAvatarComponent.decorators = [
     { type: Component, args: [{
                 selector: 'eo-user-avatar',
                 template: `<span class="presence" *ngIf="showPresence && !present">X</span>`,
-                styles: [":host{background-color:var(--color-primary-2);background-size:cover;display:block;position:relative}:host span{background-color:var(--color-accent);border-radius:2px;color:var(--color-white);display:block;font-size:var(--font-hint);padding:0 4px;position:absolute;right:0;top:0}"]
+                styles: [":host{display:block;position:relative;background-size:cover;background-color:var(--color-primary-2)}:host span{border-radius:2px;background-color:var(--color-accent);color:var(--color-white);font-size:var(--font-hint);display:block;padding:0 4px;position:absolute;right:0;top:0}"]
             },] }
 ];
 UserAvatarComponent.ctorParameters = () => [

package/esm2015/app/eo-framework/undock-split/undock-split.component.js

@@ -68,7 +68,7 @@ UndockSplitComponent.decorators = [
                 selector: 'eo-undock-split',
                 template: "<ng-container></ng-container>\n<ng-content></ng-content>\n\n",
                 providers: [UndockSplitService],
-                styles: [":host.undocked{bottom:0;left:0;position:fixed!important;right:0;top:0;z-index:10!important}"]
+                styles: [":host.undocked{position:fixed!important;left:0;top:0;right:0;bottom:0;z-index:10!important}"]
             },] }
 ];
 UndockSplitComponent.ctorParameters = () => [

package/esm2015/app/eo-framework/upload-overlay/upload-overlay.component.js

@@ -380,7 +380,7 @@ UploadOverlayComponent.decorators = [
     { type: Component, args: [{
                 selector: 'eo-upload-overlay',
                 template: "<div id=\"eo-upload-overlay\" #overlay class=\"dark\" *ngIf=\"fileOver\" tabindex=\"1\"\n     [ngClass]=\"{hasFiles: queue.length, invalid: invalidInput, singleFile: queue.length === 1, uploading: isUploading}\">\n\n  <eo-icon class=\"button white close\" [iconSrc]=\"'assets/_default/svg/ic_clear.svg'\" (click)=\"close()\"></eo-icon>\n\n  <div class=\"count\">\n    <div>{{queue.length}}</div>\n    <div class=\"queueSize\">{{queueSize | fileSize}}</div>\n  </div>\n\n  <h1 translate>eo.upload.global.headline</h1>\n  <eo-icon class=\"uploady\" [iconSrc]=\"'assets/_default/svg/ic_upload.svg'\"></eo-icon>\n\n  <!-- batch upload dialog -->\n  <div class=\"batch-dialog\" *ngIf=\"!invalidInput && selectedUploadTarget && !isUploading\">\n\n    <h2 translate>eo.upload.global.choose.title</h2>\n    <p translate>eo.upload.global.choose.message</p>\n    <div class=\"actions\">\n      <button (click)=\"resetSelectedUploadTarget()\" translate>eo.upload.global.cancel</button>\n      <button (click)=\"proceedWithSelectedTarget(false)\" class=\"primary\" translate>eo.upload.global.choose.single</button>\n      <button (click)=\"proceedWithSelectedTarget(true)\" class=\"primary\" translate>eo.upload.global.choose.multi</button>\n    </div>\n  </div>\n\n  <!-- invalid input dialog -->\n  <div class=\"batch-dialog\" *ngIf=\"hasValidUploadTargets && invalidInput\">\n\n    <h2 translate>eo.upload.global.invalid.title</h2>\n    <p translate>eo.upload.global.invalid.message</p>\n    <div class=\"actions\">\n      <button (click)=\"close()\" translate>eo.upload.global.close</button>\n    </div>\n  </div>\n\n  <!-- no upload targets available -->\n  <div class=\"batch-dialog\" *ngIf=\"!hasValidUploadTargets\">\n\n    <h2 translate>eo.upload.global.notarget.title</h2>\n    <p translate>eo.upload.global.notarget.message</p>\n    <div class=\"actions\">\n      <button (click)=\"close()\" translate>eo.upload.global.close</button>\n    </div>\n  </div>\n\n  <div class=\"contents\" *ngIf=\"hasValidUploadTargets && !invalidInput && !selectedUploadTarget && !isUploading\">\n\n    <!-- list of available upload targets -->\n    <div class=\"targets\">\n\n      <div class=\"target-list\">\n\n        <h2 translate>eo.upload.global.target</h2>\n\n        <div class=\"upload-target\" *ngFor=\"let t of validUploadTargets; trackBy: targetTrackByFn\"\n             (click)=\"proceedWithUpload(t)\"\n             [ngSwitch]=\"t.type\">\n\n          <eo-icon [iconSrc]=\"'assets/_default/svg/ic_upload.svg'\"></eo-icon>\n\n          <!-- upload to root -->\n          <div *ngSwitchCase=\"'root'\" class=\"upload-target-general\">\n            <div class=\"name\" translate>eo.upload.global.root.title</div>\n            <div class=\"description\" translate>eo.upload.global.root.description</div>\n          </div>\n\n          <!-- replace file of a specific dms object -->\n          <div *ngSwitchCase=\"'object'\" class=\"upload-target-replace\">\n            <div class=\"name\" *ngIf=\"t.referenceObject.content;else nocontent\" translate>eo.upload.global.object.title</div>\n\n            <ng-template #nocontent>\n              <div class=\"name\" translate>eo.upload.global.object.title.nocontent</div>\n            </ng-template>\n            <div class=\"description\">{{t.description}}</div>\n          </div>\n\n          <!-- add new files to a context folder -->\n          <div *ngSwitchCase=\"'context'\" class=\"upload-target-context\">\n            <div class=\"name\">{{'eo.upload.global.context.title'|translate:({context:t.referenceObject.type.label})}}</div>\n            <div class=\"description\">{{t.description}}</div>\n          </div>\n\n          <!-- add new files to a context folder structure tree entry -->\n          <div *ngSwitchCase=\"'contexttree'\"  class=\"upload-target-contexttree\">\n            <div class=\"name\">{{'eo.add.title.location.subfolder'|translate: ({folder: t.subFolder.name})}}</div>\n          </div>\n\n          <!-- custom upload target (e.g. from plugin component) -->\n          <div *ngSwitchCase=\"'custom'\" class=\"upload-target-custom\">\n            <div class=\"name\">{{t.name}}</div>\n            <div class=\"description\">{{t.description}}</div>\n          </div>\n        </div>\n\n      </div>\n\n    </div>\n\n    <!-- list of files dragged to the component -->\n    <div class=\"files\">\n      <div class=\"files-list\">\n        <div class=\"file-item\" *ngFor=\"let i of queue; trackBy: trackByFn\">\n          <div>\n            <div class=\"name\">{{i.name}}</div>\n            <div class=\"desc\"><span class=\"size\">{{i.size | fileSize}}</span><span class=\"desc-text\">&nbsp;{{i.type}}</span></div>\n          </div>\n          <eo-icon class=\"button white\" (click)=\"removeFileItem(i)\" [iconSrc]=\"'assets/_default/svg/ic_clear.svg'\"></eo-icon>\n        </div>\n      </div>\n    </div>\n\n  </div>\n\n  <div class=\"loading\" *ngIf=\"isUploading\"><eo-loading-spinner [size]=\"'large'\"></eo-loading-spinner></div>\n\n\n</div>\n",
-                styles: [":host #eo-upload-overlay{-webkit-animation:eoFadeIn var(--app-default-transition-duration);align-items:center;animation:eoFadeIn var(--app-default-transition-duration);background-color:rgba(var(--color-black-rgb),.85);bottom:0;color:var(--color-white);display:flex;flex-flow:column;justify-content:center;left:0;overflow:auto;position:absolute;right:0;top:0;z-index:9900}:host #eo-upload-overlay h1{-webkit-animation:eoFadeInDown var(--app-default-transition-duration);animation:eoFadeInDown var(--app-default-transition-duration);color:rgba(var(--color-white-rgb),.5);font-size:4em;font-weight:300}:host #eo-upload-overlay .uploady{-webkit-animation:uploady 2s linear infinite;animation:uploady 2s linear infinite;display:block;height:20vw;width:20vw}:host #eo-upload-overlay .close{position:absolute;right:var(--app-pane-padding);top:var(--app-pane-padding)}:host #eo-upload-overlay .count{-webkit-animation:eoFadeInDown var(--app-default-transition-duration);align-items:flex-end;animation:eoFadeInDown var(--app-default-transition-duration);display:none;flex-flow:column;font-size:10vh;line-height:1em;position:absolute;right:calc(var(--app-pane-padding)*3);top:calc(var(--app-pane-padding)*3)}:host #eo-upload-overlay .count .queueSize{background-color:rgba(var(--color-white-rgb),.2);border-radius:2px;font-size:var(--font-caption);line-height:var(--font-caption);margin-top:calc(var(--app-pane-padding)/2);padding:calc(var(--app-pane-padding)/4) calc(var(--app-pane-padding)/2)}:host #eo-upload-overlay .batch-dialog{max-width:350px}:host #eo-upload-overlay .batch-dialog .actions{display:flex;justify-content:flex-end;padding-top:var(--app-pane-padding)}:host #eo-upload-overlay .batch-dialog .actions button{margin:0 calc(var(--app-pane-padding)/4)}:host #eo-upload-overlay .contents{display:none;flex-flow:row wrap;margin:var(--app-pane-padding);max-height:100%}:host #eo-upload-overlay .targets{display:flex;flex-flow:column;justify-content:center;margin:0 calc(var(--app-pane-padding)/2);order:1;position:relative}:host #eo-upload-overlay .targets .target-list{-webkit-animation:eoFadeInRight var(--app-default-transition-duration);animation:eoFadeInRight var(--app-default-transition-duration);overflow-y:auto}:host #eo-upload-overlay .targets .target-list h2{font-size:var(--font-subhead);font-weight:400}:host #eo-upload-overlay .targets .target-list .upload-target{-moz-transition:all var(--app-default-transition-duration) ease-in-out;-o-transition:all var(--app-default-transition-duration) ease-in-out;-webkit-transition:all var(--app-default-transition-duration) ease-in-out;align-items:center;background:rgba(var(--color-accent),.6);border:1px solid rgba(var(--color-white-rgb),.4);border-radius:2px;cursor:pointer;display:flex;flex-flow:row nowrap;margin:calc(var(--app-pane-padding)/2) 0;padding:calc(var(--app-pane-padding)/2);transition:all var(--app-default-transition-duration) ease-in-out}:host #eo-upload-overlay .targets .target-list .upload-target eo-icon{flex:0 0 auto;margin:0 calc(var(--app-pane-padding)/2)}:host #eo-upload-overlay .targets .target-list .upload-target>div{flex:1 1 auto;margin:0 calc(var(--app-pane-padding)/2)}:host #eo-upload-overlay .targets .target-list .upload-target>div .name{font-size:var(--font-subhead)}:host #eo-upload-overlay .targets .target-list .upload-target>div .description{font-size:var(--font-caption);opacity:.7}:host #eo-upload-overlay .targets .target-list .upload-target:hover{background-color:var(--color-accent)}:host #eo-upload-overlay .files{-webkit-animation:eoFadeInLeft var(--app-default-transition-duration);animation:eoFadeInLeft var(--app-default-transition-duration);border-radius:2px;display:flex;flex-flow:column;justify-content:center;margin:0 calc(var(--app-pane-padding)/2);order:0;overflow-y:auto;padding:calc(var(--app-pane-padding)/4)}:host #eo-upload-overlay .files .files-list{height:100%}:host #eo-upload-overlay .files .files-list .file-item{-moz-user-select:none;-webkit-user-select:none;align-items:center;background-color:rgba(var(--color-white-rgb),.1);cursor:default;display:flex;flex-flow:row nowrap;margin-bottom:calc(var(--app-pane-padding)/4);padding:calc(var(--app-pane-padding)/2) calc(var(--app-pane-padding)/4);user-select:none}:host #eo-upload-overlay .files .files-list .file-item>div{flex:1 1 auto;padding:0 calc(var(--app-pane-padding)/2)}:host #eo-upload-overlay .files .files-list .file-item>div .desc{color:rgba(var(--color-white-rgb),.75);font-size:var(--font-hint);margin-top:calc(var(--app-pane-padding)/4)}:host #eo-upload-overlay .files .files-list .file-item>div .size{background-color:rgba(var(--color-white-rgb),.2);border-radius:2px;display:inline-block;padding:0 4px}:host #eo-upload-overlay .files .files-list .file-item eo-icon{flex:0 0 auto;height:18px;padding:calc(var(--app-pane-padding)/2);width:18px}:host #eo-upload-overlay.hasFiles .uploady,:host #eo-upload-overlay.invalid .uploady,:host #eo-upload-overlay.invalid>h1{display:none}:host #eo-upload-overlay.hasFiles .contents,:host #eo-upload-overlay.hasFiles .count{display:flex}:host #eo-upload-overlay.singleFile .contents{flex-flow:column}:host #eo-upload-overlay.singleFile .contents .files{order:1;padding:0}:host #eo-upload-overlay.singleFile .contents .targets{margin-bottom:var(--app-pane-padding);order:0}:host #eo-upload-overlay.uploading .close,:host #eo-upload-overlay.uploading h1{display:none}@-webkit-keyframes uploady{0%{opacity:.1;transform:translateY(0)}50%{opacity:.3;transform:translateY(-40px)}to{opacity:.1;transform:translateY(0)}}@keyframes uploady{0%{opacity:.1;transform:translateY(0)}50%{opacity:.3;transform:translateY(-40px)}to{opacity:.1;transform:translateY(0)}}"]
+                styles: [":host #eo-upload-overlay{position:absolute;left:0;top:0;right:0;bottom:0;z-index:9900;background-color:rgba(var(--color-black-rgb),.85);animation:eoFadeIn var(--app-default-transition-duration);display:flex;flex-flow:column;align-items:center;justify-content:center;color:var(--color-white);overflow:auto}:host #eo-upload-overlay h1{font-size:4em;font-weight:300;color:rgba(var(--color-white-rgb),.5);animation:eoFadeInDown var(--app-default-transition-duration)}:host #eo-upload-overlay .uploady{animation:uploady 2s linear infinite;width:20vw;height:20vw;display:block}:host #eo-upload-overlay .close{position:absolute;right:var(--app-pane-padding);top:var(--app-pane-padding)}:host #eo-upload-overlay .count{position:absolute;display:none;right:calc(var(--app-pane-padding) * 3);top:calc(var(--app-pane-padding) * 3);font-size:10vh;flex-flow:column;align-items:flex-end;line-height:1em;animation:eoFadeInDown var(--app-default-transition-duration)}:host #eo-upload-overlay .count .queueSize{font-size:var(--font-caption);line-height:var(--font-caption);margin-top:calc(var(--app-pane-padding) / 2);border-radius:2px;padding:calc(var(--app-pane-padding) / 4) calc(var(--app-pane-padding) / 2);background-color:rgba(var(--color-white-rgb),.2)}:host #eo-upload-overlay .batch-dialog{max-width:350px}:host #eo-upload-overlay .batch-dialog .actions{display:flex;padding-top:var(--app-pane-padding);justify-content:flex-end}:host #eo-upload-overlay .batch-dialog .actions button{margin:0 calc(var(--app-pane-padding) / 4)}:host #eo-upload-overlay .contents{display:none;flex-flow:row wrap;max-height:100%;margin:var(--app-pane-padding)}:host #eo-upload-overlay .targets{order:1;margin:0 calc(var(--app-pane-padding) / 2);display:flex;flex-flow:column;justify-content:center;position:relative}:host #eo-upload-overlay .targets .target-list{animation:eoFadeInRight var(--app-default-transition-duration);overflow-y:auto}:host #eo-upload-overlay .targets .target-list h2{font-size:var(--font-subhead);font-weight:400}:host #eo-upload-overlay .targets .target-list .upload-target{background:rgba(var(--color-accent),.6);border:1px solid rgba(var(--color-white-rgb),.4);margin:calc(var(--app-pane-padding) / 2) 0;padding:calc(var(--app-pane-padding) / 2);border-radius:2px;transition:all var(--app-default-transition-duration) ease-in-out;-webkit-transition:all var(--app-default-transition-duration) ease-in-out;-moz-transition:all var(--app-default-transition-duration) ease-in-out;-o-transition:all var(--app-default-transition-duration) ease-in-out;display:flex;cursor:pointer;flex-flow:row nowrap;align-items:center}:host #eo-upload-overlay .targets .target-list .upload-target eo-icon{flex:0 0 auto;margin:0 calc(var(--app-pane-padding) / 2)}:host #eo-upload-overlay .targets .target-list .upload-target>div{flex:1 1 auto;margin:0 calc(var(--app-pane-padding) / 2)}:host #eo-upload-overlay .targets .target-list .upload-target>div .name{font-size:var(--font-subhead)}:host #eo-upload-overlay .targets .target-list .upload-target>div .description{font-size:var(--font-caption);opacity:.7}:host #eo-upload-overlay .targets .target-list .upload-target:hover{background-color:var(--color-accent)}:host #eo-upload-overlay .files{order:0;padding:calc(var(--app-pane-padding) / 4);margin:0 calc(var(--app-pane-padding) / 2);overflow-y:auto;border-radius:2px;animation:eoFadeInLeft var(--app-default-transition-duration);display:flex;flex-flow:column;justify-content:center}:host #eo-upload-overlay .files .files-list{height:100%}:host #eo-upload-overlay .files .files-list .file-item{display:flex;flex-flow:row nowrap;align-items:center;cursor:default;padding:calc(var(--app-pane-padding) / 2) calc(var(--app-pane-padding) / 4);margin-bottom:calc(var(--app-pane-padding) / 4);background-color:rgba(var(--color-white-rgb),.1);-webkit-user-select:none;-moz-user-select:none;user-select:none}:host #eo-upload-overlay .files .files-list .file-item>div{flex:1 1 auto;padding:0 calc(var(--app-pane-padding) / 2)}:host #eo-upload-overlay .files .files-list .file-item>div .desc{color:rgba(var(--color-white-rgb),.75);font-size:var(--font-hint);margin-top:calc(var(--app-pane-padding) / 4)}:host #eo-upload-overlay .files .files-list .file-item>div .size{border-radius:2px;display:inline-block;padding:0 4px;background-color:rgba(var(--color-white-rgb),.2)}:host #eo-upload-overlay .files .files-list .file-item eo-icon{flex:0 0 auto;width:18px;height:18px;padding:calc(var(--app-pane-padding) / 2)}:host #eo-upload-overlay.hasFiles .uploady,:host #eo-upload-overlay.invalid .uploady,:host #eo-upload-overlay.invalid>h1{display:none}:host #eo-upload-overlay.hasFiles .contents,:host #eo-upload-overlay.hasFiles .count{display:flex}:host #eo-upload-overlay.singleFile .contents{flex-flow:column}:host #eo-upload-overlay.singleFile .contents .files{padding:0;order:1}:host #eo-upload-overlay.singleFile .contents .targets{order:0;margin-bottom:var(--app-pane-padding)}:host #eo-upload-overlay.uploading .close,:host #eo-upload-overlay.uploading h1{display:none}@keyframes uploady{0%{transform:translateY(0);opacity:.1}50%{transform:translateY(-40px);opacity:.3}to{transform:translateY(0);opacity:.1}}"]
             },] }
 ];
 UploadOverlayComponent.ctorParameters = () => [