npm - @eo-sdk/client - Versions diffs - 7.16.1 → 7.16.2 - Mend

@eo-sdk/client 7.16.1 → 7.16.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (38) hide show

package/fesm2015/eo-sdk-client.js CHANGED Viewed

@@ -1354,6 +1354,44 @@ class GridService {
     static qnameMatch(qname, qname2) {
         return GridService.qnameFormatter(qname) === GridService.qnameFormatter(qname2);
     }
+    // copy content of either row or table cell to clipboard
+    copyToClipboard(event, gridOptions) {
+        event.preventDefault();
+        event.stopPropagation();
+        const viewport = gridOptions.api['gridPanel'].eCenterViewport;
+        const scrollLeft = viewport.scrollLeft;
+        const focusedCell = gridOptions.api.getFocusedCell();
+        const rows = event.shiftKey ? gridOptions.api.getSelectedNodes() : [gridOptions.api.getDisplayedRowAtIndex(focusedCell.rowIndex)];
+        const cols = event.shiftKey ? gridOptions.columnApi.getAllDisplayedColumns().filter((c) => c.colId !== '__selectionField') : [focusedCell.column];
+        const getCell = (col, row) => gridOptions.api['gridPanel'].eGui.querySelector(`div[row-index="${row.rowIndex}"] [col-id="${col.colId}"]`);
+        const value = (col, row) => {
+            gridOptions.api.ensureColumnVisible(col);
+            const cell = getCell(col, row);
+            if (!cell)
+                return '';
+            const chips = cell.querySelectorAll('.chip') || [];
+            const val = Array.from(chips.length ? chips : [cell]).map((c) => (c && c.textContent && c.textContent.trim()) || '');
+            const value = val.toString() || gridOptions.api.getValue(col, row);
+            return !UtilitiesService.isEmpty(value) ? value.toString().replace(new RegExp('\n', 'g'), ' ') : '';
+        };
+        let content = '';
+        if (event.altKey)
+            content += cols.map((col) => col.getColDef().headerName).join('	') + '\n';
+        content += rows.map((row) => cols.map((col) => value(col, row)).join('	')).join('\n');
+        viewport.scrollLeft = scrollLeft;
+        setTimeout(() => rows.map((row) => cols.map((col) => {
+            const cell = getCell(col, row);
+            cell && cell.classList.add('copy-cell');
+            cell && setTimeout(() => cell && cell.classList.remove('copy-cell'), 4000);
+        })), 100);
+        // navigator.clipboard.writeText(content); // only if client runs https
+        const textArea = document.createElement('textarea');
+        textArea.value = content;
+        document.body.appendChild(textArea);
+        textArea.select();
+        const copySuccess = document.execCommand('copy');
+        document.body.removeChild(textArea);
+    }
     openLink(uri, newTab = false) {
         if (newTab) {
             window.open(CellRenderer.windowURI(uri));
@@ -3116,14 +3154,15 @@ LoadingSpinnerComponent.decorators = [
                 selector: 'eo-loading-spinner',
                 template: `
     <div class="eo-loading">
-      <div class="eo-loader" [ngClass]="{small: size === 'small', large: size === 'large'}"></div>
+      <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.small{border-width:2px;height:2em;width:2em}: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-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)}}"]
             },] }
 ];
 LoadingSpinnerComponent.ctorParameters = () => [];
 LoadingSpinnerComponent.propDecorators = {
-    size: [{ type: Input }]
+    size: [{ type: Input }],
+    mode: [{ type: Input }]
 };
 class ClipboardComponent {
@@ -3613,7 +3652,7 @@ EoDialogComponent.decorators = [
                 selector: 'eo-dialog',
                 template: "<p-dialog *ngIf=\"visible\" modal=\"modal\" [responsive]=\"true\" [closeOnEscape]=\"false\" [dismissableMask]=\"true\" [closable]=\"false\" [resizable]=\"resizable\"\r\n          [showHeader]=\"false\" [header]=\"title\" [(visible)]=\"visible\" [appendTo]=\"appendTo\" [ngClass]=\"styleClass || ''\" [autoAlign]=\"true\"\r\n          [focusOnShow]=\"focusOnShow\" [minWidth]=\"minWidth\" [minHeight]=\"minHeight\" eoRtlAware=\"dir\" styleClass=\"active\" [contentStyle]=\"{'max-height':'100%'}\">\r\n\r\n  <div class=\"eo-dialog\" [ngClass]=\"styleClass || ''\" eoRtlAware=\"dir\">\r\n    <header class=\"eo-dialog-header\" [ngClass]=\"styleClass ? styleClass + '--header ' : ''\">\r\n      <h5 class=\"headline\">{{title}}</h5>\r\n      <h6 *ngIf=\"subtitle\" class=\"subtitle\">{{subtitle}}</h6>\r\n      <eo-icon [iconSrc]=\"'assets/_default/svg/ic_clear.svg'\" (click)=\"closeDialog()\" class=\"button white eo-dialog-close\"></eo-icon>\r\n    </header>\r\n    <div class=\"eo-dialog-content\" [ngClass]=\"styleClass ? styleClass + '--content ' : ''\">\r\n      <ng-content></ng-content>\r\n    </div>\r\n  </div>\r\n\r\n</p-dialog>\r\n",
                 encapsulation: ViewEncapsulation.None,
-                styles: ["body>.ui-dialog.fullscreen{height:95%;width:95%}body>.ui-dialog.fullscreen .ui-dialog-content{height:100%}body>.ui-dialog:not(.ui-helper-hidden),p-dialog .ui-dialog:not(.ui-helper-hidden){-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;transition:all var(--app-default-transition-duration) ease-in-out}body>.ui-dialog:not(.ui-helper-hidden):not(.active),p-dialog .ui-dialog:not(.ui-helper-hidden):not(.active){transform:perspective(600px) rotateY(10deg) translate3d(-100px,-100px,-100px)}body>.ui-dialog:not(.ui-helper-hidden):not(.active) .eo-dialog-header,p-dialog .ui-dialog:not(.ui-helper-hidden):not(.active) .eo-dialog-header{background-color:var(--color-primary)}body>.ui-dialog.ui-widget .ui-dialog-content,p-dialog .ui-dialog.ui-widget .ui-dialog-content{overflow:inherit;padding:0}.eo-dialog{-webkit-animation:none;animation:none;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-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:100%;width:100%}.object-form-table-dialog .body{height:100%;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)}.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 .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 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}"]
+                styles: ["body>.ui-dialog.fullscreen{height:95%;width:95%}body>.ui-dialog.fullscreen .ui-dialog-content{height:100%}body>.ui-dialog:not(.ui-helper-hidden),p-dialog .ui-dialog:not(.ui-helper-hidden){-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;transition:all var(--app-default-transition-duration) ease-in-out}body>.ui-dialog:not(.ui-helper-hidden):not(.active),p-dialog .ui-dialog:not(.ui-helper-hidden):not(.active){transform:perspective(600px) rotateY(10deg) translate3d(-100px,-100px,-100px)}body>.ui-dialog:not(.ui-helper-hidden):not(.active) .eo-dialog-header,p-dialog .ui-dialog:not(.ui-helper-hidden):not(.active) .eo-dialog-header{background-color:var(--color-primary)}body>.ui-dialog.ui-widget .ui-dialog-content,p-dialog .ui-dialog.ui-widget .ui-dialog-content{overflow:inherit;padding:0}.eo-dialog{-webkit-animation:none;animation:none;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-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:100%;width:100%}.object-form-table-dialog .body{height:100%;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)}.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}"]
             },] }
 ];
 EoDialogComponent.ctorParameters = () => [
@@ -4663,12 +4702,12 @@ class AppSearchComponent {
 AppSearchComponent.decorators = [
     { type: Component, args: [{
                 selector: 'eo-app-search',
-                template: "<eo-dialog class=\"eo-app-search-dialog\" [appendTo]=\"''\" [visible]=\"true\" (hide)=\"closeSearchMenu($event)\">\r\n\r\n  <div class=\"eo-app-search\" [ngClass]=\"{expert: query.expertMode}\" eoRtlAware=\"full\" *ngIf=\"query\">\r\n\r\n    <div class=\"head\">\r\n\r\n      <div class=\"search\">\r\n        <form (submit)=\"executeSearch()\">\r\n          <div class=\"title\" translate>eo.search</div>\r\n\r\n          <eo-query-scope-select [selection]=\"queryScope\" (select)=\"setQueryScope($event)\"></eo-query-scope-select>\r\n\r\n          <div class=\"search-box\">\r\n            <p-autoComplete *ngIf=\"!query.expertMode; else expertInput\" #searchInput class=\"form-control\"\r\n              [(ngModel)]=\"query.term\" [ngModelOptions]=\"{standalone: true}\" [suggestions]=\"autocompleteResults\"\r\n              (onSelect)=\"autocompleteSelect()\" (completeMethod)=\"autocompleteSuggest($event)\" (paste)=\"autocompletePaste($event)\"\r\n              (onClear)=\"autocompleteSuggest()\" [delay]=\"500\" [minLength]=\"3\"></p-autoComplete>\r\n\r\n            <ng-template #expertInput>\r\n              <input autofocus=\"autofocus\" class=\"expert-search__input\" #xpinput type=\"text\"\r\n                (ngModelChange)=\"expertTermChanged()\" [(ngModel)]=\"query.term\" [ngModelOptions]=\"{standalone: true}\">\r\n            </ng-template>\r\n\r\n            <button class=\"btn expert-mode\" type=\"button\" (click)=\"toggleExpertMode()\">\r\n              <!--<span translate>eo.search.mode.expert</span>-->\r\n              <eo-loading-spinner *ngIf=\"loading\" [size]=\"'small'\"></eo-loading-spinner>\r\n              <eo-icon [iconSrc]=\"'assets/_default/svg/ic_expert-search.svg'\"\r\n                [iconTitle]=\"('eo.search.mode.expert' | translate)\" *ngIf=\"!query?.expertMode; else close\"></eo-icon>\r\n              <ng-template #close>\r\n                <eo-icon [iconSrc]=\"'assets/_default/svg/ic_expert-search.svg'\"\r\n                  [iconTitle]=\"('eo.search.mode.expert.close' | translate)\"></eo-icon>\r\n              </ng-template>\r\n            </button>\r\n\r\n            <button type=\"button\" class=\"btn expert-mode expert-mode__reset\" [ngClass]=\"{active: query.term}\"\r\n              (click)=\"resetExpertModeInput()\">\r\n              <eo-icon [iconSrc]=\"'assets/_default/svg/ic_clear.svg'\"\r\n                [iconTitle]=\"('eo.search.clear.search' | translate)\"></eo-icon>\r\n            </button>\r\n\r\n            <button class=\"btn btn-default\" type=\"submit\" [disabled]=\"queryState.isEmpty\"\r\n              translate>eo.search.submit</button>\r\n          </div>\r\n        </form>\r\n      </div>\r\n\r\n      <div class=\"result\">{{queryState.totalCount | localeDecimal}}</div>\r\n      <eo-icon class=\"button white close\" [iconSrc]=\"'assets/_default/svg/ic_clear.svg'\"\r\n        [iconTitle]=\"('eo.search.close' | translate)\" (click)=\"closeSearchMenu($event)\"></eo-icon>\r\n\r\n    </div>\r\n\r\n    <div class=\"body\" *ngIf=\"!query.expertMode; else expert\">\r\n\r\n      <p-tabView [styleClass]=\"'tab-main'\" (onChange)=\"onTabChange($event.index)\" [activeIndex]=\"activeTabIndex\">\r\n        <!-- object type restriction panel -->\r\n        <p-tabPanel header=\"{{'eo.search.restrict.type'|translate}}\" headerStyleClass=\"search-tab-objecttype\">\r\n\r\n          <!-- object type selection -->\r\n          <div class=\"object-types rest-box-container\" [ngClass]=\"{idxenabled: query.types.length < 1}\"\r\n            *ngIf=\"objectTypeGroups && !idxSearch\">\r\n            <div class=\"group rest-box\" *ngFor=\"let group of objectTypeGroups\">\r\n              <h3 *ngIf=\"group.label !== '0'\">{{group.label}}</h3>\r\n              <h3 *ngIf=\"group.label === '0'\" translate>{{'eo.search.group.general'}}</h3>\r\n              <div class=\"type\" *ngFor=\"let type of group.types\"\r\n                [ngClass]=\"{context: type.isContextFolder, folder: type.isFolder, abstract: type.isAbstract, selected: isTypeActive(type), saved: isTypeSaved(type)}\">\r\n\r\n                <div class=\"checkbox\" (click)=\"toggleType(type)\">\r\n                  <svg fill=\"#ffffff\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\">\r\n                    <path d=\"M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z\" />\r\n                  </svg>\r\n                </div>\r\n                <div class=\"item\" (click)=\"selectObjectType(type)\">\r\n                  <eo-icon [objectType]=\"type\"></eo-icon>\r\n                  <div class=\"label\">{{type.label}} {{type.isAbstract ? '('+ ('eo.search.type.abstract' | translate) + ')' : ''}}</div>\r\n                  <div class=\"count\">{{getAggregationCount(type) | localeDecimal}}</div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n\r\n          <!-- indexdata search -->\r\n          <div class=\"indexdata-search\" *ngIf=\"idxSearch\">\r\n            <h2>\r\n              <eo-icon class=\"button\" [iconSrc]=\"'assets/_default/svg/ic_arrow_back.svg'\"\r\n                (click)=\"exitIndexdataSearch()\"></eo-icon>\r\n              <span translate [translateParams]=\"{type: idxSearch.type.label}\">eo.search.objecttype.form</span>\r\n            </h2>\r\n\r\n            <!-- context type selection -->\r\n            <div class=\"context\" *ngIf=\"idxSearch.contextModels.length\">\r\n\r\n              <div class=\"context-select\">\r\n                <div translate>eo.search.objecttype.form.context</div>\r\n                <div class=\"spacer\"></div>\r\n\r\n                <eo-context-search *ngFor=\"let ctx of idxSearch.contextModels; index as i\" [ctx]=\"ctx\" [query]=\"query\"\r\n                  [selected]=\"currentContextFolderName === ctx.name\"\r\n                  [disabled]=\"(currentContextFolderName && currentContextFolderName !== ctx.name)\"\r\n                  [idxSearch]=\"idxSearch\" (setContext)=\"setContext($event)\">\r\n                </eo-context-search>\r\n              </div>\r\n\r\n              <section class=\"context form\">\r\n                <eo-object-form class=\"dark\" #ctxform\r\n                  *ngIf=\"idxSearch.contextFormOptions && idxSearch.contextFormOptions?.formModel?.elements?.length\"\r\n                  [formOptions]=\"idxSearch.contextFormOptions\" (statusChanged)=\"onIndexDataChanged($event)\">\r\n                </eo-object-form>\r\n              </section>\r\n            </div>\r\n\r\n\r\n            <section class=\"object-type form\" *ngIf=\"idxSearch.formOptions\">\r\n              <eo-object-form #idxform [formOptions]=\"idxSearch.formOptions\"\r\n                (statusChanged)=\"onIndexDataChanged($event)\">\r\n              </eo-object-form>\r\n            </section>\r\n          </div>\r\n        </p-tabPanel>\r\n\r\n        <!-- created restriction panel -->\r\n        <p-tabPanel header=\"{{'eo.search.restrict.creation' | translate}}\" headerStyleClass=\"search-tab-created\">\r\n\r\n          <div class=\"created rest-box-container\" *ngIf=\"queryState.aggregations\">\r\n\r\n            <div class=\"rest-box box-timespan\">\r\n              <h3 translate>eo.search.agg.time.span</h3>\r\n              <div class=\"rest-item\" *ngFor=\"let agg of aggregationsModel[PARAMS.CREATED]\"\r\n                (click)=\"toggleFilter(PARAMS.CREATED, OPERATOR.RANGE, agg.key, agg.selected)\"\r\n                [ngClass]=\"{selected: agg.selected, saved: agg.saved}\">\r\n                <div class=\"label\">{{agg.label}}</div>\r\n                <div class=\"count\">{{agg.value | localeDecimal}}</div>\r\n              </div>\r\n            </div>\r\n\r\n            <div class=\"rest-box box-timespan-custom\">\r\n              <h3 translate>eo.search.agg.time.span.custom</h3>\r\n              <form #createdForm=\"ngForm\">\r\n                <eo-form-input [label]=\"'eo.search.agg.time.span' | translate\">\r\n                  <eo-datetime-range #createdField [(ngModel)]=\"filtersModel[PARAMS.CREATED].value\" name=\"range\"\r\n                    [withTime]=\"createdField.searchOption !== OPERATOR.EQUAL\"\r\n                    (ngModelChange)=\"setFilter(PARAMS.CREATED, OPERATOR.EQUAL, $event, createdForm)\">\r\n                  </eo-datetime-range>\r\n                </eo-form-input>\r\n              </form>\r\n            </div>\r\n\r\n            <div class=\"rest-box box-creator\">\r\n              <h3 translate>eo.search.agg.creator</h3>\r\n              <form #creatorForm=\"ngForm\">\r\n                <eo-form-input [label]=\"'eo.search.agg.createdby' | translate\">\r\n                  <eo-organization [multiselect]=\"true\" [(ngModel)]=\"filtersModel[PARAMS.CREATOR].value\" name=\"creator\"\r\n                    (onValueResolved)=\"resolveLabel(filtersModel[PARAMS.CREATOR], $event)\" [situation]=\"'SEARCH'\"\r\n                    (ngModelChange)=\"setFilter(PARAMS.CREATOR, OPERATOR.IN, $event, creatorForm)\"></eo-organization>\r\n                </eo-form-input>\r\n              </form>\r\n            </div>\r\n\r\n          </div>\r\n\r\n        </p-tabPanel>\r\n        <p-tabPanel header=\"{{'eo.search.restrict.modification'|translate}}\" headerStyleClass=\"search-tab-changed\">\r\n\r\n          <div class=\"modified rest-box-container\" *ngIf=\"queryState.aggregations\">\r\n\r\n            <div class=\"rest-box box-timespan\">\r\n              <h3 translate>eo.search.agg.time.span</h3>\r\n              <div class=\"rest-item\" *ngFor=\"let agg of aggregationsModel[PARAMS.MODIFIED]\"\r\n                (click)=\"toggleFilter(PARAMS.MODIFIED, OPERATOR.RANGE, agg.key, agg.selected)\"\r\n                [ngClass]=\"{selected: agg.selected, saved: agg.saved}\">\r\n                <div class=\"label\">{{agg.label}}</div>\r\n                <div class=\"count\">{{agg.value | localeDecimal}}</div>\r\n              </div>\r\n            </div>\r\n\r\n            <div class=\"rest-box box-timespan-custom\">\r\n              <h3 translate>eo.search.agg.time.span.custom</h3>\r\n              <form #modifiedForm=\"ngForm\">\r\n                <eo-form-input [label]=\"'eo.search.agg.time.span' | translate\">\r\n                  <eo-datetime-range #modifiedField [(ngModel)]=\"filtersModel[PARAMS.MODIFIED].value\" name=\"range\"\r\n                    [withTime]=\"modifiedField.searchOption !== OPERATOR.EQUAL\"\r\n                    (ngModelChange)=\"setFilter(PARAMS.MODIFIED, OPERATOR.EQUAL, $event, modifiedForm)\">\r\n                  </eo-datetime-range>\r\n                </eo-form-input>\r\n              </form>\r\n            </div>\r\n\r\n            <div class=\"rest-box box-modifier\">\r\n              <h3 translate>eo.search.agg.modifier</h3>\r\n              <form #modifierForm=\"ngForm\">\r\n                <eo-form-input [label]=\"'eo.search.agg.modifiedby' | translate\">\r\n                  <eo-organization [multiselect]=\"true\" [(ngModel)]=\"filtersModel[PARAMS.MODIFIER].value\"\r\n                    name=\"modifier\" (onValueResolved)=\"resolveLabel(filtersModel[PARAMS.MODIFIER], $event)\"\r\n                    [situation]=\"'SEARCH'\"\r\n                    (ngModelChange)=\"setFilter(PARAMS.MODIFIER, OPERATOR.IN, $event, modifierForm)\"></eo-organization>\r\n                </eo-form-input>\r\n              </form>\r\n            </div>\r\n          </div>\r\n        </p-tabPanel>\r\n\r\n        <p-tabPanel header=\"{{'eo.search.restrict.file'|translate}}\" headerStyleClass=\"search-tab-docfile\">\r\n          <div class=\"file rest-box-container\" *ngIf=\"queryState.aggregations\">\r\n\r\n            <div class=\"rest-box box-mimetype-group\">\r\n              <h3 translate>eo.search.restrict.mimetypegroup</h3>\r\n              <div class=\"rest-item\" *ngFor=\"let agg of aggregationsModel[PARAMS.MIMETYPEGROUP]\"\r\n                (click)=\"setFilter(PARAMS.MIMETYPEGROUP, OPERATOR.IN, resolveSelection(aggregationsModel[PARAMS.MIMETYPEGROUP], agg.key, agg.selected))\"\r\n                [ngClass]=\"{selected: agg.selected, saved: agg.saved}\">\r\n                <div class=\"checkbox\">\r\n                  <svg fill=\"#ffffff\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\">\r\n                    <path d=\"M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z\" />\r\n                  </svg>\r\n                </div>\r\n                <div class=\"label\">{{agg.label}}</div>\r\n                <div class=\"count\">{{agg.value | localeDecimal}}</div>\r\n              </div>\r\n            </div>\r\n\r\n            <div class=\"rest-box box-filesize\">\r\n              <h3 translate>eo.search.restrict.filesize</h3>\r\n              <div class=\"rest-item\" *ngFor=\"let agg of aggregationsModel[PARAMS.FILESIZE]\"\r\n                (click)=\"toggleFilter(PARAMS.FILESIZE, OPERATOR.RANGE, agg.key, agg.selected)\"\r\n                [ngClass]=\"{selected: agg.selected, saved: agg.saved}\">\r\n                <div class=\"label\">{{agg.label}}</div>\r\n                <div class=\"count\">{{agg.value | localeDecimal}}</div>\r\n              </div>\r\n            </div>\r\n\r\n            <div class=\"rest-box box-filename\">\r\n              <h3 translate>eo.search.restrict.filename</h3>\r\n              <form #filenameForm=\"ngForm\">\r\n                <eo-form-input [label]=\"'eo.search.restrict.filename' | translate\">\r\n                  <eo-string [autocomplete]=\"true\" [qname]=\"'filename'\"\r\n                    [(ngModel)]=\"filtersModel[PARAMS.FILENAME].value\" name=\"filename\"\r\n                    (ngModelChange)=\"setFilter(PARAMS.FILENAME, OPERATOR.EQUAL, $event, filenameForm)\"></eo-string>\r\n                </eo-form-input>\r\n              </form>\r\n            </div>\r\n          </div>\r\n        </p-tabPanel>\r\n      </p-tabView>\r\n\r\n\r\n      <!-- summary of the current search filters -->\r\n      <div class=\"summary-panel\">\r\n\r\n        <div class=\"headline stored-query\" *ngIf=\"isStoredQuery; else reghead\">\r\n          <div class=\"pre\" translate>eo.search.aside.summary.storedquery</div>\r\n          <div class=\"stored-query-name\">{{storedQuery.name}}</div>\r\n        </div>\r\n\r\n        <ng-template #reghead>\r\n          <div class=\"headline\" translate>eo.search.aside.summary</div>\r\n        </ng-template>\r\n\r\n        <section class=\"query-types\">\r\n          <!-- search term -->\r\n          <div class=\"section section-searchterm\" *ngIf=\"query.term\">\r\n            <div class=\"title\" translate>eo.search.aside.summary.term</div>\r\n            <div class=\"filter\">\r\n              <div class=\"label\">{{query.term}}</div>\r\n              <eo-icon [iconSrc]=\"'assets/_default/svg/ic_clear.svg'\" (click)=\"removeTerm()\"></eo-icon>\r\n            </div>\r\n          </div>\r\n\r\n          <!-- context type -->\r\n          <div class=\"section section-contexttype\" *ngIf=\"query.contextFolderTypes.length\">\r\n            <div class=\"title\" translate>eo.search.aside.summary.contextfoldertypes</div>\r\n            <div class=\"filter\" *ngFor=\"let type of query.contextFolderTypes\">\r\n              <div class=\"label\">{{type.label}}</div>\r\n              <eo-icon [iconSrc]=\"'assets/_default/svg/ic_clear.svg'\" (click)=\"removeContextType()\"></eo-icon>\r\n            </div>\r\n          </div>\r\n\r\n          <!-- object type -->\r\n          <div class=\"section section-objecttype\" *ngIf=\"query.types.length\">\r\n            <div class=\"title\" translate>eo.search.aside.summary.types</div>\r\n            <div class=\"filter\" *ngFor=\"let type of query.types\">\r\n              <div class=\"label\">{{type.label}}</div>\r\n              <eo-icon [iconSrc]=\"'assets/_default/svg/ic_clear.svg'\" (click)=\"removeType(type)\"></eo-icon>\r\n            </div>\r\n          </div>\r\n\r\n          <ng-template #filterTemplate let-filter let-translate>\r\n            <ng-container *ngIf=\"filter.innerValue.length\">\r\n              <div class=\"filter\" *ngFor=\"let val of filter.innerValue; index as i\">\r\n                <div class=\"label\">{{filter.label[i] | async}}</div>\r\n                <eo-icon [iconSrc]=\"'assets/_default/svg/ic_clear.svg'\" (click)=\"resetFilter(filter, val)\"></eo-icon>\r\n              </div>\r\n            </ng-container>\r\n          </ng-template>\r\n\r\n          <div class=\"section section-creation\"\r\n            *ngIf=\"filtersModel[PARAMS.CREATED].innerValue.length || filtersModel[PARAMS.CREATOR].innerValue.length\">\r\n            <div class=\"title\" translate>eo.search.restrict.creation</div>\r\n            <ng-template [ngTemplateOutlet]=\"filterTemplate\"\r\n              [ngTemplateOutletContext]=\"{ $implicit: filtersModel[PARAMS.CREATED] }\"></ng-template>\r\n            <ng-template [ngTemplateOutlet]=\"filterTemplate\"\r\n              [ngTemplateOutletContext]=\"{ $implicit: filtersModel[PARAMS.CREATOR] }\"></ng-template>\r\n          </div>\r\n\r\n          <div class=\"section section-modification\"\r\n            *ngIf=\"filtersModel[PARAMS.MODIFIED].innerValue.length || filtersModel[PARAMS.MODIFIER].innerValue.length\">\r\n            <div class=\"title\" translate>eo.search.restrict.modification</div>\r\n            <ng-template [ngTemplateOutlet]=\"filterTemplate\"\r\n              [ngTemplateOutletContext]=\"{ $implicit: filtersModel[PARAMS.MODIFIED] }\"></ng-template>\r\n            <ng-template [ngTemplateOutlet]=\"filterTemplate\"\r\n              [ngTemplateOutletContext]=\"{ $implicit: filtersModel[PARAMS.MODIFIER] }\"></ng-template>\r\n          </div>\r\n\r\n          <div class=\"section section-mimetypegroup\"\r\n            *ngIf=\"filtersModel[PARAMS.MIMETYPEGROUP].innerValue.length || filtersModel[PARAMS.FILESIZE].innerValue.length || filtersModel[PARAMS.FILENAME].innerValue.length\">\r\n            <div class=\"title\" translate>eo.search.restrict.file</div>\r\n            <ng-template [ngTemplateOutlet]=\"filterTemplate\"\r\n              [ngTemplateOutletContext]=\"{ $implicit: filtersModel[PARAMS.MIMETYPEGROUP] }\"></ng-template>\r\n            <ng-template [ngTemplateOutlet]=\"filterTemplate\"\r\n              [ngTemplateOutletContext]=\"{ $implicit: filtersModel[PARAMS.FILESIZE] }\"></ng-template>\r\n            <ng-template [ngTemplateOutlet]=\"filterTemplate\"\r\n              [ngTemplateOutletContext]=\"{ $implicit: filtersModel[PARAMS.FILENAME] }\"></ng-template>\r\n          </div>\r\n        </section>\r\n\r\n        <div class=\"actions\" *ngIf=\"query.term || query.filters.length || query.types.length; else emptySearch\">\r\n\r\n          <ng-container *ngIf=\"isStoredQuery; else regactions\">\r\n            <button class=\"secondary btn-reset\" (click)=\"resetQuery()\" translate>eo.search.storedquery.close</button>\r\n            <button class=\"primary grey btn-update\" (click)=\"updateStoredQuery()\"\r\n              *ngIf=\"capabilities.storedqueries && isOwnQuery\" translate>eo.search.storedquery.update</button>\r\n            <button class=\"primary grey btn-save\" (click)=\"saveQuery()\"\r\n              *ngIf=\"capabilities.storedqueries && !isOwnQuery\" translate>eo.search.save</button>\r\n            <button class=\"primary btn-submit\" (click)=\"executeSearch()\" [disabled]=\"queryState.isEmpty\"\r\n              translate>eo.search.submit</button>\r\n          </ng-container>\r\n\r\n          <ng-template #regactions>\r\n            <button class=\"primary grey btn-reset\" (click)=\"resetQuery()\" translate>eo.search.reset</button>\r\n            <button class=\"primary grey btn-save\" (click)=\"saveQuery()\"\r\n              *ngIf=\"capabilities.storedqueries && !isOwnQuery\" translate>eo.search.save</button>\r\n            <button class=\"primary btn-submit\" (click)=\"executeSearch()\" [disabled]=\"queryState.isEmpty\"\r\n              translate>eo.search.submit</button>\r\n          </ng-template>\r\n\r\n\r\n        </div>\r\n\r\n        <ng-template #emptySearch>\r\n          <div class=\"empty-search\" translate>eo.search.summary.empty</div>\r\n        </ng-template>\r\n\r\n      </div>\r\n\r\n\r\n    </div>\r\n\r\n    <!-- expert mode body panel containing explanations -->\r\n    <ng-template #expert>\r\n      <div class=\"body expert\">\r\n\r\n        <div class=\"empty\" *ngIf=\"expertModeQueryEmpty\"><span translate>eo.search.mode.expert.result.empty</span></div>\r\n\r\n        <!--\r\n        <h2><span translate>eo.search.mode.expert</span></h2>\r\n        <div class=\"intro\" translate>eo.search.mode.expert.intro</div>\r\n\r\n        <div class=\"base-params fields\">\r\n          <h2 translate>eo.search.mode.expert.support.baseparams</h2>\r\n          <div class=\"items\">\r\n            <div class=\"item\" *ngFor=\"let el of expertModeSupport.baseParams\" (click)=\"xpAddToTerm(el.data)\">\r\n              <div class=\"label\"><span>{{el.label}}</span></div>\r\n              <div class=\"data\">{{el.data}}</div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n\r\n        <div class=\"system-types fields\">\r\n\r\n          <div class=\"column column-group\">\r\n            <h2 translate>eo.search.mode.expert.support.group</h2>\r\n            <div class=\"items\">\r\n              <div class=\"item\" *ngFor=\"let group of typeGroupTree\"\r\n                   [ngClass]=\"{selected: expertModeSupport.selectedGroup && group.id === expertModeSupport.selectedGroup.id}\"\r\n                   (click)=\"xpSelectGroup(group)\">\r\n                <div *ngIf=\"group.label !== '0'\">{{group.label}}</div>\r\n                <div *ngIf=\"group.label === '0'\">{{'eo.search.group.general' | translate}}</div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n\r\n          <div class=\"column column-type\" *ngIf=\"expertModeSupport.selectedGroup\">\r\n            <h2 translate>eo.search.mode.expert.support.type</h2>\r\n            <div class=\"items\">\r\n              <div class=\"item\" *ngFor=\"let type of expertModeSupport.selectedGroup.tree\"\r\n                   [ngClass]=\"{selected: expertModeSupport.selectedType && type.id === expertModeSupport.selectedType.id}\"\r\n                   (click)=\"xpSelectType(type)\">\r\n                <div>{{type.label}}</div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n\r\n          <div class=\"column section-field\" *ngIf=\"expertModeSupport.selectedType\">\r\n            <h2 translate>eo.search.mode.expert.support.field</h2>\r\n            <div class=\"items\">\r\n              <div class=\"item\" *ngFor=\"let el of expertModeSupport.selectedType.children\" (click)=\"xpAddToTerm(el.data)\">\r\n                <div class=\"label\"><span>{{el.label}}</span><span class=\"type\">{{el.type}}</span></div>\r\n                <div class=\"data\">{{el.data}}</div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n\r\n        </div>\r\n\r\n        -->\r\n      </div>\r\n    </ng-template>\r\n  </div>\r\n</eo-dialog>",
+                template: "<eo-dialog class=\"eo-app-search-dialog\" [appendTo]=\"''\" [visible]=\"true\" (hide)=\"closeSearchMenu($event)\">\r\n\r\n  <div class=\"eo-app-search\" [ngClass]=\"{expert: query.expertMode}\" eoRtlAware=\"full\" *ngIf=\"query\">\r\n\r\n    <div class=\"head\">\r\n\r\n      <div class=\"search\">\r\n        <form (submit)=\"executeSearch()\">\r\n          <div class=\"title\" translate>eo.search</div>\r\n\r\n          <eo-query-scope-select [selection]=\"queryScope\" (select)=\"setQueryScope($event)\"></eo-query-scope-select>\r\n\r\n          <div class=\"search-box\">\r\n            <p-autoComplete *ngIf=\"!query.expertMode; else expertInput\" #searchInput class=\"form-control\"\r\n              [(ngModel)]=\"query.term\" [ngModelOptions]=\"{standalone: true}\" [suggestions]=\"autocompleteResults\"\r\n              (onSelect)=\"autocompleteSelect()\" (completeMethod)=\"autocompleteSuggest($event)\" (paste)=\"autocompletePaste($event)\"\r\n              (onClear)=\"autocompleteSuggest()\" [delay]=\"500\" [minLength]=\"3\"></p-autoComplete>\r\n\r\n            <ng-template #expertInput>\r\n              <input autofocus=\"autofocus\" class=\"expert-search__input\" #xpinput type=\"text\"\r\n                (ngModelChange)=\"expertTermChanged()\" [(ngModel)]=\"query.term\" [ngModelOptions]=\"{standalone: true}\">\r\n            </ng-template>\r\n\r\n            <button class=\"btn expert-mode\" type=\"button\" (click)=\"toggleExpertMode()\">\r\n              <!--<span translate>eo.search.mode.expert</span>-->\r\n              <eo-icon [iconSrc]=\"'assets/_default/svg/ic_expert-search.svg'\"\r\n                [iconTitle]=\"('eo.search.mode.expert' | translate)\" *ngIf=\"!query?.expertMode; else close\"></eo-icon>\r\n              <ng-template #close>\r\n                <eo-icon [iconSrc]=\"'assets/_default/svg/ic_expert-search.svg'\"\r\n                  [iconTitle]=\"('eo.search.mode.expert.close' | translate)\"></eo-icon>\r\n              </ng-template>\r\n            </button>\r\n\r\n            <button type=\"button\" class=\"btn expert-mode expert-mode__reset\" [ngClass]=\"{active: query.term}\"\r\n              (click)=\"resetExpertModeInput()\">\r\n              <eo-icon [iconSrc]=\"'assets/_default/svg/ic_clear.svg'\"\r\n                [iconTitle]=\"('eo.search.clear.search' | translate)\"></eo-icon>\r\n            </button>\r\n\r\n            <button class=\"btn btn-default\" type=\"submit\" [disabled]=\"queryState.isEmpty\"\r\n              translate>eo.search.submit</button>\r\n          </div>\r\n        </form>\r\n      </div>\r\n\r\n      <div class=\"result\" *ngIf=\"!loading; else spinner\">\r\n        {{queryState.totalCount | localeDecimal}}\r\n      </div>\r\n      <ng-template #spinner>\r\n        <eo-loading-spinner class=\"search-aggregator__loader\" [size]=\"'medium'\" [mode]=\"'dark'\"></eo-loading-spinner>\r\n      </ng-template>\r\n      <eo-icon class=\"button white close\" [iconSrc]=\"'assets/_default/svg/ic_clear.svg'\"\r\n        [iconTitle]=\"('eo.search.close' | translate)\" (click)=\"closeSearchMenu($event)\"></eo-icon>\r\n\r\n    </div>\r\n\r\n    <div class=\"body\" *ngIf=\"!query.expertMode; else expert\">\r\n\r\n      <p-tabView [styleClass]=\"'tab-main'\" (onChange)=\"onTabChange($event.index)\" [activeIndex]=\"activeTabIndex\">\r\n        <!-- object type restriction panel -->\r\n        <p-tabPanel header=\"{{'eo.search.restrict.type'|translate}}\" headerStyleClass=\"search-tab-objecttype\">\r\n\r\n          <!-- object type selection -->\r\n          <div class=\"object-types rest-box-container\" [ngClass]=\"{idxenabled: query.types.length < 1}\"\r\n            *ngIf=\"objectTypeGroups && !idxSearch\">\r\n            <div class=\"group rest-box\" *ngFor=\"let group of objectTypeGroups\">\r\n              <h3 *ngIf=\"group.label !== '0'\">{{group.label}}</h3>\r\n              <h3 *ngIf=\"group.label === '0'\" translate>{{'eo.search.group.general'}}</h3>\r\n              <div class=\"type\" *ngFor=\"let type of group.types\"\r\n                [ngClass]=\"{context: type.isContextFolder, folder: type.isFolder, abstract: type.isAbstract, selected: isTypeActive(type), saved: isTypeSaved(type)}\">\r\n\r\n                <div class=\"checkbox\" (click)=\"toggleType(type)\">\r\n                  <svg fill=\"#ffffff\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\">\r\n                    <path d=\"M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z\" />\r\n                  </svg>\r\n                </div>\r\n                <div class=\"item\" (click)=\"selectObjectType(type)\">\r\n                  <eo-icon [objectType]=\"type\"></eo-icon>\r\n                  <div class=\"label\">{{type.label}} {{type.isAbstract ? '('+ ('eo.search.type.abstract' | translate) + ')' : ''}}</div>\r\n                  <div class=\"count\">{{getAggregationCount(type) | localeDecimal}}</div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n\r\n          <!-- indexdata search -->\r\n          <div class=\"indexdata-search\" *ngIf=\"idxSearch\">\r\n            <h2>\r\n              <eo-icon class=\"button\" [iconSrc]=\"'assets/_default/svg/ic_arrow_back.svg'\"\r\n                (click)=\"exitIndexdataSearch()\"></eo-icon>\r\n              <span translate [translateParams]=\"{type: idxSearch.type.label}\">eo.search.objecttype.form</span>\r\n            </h2>\r\n\r\n            <!-- context type selection -->\r\n            <div class=\"context\" *ngIf=\"idxSearch.contextModels.length\">\r\n\r\n              <div class=\"context-select\">\r\n                <div translate>eo.search.objecttype.form.context</div>\r\n                <div class=\"spacer\"></div>\r\n\r\n                <eo-context-search *ngFor=\"let ctx of idxSearch.contextModels; index as i\" [ctx]=\"ctx\" [query]=\"query\"\r\n                  [selected]=\"currentContextFolderName === ctx.name\"\r\n                  [disabled]=\"(currentContextFolderName && currentContextFolderName !== ctx.name)\"\r\n                  [idxSearch]=\"idxSearch\" (setContext)=\"setContext($event)\">\r\n                </eo-context-search>\r\n              </div>\r\n\r\n              <section class=\"context form\">\r\n                <eo-object-form class=\"dark\" #ctxform\r\n                  *ngIf=\"idxSearch.contextFormOptions && idxSearch.contextFormOptions?.formModel?.elements?.length\"\r\n                  [formOptions]=\"idxSearch.contextFormOptions\" (statusChanged)=\"onIndexDataChanged($event)\">\r\n                </eo-object-form>\r\n              </section>\r\n            </div>\r\n\r\n\r\n            <section class=\"object-type form\" *ngIf=\"idxSearch.formOptions\">\r\n              <eo-object-form #idxform [formOptions]=\"idxSearch.formOptions\"\r\n                (statusChanged)=\"onIndexDataChanged($event)\">\r\n              </eo-object-form>\r\n            </section>\r\n          </div>\r\n        </p-tabPanel>\r\n\r\n        <!-- created restriction panel -->\r\n        <p-tabPanel header=\"{{'eo.search.restrict.creation' | translate}}\" headerStyleClass=\"search-tab-created\">\r\n\r\n          <div class=\"created rest-box-container\" *ngIf=\"queryState.aggregations\">\r\n\r\n            <div class=\"rest-box box-timespan\">\r\n              <h3 translate>eo.search.agg.time.span</h3>\r\n              <div class=\"rest-item\" *ngFor=\"let agg of aggregationsModel[PARAMS.CREATED]\"\r\n                (click)=\"toggleFilter(PARAMS.CREATED, OPERATOR.RANGE, agg.key, agg.selected)\"\r\n                [ngClass]=\"{selected: agg.selected, saved: agg.saved}\">\r\n                <div class=\"label\">{{agg.label}}</div>\r\n                <div class=\"count\">{{agg.value | localeDecimal}}</div>\r\n              </div>\r\n            </div>\r\n\r\n            <div class=\"rest-box box-timespan-custom\">\r\n              <h3 translate>eo.search.agg.time.span.custom</h3>\r\n              <form #createdForm=\"ngForm\">\r\n                <eo-form-input [label]=\"'eo.search.agg.time.span' | translate\">\r\n                  <eo-datetime-range #createdField [(ngModel)]=\"filtersModel[PARAMS.CREATED].value\" name=\"range\"\r\n                    [withTime]=\"createdField.searchOption !== OPERATOR.EQUAL\"\r\n                    (ngModelChange)=\"setFilter(PARAMS.CREATED, OPERATOR.EQUAL, $event, createdForm)\">\r\n                  </eo-datetime-range>\r\n                </eo-form-input>\r\n              </form>\r\n            </div>\r\n\r\n            <div class=\"rest-box box-creator\">\r\n              <h3 translate>eo.search.agg.creator</h3>\r\n              <form #creatorForm=\"ngForm\">\r\n                <eo-form-input [label]=\"'eo.search.agg.createdby' | translate\">\r\n                  <eo-organization [multiselect]=\"true\" [(ngModel)]=\"filtersModel[PARAMS.CREATOR].value\" name=\"creator\"\r\n                    (onValueResolved)=\"resolveLabel(filtersModel[PARAMS.CREATOR], $event)\" [situation]=\"'SEARCH'\"\r\n                    (ngModelChange)=\"setFilter(PARAMS.CREATOR, OPERATOR.IN, $event, creatorForm)\"></eo-organization>\r\n                </eo-form-input>\r\n              </form>\r\n            </div>\r\n\r\n          </div>\r\n\r\n        </p-tabPanel>\r\n        <p-tabPanel header=\"{{'eo.search.restrict.modification'|translate}}\" headerStyleClass=\"search-tab-changed\">\r\n\r\n          <div class=\"modified rest-box-container\" *ngIf=\"queryState.aggregations\">\r\n\r\n            <div class=\"rest-box box-timespan\">\r\n              <h3 translate>eo.search.agg.time.span</h3>\r\n              <div class=\"rest-item\" *ngFor=\"let agg of aggregationsModel[PARAMS.MODIFIED]\"\r\n                (click)=\"toggleFilter(PARAMS.MODIFIED, OPERATOR.RANGE, agg.key, agg.selected)\"\r\n                [ngClass]=\"{selected: agg.selected, saved: agg.saved}\">\r\n                <div class=\"label\">{{agg.label}}</div>\r\n                <div class=\"count\">{{agg.value | localeDecimal}}</div>\r\n              </div>\r\n            </div>\r\n\r\n            <div class=\"rest-box box-timespan-custom\">\r\n              <h3 translate>eo.search.agg.time.span.custom</h3>\r\n              <form #modifiedForm=\"ngForm\">\r\n                <eo-form-input [label]=\"'eo.search.agg.time.span' | translate\">\r\n                  <eo-datetime-range #modifiedField [(ngModel)]=\"filtersModel[PARAMS.MODIFIED].value\" name=\"range\"\r\n                    [withTime]=\"modifiedField.searchOption !== OPERATOR.EQUAL\"\r\n                    (ngModelChange)=\"setFilter(PARAMS.MODIFIED, OPERATOR.EQUAL, $event, modifiedForm)\">\r\n                  </eo-datetime-range>\r\n                </eo-form-input>\r\n              </form>\r\n            </div>\r\n\r\n            <div class=\"rest-box box-modifier\">\r\n              <h3 translate>eo.search.agg.modifier</h3>\r\n              <form #modifierForm=\"ngForm\">\r\n                <eo-form-input [label]=\"'eo.search.agg.modifiedby' | translate\">\r\n                  <eo-organization [multiselect]=\"true\" [(ngModel)]=\"filtersModel[PARAMS.MODIFIER].value\"\r\n                    name=\"modifier\" (onValueResolved)=\"resolveLabel(filtersModel[PARAMS.MODIFIER], $event)\"\r\n                    [situation]=\"'SEARCH'\"\r\n                    (ngModelChange)=\"setFilter(PARAMS.MODIFIER, OPERATOR.IN, $event, modifierForm)\"></eo-organization>\r\n                </eo-form-input>\r\n              </form>\r\n            </div>\r\n          </div>\r\n        </p-tabPanel>\r\n\r\n        <p-tabPanel header=\"{{'eo.search.restrict.file'|translate}}\" headerStyleClass=\"search-tab-docfile\">\r\n          <div class=\"file rest-box-container\" *ngIf=\"queryState.aggregations\">\r\n\r\n            <div class=\"rest-box box-mimetype-group\">\r\n              <h3 translate>eo.search.restrict.mimetypegroup</h3>\r\n              <div class=\"rest-item\" *ngFor=\"let agg of aggregationsModel[PARAMS.MIMETYPEGROUP]\"\r\n                (click)=\"setFilter(PARAMS.MIMETYPEGROUP, OPERATOR.IN, resolveSelection(aggregationsModel[PARAMS.MIMETYPEGROUP], agg.key, agg.selected))\"\r\n                [ngClass]=\"{selected: agg.selected, saved: agg.saved}\">\r\n                <div class=\"checkbox\">\r\n                  <svg fill=\"#ffffff\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\">\r\n                    <path d=\"M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z\" />\r\n                  </svg>\r\n                </div>\r\n                <div class=\"label\">{{agg.label}}</div>\r\n                <div class=\"count\">{{agg.value | localeDecimal}}</div>\r\n              </div>\r\n            </div>\r\n\r\n            <div class=\"rest-box box-filesize\">\r\n              <h3 translate>eo.search.restrict.filesize</h3>\r\n              <div class=\"rest-item\" *ngFor=\"let agg of aggregationsModel[PARAMS.FILESIZE]\"\r\n                (click)=\"toggleFilter(PARAMS.FILESIZE, OPERATOR.RANGE, agg.key, agg.selected)\"\r\n                [ngClass]=\"{selected: agg.selected, saved: agg.saved}\">\r\n                <div class=\"label\">{{agg.label}}</div>\r\n                <div class=\"count\">{{agg.value | localeDecimal}}</div>\r\n              </div>\r\n            </div>\r\n\r\n            <div class=\"rest-box box-filename\">\r\n              <h3 translate>eo.search.restrict.filename</h3>\r\n              <form #filenameForm=\"ngForm\">\r\n                <eo-form-input [label]=\"'eo.search.restrict.filename' | translate\">\r\n                  <eo-string [autocomplete]=\"true\" [qname]=\"'filename'\"\r\n                    [(ngModel)]=\"filtersModel[PARAMS.FILENAME].value\" name=\"filename\"\r\n                    (ngModelChange)=\"setFilter(PARAMS.FILENAME, OPERATOR.EQUAL, $event, filenameForm)\"></eo-string>\r\n                </eo-form-input>\r\n              </form>\r\n            </div>\r\n          </div>\r\n        </p-tabPanel>\r\n      </p-tabView>\r\n\r\n\r\n      <!-- summary of the current search filters -->\r\n      <div class=\"summary-panel\">\r\n\r\n        <div class=\"headline stored-query\" *ngIf=\"isStoredQuery; else reghead\">\r\n          <div class=\"pre\" translate>eo.search.aside.summary.storedquery</div>\r\n          <div class=\"stored-query-name\">{{storedQuery.name}}</div>\r\n        </div>\r\n\r\n        <ng-template #reghead>\r\n          <div class=\"headline\" translate>eo.search.aside.summary</div>\r\n        </ng-template>\r\n\r\n        <section class=\"query-types\">\r\n          <!-- search term -->\r\n          <div class=\"section section-searchterm\" *ngIf=\"query.term\">\r\n            <div class=\"title\" translate>eo.search.aside.summary.term</div>\r\n            <div class=\"filter\">\r\n              <div class=\"label\">{{query.term}}</div>\r\n              <eo-icon [iconSrc]=\"'assets/_default/svg/ic_clear.svg'\" (click)=\"removeTerm()\"></eo-icon>\r\n            </div>\r\n          </div>\r\n\r\n          <!-- context type -->\r\n          <div class=\"section section-contexttype\" *ngIf=\"query.contextFolderTypes.length\">\r\n            <div class=\"title\" translate>eo.search.aside.summary.contextfoldertypes</div>\r\n            <div class=\"filter\" *ngFor=\"let type of query.contextFolderTypes\">\r\n              <div class=\"label\">{{type.label}}</div>\r\n              <eo-icon [iconSrc]=\"'assets/_default/svg/ic_clear.svg'\" (click)=\"removeContextType()\"></eo-icon>\r\n            </div>\r\n          </div>\r\n\r\n          <!-- object type -->\r\n          <div class=\"section section-objecttype\" *ngIf=\"query.types.length\">\r\n            <div class=\"title\" translate>eo.search.aside.summary.types</div>\r\n            <div class=\"filter\" *ngFor=\"let type of query.types\">\r\n              <div class=\"label\">{{type.label}}</div>\r\n              <eo-icon [iconSrc]=\"'assets/_default/svg/ic_clear.svg'\" (click)=\"removeType(type)\"></eo-icon>\r\n            </div>\r\n          </div>\r\n\r\n          <ng-template #filterTemplate let-filter let-translate>\r\n            <ng-container *ngIf=\"filter.innerValue.length\">\r\n              <div class=\"filter\" *ngFor=\"let val of filter.innerValue; index as i\">\r\n                <div class=\"label\">{{filter.label[i] | async}}</div>\r\n                <eo-icon [iconSrc]=\"'assets/_default/svg/ic_clear.svg'\" (click)=\"resetFilter(filter, val)\"></eo-icon>\r\n              </div>\r\n            </ng-container>\r\n          </ng-template>\r\n\r\n          <div class=\"section section-creation\"\r\n            *ngIf=\"filtersModel[PARAMS.CREATED].innerValue.length || filtersModel[PARAMS.CREATOR].innerValue.length\">\r\n            <div class=\"title\" translate>eo.search.restrict.creation</div>\r\n            <ng-template [ngTemplateOutlet]=\"filterTemplate\"\r\n              [ngTemplateOutletContext]=\"{ $implicit: filtersModel[PARAMS.CREATED] }\"></ng-template>\r\n            <ng-template [ngTemplateOutlet]=\"filterTemplate\"\r\n              [ngTemplateOutletContext]=\"{ $implicit: filtersModel[PARAMS.CREATOR] }\"></ng-template>\r\n          </div>\r\n\r\n          <div class=\"section section-modification\"\r\n            *ngIf=\"filtersModel[PARAMS.MODIFIED].innerValue.length || filtersModel[PARAMS.MODIFIER].innerValue.length\">\r\n            <div class=\"title\" translate>eo.search.restrict.modification</div>\r\n            <ng-template [ngTemplateOutlet]=\"filterTemplate\"\r\n              [ngTemplateOutletContext]=\"{ $implicit: filtersModel[PARAMS.MODIFIED] }\"></ng-template>\r\n            <ng-template [ngTemplateOutlet]=\"filterTemplate\"\r\n              [ngTemplateOutletContext]=\"{ $implicit: filtersModel[PARAMS.MODIFIER] }\"></ng-template>\r\n          </div>\r\n\r\n          <div class=\"section section-mimetypegroup\"\r\n            *ngIf=\"filtersModel[PARAMS.MIMETYPEGROUP].innerValue.length || filtersModel[PARAMS.FILESIZE].innerValue.length || filtersModel[PARAMS.FILENAME].innerValue.length\">\r\n            <div class=\"title\" translate>eo.search.restrict.file</div>\r\n            <ng-template [ngTemplateOutlet]=\"filterTemplate\"\r\n              [ngTemplateOutletContext]=\"{ $implicit: filtersModel[PARAMS.MIMETYPEGROUP] }\"></ng-template>\r\n            <ng-template [ngTemplateOutlet]=\"filterTemplate\"\r\n              [ngTemplateOutletContext]=\"{ $implicit: filtersModel[PARAMS.FILESIZE] }\"></ng-template>\r\n            <ng-template [ngTemplateOutlet]=\"filterTemplate\"\r\n              [ngTemplateOutletContext]=\"{ $implicit: filtersModel[PARAMS.FILENAME] }\"></ng-template>\r\n          </div>\r\n        </section>\r\n\r\n        <div class=\"actions\" *ngIf=\"query.term || query.filters.length || query.types.length; else emptySearch\">\r\n\r\n          <ng-container *ngIf=\"isStoredQuery; else regactions\">\r\n            <button class=\"secondary btn-reset\" (click)=\"resetQuery()\" translate>eo.search.storedquery.close</button>\r\n            <button class=\"primary grey btn-update\" (click)=\"updateStoredQuery()\"\r\n              *ngIf=\"capabilities.storedqueries && isOwnQuery\" translate>eo.search.storedquery.update</button>\r\n            <button class=\"primary grey btn-save\" (click)=\"saveQuery()\"\r\n              *ngIf=\"capabilities.storedqueries && !isOwnQuery\" translate>eo.search.save</button>\r\n            <button class=\"primary btn-submit\" (click)=\"executeSearch()\" [disabled]=\"queryState.isEmpty\"\r\n              translate>eo.search.submit</button>\r\n          </ng-container>\r\n\r\n          <ng-template #regactions>\r\n            <button class=\"primary grey btn-reset\" (click)=\"resetQuery()\" translate>eo.search.reset</button>\r\n            <button class=\"primary grey btn-save\" (click)=\"saveQuery()\"\r\n              *ngIf=\"capabilities.storedqueries && !isOwnQuery\" translate>eo.search.save</button>\r\n            <button class=\"primary btn-submit\" (click)=\"executeSearch()\" [disabled]=\"queryState.isEmpty\"\r\n              translate>eo.search.submit</button>\r\n          </ng-template>\r\n\r\n\r\n        </div>\r\n\r\n        <ng-template #emptySearch>\r\n          <div class=\"empty-search\" translate>eo.search.summary.empty</div>\r\n        </ng-template>\r\n\r\n      </div>\r\n\r\n\r\n    </div>\r\n\r\n    <!-- expert mode body panel containing explanations -->\r\n    <ng-template #expert>\r\n      <div class=\"body expert\">\r\n\r\n        <div class=\"empty\" *ngIf=\"expertModeQueryEmpty\"><span translate>eo.search.mode.expert.result.empty</span></div>\r\n\r\n        <!--\r\n        <h2><span translate>eo.search.mode.expert</span></h2>\r\n        <div class=\"intro\" translate>eo.search.mode.expert.intro</div>\r\n\r\n        <div class=\"base-params fields\">\r\n          <h2 translate>eo.search.mode.expert.support.baseparams</h2>\r\n          <div class=\"items\">\r\n            <div class=\"item\" *ngFor=\"let el of expertModeSupport.baseParams\" (click)=\"xpAddToTerm(el.data)\">\r\n              <div class=\"label\"><span>{{el.label}}</span></div>\r\n              <div class=\"data\">{{el.data}}</div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n\r\n        <div class=\"system-types fields\">\r\n\r\n          <div class=\"column column-group\">\r\n            <h2 translate>eo.search.mode.expert.support.group</h2>\r\n            <div class=\"items\">\r\n              <div class=\"item\" *ngFor=\"let group of typeGroupTree\"\r\n                   [ngClass]=\"{selected: expertModeSupport.selectedGroup && group.id === expertModeSupport.selectedGroup.id}\"\r\n                   (click)=\"xpSelectGroup(group)\">\r\n                <div *ngIf=\"group.label !== '0'\">{{group.label}}</div>\r\n                <div *ngIf=\"group.label === '0'\">{{'eo.search.group.general' | translate}}</div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n\r\n          <div class=\"column column-type\" *ngIf=\"expertModeSupport.selectedGroup\">\r\n            <h2 translate>eo.search.mode.expert.support.type</h2>\r\n            <div class=\"items\">\r\n              <div class=\"item\" *ngFor=\"let type of expertModeSupport.selectedGroup.tree\"\r\n                   [ngClass]=\"{selected: expertModeSupport.selectedType && type.id === expertModeSupport.selectedType.id}\"\r\n                   (click)=\"xpSelectType(type)\">\r\n                <div>{{type.label}}</div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n\r\n          <div class=\"column section-field\" *ngIf=\"expertModeSupport.selectedType\">\r\n            <h2 translate>eo.search.mode.expert.support.field</h2>\r\n            <div class=\"items\">\r\n              <div class=\"item\" *ngFor=\"let el of expertModeSupport.selectedType.children\" (click)=\"xpAddToTerm(el.data)\">\r\n                <div class=\"label\"><span>{{el.label}}</span><span class=\"type\">{{el.type}}</span></div>\r\n                <div class=\"data\">{{el.data}}</div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n\r\n        </div>\r\n\r\n        -->\r\n      </div>\r\n    </ng-template>\r\n  </div>\r\n</eo-dialog>\r\n",
                 encapsulation: ViewEncapsulation.None
                 // todo: apply onPush change detection (agg search result right now doesn't update)
                 // changeDetection: ChangeDetectionStrategy.OnPush
                 ,
-                styles: [".eo-app-search-dialog>p-dialog>.ui-dialog{-webkit-animation:appSearchAppear calc(var(--app-default-transition-duration)*2)!important;animation:appSearchAppear calc(var(--app-default-transition-duration)*2)!important;bottom:0!important;left:0!important;max-width:100%!important;min-width:500px!important;top:0!important;width:80%!important}@media (max-width:500px){.eo-app-search-dialog>p-dialog>.ui-dialog{min-width:inherit;width:100%!important}}.eo-app-search-dialog>p-dialog>.ui-dialog>.ui-dialog-content,.eo-app-search-dialog>p-dialog>.ui-dialog>.ui-dialog-content>.eo-dialog{height:100%}.eo-app-search-dialog>p-dialog>.ui-dialog>.ui-dialog-content>.eo-dialog>.eo-dialog-content{max-height:100%;overflow:inherit}.eo-app-search-dialog>p-dialog>.ui-dialog>.ui-dialog-content>.eo-dialog>.eo-dialog-header{display:none}.eo-app-search.rtl .head .close{left:var(--app-pane-padding);right:auto}.eo-app-search.rtl .body .indexdata-search h2 eo-icon{transform:rotate(180deg)}.eo-app-search{--search-box-max-width:600px;--search-min-width:500px;--search-summary-width:350px;background:var(--panel-background-grey);bottom:0;display:flex;flex:1;flex-direction:column;left:0;min-height:0;min-width:0;position:absolute;right:0;top:0}.eo-app-search .head{background:var(--color-primary-2);color:var(--color-white);display:flex;flex:0 0 auto;flex-flow:row nowrap;padding:var(--app-pane-padding) calc(var(--app-pane-padding)/2) 0 calc(var(--app-pane-padding)/2);position:relative}.eo-app-search .head .search{flex:1 1 auto;justify-content:space-between;margin:0 calc(var(--app-pane-padding)/2);z-index:2}.eo-app-search .head .search .title{font-size:var(--font-display);font-weight:var(--font-weight-light);line-height:1em;min-height:1em}@media (max-width:480px){.eo-app-search .head .search .title{font-size:var(--font-title)}}.eo-app-search .head .search .query-scope{margin:calc(var(--app-pane-padding)*2) 0 0 0;max-width:var(--search-box-max-width);min-width:var(--search-min-width)}.eo-app-search .head .search .search-box{align-items:stretch;background:var(--color-white);box-shadow:0 2px 2px 0 rgba(var(--color-black-rgb),.2);display:flex;flex-flow:row nowrap;margin-bottom:var(--app-pane-padding);max-width:var(--search-box-max-width)}@media (max-width:480px){.eo-app-search .head .search .search-box{margin-top:var(--app-pane-padding)}}.eo-app-search .head .search .search-box p-autocomplete{background:transparent;border:0;flex:1 1 auto;outline:0}.eo-app-search .head .search .search-box p-autocomplete span.ui-autocomplete{width:100%}.eo-app-search .head .search .search-box input{border:0;box-sizing:border-box;font-size:var(--font-title);padding:calc(var(--app-pane-padding)/2);width:100%}.eo-app-search .head .search .search-box input::-ms-clear{display:none}.eo-app-search .head .search .search-box button[type=submit]{background:var(--color-accent);border:0;color:var(--color-white);font-size:var(--font-subhead);padding:0 var(--app-pane-padding)}.eo-app-search .head .search .search-box button.expert-mode{align-items:center;background:transparent;border:0;color:var(--text-color-hint);display:flex;padding:0 calc(var(--app-pane-padding)/2)}.eo-app-search .head .search .search-box button.expert-mode__reset{opacity:0;padding:0;transition:all .2s ease-in-out;width:0}.eo-app-search .head .search .search-box button.expert-mode__reset.active{opacity:1;padding:0 8px;width:40px}.eo-app-search .head .search .search-box button.expert-mode span{-webkit-animation:eoFadeIn var(--app-default-transition-duration);animation:eoFadeIn var(--app-default-transition-duration);display:none;padding:calc(var(--app-pane-padding)/4);white-space:nowrap}.eo-app-search .head .search .search-box button.expert-mode:hover{color:var(--color-accent)}.eo-app-search .head .search .search-box button.expert-mode:hover span{display:block}.eo-app-search .head .result{font-size:7em;line-height:1em;opacity:.1;position:absolute;right:var(--app-pane-padding);top:calc(var(--app-pane-padding)*2.5);z-index:1}@media (max-width:900px){.eo-app-search .head .result{font-size:3em;right:calc(var(--app-pane-padding)*3);top:var(--app-pane-padding)}}.eo-app-search .head .close{position:absolute;right:var(--app-pane-padding);top:var(--app-pane-padding);z-index:2}.eo-app-search .body{background:rgba(var(--color-white-rgb),.2);flex:1 1 auto;position:relative}@media (max-width:1000px){.eo-app-search .body .summary-panel{bottom:0;display:flex;flex-flow:row nowrap;left:0!important;right:0!important;top:auto!important;width:auto!important}.eo-app-search .body .summary-panel .headline:not(.stored-query),.eo-app-search .body .summary-panel .section{display:none}.eo-app-search .body .summary-panel .headline.stored-query{align-items:center;display:flex;margin-bottom:0;padding:0 var(--app-pane-padding)}.eo-app-search .body .summary-panel .headline.stored-query .pre{display:none}.eo-app-search .body .summary-panel .headline.stored-query .stored-query-name{font-size:var(--font-subhead)!important}.eo-app-search .body .summary-panel .actions{flex:1 1 auto}.eo-app-search .body .ui-tabview .ui-tabview-panels{padding-left:0!important;padding-right:0!important}.eo-app-search .body .ui-tabview.tab-main{bottom:50px!important}}.eo-app-search .body .summary-panel{background:rgba(var(--color-black-rgb),.06);box-sizing:border-box;position:absolute;right:var(--app-pane-padding);top:calc(var(--app-pane-padding) + 35px);width:var(--search-summary-width)}.eo-app-search .body .summary-panel .query-types{max-height:calc(100vh - 290px);overflow:auto}.eo-app-search .body .summary-panel .headline{color:var(--text-color-caption);font-size:var(--font-subhead);font-weight:var(--font-weight-light);line-height:1em;margin-bottom:calc(var(--app-pane-padding)/2);padding:calc(var(--app-pane-padding)/2)}.eo-app-search .body .summary-panel .headline.stored-query{background:var(--color-primary-3);color:var(--color-white);font-size:var(--font-body)}.eo-app-search .body .summary-panel .headline.stored-query .stored-query-name{font-size:var(--font-title);line-height:1.2em;padding:calc(var(--app-pane-padding)/2) 0}.eo-app-search .body .summary-panel .empty-search{color:var(--text-color-caption);padding:var(--app-pane-padding) calc(var(--app-pane-padding)/2) calc(var(--app-pane-padding)/2) calc(var(--app-pane-padding)/2)}.eo-app-search .body .summary-panel .section{max-height:calc(100vh - 280px);overflow-y:auto;padding:calc(var(--app-pane-padding)/2)}.eo-app-search .body .summary-panel .section .title{border-bottom:1px solid rgba(var(--color-black-rgb),.1);color:var(--text-color-caption);padding-bottom:calc(var(--app-pane-padding)/4)}.eo-app-search .body .summary-panel .filter{align-items:center;background:rgba(var(--color-white-rgb),.6);display:flex;flex:1;flex-direction:row;margin-top:4px;min-height:0;min-width:0}.eo-app-search .body .summary-panel .filter .label{display:inline-block;flex:1 1 auto;max-width:none;overflow:hidden;padding:0 0 0 calc(var(--app-pane-padding)/4);text-overflow:ellipsis;white-space:nowrap}.eo-app-search .body .summary-panel .filter eo-icon{box-sizing:border-box;color:var(--text-color-hint);cursor:pointer;flex:0 0 auto;padding:calc(var(--app-pane-padding)/4)}.eo-app-search .body .summary-panel .filter eo-icon:hover{color:var(--text-color-caption)}.eo-app-search .body .summary-panel .actions{display:flex;justify-content:flex-end;padding:calc(var(--app-pane-padding)/2) calc(var(--app-pane-padding)/2 - 2px)}.eo-app-search .body .summary-panel .actions button{font-size:var(--font-hint);line-height:1em;margin:0 2px}.eo-app-search .body .ui-tabview.tab-main{bottom:0;display:flex;flex-flow:column;left:0;position:absolute;right:0;top:0}.eo-app-search .body .ui-tabview.tab-main>.ui-tabview-nav{background:var(--color-primary-2);border-color:transparent;color:var(--color-white);display:flex;flex:0 0 auto;padding:0 calc(var(--app-pane-padding) - 2px)}.eo-app-search .body .ui-tabview.tab-main>.ui-tabview-nav>li a{color:rgba(var(--color-white-rgb),.54)}.eo-app-search .body .ui-tabview.tab-main>.ui-tabview-nav>li.ui-state-active a{color:var(--color-white)}.eo-app-search .body .ui-tabview.tab-main>.ui-tabview-nav li:not(.ui-state-active):not(.ui-state-disabled):hover{border-color:rgba(var(--color-white-rgb),.54)}.eo-app-search .body .ui-tabview.tab-main>.ui-tabview-nav li:not(.ui-state-active):not(.ui-state-disabled):hover a{color:var(--color-white)}.eo-app-search .body .ui-tabview.tab-main>.ui-tabview-panels{flex:1 1 auto;overflow-y:auto;padding-right:calc(var(--app-pane-padding)*2 + var(--search-summary-width));position:relative}.eo-app-search .body .ui-tabview .ui-tabview-panel{padding:calc(var(--app-pane-padding)/2)}.eo-app-search .body .ui-tabview .ui-tabview-panel h2{color:var(--text-color-caption);font-size:var(--font-title);font-weight:var(--font-weight-light);margin:0 0 calc(var(--app-pane-padding)*1.5) 0;padding:0}.eo-app-search .body .rest-box-container{align-items:stretch;display:flex;flex-flow:row wrap}.eo-app-search .body .rest-box-container .rest-box{background:var(--color-white);flex:1 1 auto;margin:calc(var(--app-pane-padding)/2);padding:calc(var(--app-pane-padding)/2)}.eo-app-search .body .rest-box-container .rest-box h3{color:var(--text-color-caption);font-size:var(--font-caption);font-weight:var(--font-weight-normal);margin:0 0 var(--app-pane-padding) 0;padding:0}.eo-app-search .body .rest-box-container .rest-box .rest-item{align-items:center;color:var(--text-color-body);display:flex;flex:1 1 auto;flex-flow:row nowrap;margin:0 calc(var(--app-pane-padding)/4);padding:calc(var(--app-pane-padding)/2)}.eo-app-search .body .rest-box-container .rest-box .rest-item.selected{background:var(--color-primary-3);color:var(--color-white)}.eo-app-search .body .rest-box-container .rest-box .rest-item:not(.selected):hover{background:var(--list-item-hover-background)}.eo-app-search .body .rest-box-container .rest-box .label{flex:1 1 auto;padding:0 calc(var(--app-pane-padding)/2)}.eo-app-search .body .rest-box-container .rest-box .count{font-size:var(--font-caption);font-weight:var(--font-weight-bold);min-width:30px;text-align:right}.eo-app-search .body .object-types .group .type{align-items:center;display:flex;flex-flow:row nowrap;padding:1px 0}.eo-app-search .body .object-types .group .type.context{font-weight:var(--font-weight-bold)}.eo-app-search .body .object-types .group .type.folder .item eo-icon{background:rgba(var(--color-black-rgb),.15)}.eo-app-search .body .object-types .group .type.folder .item:hover eo-icon{background:rgba(var(--color-white-rgb),.3)}.eo-app-search .body .object-types .group .type.abstract .item{color:var(--text-color-caption)}.eo-app-search .body .object-types .group .type.abstract .item:hover{background:var(--color-primary-3);color:var(--panel-background)}.eo-app-search .body .object-types .group .type .item{align-items:center;border-radius:2px;color:var(--text-color-body);cursor:default;display:flex;flex:1 1 auto;flex-flow:row nowrap;margin:0 calc(var(--app-pane-padding)/4);padding:calc(var(--app-pane-padding)/2)}.eo-app-search .body .object-types .group .type .item eo-icon{-moz-transition:none;-o-transition:none;-webkit-transition:none;border-radius:2px;box-sizing:content-box;color:var(--text-color-caption);height:16px;padding:2px;transition:none;width:16px}.eo-app-search .body .object-types .type .item{cursor:pointer}.eo-app-search .body .object-types .type .item:hover{background:var(--color-primary-3);color:var(--panel-background)}.eo-app-search .body .object-types .type .item:hover eo-icon{color:var(--panel-background)}.eo-app-search .body .indexdata-search{padding:calc(var(--app-pane-padding)/2) 0 0 calc(var(--app-pane-padding)/2)}.eo-app-search .body .indexdata-search h2{align-items:center;display:flex;flex-flow:row}.eo-app-search .body .indexdata-search h2 eo-icon{margin:0 calc(var(--app-pane-padding)/2)}.eo-app-search .body .indexdata-search h2 span{padding:0 calc(var(--app-pane-padding)/4)}.eo-app-search .body .indexdata-search .context{margin-bottom:var(--app-pane-padding)}.eo-app-search .body .indexdata-search .context .context-select{align-items:center;display:flex;flex-flow:row wrap;padding-bottom:1px}.eo-app-search .body .indexdata-search .context .context-select .spacer{width:var(--app-pane-padding)}.eo-app-search .body .indexdata-search eo-object-form{border:1px solid rgba(var(--color-black-rgb),.1)}.eo-app-search .body .indexdata-search eo-object-form.dark{background-color:var(--color-primary-2);display:block}.eo-app-search.rtl{-webkit-animation:appSearchAppearRTL var(--app-default-transition-duration);animation:appSearchAppearRTL var(--app-default-transition-duration);left:auto;right:0}.eo-app-search.rtl .body .summary-panel,.eo-app-search.rtl .head .result{left:var(--app-pane-padding);right:auto}.eo-app-search.rtl .body .ui-tabview .ui-tabview-panels{padding-bottom:0;padding-left:calc(var(--app-pane-padding)*2 + var(--search-summary-width));padding-right:0;padding-top:0}.eo-app-search.expert .head .result{display:none}.eo-app-search.expert .head .search .search-box{max-width:100%}.eo-app-search.expert .head .search .search-box button.expert-mode{color:var(--color-accent)}.eo-app-search.expert .body{background:var(--color-primary-2);color:var(--color-white);display:flex;flex-flow:column}.eo-app-search.expert .body h2{flex:0 0 auto;font-size:var(--font-title);font-weight:var(--font-weight-light);margin:var(--app-pane-padding) 0;padding:0}.eo-app-search.expert .body h2 span{border-bottom:4px solid var(--color-accent);padding:calc(var(--app-pane-padding)/2) 0 calc(var(--app-pane-padding)/2) var(--app-pane-padding)}.eo-app-search.expert .body .intro{flex:0 0 auto;padding:var(--app-pane-padding)}.eo-app-search.expert .body .empty{flex:0 0 auto;padding:0 var(--app-pane-padding)}.eo-app-search.expert .body .empty span{background:var(--color-error);border-radius:2px;color:var(--color-white);padding:calc(var(--app-pane-padding)/4) calc(var(--app-pane-padding)/2)}.eo-app-search.expert .body .fields h2{border-bottom:1px solid rgba(var(--color-white-rgb),.3);flex:0 0 auto;margin:calc(var(--app-pane-padding)/2);padding:calc(var(--app-pane-padding)/2)}.eo-app-search.expert .body .fields .item{-moz-transition:all var(--app-default-transition-duration) ease-in-out;-o-transition:all var(--app-default-transition-duration) ease-in-out;-webkit-transition:all var(--app-default-transition-duration) ease-in-out;background:rgba(var(--color-white-rgb),.06);border-radius:2px;cursor:pointer;margin-bottom:4px;padding:calc(var(--app-pane-padding)/2);transition:all var(--app-default-transition-duration) ease-in-out}.eo-app-search.expert .body .fields .item.selected,.eo-app-search.expert .body .fields .item:hover{background:rgba(var(--color-white-rgb),.2)}.eo-app-search.expert .body .fields .item .label{display:flex;font-weight:var(--font-weight-bold);justify-content:space-between}.eo-app-search.expert .body .fields .item .label .type{font-size:var(--font-hint);opacity:.5}.eo-app-search.expert .body .fields .item .data{opacity:.75}.eo-app-search.expert .body .base-params{padding:calc(var(--app-pane-padding)/2)}.eo-app-search.expert .body .base-params .items{display:flex;flex-flow:row wrap;padding:calc(var(--app-pane-padding)/4)}.eo-app-search.expert .body .base-params .items .item{margin:calc(var(--app-pane-padding)/4)}.eo-app-search.expert .body .system-types{align-items:stretch;display:flex;flex:1 1 auto;flex-flow:row;justify-content:flex-start;padding:calc(var(--app-pane-padding)/2)}.eo-app-search.expert .body .system-types .column{box-sizing:border-box;display:flex;flex:0 0 33%;flex-flow:column}.eo-app-search.expert .body .system-types .column .items{flex:1 1 auto;overflow-y:auto;padding:calc(var(--app-pane-padding)/2)}.eo-app-search.expert .body .system-types .column .items::-webkit-scrollbar-thumb{background-color:rgba(var(--color-white-rgb),.1)}.eo-app-search .body .rest-box-container .rest-box .rest-item .checkbox,.eo-app-search .body .rest-box-container .rest-box .type .checkbox{border:1px solid var(--text-color-hint);border-radius:2px;cursor:pointer;height:20px;margin:0 calc(var(--app-pane-padding)/2);width:20px}.eo-app-search .body .rest-box-container .rest-box .rest-item .checkbox svg,.eo-app-search .body .rest-box-container .rest-box .type .checkbox svg{opacity:0}.eo-app-search .body .rest-box-container .rest-box .rest-item:not(.selected):hover .checkbox:hover,.eo-app-search .body .rest-box-container .rest-box .type:not(.selected):hover .checkbox:hover{border-color:var(--text-color-caption)}.eo-app-search .body .rest-box-container .rest-box .rest-item:not(.selected):hover .checkbox:hover svg,.eo-app-search .body .rest-box-container .rest-box .type:not(.selected):hover .checkbox:hover svg{fill:var(--text-color-body);opacity:.3}.eo-app-search .body .rest-box-container .rest-box .rest-item.selected .checkbox,.eo-app-search .body .rest-box-container .rest-box .type.selected .checkbox{background:var(--color-primary-3);border-color:var(--color-primary-3)}.eo-app-search .body .rest-box-container .rest-box .rest-item.selected .checkbox svg,.eo-app-search .body .rest-box-container .rest-box .type.selected .checkbox svg{fill:var(--color-white)!important;opacity:1}.eo-app-search .body .rest-box-container .rest-box .rest-item.saved .count,.eo-app-search .body .rest-box-container .rest-box .type.saved .count{font-weight:var(--font-weight-normal)}@-webkit-keyframes appSearchAppear{0%{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}@keyframes appSearchAppear{0%{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}@-webkit-keyframes appSearchAppearRTL{0%{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}@keyframes appSearchAppearRTL{0%{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}"]
+                styles: [".eo-app-search-dialog>p-dialog>.ui-dialog{-webkit-animation:appSearchAppear calc(var(--app-default-transition-duration)*2)!important;animation:appSearchAppear calc(var(--app-default-transition-duration)*2)!important;bottom:0!important;left:0!important;max-width:100%!important;min-width:500px!important;top:0!important;width:80%!important}@media (max-width:500px){.eo-app-search-dialog>p-dialog>.ui-dialog{min-width:inherit;width:100%!important}}.eo-app-search-dialog>p-dialog>.ui-dialog>.ui-dialog-content,.eo-app-search-dialog>p-dialog>.ui-dialog>.ui-dialog-content>.eo-dialog{height:100%}.eo-app-search-dialog>p-dialog>.ui-dialog>.ui-dialog-content>.eo-dialog>.eo-dialog-content{max-height:100%;overflow:inherit}.eo-app-search-dialog>p-dialog>.ui-dialog>.ui-dialog-content>.eo-dialog>.eo-dialog-header{display:none}.eo-app-search.rtl .head .close{left:var(--app-pane-padding);right:auto}.eo-app-search.rtl .body .indexdata-search h2 eo-icon{transform:rotate(180deg)}.eo-app-search{--search-box-max-width:600px;--search-min-width:500px;--search-summary-width:350px;background:var(--panel-background-grey);bottom:0;display:flex;flex:1;flex-direction:column;left:0;min-height:0;min-width:0;position:absolute;right:0;top:0}.eo-app-search .head{background:var(--color-primary-2);color:var(--color-white);display:flex;flex:0 0 auto;flex-flow:row nowrap;padding:var(--app-pane-padding) calc(var(--app-pane-padding)/2) 0 calc(var(--app-pane-padding)/2);position:relative}.eo-app-search .head .search{flex:1 1 auto;justify-content:space-between;margin:0 calc(var(--app-pane-padding)/2);z-index:2}.eo-app-search .head .search .title{font-size:var(--font-display);font-weight:var(--font-weight-light);line-height:1em;min-height:1em}@media (max-width:480px){.eo-app-search .head .search .title{font-size:var(--font-title)}}.eo-app-search .head .search .query-scope{margin:calc(var(--app-pane-padding)*2) 0 0 0;max-width:var(--search-box-max-width);min-width:var(--search-min-width)}.eo-app-search .head .search .search-box{align-items:stretch;background:var(--color-white);box-shadow:0 2px 2px 0 rgba(var(--color-black-rgb),.2);display:flex;flex-flow:row nowrap;margin-bottom:var(--app-pane-padding);max-width:var(--search-box-max-width)}@media (max-width:480px){.eo-app-search .head .search .search-box{margin-top:var(--app-pane-padding)}}.eo-app-search .head .search .search-box p-autocomplete{background:transparent;border:0;flex:1 1 auto;outline:0}.eo-app-search .head .search .search-box p-autocomplete span.ui-autocomplete{width:100%}.eo-app-search .head .search .search-box input{border:0;box-sizing:border-box;font-size:var(--font-title);padding:calc(var(--app-pane-padding)/2);width:100%}.eo-app-search .head .search .search-box input::-ms-clear{display:none}.eo-app-search .head .search .search-box button[type=submit]{background:var(--color-accent);border:0;color:var(--color-white);font-size:var(--font-subhead);padding:0 var(--app-pane-padding)}.eo-app-search .head .search .search-box button.expert-mode{align-items:center;background:transparent;border:0;color:var(--text-color-hint);display:flex;padding:0 calc(var(--app-pane-padding)/2)}.eo-app-search .head .search .search-box button.expert-mode__reset{opacity:0;padding:0;transition:all .2s ease-in-out;width:0}.eo-app-search .head .search .search-box button.expert-mode__reset.active{opacity:1;padding:0 8px;width:40px}.eo-app-search .head .search .search-box button.expert-mode span{-webkit-animation:eoFadeIn var(--app-default-transition-duration);animation:eoFadeIn var(--app-default-transition-duration);display:none;padding:calc(var(--app-pane-padding)/4);white-space:nowrap}.eo-app-search .head .search .search-box button.expert-mode:hover{color:var(--color-accent)}.eo-app-search .head .search .search-box button.expert-mode:hover span{display:block}.eo-app-search .head .result{font-size:7em;line-height:1em;opacity:.1;position:absolute;right:var(--app-pane-padding);top:calc(var(--app-pane-padding)*2.5);z-index:1}@media (max-width:900px){.eo-app-search .head .result{font-size:3em;right:calc(var(--app-pane-padding)*3);top:var(--app-pane-padding)}}.eo-app-search .head .search-aggregator__loader{-webkit-animation:eoFadeIn .5s;animation:eoFadeIn .5s;position:absolute;right:13%;top:30%;z-index:11}@media (max-width:900px){.eo-app-search .head .search-aggregator__loader{top:5%}}.eo-app-search .head .close{position:absolute;right:var(--app-pane-padding);top:var(--app-pane-padding);z-index:2}.eo-app-search .body{background:rgba(var(--color-white-rgb),.2);flex:1 1 auto;position:relative}@media (max-width:1000px){.eo-app-search .body .summary-panel{bottom:0;display:flex;flex-flow:row nowrap;left:0!important;right:0!important;top:auto!important;width:auto!important}.eo-app-search .body .summary-panel .headline:not(.stored-query),.eo-app-search .body .summary-panel .section{display:none}.eo-app-search .body .summary-panel .headline.stored-query{align-items:center;display:flex;margin-bottom:0;padding:0 var(--app-pane-padding)}.eo-app-search .body .summary-panel .headline.stored-query .pre{display:none}.eo-app-search .body .summary-panel .headline.stored-query .stored-query-name{font-size:var(--font-subhead)!important}.eo-app-search .body .summary-panel .actions{flex:1 1 auto}.eo-app-search .body .ui-tabview .ui-tabview-panels{padding-left:0!important;padding-right:0!important}.eo-app-search .body .ui-tabview.tab-main{bottom:50px!important}}.eo-app-search .body .summary-panel{background:rgba(var(--color-black-rgb),.06);box-sizing:border-box;position:absolute;right:var(--app-pane-padding);top:calc(var(--app-pane-padding) + 35px);width:var(--search-summary-width)}.eo-app-search .body .summary-panel .query-types{max-height:calc(100vh - 290px);overflow:auto}.eo-app-search .body .summary-panel .headline{color:var(--text-color-caption);font-size:var(--font-subhead);font-weight:var(--font-weight-light);line-height:1em;margin-bottom:calc(var(--app-pane-padding)/2);padding:calc(var(--app-pane-padding)/2)}.eo-app-search .body .summary-panel .headline.stored-query{background:var(--color-primary-3);color:var(--color-white);font-size:var(--font-body)}.eo-app-search .body .summary-panel .headline.stored-query .stored-query-name{font-size:var(--font-title);line-height:1.2em;padding:calc(var(--app-pane-padding)/2) 0}.eo-app-search .body .summary-panel .empty-search{color:var(--text-color-caption);padding:var(--app-pane-padding) calc(var(--app-pane-padding)/2) calc(var(--app-pane-padding)/2) calc(var(--app-pane-padding)/2)}.eo-app-search .body .summary-panel .section{max-height:calc(100vh - 280px);overflow-y:auto;padding:calc(var(--app-pane-padding)/2)}.eo-app-search .body .summary-panel .section .title{border-bottom:1px solid rgba(var(--color-black-rgb),.1);color:var(--text-color-caption);padding-bottom:calc(var(--app-pane-padding)/4)}.eo-app-search .body .summary-panel .filter{align-items:center;background:rgba(var(--color-white-rgb),.6);display:flex;flex:1;flex-direction:row;margin-top:4px;min-height:0;min-width:0}.eo-app-search .body .summary-panel .filter .label{display:inline-block;flex:1 1 auto;max-width:none;overflow:hidden;padding:0 0 0 calc(var(--app-pane-padding)/4);text-overflow:ellipsis;white-space:nowrap}.eo-app-search .body .summary-panel .filter eo-icon{box-sizing:border-box;color:var(--text-color-hint);cursor:pointer;flex:0 0 auto;padding:calc(var(--app-pane-padding)/4)}.eo-app-search .body .summary-panel .filter eo-icon:hover{color:var(--text-color-caption)}.eo-app-search .body .summary-panel .actions{display:flex;justify-content:flex-end;padding:calc(var(--app-pane-padding)/2) calc(var(--app-pane-padding)/2 - 2px)}.eo-app-search .body .summary-panel .actions button{font-size:var(--font-hint);line-height:1em;margin:0 2px}.eo-app-search .body .ui-tabview.tab-main{bottom:0;display:flex;flex-flow:column;left:0;position:absolute;right:0;top:0}.eo-app-search .body .ui-tabview.tab-main>.ui-tabview-nav{background:var(--color-primary-2);border-color:transparent;color:var(--color-white);display:flex;flex:0 0 auto;padding:0 calc(var(--app-pane-padding) - 2px)}.eo-app-search .body .ui-tabview.tab-main>.ui-tabview-nav>li a{color:rgba(var(--color-white-rgb),.54)}.eo-app-search .body .ui-tabview.tab-main>.ui-tabview-nav>li.ui-state-active a{color:var(--color-white)}.eo-app-search .body .ui-tabview.tab-main>.ui-tabview-nav li:not(.ui-state-active):not(.ui-state-disabled):hover{border-color:rgba(var(--color-white-rgb),.54)}.eo-app-search .body .ui-tabview.tab-main>.ui-tabview-nav li:not(.ui-state-active):not(.ui-state-disabled):hover a{color:var(--color-white)}.eo-app-search .body .ui-tabview.tab-main>.ui-tabview-panels{flex:1 1 auto;overflow-y:auto;padding-right:calc(var(--app-pane-padding)*2 + var(--search-summary-width));position:relative}.eo-app-search .body .ui-tabview .ui-tabview-panel{padding:calc(var(--app-pane-padding)/2)}.eo-app-search .body .ui-tabview .ui-tabview-panel h2{color:var(--text-color-caption);font-size:var(--font-title);font-weight:var(--font-weight-light);margin:0 0 calc(var(--app-pane-padding)*1.5) 0;padding:0}.eo-app-search .body .rest-box-container{align-items:stretch;display:flex;flex-flow:row wrap}.eo-app-search .body .rest-box-container .rest-box{background:var(--color-white);flex:1 1 auto;margin:calc(var(--app-pane-padding)/2);padding:calc(var(--app-pane-padding)/2)}.eo-app-search .body .rest-box-container .rest-box h3{color:var(--text-color-caption);font-size:var(--font-caption);font-weight:var(--font-weight-normal);margin:0 0 var(--app-pane-padding) 0;padding:0}.eo-app-search .body .rest-box-container .rest-box .rest-item{align-items:center;color:var(--text-color-body);display:flex;flex:1 1 auto;flex-flow:row nowrap;margin:0 calc(var(--app-pane-padding)/4);padding:calc(var(--app-pane-padding)/2)}.eo-app-search .body .rest-box-container .rest-box .rest-item.selected{background:var(--color-primary-3);color:var(--color-white)}.eo-app-search .body .rest-box-container .rest-box .rest-item:not(.selected):hover{background:var(--list-item-hover-background)}.eo-app-search .body .rest-box-container .rest-box .label{flex:1 1 auto;padding:0 calc(var(--app-pane-padding)/2)}.eo-app-search .body .rest-box-container .rest-box .count{font-size:var(--font-caption);font-weight:var(--font-weight-bold);min-width:30px;text-align:right}.eo-app-search .body .object-types .group .type{align-items:center;display:flex;flex-flow:row nowrap;padding:1px 0}.eo-app-search .body .object-types .group .type.context{font-weight:var(--font-weight-bold)}.eo-app-search .body .object-types .group .type.folder .item eo-icon{background:rgba(var(--color-black-rgb),.15)}.eo-app-search .body .object-types .group .type.folder .item:hover eo-icon{background:rgba(var(--color-white-rgb),.3)}.eo-app-search .body .object-types .group .type.abstract .item{color:var(--text-color-caption)}.eo-app-search .body .object-types .group .type.abstract .item:hover{background:var(--color-primary-3);color:var(--panel-background)}.eo-app-search .body .object-types .group .type .item{align-items:center;border-radius:2px;color:var(--text-color-body);cursor:default;display:flex;flex:1 1 auto;flex-flow:row nowrap;margin:0 calc(var(--app-pane-padding)/4);padding:calc(var(--app-pane-padding)/2)}.eo-app-search .body .object-types .group .type .item eo-icon{-moz-transition:none;-o-transition:none;-webkit-transition:none;border-radius:2px;box-sizing:content-box;color:var(--text-color-caption);height:16px;padding:2px;transition:none;width:16px}.eo-app-search .body .object-types .type .item{cursor:pointer}.eo-app-search .body .object-types .type .item:hover{background:var(--color-primary-3);color:var(--panel-background)}.eo-app-search .body .object-types .type .item:hover eo-icon{color:var(--panel-background)}.eo-app-search .body .indexdata-search{padding:calc(var(--app-pane-padding)/2) 0 0 calc(var(--app-pane-padding)/2)}.eo-app-search .body .indexdata-search h2{align-items:center;display:flex;flex-flow:row}.eo-app-search .body .indexdata-search h2 eo-icon{margin:0 calc(var(--app-pane-padding)/2)}.eo-app-search .body .indexdata-search h2 span{padding:0 calc(var(--app-pane-padding)/4)}.eo-app-search .body .indexdata-search .context{margin-bottom:var(--app-pane-padding)}.eo-app-search .body .indexdata-search .context .context-select{align-items:center;display:flex;flex-flow:row wrap;padding-bottom:1px}.eo-app-search .body .indexdata-search .context .context-select .spacer{width:var(--app-pane-padding)}.eo-app-search .body .indexdata-search eo-object-form{border:1px solid rgba(var(--color-black-rgb),.1)}.eo-app-search .body .indexdata-search eo-object-form.dark{background-color:var(--color-primary-2);display:block}.eo-app-search.rtl{-webkit-animation:appSearchAppearRTL var(--app-default-transition-duration);animation:appSearchAppearRTL var(--app-default-transition-duration);left:auto;right:0}.eo-app-search.rtl .body .summary-panel,.eo-app-search.rtl .head .result{left:var(--app-pane-padding);right:auto}.eo-app-search.rtl .body .ui-tabview .ui-tabview-panels{padding-bottom:0;padding-left:calc(var(--app-pane-padding)*2 + var(--search-summary-width));padding-right:0;padding-top:0}.eo-app-search.expert .head .result{display:none}.eo-app-search.expert .head .search .search-box{max-width:100%}.eo-app-search.expert .head .search .search-box button.expert-mode{color:var(--color-accent)}.eo-app-search.expert .body{background:var(--color-primary-2);color:var(--color-white);display:flex;flex-flow:column}.eo-app-search.expert .body h2{flex:0 0 auto;font-size:var(--font-title);font-weight:var(--font-weight-light);margin:var(--app-pane-padding) 0;padding:0}.eo-app-search.expert .body h2 span{border-bottom:4px solid var(--color-accent);padding:calc(var(--app-pane-padding)/2) 0 calc(var(--app-pane-padding)/2) var(--app-pane-padding)}.eo-app-search.expert .body .intro{flex:0 0 auto;padding:var(--app-pane-padding)}.eo-app-search.expert .body .empty{flex:0 0 auto;padding:0 var(--app-pane-padding)}.eo-app-search.expert .body .empty span{background:var(--color-error);border-radius:2px;color:var(--color-white);padding:calc(var(--app-pane-padding)/4) calc(var(--app-pane-padding)/2)}.eo-app-search.expert .body .fields h2{border-bottom:1px solid rgba(var(--color-white-rgb),.3);flex:0 0 auto;margin:calc(var(--app-pane-padding)/2);padding:calc(var(--app-pane-padding)/2)}.eo-app-search.expert .body .fields .item{-moz-transition:all var(--app-default-transition-duration) ease-in-out;-o-transition:all var(--app-default-transition-duration) ease-in-out;-webkit-transition:all var(--app-default-transition-duration) ease-in-out;background:rgba(var(--color-white-rgb),.06);border-radius:2px;cursor:pointer;margin-bottom:4px;padding:calc(var(--app-pane-padding)/2);transition:all var(--app-default-transition-duration) ease-in-out}.eo-app-search.expert .body .fields .item.selected,.eo-app-search.expert .body .fields .item:hover{background:rgba(var(--color-white-rgb),.2)}.eo-app-search.expert .body .fields .item .label{display:flex;font-weight:var(--font-weight-bold);justify-content:space-between}.eo-app-search.expert .body .fields .item .label .type{font-size:var(--font-hint);opacity:.5}.eo-app-search.expert .body .fields .item .data{opacity:.75}.eo-app-search.expert .body .base-params{padding:calc(var(--app-pane-padding)/2)}.eo-app-search.expert .body .base-params .items{display:flex;flex-flow:row wrap;padding:calc(var(--app-pane-padding)/4)}.eo-app-search.expert .body .base-params .items .item{margin:calc(var(--app-pane-padding)/4)}.eo-app-search.expert .body .system-types{align-items:stretch;display:flex;flex:1 1 auto;flex-flow:row;justify-content:flex-start;padding:calc(var(--app-pane-padding)/2)}.eo-app-search.expert .body .system-types .column{box-sizing:border-box;display:flex;flex:0 0 33%;flex-flow:column}.eo-app-search.expert .body .system-types .column .items{flex:1 1 auto;overflow-y:auto;padding:calc(var(--app-pane-padding)/2)}.eo-app-search.expert .body .system-types .column .items::-webkit-scrollbar-thumb{background-color:rgba(var(--color-white-rgb),.1)}.eo-app-search .body .rest-box-container .rest-box .rest-item .checkbox,.eo-app-search .body .rest-box-container .rest-box .type .checkbox{border:1px solid var(--text-color-hint);border-radius:2px;cursor:pointer;height:20px;margin:0 calc(var(--app-pane-padding)/2);width:20px}.eo-app-search .body .rest-box-container .rest-box .rest-item .checkbox svg,.eo-app-search .body .rest-box-container .rest-box .type .checkbox svg{opacity:0}.eo-app-search .body .rest-box-container .rest-box .rest-item:not(.selected):hover .checkbox:hover,.eo-app-search .body .rest-box-container .rest-box .type:not(.selected):hover .checkbox:hover{border-color:var(--text-color-caption)}.eo-app-search .body .rest-box-container .rest-box .rest-item:not(.selected):hover .checkbox:hover svg,.eo-app-search .body .rest-box-container .rest-box .type:not(.selected):hover .checkbox:hover svg{fill:var(--text-color-body);opacity:.3}.eo-app-search .body .rest-box-container .rest-box .rest-item.selected .checkbox,.eo-app-search .body .rest-box-container .rest-box .type.selected .checkbox{background:var(--color-primary-3);border-color:var(--color-primary-3)}.eo-app-search .body .rest-box-container .rest-box .rest-item.selected .checkbox svg,.eo-app-search .body .rest-box-container .rest-box .type.selected .checkbox svg{fill:var(--color-white)!important;opacity:1}.eo-app-search .body .rest-box-container .rest-box .rest-item.saved .count,.eo-app-search .body .rest-box-container .rest-box .type.saved .count{font-weight:var(--font-weight-normal)}@-webkit-keyframes appSearchAppear{0%{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}@keyframes appSearchAppear{0%{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}@-webkit-keyframes appSearchAppearRTL{0%{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}@keyframes appSearchAppearRTL{0%{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}"]
             },] }
 ];
 AppSearchComponent.ctorParameters = () => [
@@ -8965,7 +9004,7 @@ class ObjectFormComponent extends UnsubscribeOnDestroy {
              * for editing rows. Being one of those inner forms should not run the form script again, but
              * instead just provide the observing abilities of the scripting scope.
              */
-            if (!this.isInnerTableForm && dataFormModel) {
+            if (!this.formOptions.disabled && !this.isInnerTableForm && dataFormModel) {
                 const scriptName = dataFormModel.name + '_' + dataFormModel.situation;
                 this.logger.debug('executing form script ' + scriptName);
                 this.formScriptService.runFormScript(this.scriptingScope, dataFormModel.script, scriptName);
@@ -9746,7 +9785,7 @@ class FormElementTableComponent extends UnsubscribeOnDestroy {
             rowBuffer: 20,
             multiSortKey: 'ctrl',
             accentedSort: true,
-            suppressCellSelection: true,
+            // suppressCellSelection: true,
             rowSelection: 'single',
             suppressMovableColumns: true,
             enableFilter: false,
@@ -9762,7 +9801,7 @@ class FormElementTableComponent extends UnsubscribeOnDestroy {
             rowBuffer: 20,
             multiSortKey: 'ctrl',
             accentedSort: true,
-            suppressCellSelection: true,
+            // suppressCellSelection: true,
             rowSelection: 'single',
             suppressMovableColumns: true,
             enableFilter: false,
@@ -9815,6 +9854,9 @@ class FormElementTableComponent extends UnsubscribeOnDestroy {
     get params() {
         return this._params;
     }
+    copyCellHandler(event) {
+        this.gridApi.copyToClipboard(event, this.gridOptions);
+    }
     actionsCellRenderer(params) {
         let div = document.createElement('div');
         if (params.context.tableComponent.params.situation === 'SEARCH') {
@@ -10109,7 +10151,7 @@ FormElementTableComponent.decorators = [
                         multi: true,
                     }
                 ],
-                styles: [":host-context(.dark) .label{background-color:rgba(var(--color-white-rgb),.1);color:var(--color-white)}:host-context(.dark) ::ng-deep .ag-theme-balham .ag-header-cell{background-color:rgba(var(--color-white-rgb),.1);color:rgba(var(--color-white-rgb),.7)}:host-context(.dark) ::ng-deep .ag-theme-balham .ag-root{background-color:transparent}:host ::ng-deep{--oft-row-height:30px}:host ::ng-deep .ag-theme-balham{bottom:0;box-sizing:border-box;position:absolute;top:0;width:100%}:host ::ng-deep .ag-theme-balham .ag-root{background-color:var(--color-white)}:host ::ng-deep .ag-theme-balham .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)}:host ::ng-deep .ag-theme-balham .ag-cell svg{pointer-events:none}:host ::ng-deep .ag-theme-balham .ag-cell.col-boolean,:host ::ng-deep .ag-theme-balham .ag-cell.res-ico{justify-content:center}:host ::ng-deep .ag-theme-balham .ag-cell.col-number{justify-content:flex-end}:host ::ng-deep .ag-theme-balham .ag-cell .no-value{background-color:var(--color-accent);border-radius:2px;color:var(--color-white);font-size:var(--font-hint);padding:calc(var(--app-pane-padding)/4)}:host ::ng-deep .ag-theme-balham .ag-cell .action-icon{cursor:pointer;display:flex}:host ::ng-deep .ag-theme-balham .ag-cell .action-icon svg{fill:var(--text-color-caption)}:host ::ng-deep .ag-theme-balham .ag-header-cell{border-bottom-color:var(--color-gainsboro);color:var(--text-color-caption);font-size:var(--font-caption);font-weight:400;line-height:var(--oft-row-height);padding-left:calc(var(--app-pane-padding)/2);padding-right:calc(var(--app-pane-padding)/2)}:host ::ng-deep .ag-theme-balham .ag-header-cell:after{opacity:0}:host ::ng-deep .ag-theme-balham .ag-ltr .ag-header-cell{border-right:1px solid var(--color-gainsboro)}:host ::ng-deep .ag-theme-balham .ag-rtl .ag-header-cell{border-left:1px solid var(--color-gainsboro)}:host ::ng-deep .ag-theme-balham .chip,:host ::ng-deep .ag-theme-balham .chip .link{align-items:center;display:flex}:host{background:rgba(var(--color-black-rgb),.02);border:1px solid var(--color-gainsboro);display:block;padding:0!important;width:100%}:host.ng-invalid{background:rgba(var(--color-error),.15);border-color:var(--color-error)}:host .object-form-table .grid-body{position:relative;width:100%}:host .object-form-table .grid-body.size-supersmall{height:100px}:host .object-form-table .grid-body.size-small{height:200px}:host .object-form-table .grid-body.size-medium{height:300px}:host .object-form-table .grid-body.size-large{height:400px}:host .object-form-table .grid-body ag-grid-angular{background-color:transparent;height:100%;width:100%}:host .object-form-table.medium .body{height:300px}:host .object-form-table.large .body{height:500px}:host .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)}:host .label span{display:block;flex:1 1 auto}:host .label eo-icon.stf{color:var(--text-color-caption);cursor:pointer;height:16px;margin:calc(var(--app-pane-padding)/4);width:16px}:host .label eo-icon.stf.add-row{background-color:var(--text-color-hint);border-radius:2px;color:#fff;height:24px;width:24px}:host .label button.add{border-radius:2px;padding:calc(var(--app-pane-padding)/2)}:host .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)}"]
+                styles: [":host-context(.dark) .label{background-color:rgba(var(--color-white-rgb),.1);color:var(--color-white)}:host-context(.dark) ::ng-deep .ag-theme-balham .ag-header-cell{background-color:rgba(var(--color-white-rgb),.1);color:rgba(var(--color-white-rgb),.7)}:host-context(.dark) ::ng-deep .ag-theme-balham .ag-root{background-color:transparent}:host ::ng-deep{--oft-row-height:30px}:host ::ng-deep .ag-theme-balham{bottom:0;box-sizing:border-box;position:absolute;top:0;width:100%}:host ::ng-deep .ag-theme-balham .ag-root{background-color:var(--color-white)}:host ::ng-deep .ag-theme-balham .copy-cell{-webkit-animation-duration:4s;-webkit-animation-name:copy-cell;animation-duration:4s;animation-name:copy-cell}@-webkit-keyframes copy-cell{0%{background-color:var(--color-accent)}to{background-color:none}}@keyframes copy-cell{0%{background-color:var(--color-accent)}to{background-color:none}}:host ::ng-deep .ag-theme-balham .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)}:host ::ng-deep .ag-theme-balham .ag-cell.ag-cell-focus{background-color:var(--list-item-hover-background);border-color:transparent!important;outline:0!important}:host ::ng-deep .ag-theme-balham .ag-cell svg{pointer-events:none}:host ::ng-deep .ag-theme-balham .ag-cell.col-boolean,:host ::ng-deep .ag-theme-balham .ag-cell.res-ico{justify-content:center}:host ::ng-deep .ag-theme-balham .ag-cell.col-number{justify-content:flex-end}:host ::ng-deep .ag-theme-balham .ag-cell .no-value{background-color:var(--color-accent);border-radius:2px;color:var(--color-white);font-size:var(--font-hint);padding:calc(var(--app-pane-padding)/4)}:host ::ng-deep .ag-theme-balham .ag-cell .action-icon{cursor:pointer;display:flex}:host ::ng-deep .ag-theme-balham .ag-cell .action-icon svg{fill:var(--text-color-caption)}:host ::ng-deep .ag-theme-balham .ag-header-cell{border-bottom-color:var(--color-gainsboro);color:var(--text-color-caption);font-size:var(--font-caption);font-weight:400;line-height:var(--oft-row-height);padding-left:calc(var(--app-pane-padding)/2);padding-right:calc(var(--app-pane-padding)/2)}:host ::ng-deep .ag-theme-balham .ag-header-cell:after{opacity:0}:host ::ng-deep .ag-theme-balham .ag-ltr .ag-header-cell{border-right:1px solid var(--color-gainsboro)}:host ::ng-deep .ag-theme-balham .ag-rtl .ag-header-cell{border-left:1px solid var(--color-gainsboro)}:host ::ng-deep .ag-theme-balham .chip,:host ::ng-deep .ag-theme-balham .chip .link{align-items:center;display:flex}:host{background:rgba(var(--color-black-rgb),.02);border:1px solid var(--color-gainsboro);display:block;padding:0!important;width:100%}:host.ng-invalid{background:rgba(var(--color-error),.15);border-color:var(--color-error)}:host .object-form-table .grid-body{position:relative;width:100%}:host .object-form-table .grid-body.size-supersmall{height:100px}:host .object-form-table .grid-body.size-small{height:200px}:host .object-form-table .grid-body.size-medium{height:300px}:host .object-form-table .grid-body.size-large{height:400px}:host .object-form-table .grid-body ag-grid-angular{background-color:transparent;height:100%;width:100%}:host .object-form-table.medium .body{height:300px}:host .object-form-table.large .body{height:500px}:host .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)}:host .label span{display:block;flex:1 1 auto}:host .label eo-icon.stf{color:var(--text-color-caption);cursor:pointer;height:16px;margin:calc(var(--app-pane-padding)/4);width:16px}:host .label eo-icon.stf.add-row{background-color:var(--text-color-hint);border-radius:2px;color:#fff;height:24px;width:24px}:host .label button.add{border-radius:2px;padding:calc(var(--app-pane-padding)/2)}:host .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)}"]
             },] }
 ];
 FormElementTableComponent.ctorParameters = () => [
@@ -10120,7 +10162,8 @@ FormElementTableComponent.ctorParameters = () => [
 ];
 FormElementTableComponent.propDecorators = {
     rowEdit: [{ type: ViewChild, args: ['rowEdit',] }],
-    params: [{ type: Input }]
+    params: [{ type: Input }],
+    copyCellHandler: [{ type: HostListener, args: ['keydown.control.alt.shift.c', ['$event'],] }, { type: HostListener, args: ['keydown.control.shift.c', ['$event'],] }, { type: HostListener, args: ['keydown.control.alt.c', ['$event'],] }, { type: HostListener, args: ['keydown.control.c', ['$event'],] }]
 };
 /**
@@ -11971,7 +12014,7 @@ class GridComponent extends UnsubscribeOnDestroy {
         return typeof this.gridOptions.context.count === 'number' ? 'eq' : this.gridOptions.context.count.relation;
     }
     copyCellHandler(event) {
-        this.copyToClipboard(event);
+        this.gridApi.copyToClipboard(event, this.gridOptions);
     }
     loadingMessage() {
         let loaderContent = '';
@@ -12196,32 +12239,6 @@ class GridComponent extends UnsubscribeOnDestroy {
             this.selectRow(lastFocusedIndex);
         }, this.contextCount ? 500 : 0);
     }
-    // copy content of either row or table cell to clipboard
-    copyToClipboard(event) {
-        event.preventDefault();
-        event.stopPropagation();
-        let content = '';
-        const grid = document.querySelector('ag-grid-angular'); // todo: refactoring
-        const focusedCell = this.gridOptions.api.getFocusedCell();
-        const rows = event.shiftKey ? this.gridOptions.api.getSelectedNodes() : [this.gridOptions.api.getDisplayedRowAtIndex(focusedCell.rowIndex)];
-        const cols = event.shiftKey ? this.gridOptions.columnApi.getAllDisplayedColumns() : [focusedCell.column];
-        const value = (col, row) => {
-            const cell = grid.querySelector(`div[row-index="${row.rowIndex}"] [col-id="${col.colId}"]`);
-            const chips = cell === null || cell === void 0 ? void 0 : cell.querySelectorAll('.chip');
-            const val = cell && Array.from((chips === null || chips === void 0 ? void 0 : chips.length) ? chips : [cell]).map((c) => c.textContent || '');
-            return (val === undefined || val === null ? '' : val).toString().replace(/\n/g, ' ');
-        };
-        // const value = (col, row) => (this.gridOptions.api.getValue(col, row) || '').toString().replace(/\n/g, ' ');
-        if (event.altKey)
-            content += cols.map((col) => col.getColDef().headerName).join('	') + '\n';
-        content += rows.map((row) => cols.map((col) => value(col, row)).join('	')).join('\n');
-        const textArea = document.createElement('textarea');
-        textArea.value = content;
-        document.body.appendChild(textArea);
-        textArea.select();
-        const copySuccess = document.execCommand('copy');
-        document.body.removeChild(textArea);
-    }
     get columns() {
         return this.gridOptions.columnApi.getAllGridColumns().filter(c => c.getColId() !== this.pinnedColumn.field);
     }
@@ -12246,7 +12263,7 @@ GridComponent.decorators = [
                 selector: 'eo-grid',
                 template: "<div class=\"eo-grid-empty\" [hidden]=\"!(isEmpty || isEmptyRows)\">\r\n  <ng-content select=\".empty\"></ng-content>\r\n</div>\r\n<div class=\"eo-grid-header\" *ngIf=\"showHeader\" [hidden]=\"isEmpty\">\r\n  <ng-content select=\".header\"></ng-content>\r\n</div>\r\n<ag-grid-angular #agGrid class=\"ag-theme-balham\" [modules]=\"modules\"\r\n                 [hidden]=\"isEmpty\"\r\n                 [ngClass]=\"{'hide-header': showHeader, 'enable-footer': showFooter, 'full-width': fullWidth}\"\r\n                 [gridOptions]=\"gridOptions\"\r\n                 [frameworkComponents]=\"frameworkComponents\"\r\n                 (modelUpdated)=\"onModelUpdated()\"\r\n                 (cellFocused)=\"onCellFocused($event)\"\r\n                 (cellContextMenu)=\"onContextMenuClicked($event)\"\r\n                 (contextmenu)=\"$event.stopPropagation();$event.preventDefault()\"\r\n                 (mousedown)=\"onMouseDown($event)\"\r\n                 (cellClicked)=\"onCellClicked($event)\"\r\n                 (cellDoubleClicked)=\"onCellDoubleClicked($event)\"\r\n                 (selectionChanged)=\"onSelectionChanged($event)\"\r\n                 (columnResized)=\"onColumnResized($event)\"\r\n                 (gridReady)=\"onReady()\">\r\n</ag-grid-angular>\r\n<div class=\"eo-grid-footer\" *ngIf=\"showFooter\" [hidden]=\"isEmpty\">\r\n  <ng-content select=\".footer\"></ng-content>\r\n</div>\r\n",
                 encapsulation: ViewEncapsulation.None,
-                styles: [":host-context(.dark) .eo-grid-empty{color:var(--color-white)}eo-grid{--footer-height:40px;--header-height:30px;bottom:0;color:var(--text-color-caption);left:0;position:absolute;right:0;top:0}eo-grid #center{overflow-x:hidden}eo-grid .eo-grid-empty,eo-grid .eo-grid-footer,eo-grid .eo-grid-header{align-items:center;border-bottom:1px solid var(--panel-header-border-bottom-color);box-sizing:border-box;display:flex;flex:1;flex-direction:row;height:var(--header-height);min-height:0;min-width:0;padding:0 calc(var(--app-pane-padding)/4*3);position:absolute;width:100%;z-index:1}eo-grid .eo-grid-empty .empty,eo-grid .eo-grid-footer .empty,eo-grid .eo-grid-header .empty{-webkit-border-radius:2px;align-items:center;background-color:rgba(var(--color-black-rgb),0);border-radius:2px;display:flex;flex:1;flex-direction:column;font-style:italic;height:auto;justify-content:space-around;min-height:0;min-width:0;padding:5px}eo-grid .eo-grid-empty .footer,eo-grid .eo-grid-empty .header,eo-grid .eo-grid-footer .footer,eo-grid .eo-grid-footer .header,eo-grid .eo-grid-header .footer,eo-grid .eo-grid-header .header{align-items:center;display:flex;flex:1;flex-direction:row;justify-content:flex-end;min-height:0;min-width:0}eo-grid .eo-grid-empty .footer>*,eo-grid .eo-grid-empty .header>*,eo-grid .eo-grid-footer .footer>*,eo-grid .eo-grid-footer .header>*,eo-grid .eo-grid-header .footer>*,eo-grid .eo-grid-header .header>*{margin:0 calc(var(--app-pane-padding)/4)}eo-grid .eo-grid-empty{border:none;height:calc(100% - var(--footer-height) - var(--header-height));top:var(--header-height)}eo-grid .eo-grid-footer{border-top:1px solid var(--panel-header-border-bottom-color);bottom:0;height:var(--footer-height)}eo-grid ag-grid-angular.ag-theme-balham{bottom:0;box-sizing:border-box;font-size:13px;position:absolute;top:0;width:100%}eo-grid ag-grid-angular.ag-theme-balham #center{overflow-x:hidden}eo-grid ag-grid-angular.ag-theme-balham.enable-footer{bottom:var(--footer-height)}eo-grid ag-grid-angular.ag-theme-balham.full-width{top:var(--header-height)}eo-grid ag-grid-angular.ag-theme-balham.full-width .ag-body-container,eo-grid ag-grid-angular.ag-theme-balham.full-width .ag-center-cols-container{width:100%!important}eo-grid ag-grid-angular.ag-theme-balham.full-width .ag-cell{display:flex;flex:1;flex-direction:row;min-height:0;min-width:0;width:100%!important}eo-grid ag-grid-angular.ag-theme-balham.full-width .ag-cell>span{width:100%}eo-grid ag-grid-angular.ag-theme-balham.hide-header .ag-header{display:none;height:0!important}eo-grid ag-grid-angular.ag-theme-balham .ag-header-cell-menu-button .ag-icon-menu{height:30px}eo-grid ag-grid-angular.ag-theme-balham .ag-header-cell{line-height:30px;padding-left:var(--app-pane-padding);padding-right:var(--app-pane-padding)}eo-grid ag-grid-angular.ag-theme-balham .ag-header-cell:after{border-right:1px solid var(--list-item-border-color);height:100%;margin-top:0}eo-grid ag-grid-angular.ag-theme-balham .ag-header{background-color:transparent;border-bottom:1px solid var(--list-item-border-color)}eo-grid ag-grid-angular.ag-theme-balham .ag-tab-header .ag-tab.ag-tab-selected{border-bottom:2px solid var(--color-accent)}eo-grid ag-grid-angular.ag-theme-balham .ag-rtl .ag-header-cell-menu-button{float:left}eo-grid ag-grid-angular.ag-theme-balham .ag-column-drop{display:none}eo-grid ag-grid-angular.ag-theme-balham .ag-column-drop-cell{-webkit-border-radius:2px;border-radius:2px}eo-grid ag-grid-angular.ag-theme-balham .ag-column-drop-cell .ag-column-drag{margin-top:0}eo-grid ag-grid-angular.ag-theme-balham .chip:last-of-type:after{background:transparent;background:linear-gradient(90deg,transparent 0,#fff);bottom:0;content:\" \";position:absolute;right:0;top:0;width:var(--app-pane-padding)}eo-grid ag-grid-angular.ag-theme-balham .ag-row{-moz-user-select:none;-webkit-user-select:none;background:var(--color-white);border:none;user-select:none}eo-grid ag-grid-angular.ag-theme-balham .ag-row-hover{background:var(--list-item-hover-background)}eo-grid ag-grid-angular.ag-theme-balham .ag-pinned-left-header,eo-grid ag-grid-angular.ag-theme-balham .ag-pinned-left-header .ag-header-cell:first-child:after{border:none}eo-grid ag-grid-angular.ag-theme-balham .ag-pinned-left-cols-container .ag-cell[col-id=__selectionField],eo-grid ag-grid-angular.ag-theme-balham .ag-pinned-right-cols-container .ag-cell[col-id=__selectionField]{border:0!important;padding:0!important;width:0!important}eo-grid ag-grid-angular.ag-theme-balham .ag-pinned-left-cols-container .ag-row-focus:not(.ag-row-group):before,eo-grid ag-grid-angular.ag-theme-balham .ag-pinned-left-cols-container .ag-row-selected:not(.ag-row-group):before,eo-grid ag-grid-angular.ag-theme-balham .ag-pinned-right-cols-container .ag-row-focus:not(.ag-row-group):before,eo-grid ag-grid-angular.ag-theme-balham .ag-pinned-right-cols-container .ag-row-selected:not(.ag-row-group):before{background:linear-gradient(0deg,#fff,#fff 5%,var(--color-accent) 0,var(--color-accent) 95%,#fff 0,#fff);content:\"\";height:100%;position:absolute;width:3px!important}eo-grid ag-grid-angular.ag-theme-balham .ag-pinned-right-cols-container .ag-row-focus:not(.ag-row-group):before,eo-grid ag-grid-angular.ag-theme-balham .ag-pinned-right-cols-container .ag-row-selected:not(.ag-row-group):before{right:0}eo-grid ag-grid-angular.ag-theme-balham .ag-pinned-left-cols-container .ag-row-selected:not(.ag-row-group):before,eo-grid ag-grid-angular.ag-theme-balham .ag-pinned-right-cols-container .ag-row-selected:not(.ag-row-group):before{background:var(--color-primary)}eo-grid ag-grid-angular.ag-theme-balham .ag-pinned-left-cols-container .ag-row-selected.ag-row-focus:not(.ag-row-group):before,eo-grid ag-grid-angular.ag-theme-balham .ag-pinned-right-cols-container .ag-row-selected.ag-row-focus:not(.ag-row-group):before{background:linear-gradient(0deg,#fff,#fff 5%,var(--color-accent) 0,var(--color-accent) 95%,#fff 0,#fff)}eo-grid ag-grid-angular.ag-theme-balham .ag-row-selected{background:var(--list-item-selected-background)!important;border:none}eo-grid ag-grid-angular.ag-theme-balham .ag-row-selected .chip:last-of-type:after{background:transparent;background:linear-gradient(90deg,transparent 0,var(--list-item-selected-background))}eo-grid ag-grid-angular.ag-theme-balham .ag-cell-range-selected{background:var(--list-item-selected-background)}eo-grid ag-grid-angular.ag-theme-balham .ag-cell,eo-grid ag-grid-angular.ag-theme-balham .ag-cell-focus{border:1px solid;border-bottom-color:var(--list-item-border-color)!important;border-color:transparent!important}eo-grid ag-grid-angular.ag-theme-balham .ag-cell{-moz-user-select:none;-webkit-user-select:none;align-items:center;display:flex;font-size:var(--font-body);line-height:1.7em;user-select:none}eo-grid ag-grid-angular.ag-theme-balham .ag-cell svg{pointer-events:none}eo-grid ag-grid-angular.ag-theme-balham .ag-cell.ag-cell-value{text-overflow:ellipsis;white-space:nowrap}eo-grid ag-grid-angular.ag-theme-balham .ag-cell a{color:var(--text-color-accent);text-decoration:none}eo-grid ag-grid-angular.ag-theme-balham .ag-cell a.link{color:var(--text-color-body)}eo-grid ag-grid-angular.ag-theme-balham .ag-cell a.link:hover{color:var(--color-accent)}eo-grid ag-grid-angular.ag-theme-balham .ag-cell a:hover{text-decoration:underline}eo-grid ag-grid-angular.ag-theme-balham .ag-cell.col-boolean,eo-grid ag-grid-angular.ag-theme-balham .ag-cell.res-ico{justify-content:center}eo-grid ag-grid-angular.ag-theme-balham .ag-cell.col-number{justify-content:flex-end}eo-grid ag-grid-angular.ag-theme-balham .ag-cell .object-type,eo-grid ag-grid-angular.ag-theme-balham .ag-filter .object-type{height:24px;opacity:.5;vertical-align:bottom;width:24px}eo-grid ag-grid-angular.ag-theme-balham .ag-cell .object-type-label,eo-grid ag-grid-angular.ag-theme-balham .ag-filter .object-type-label{padding:2px}eo-grid ag-grid-angular.ag-theme-balham .ag-cell .ag-filter-apply-panel button,eo-grid ag-grid-angular.ag-theme-balham .ag-filter .ag-filter-apply-panel button{-webkit-border-radius:2px;background:rgba(var(--color-black-rgb),.06);border-color:rgba(var(--color-black-rgb),0);border-radius:2px;color:var(--text-color-caption);margin:0!important;padding:4px var(--app-pane-padding);white-space:nowrap;width:100%}eo-grid ag-grid-angular.ag-theme-balham .ag-cell .ag-filter-apply-panel button:focus,eo-grid ag-grid-angular.ag-theme-balham .ag-cell .ag-filter-apply-panel button:hover,eo-grid ag-grid-angular.ag-theme-balham .ag-filter .ag-filter-apply-panel button:focus,eo-grid ag-grid-angular.ag-theme-balham .ag-filter .ag-filter-apply-panel button:hover{background:var(--color-accent);color:var(--color-white)}eo-grid ag-grid-angular.ag-theme-balham .ag-cell .ag-filter-body[ref=eCondition2Body],eo-grid ag-grid-angular.ag-theme-balham .ag-cell .ag-filter-condition[ref=eJoinOperatorPanel],eo-grid ag-grid-angular.ag-theme-balham .ag-cell .ag-filter-select[ref=eOptions2],eo-grid ag-grid-angular.ag-theme-balham .ag-filter .ag-filter-body[ref=eCondition2Body],eo-grid ag-grid-angular.ag-theme-balham .ag-filter .ag-filter-condition[ref=eJoinOperatorPanel],eo-grid ag-grid-angular.ag-theme-balham .ag-filter .ag-filter-select[ref=eOptions2]{display:none}eo-grid ag-grid-angular.ag-theme-balham .ag-cell button.ui-button:enabled,eo-grid ag-grid-angular.ag-theme-balham .ag-filter button.ui-button:enabled{-webkit-border-radius:2px;background:rgba(var(--color-black-rgb),.06);border-color:rgba(var(--color-black-rgb),0);border-radius:2px;color:var(--text-color-caption);height:20px;padding:0;width:20px}eo-grid ag-grid-angular.ag-theme-balham .ag-cell button.ui-button:enabled:focus,eo-grid ag-grid-angular.ag-theme-balham .ag-cell button.ui-button:enabled:hover,eo-grid ag-grid-angular.ag-theme-balham .ag-filter button.ui-button:enabled:focus,eo-grid ag-grid-angular.ag-theme-balham .ag-filter button.ui-button:enabled:hover{background:var(--color-accent);color:var(--color-white)}eo-grid ag-grid-angular.ag-theme-balham .ag-cell button.ui-button:enabled eo-icon,eo-grid ag-grid-angular.ag-theme-balham .ag-filter button.ui-button:enabled eo-icon{height:var(--app-pane-padding);width:var(--app-pane-padding)}eo-grid ag-grid-angular.ag-theme-balham .ag-cell input,eo-grid ag-grid-angular.ag-theme-balham .ag-filter input{-moz-user-select:all;-webkit-user-select:all;border:0!important;border-bottom:1px solid!important;border-bottom-color:rgba(var(--color-black-rgb),.1)!important;font-family:inherit;height:2em;padding:calc(var(--app-pane-padding)/4) calc(var(--app-pane-padding)/2)!important;user-select:all;width:100%}eo-grid ag-grid-angular.ag-theme-balham .ag-cell input:focus,eo-grid ag-grid-angular.ag-theme-balham .ag-filter input:focus{border-bottom-color:var(--color-accent)!important}eo-grid ag-grid-angular.ag-theme-balham .ag-cell select,eo-grid ag-grid-angular.ag-theme-balham .ag-filter select{-moz-appearance:none;-webkit-appearance:none;appearance:none;background:url(\"data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M7.41 7.84L12 12.42l4.59-4.58L18 9.25l-6 6-6-6z%22%2F%3E%3C%2Fsvg%3E\") no-repeat;background-position-x:right;background-position-y:center;background-size:var(--app-pane-padding);border:none;border-bottom:1px solid rgba(var(--color-black-rgb),.1);font-family:inherit;height:2em;outline:none;padding:calc(var(--app-pane-padding)/4) calc(var(--app-pane-padding)/2)}[dir=ltr] eo-grid ag-grid-angular.ag-theme-balham .ag-cell select,[dir=ltr] eo-grid ag-grid-angular.ag-theme-balham .ag-filter select{background-position-x:right;none:left}[dir=rtl] eo-grid ag-grid-angular.ag-theme-balham .ag-cell select,[dir=rtl] eo-grid ag-grid-angular.ag-theme-balham .ag-filter select{background-position-x:left;none:right}eo-grid ag-grid-angular.ag-theme-balham .ag-cell select:focus,eo-grid ag-grid-angular.ag-theme-balham .ag-filter select:focus{border-bottom:1px solid var(--color-accent)}eo-grid ag-grid-angular.ag-theme-balham .ag-cell eo-list-filter,eo-grid ag-grid-angular.ag-theme-balham .ag-filter eo-list-filter{display:block;padding-left:calc(var(--app-pane-padding)/2)}eo-grid ag-grid-angular.ag-theme-balham .ag-cell eo-datetime-custom,eo-grid ag-grid-angular.ag-theme-balham .ag-filter eo-datetime-custom{display:block;margin:0 calc(var(--app-pane-padding)/4)}eo-grid ag-grid-angular.ag-theme-balham .ag-cell .eo-codesystem,eo-grid ag-grid-angular.ag-theme-balham .ag-cell .eo-datepicker,eo-grid ag-grid-angular.ag-theme-balham .ag-cell .eo-dynamic-list,eo-grid ag-grid-angular.ag-theme-balham .ag-cell .eo-organization,eo-grid ag-grid-angular.ag-theme-balham .ag-filter .eo-codesystem,eo-grid ag-grid-angular.ag-theme-balham .ag-filter .eo-datepicker,eo-grid ag-grid-angular.ag-theme-balham .ag-filter .eo-dynamic-list,eo-grid ag-grid-angular.ag-theme-balham .ag-filter .eo-organization{margin-top:calc(var(--app-pane-padding)/4);position:relative}eo-grid ag-grid-angular.ag-theme-balham .ag-cell .eo-codesystem button,eo-grid ag-grid-angular.ag-theme-balham .ag-cell .eo-datepicker button,eo-grid ag-grid-angular.ag-theme-balham .ag-cell .eo-dynamic-list button,eo-grid ag-grid-angular.ag-theme-balham .ag-cell .eo-organization button,eo-grid ag-grid-angular.ag-theme-balham .ag-filter .eo-codesystem button,eo-grid ag-grid-angular.ag-theme-balham .ag-filter .eo-datepicker button,eo-grid ag-grid-angular.ag-theme-balham .ag-filter .eo-dynamic-list button,eo-grid ag-grid-angular.ag-theme-balham .ag-filter .eo-organization button{position:absolute;top:0}[dir=ltr] eo-grid ag-grid-angular.ag-theme-balham .ag-cell .eo-codesystem button,[dir=ltr] eo-grid ag-grid-angular.ag-theme-balham .ag-cell .eo-datepicker button,[dir=ltr] eo-grid ag-grid-angular.ag-theme-balham .ag-cell .eo-dynamic-list button,[dir=ltr] eo-grid ag-grid-angular.ag-theme-balham .ag-cell .eo-organization button,[dir=ltr] eo-grid ag-grid-angular.ag-theme-balham .ag-filter .eo-codesystem button,[dir=ltr] eo-grid ag-grid-angular.ag-theme-balham .ag-filter .eo-datepicker button,[dir=ltr] eo-grid ag-grid-angular.ag-theme-balham .ag-filter .eo-dynamic-list button,[dir=ltr] eo-grid ag-grid-angular.ag-theme-balham .ag-filter .eo-organization button{right:0}[dir=rtl] eo-grid ag-grid-angular.ag-theme-balham .ag-cell .eo-codesystem button,[dir=rtl] eo-grid ag-grid-angular.ag-theme-balham .ag-cell .eo-datepicker button,[dir=rtl] eo-grid ag-grid-angular.ag-theme-balham .ag-cell .eo-dynamic-list button,[dir=rtl] eo-grid ag-grid-angular.ag-theme-balham .ag-cell .eo-organization button,[dir=rtl] eo-grid ag-grid-angular.ag-theme-balham .ag-filter .eo-codesystem button,[dir=rtl] eo-grid ag-grid-angular.ag-theme-balham .ag-filter .eo-datepicker button,[dir=rtl] eo-grid ag-grid-angular.ag-theme-balham .ag-filter .eo-dynamic-list button,[dir=rtl] eo-grid ag-grid-angular.ag-theme-balham .ag-filter .eo-organization button{left:0}eo-grid ag-grid-angular.ag-theme-balham .ag-cell .eo-codesystem .ui-autocomplete-panel,eo-grid ag-grid-angular.ag-theme-balham .ag-cell .eo-datepicker .ui-autocomplete-panel,eo-grid ag-grid-angular.ag-theme-balham .ag-cell .eo-dynamic-list .ui-autocomplete-panel,eo-grid ag-grid-angular.ag-theme-balham .ag-cell .eo-organization .ui-autocomplete-panel,eo-grid ag-grid-angular.ag-theme-balham .ag-filter .eo-codesystem .ui-autocomplete-panel,eo-grid ag-grid-angular.ag-theme-balham .ag-filter .eo-datepicker .ui-autocomplete-panel,eo-grid ag-grid-angular.ag-theme-balham .ag-filter .eo-dynamic-list .ui-autocomplete-panel,eo-grid ag-grid-angular.ag-theme-balham .ag-filter .eo-organization .ui-autocomplete-panel{position:relative;top:3px!important}eo-grid ag-grid-angular.ag-theme-balham .ag-cell .eo-codesystem ul.ui-autocomplete-multiple-container,eo-grid ag-grid-angular.ag-theme-balham .ag-cell .eo-datepicker ul.ui-autocomplete-multiple-container,eo-grid ag-grid-angular.ag-theme-balham .ag-cell .eo-dynamic-list ul.ui-autocomplete-multiple-container,eo-grid ag-grid-angular.ag-theme-balham .ag-cell .eo-organization ul.ui-autocomplete-multiple-container,eo-grid ag-grid-angular.ag-theme-balham .ag-filter .eo-codesystem ul.ui-autocomplete-multiple-container,eo-grid ag-grid-angular.ag-theme-balham .ag-filter .eo-datepicker ul.ui-autocomplete-multiple-container,eo-grid ag-grid-angular.ag-theme-balham .ag-filter .eo-dynamic-list ul.ui-autocomplete-multiple-container,eo-grid ag-grid-angular.ag-theme-balham .ag-filter .eo-organization ul.ui-autocomplete-multiple-container{border:none;flex-flow:column}eo-grid ag-grid-angular.ag-theme-balham .ag-cell .eo-codesystem ul.ui-autocomplete-multiple-container .ui-autocomplete-input-token,eo-grid ag-grid-angular.ag-theme-balham .ag-cell .eo-codesystem ul.ui-autocomplete-multiple-container .ui-autocomplete-token,eo-grid ag-grid-angular.ag-theme-balham .ag-cell .eo-datepicker ul.ui-autocomplete-multiple-container .ui-autocomplete-input-token,eo-grid ag-grid-angular.ag-theme-balham .ag-cell .eo-datepicker ul.ui-autocomplete-multiple-container .ui-autocomplete-token,eo-grid ag-grid-angular.ag-theme-balham .ag-cell .eo-dynamic-list ul.ui-autocomplete-multiple-container .ui-autocomplete-input-token,eo-grid ag-grid-angular.ag-theme-balham .ag-cell .eo-dynamic-list ul.ui-autocomplete-multiple-container .ui-autocomplete-token,eo-grid ag-grid-angular.ag-theme-balham .ag-cell .eo-organization ul.ui-autocomplete-multiple-container .ui-autocomplete-input-token,eo-grid ag-grid-angular.ag-theme-balham .ag-cell .eo-organization ul.ui-autocomplete-multiple-container .ui-autocomplete-token,eo-grid ag-grid-angular.ag-theme-balham .ag-filter .eo-codesystem ul.ui-autocomplete-multiple-container .ui-autocomplete-input-token,eo-grid ag-grid-angular.ag-theme-balham .ag-filter .eo-codesystem ul.ui-autocomplete-multiple-container .ui-autocomplete-token,eo-grid ag-grid-angular.ag-theme-balham .ag-filter .eo-datepicker ul.ui-autocomplete-multiple-container .ui-autocomplete-input-token,eo-grid ag-grid-angular.ag-theme-balham .ag-filter .eo-datepicker ul.ui-autocomplete-multiple-container .ui-autocomplete-token,eo-grid ag-grid-angular.ag-theme-balham .ag-filter .eo-dynamic-list ul.ui-autocomplete-multiple-container .ui-autocomplete-input-token,eo-grid ag-grid-angular.ag-theme-balham .ag-filter .eo-dynamic-list ul.ui-autocomplete-multiple-container .ui-autocomplete-token,eo-grid ag-grid-angular.ag-theme-balham .ag-filter .eo-organization ul.ui-autocomplete-multiple-container .ui-autocomplete-input-token,eo-grid ag-grid-angular.ag-theme-balham .ag-filter .eo-organization ul.ui-autocomplete-multiple-container .ui-autocomplete-token{margin:2px calc(var(--app-pane-padding)/2)}eo-grid ag-grid-angular.ag-theme-balham .ag-cell .eo-codesystem ul.ui-autocomplete-multiple-container .ui-autocomplete-input-token,eo-grid ag-grid-angular.ag-theme-balham .ag-cell .eo-datepicker ul.ui-autocomplete-multiple-container .ui-autocomplete-input-token,eo-grid ag-grid-angular.ag-theme-balham .ag-cell .eo-dynamic-list ul.ui-autocomplete-multiple-container .ui-autocomplete-input-token,eo-grid ag-grid-angular.ag-theme-balham .ag-cell .eo-organization ul.ui-autocomplete-multiple-container .ui-autocomplete-input-token,eo-grid ag-grid-angular.ag-theme-balham .ag-filter .eo-codesystem ul.ui-autocomplete-multiple-container .ui-autocomplete-input-token,eo-grid ag-grid-angular.ag-theme-balham .ag-filter .eo-datepicker ul.ui-autocomplete-multiple-container .ui-autocomplete-input-token,eo-grid ag-grid-angular.ag-theme-balham .ag-filter .eo-dynamic-list ul.ui-autocomplete-multiple-container .ui-autocomplete-input-token,eo-grid ag-grid-angular.ag-theme-balham .ag-filter .eo-organization ul.ui-autocomplete-multiple-container .ui-autocomplete-input-token{padding:0}[dir=ltr] eo-grid ag-grid-angular.ag-theme-balham .ag-cell .eo-codesystem button,[dir=ltr] eo-grid ag-grid-angular.ag-theme-balham .ag-cell .eo-dynamic-list button,[dir=ltr] eo-grid ag-grid-angular.ag-theme-balham .ag-filter .eo-codesystem button,[dir=ltr] eo-grid ag-grid-angular.ag-theme-balham .ag-filter .eo-dynamic-list button{right:8px}[dir=rtl] eo-grid ag-grid-angular.ag-theme-balham .ag-cell .eo-codesystem button,[dir=rtl] eo-grid ag-grid-angular.ag-theme-balham .ag-cell .eo-dynamic-list button,[dir=rtl] eo-grid ag-grid-angular.ag-theme-balham .ag-filter .eo-codesystem button,[dir=rtl] eo-grid ag-grid-angular.ag-theme-balham .ag-filter .eo-dynamic-list button{left:8px}eo-grid ag-grid-angular.ag-theme-balham .ag-cell .object-type-label,eo-grid ag-grid-angular.ag-theme-balham .ag-group-cell>svg.checkbox{display:none}eo-grid ag-grid-angular.ag-theme-balham .ag-ltr .ag-cell,eo-grid ag-grid-angular.ag-theme-balham .ag-rtl .ag-cell{padding:0 var(--app-pane-padding)}eo-grid ag-grid-angular.ag-theme-balham .ag-rtl .ag-header-cell-label{text-align:right}eo-grid ag-grid-angular.ag-theme-balham .ag-header-cell.contextfolder .ag-header-cell-text:before{-webkit-border-radius:2px;background:var(--color-primary-3);border-radius:2px;color:var(--color-white);content:\"*\";display:inline-block;line-height:14px;padding:0 calc(var(--app-pane-padding)/4)}eo-grid ag-grid-angular.ag-theme-balham .ag-rtl .ag-header-cell.contextfolder .ag-header-cell-text:before{margin-left:calc(var(--app-pane-padding)/2)}eo-grid ag-grid-angular.ag-theme-balham .ag-ltr .ag-header-cell.contextfolder .ag-header-cell-text:before{margin-right:calc(var(--app-pane-padding)/2)}eo-grid ag-grid-angular.ag-theme-balham .ag-group-value{vertical-align:middle}"]
+                styles: [":host-context(.dark) .eo-grid-empty{color:var(--color-white)}eo-grid{--footer-height:40px;--header-height:30px;bottom:0;color:var(--text-color-caption);left:0;position:absolute;right:0;top:0}eo-grid #center{overflow-x:hidden}eo-grid .eo-grid-empty,eo-grid .eo-grid-footer,eo-grid .eo-grid-header{align-items:center;border-bottom:1px solid var(--panel-header-border-bottom-color);box-sizing:border-box;display:flex;flex:1;flex-direction:row;height:var(--header-height);min-height:0;min-width:0;padding:0 calc(var(--app-pane-padding)/4*3);position:absolute;width:100%;z-index:1}eo-grid .eo-grid-empty .empty,eo-grid .eo-grid-footer .empty,eo-grid .eo-grid-header .empty{-webkit-border-radius:2px;align-items:center;background-color:rgba(var(--color-black-rgb),0);border-radius:2px;display:flex;flex:1;flex-direction:column;font-style:italic;height:auto;justify-content:space-around;min-height:0;min-width:0;padding:5px}eo-grid .eo-grid-empty .footer,eo-grid .eo-grid-empty .header,eo-grid .eo-grid-footer .footer,eo-grid .eo-grid-footer .header,eo-grid .eo-grid-header .footer,eo-grid .eo-grid-header .header{align-items:center;display:flex;flex:1;flex-direction:row;justify-content:flex-end;min-height:0;min-width:0}eo-grid .eo-grid-empty .footer>*,eo-grid .eo-grid-empty .header>*,eo-grid .eo-grid-footer .footer>*,eo-grid .eo-grid-footer .header>*,eo-grid .eo-grid-header .footer>*,eo-grid .eo-grid-header .header>*{margin:0 calc(var(--app-pane-padding)/4)}eo-grid .eo-grid-empty{border:none;height:calc(100% - var(--footer-height) - var(--header-height));top:var(--header-height)}eo-grid .eo-grid-footer{border-top:1px solid var(--panel-header-border-bottom-color);bottom:0;height:var(--footer-height)}eo-grid ag-grid-angular.ag-theme-balham{bottom:0;box-sizing:border-box;font-size:13px;position:absolute;top:0;width:100%}eo-grid ag-grid-angular.ag-theme-balham #center{overflow-x:hidden}eo-grid ag-grid-angular.ag-theme-balham.enable-footer{bottom:var(--footer-height)}eo-grid ag-grid-angular.ag-theme-balham.full-width{top:var(--header-height)}eo-grid ag-grid-angular.ag-theme-balham.full-width .ag-body-container,eo-grid ag-grid-angular.ag-theme-balham.full-width .ag-center-cols-container{width:100%!important}eo-grid ag-grid-angular.ag-theme-balham.full-width .ag-cell{display:flex;flex:1;flex-direction:row;min-height:0;min-width:0;width:100%!important}eo-grid ag-grid-angular.ag-theme-balham.full-width .ag-cell>span{width:100%}eo-grid ag-grid-angular.ag-theme-balham.hide-header .ag-header{display:none;height:0!important}eo-grid ag-grid-angular.ag-theme-balham .ag-header-cell-menu-button .ag-icon-menu{height:30px}eo-grid ag-grid-angular.ag-theme-balham .ag-header-cell{line-height:30px;padding-left:var(--app-pane-padding);padding-right:var(--app-pane-padding)}eo-grid ag-grid-angular.ag-theme-balham .ag-header-cell:after{border-right:1px solid var(--list-item-border-color);height:100%;margin-top:0}eo-grid ag-grid-angular.ag-theme-balham .ag-header{background-color:transparent;border-bottom:1px solid var(--list-item-border-color)}eo-grid ag-grid-angular.ag-theme-balham .ag-tab-header .ag-tab.ag-tab-selected{border-bottom:2px solid var(--color-accent)}eo-grid ag-grid-angular.ag-theme-balham .ag-rtl .ag-header-cell-menu-button{float:left}eo-grid ag-grid-angular.ag-theme-balham .ag-column-drop{display:none}eo-grid ag-grid-angular.ag-theme-balham .ag-column-drop-cell{-webkit-border-radius:2px;border-radius:2px}eo-grid ag-grid-angular.ag-theme-balham .ag-column-drop-cell .ag-column-drag{margin-top:0}eo-grid ag-grid-angular.ag-theme-balham .chip:last-of-type:after{background:transparent;background:linear-gradient(90deg,transparent 0,#fff);bottom:0;content:\" \";position:absolute;right:0;top:0;width:var(--app-pane-padding)}eo-grid ag-grid-angular.ag-theme-balham .ag-row{-moz-user-select:none;-webkit-user-select:none;background:var(--color-white);border:none;user-select:none}eo-grid ag-grid-angular.ag-theme-balham .ag-row-hover{background:var(--list-item-hover-background)}eo-grid ag-grid-angular.ag-theme-balham .ag-pinned-left-header,eo-grid ag-grid-angular.ag-theme-balham .ag-pinned-left-header .ag-header-cell:first-child:after{border:none}eo-grid ag-grid-angular.ag-theme-balham .ag-pinned-left-cols-container .ag-cell[col-id=__selectionField],eo-grid ag-grid-angular.ag-theme-balham .ag-pinned-right-cols-container .ag-cell[col-id=__selectionField]{border:0!important;padding:0!important;width:0!important}eo-grid ag-grid-angular.ag-theme-balham .ag-pinned-left-cols-container .ag-row-focus:not(.ag-row-group):before,eo-grid ag-grid-angular.ag-theme-balham .ag-pinned-left-cols-container .ag-row-selected:not(.ag-row-group):before,eo-grid ag-grid-angular.ag-theme-balham .ag-pinned-right-cols-container .ag-row-focus:not(.ag-row-group):before,eo-grid ag-grid-angular.ag-theme-balham .ag-pinned-right-cols-container .ag-row-selected:not(.ag-row-group):before{background:linear-gradient(0deg,#fff,#fff 5%,var(--color-accent) 0,var(--color-accent) 95%,#fff 0,#fff);content:\"\";height:100%;position:absolute;width:3px!important}eo-grid ag-grid-angular.ag-theme-balham .ag-pinned-right-cols-container .ag-row-focus:not(.ag-row-group):before,eo-grid ag-grid-angular.ag-theme-balham .ag-pinned-right-cols-container .ag-row-selected:not(.ag-row-group):before{right:0}eo-grid ag-grid-angular.ag-theme-balham .ag-pinned-left-cols-container .ag-row-selected:not(.ag-row-group):before,eo-grid ag-grid-angular.ag-theme-balham .ag-pinned-right-cols-container .ag-row-selected:not(.ag-row-group):before{background:var(--color-primary)}eo-grid ag-grid-angular.ag-theme-balham .ag-pinned-left-cols-container .ag-row-selected.ag-row-focus:not(.ag-row-group):before,eo-grid ag-grid-angular.ag-theme-balham .ag-pinned-right-cols-container .ag-row-selected.ag-row-focus:not(.ag-row-group):before{background:linear-gradient(0deg,#fff,#fff 5%,var(--color-accent) 0,var(--color-accent) 95%,#fff 0,#fff)}eo-grid ag-grid-angular.ag-theme-balham .ag-row-selected{background:var(--list-item-selected-background)!important;border:none}eo-grid ag-grid-angular.ag-theme-balham .ag-row-selected .chip:last-of-type:after{background:transparent;background:linear-gradient(90deg,transparent 0,var(--list-item-selected-background))}eo-grid ag-grid-angular.ag-theme-balham .copy-cell{-webkit-animation-duration:4s;-webkit-animation-name:copy-cell;animation-duration:4s;animation-name:copy-cell}@-webkit-keyframes copy-cell{0%{background-color:var(--color-accent)}to{background-color:none}}@keyframes copy-cell{0%{background-color:var(--color-accent)}to{background-color:none}}eo-grid ag-grid-angular.ag-theme-balham .ag-cell-range-selected{background:var(--list-item-selected-background)}eo-grid ag-grid-angular.ag-theme-balham .ag-cell,eo-grid ag-grid-angular.ag-theme-balham .ag-cell-focus{border:1px solid;border-bottom-color:var(--list-item-border-color)!important;border-color:transparent!important}eo-grid ag-grid-angular.ag-theme-balham .ag-cell-focus{background-color:var(--list-item-hover-background);outline:0!important}eo-grid ag-grid-angular.ag-theme-balham .ag-cell{-moz-user-select:none;-webkit-user-select:none;align-items:center;display:flex;font-size:var(--font-body);line-height:1.7em;user-select:none}eo-grid ag-grid-angular.ag-theme-balham .ag-cell svg{pointer-events:none}eo-grid ag-grid-angular.ag-theme-balham .ag-cell.ag-cell-value{text-overflow:ellipsis;white-space:nowrap}eo-grid ag-grid-angular.ag-theme-balham .ag-cell a{color:var(--text-color-accent);text-decoration:none}eo-grid ag-grid-angular.ag-theme-balham .ag-cell a.link{color:var(--text-color-body)}eo-grid ag-grid-angular.ag-theme-balham .ag-cell a.link:hover{color:var(--color-accent)}eo-grid ag-grid-angular.ag-theme-balham .ag-cell a:hover{text-decoration:underline}eo-grid ag-grid-angular.ag-theme-balham .ag-cell.col-boolean,eo-grid ag-grid-angular.ag-theme-balham .ag-cell.res-ico{justify-content:center}eo-grid ag-grid-angular.ag-theme-balham .ag-cell.col-number{justify-content:flex-end}eo-grid ag-grid-angular.ag-theme-balham .ag-cell .object-type,eo-grid ag-grid-angular.ag-theme-balham .ag-filter .object-type{height:24px;opacity:.5;vertical-align:bottom;width:24px}eo-grid ag-grid-angular.ag-theme-balham .ag-cell .object-type-label,eo-grid ag-grid-angular.ag-theme-balham .ag-filter .object-type-label{padding:2px}eo-grid ag-grid-angular.ag-theme-balham .ag-cell .ag-filter-apply-panel button,eo-grid ag-grid-angular.ag-theme-balham .ag-filter .ag-filter-apply-panel button{-webkit-border-radius:2px;background:rgba(var(--color-black-rgb),.06);border-color:rgba(var(--color-black-rgb),0);border-radius:2px;color:var(--text-color-caption);margin:0!important;padding:4px var(--app-pane-padding);white-space:nowrap;width:100%}eo-grid ag-grid-angular.ag-theme-balham .ag-cell .ag-filter-apply-panel button:focus,eo-grid ag-grid-angular.ag-theme-balham .ag-cell .ag-filter-apply-panel button:hover,eo-grid ag-grid-angular.ag-theme-balham .ag-filter .ag-filter-apply-panel button:focus,eo-grid ag-grid-angular.ag-theme-balham .ag-filter .ag-filter-apply-panel button:hover{background:var(--color-accent);color:var(--color-white)}eo-grid ag-grid-angular.ag-theme-balham .ag-cell .ag-filter-body[ref=eCondition2Body],eo-grid ag-grid-angular.ag-theme-balham .ag-cell .ag-filter-condition[ref=eJoinOperatorPanel],eo-grid ag-grid-angular.ag-theme-balham .ag-cell .ag-filter-select[ref=eOptions2],eo-grid ag-grid-angular.ag-theme-balham .ag-filter .ag-filter-body[ref=eCondition2Body],eo-grid ag-grid-angular.ag-theme-balham .ag-filter .ag-filter-condition[ref=eJoinOperatorPanel],eo-grid ag-grid-angular.ag-theme-balham .ag-filter .ag-filter-select[ref=eOptions2]{display:none}eo-grid ag-grid-angular.ag-theme-balham .ag-cell button.ui-button:enabled,eo-grid ag-grid-angular.ag-theme-balham .ag-filter button.ui-button:enabled{-webkit-border-radius:2px;background:rgba(var(--color-black-rgb),.06);border-color:rgba(var(--color-black-rgb),0);border-radius:2px;color:var(--text-color-caption);height:20px;padding:0;width:20px}eo-grid ag-grid-angular.ag-theme-balham .ag-cell button.ui-button:enabled:focus,eo-grid ag-grid-angular.ag-theme-balham .ag-cell button.ui-button:enabled:hover,eo-grid ag-grid-angular.ag-theme-balham .ag-filter button.ui-button:enabled:focus,eo-grid ag-grid-angular.ag-theme-balham .ag-filter button.ui-button:enabled:hover{background:var(--color-accent);color:var(--color-white)}eo-grid ag-grid-angular.ag-theme-balham .ag-cell button.ui-button:enabled eo-icon,eo-grid ag-grid-angular.ag-theme-balham .ag-filter button.ui-button:enabled eo-icon{height:var(--app-pane-padding);width:var(--app-pane-padding)}eo-grid ag-grid-angular.ag-theme-balham .ag-cell input,eo-grid ag-grid-angular.ag-theme-balham .ag-filter input{-moz-user-select:all;-webkit-user-select:all;border:0!important;border-bottom:1px solid!important;border-bottom-color:rgba(var(--color-black-rgb),.1)!important;font-family:inherit;height:2em;padding:calc(var(--app-pane-padding)/4) calc(var(--app-pane-padding)/2)!important;user-select:all;width:100%}eo-grid ag-grid-angular.ag-theme-balham .ag-cell input:focus,eo-grid ag-grid-angular.ag-theme-balham .ag-filter input:focus{border-bottom-color:var(--color-accent)!important}eo-grid ag-grid-angular.ag-theme-balham .ag-cell select,eo-grid ag-grid-angular.ag-theme-balham .ag-filter select{-moz-appearance:none;-webkit-appearance:none;appearance:none;background:url(\"data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M7.41 7.84L12 12.42l4.59-4.58L18 9.25l-6 6-6-6z%22%2F%3E%3C%2Fsvg%3E\") no-repeat;background-position-x:right;background-position-y:center;background-size:var(--app-pane-padding);border:none;border-bottom:1px solid rgba(var(--color-black-rgb),.1);font-family:inherit;height:2em;outline:none;padding:calc(var(--app-pane-padding)/4) calc(var(--app-pane-padding)/2)}[dir=ltr] eo-grid ag-grid-angular.ag-theme-balham .ag-cell select,[dir=ltr] eo-grid ag-grid-angular.ag-theme-balham .ag-filter select{background-position-x:right;none:left}[dir=rtl] eo-grid ag-grid-angular.ag-theme-balham .ag-cell select,[dir=rtl] eo-grid ag-grid-angular.ag-theme-balham .ag-filter select{background-position-x:left;none:right}eo-grid ag-grid-angular.ag-theme-balham .ag-cell select:focus,eo-grid ag-grid-angular.ag-theme-balham .ag-filter select:focus{border-bottom:1px solid var(--color-accent)}eo-grid ag-grid-angular.ag-theme-balham .ag-cell eo-list-filter,eo-grid ag-grid-angular.ag-theme-balham .ag-filter eo-list-filter{display:block;padding-left:calc(var(--app-pane-padding)/2)}eo-grid ag-grid-angular.ag-theme-balham .ag-cell eo-datetime-custom,eo-grid ag-grid-angular.ag-theme-balham .ag-filter eo-datetime-custom{display:block;margin:0 calc(var(--app-pane-padding)/4)}eo-grid ag-grid-angular.ag-theme-balham .ag-cell .eo-codesystem,eo-grid ag-grid-angular.ag-theme-balham .ag-cell .eo-datepicker,eo-grid ag-grid-angular.ag-theme-balham .ag-cell .eo-dynamic-list,eo-grid ag-grid-angular.ag-theme-balham .ag-cell .eo-organization,eo-grid ag-grid-angular.ag-theme-balham .ag-filter .eo-codesystem,eo-grid ag-grid-angular.ag-theme-balham .ag-filter .eo-datepicker,eo-grid ag-grid-angular.ag-theme-balham .ag-filter .eo-dynamic-list,eo-grid ag-grid-angular.ag-theme-balham .ag-filter .eo-organization{margin-top:calc(var(--app-pane-padding)/4);position:relative}eo-grid ag-grid-angular.ag-theme-balham .ag-cell .eo-codesystem button,eo-grid ag-grid-angular.ag-theme-balham .ag-cell .eo-datepicker button,eo-grid ag-grid-angular.ag-theme-balham .ag-cell .eo-dynamic-list button,eo-grid ag-grid-angular.ag-theme-balham .ag-cell .eo-organization button,eo-grid ag-grid-angular.ag-theme-balham .ag-filter .eo-codesystem button,eo-grid ag-grid-angular.ag-theme-balham .ag-filter .eo-datepicker button,eo-grid ag-grid-angular.ag-theme-balham .ag-filter .eo-dynamic-list button,eo-grid ag-grid-angular.ag-theme-balham .ag-filter .eo-organization button{position:absolute;top:0}[dir=ltr] eo-grid ag-grid-angular.ag-theme-balham .ag-cell .eo-codesystem button,[dir=ltr] eo-grid ag-grid-angular.ag-theme-balham .ag-cell .eo-datepicker button,[dir=ltr] eo-grid ag-grid-angular.ag-theme-balham .ag-cell .eo-dynamic-list button,[dir=ltr] eo-grid ag-grid-angular.ag-theme-balham .ag-cell .eo-organization button,[dir=ltr] eo-grid ag-grid-angular.ag-theme-balham .ag-filter .eo-codesystem button,[dir=ltr] eo-grid ag-grid-angular.ag-theme-balham .ag-filter .eo-datepicker button,[dir=ltr] eo-grid ag-grid-angular.ag-theme-balham .ag-filter .eo-dynamic-list button,[dir=ltr] eo-grid ag-grid-angular.ag-theme-balham .ag-filter .eo-organization button{right:0}[dir=rtl] eo-grid ag-grid-angular.ag-theme-balham .ag-cell .eo-codesystem button,[dir=rtl] eo-grid ag-grid-angular.ag-theme-balham .ag-cell .eo-datepicker button,[dir=rtl] eo-grid ag-grid-angular.ag-theme-balham .ag-cell .eo-dynamic-list button,[dir=rtl] eo-grid ag-grid-angular.ag-theme-balham .ag-cell .eo-organization button,[dir=rtl] eo-grid ag-grid-angular.ag-theme-balham .ag-filter .eo-codesystem button,[dir=rtl] eo-grid ag-grid-angular.ag-theme-balham .ag-filter .eo-datepicker button,[dir=rtl] eo-grid ag-grid-angular.ag-theme-balham .ag-filter .eo-dynamic-list button,[dir=rtl] eo-grid ag-grid-angular.ag-theme-balham .ag-filter .eo-organization button{left:0}eo-grid ag-grid-angular.ag-theme-balham .ag-cell .eo-codesystem .ui-autocomplete-panel,eo-grid ag-grid-angular.ag-theme-balham .ag-cell .eo-datepicker .ui-autocomplete-panel,eo-grid ag-grid-angular.ag-theme-balham .ag-cell .eo-dynamic-list .ui-autocomplete-panel,eo-grid ag-grid-angular.ag-theme-balham .ag-cell .eo-organization .ui-autocomplete-panel,eo-grid ag-grid-angular.ag-theme-balham .ag-filter .eo-codesystem .ui-autocomplete-panel,eo-grid ag-grid-angular.ag-theme-balham .ag-filter .eo-datepicker .ui-autocomplete-panel,eo-grid ag-grid-angular.ag-theme-balham .ag-filter .eo-dynamic-list .ui-autocomplete-panel,eo-grid ag-grid-angular.ag-theme-balham .ag-filter .eo-organization .ui-autocomplete-panel{position:relative;top:3px!important}eo-grid ag-grid-angular.ag-theme-balham .ag-cell .eo-codesystem ul.ui-autocomplete-multiple-container,eo-grid ag-grid-angular.ag-theme-balham .ag-cell .eo-datepicker ul.ui-autocomplete-multiple-container,eo-grid ag-grid-angular.ag-theme-balham .ag-cell .eo-dynamic-list ul.ui-autocomplete-multiple-container,eo-grid ag-grid-angular.ag-theme-balham .ag-cell .eo-organization ul.ui-autocomplete-multiple-container,eo-grid ag-grid-angular.ag-theme-balham .ag-filter .eo-codesystem ul.ui-autocomplete-multiple-container,eo-grid ag-grid-angular.ag-theme-balham .ag-filter .eo-datepicker ul.ui-autocomplete-multiple-container,eo-grid ag-grid-angular.ag-theme-balham .ag-filter .eo-dynamic-list ul.ui-autocomplete-multiple-container,eo-grid ag-grid-angular.ag-theme-balham .ag-filter .eo-organization ul.ui-autocomplete-multiple-container{border:none;flex-flow:column}eo-grid ag-grid-angular.ag-theme-balham .ag-cell .eo-codesystem ul.ui-autocomplete-multiple-container .ui-autocomplete-input-token,eo-grid ag-grid-angular.ag-theme-balham .ag-cell .eo-codesystem ul.ui-autocomplete-multiple-container .ui-autocomplete-token,eo-grid ag-grid-angular.ag-theme-balham .ag-cell .eo-datepicker ul.ui-autocomplete-multiple-container .ui-autocomplete-input-token,eo-grid ag-grid-angular.ag-theme-balham .ag-cell .eo-datepicker ul.ui-autocomplete-multiple-container .ui-autocomplete-token,eo-grid ag-grid-angular.ag-theme-balham .ag-cell .eo-dynamic-list ul.ui-autocomplete-multiple-container .ui-autocomplete-input-token,eo-grid ag-grid-angular.ag-theme-balham .ag-cell .eo-dynamic-list ul.ui-autocomplete-multiple-container .ui-autocomplete-token,eo-grid ag-grid-angular.ag-theme-balham .ag-cell .eo-organization ul.ui-autocomplete-multiple-container .ui-autocomplete-input-token,eo-grid ag-grid-angular.ag-theme-balham .ag-cell .eo-organization ul.ui-autocomplete-multiple-container .ui-autocomplete-token,eo-grid ag-grid-angular.ag-theme-balham .ag-filter .eo-codesystem ul.ui-autocomplete-multiple-container .ui-autocomplete-input-token,eo-grid ag-grid-angular.ag-theme-balham .ag-filter .eo-codesystem ul.ui-autocomplete-multiple-container .ui-autocomplete-token,eo-grid ag-grid-angular.ag-theme-balham .ag-filter .eo-datepicker ul.ui-autocomplete-multiple-container .ui-autocomplete-input-token,eo-grid ag-grid-angular.ag-theme-balham .ag-filter .eo-datepicker ul.ui-autocomplete-multiple-container .ui-autocomplete-token,eo-grid ag-grid-angular.ag-theme-balham .ag-filter .eo-dynamic-list ul.ui-autocomplete-multiple-container .ui-autocomplete-input-token,eo-grid ag-grid-angular.ag-theme-balham .ag-filter .eo-dynamic-list ul.ui-autocomplete-multiple-container .ui-autocomplete-token,eo-grid ag-grid-angular.ag-theme-balham .ag-filter .eo-organization ul.ui-autocomplete-multiple-container .ui-autocomplete-input-token,eo-grid ag-grid-angular.ag-theme-balham .ag-filter .eo-organization ul.ui-autocomplete-multiple-container .ui-autocomplete-token{margin:2px calc(var(--app-pane-padding)/2)}eo-grid ag-grid-angular.ag-theme-balham .ag-cell .eo-codesystem ul.ui-autocomplete-multiple-container .ui-autocomplete-input-token,eo-grid ag-grid-angular.ag-theme-balham .ag-cell .eo-datepicker ul.ui-autocomplete-multiple-container .ui-autocomplete-input-token,eo-grid ag-grid-angular.ag-theme-balham .ag-cell .eo-dynamic-list ul.ui-autocomplete-multiple-container .ui-autocomplete-input-token,eo-grid ag-grid-angular.ag-theme-balham .ag-cell .eo-organization ul.ui-autocomplete-multiple-container .ui-autocomplete-input-token,eo-grid ag-grid-angular.ag-theme-balham .ag-filter .eo-codesystem ul.ui-autocomplete-multiple-container .ui-autocomplete-input-token,eo-grid ag-grid-angular.ag-theme-balham .ag-filter .eo-datepicker ul.ui-autocomplete-multiple-container .ui-autocomplete-input-token,eo-grid ag-grid-angular.ag-theme-balham .ag-filter .eo-dynamic-list ul.ui-autocomplete-multiple-container .ui-autocomplete-input-token,eo-grid ag-grid-angular.ag-theme-balham .ag-filter .eo-organization ul.ui-autocomplete-multiple-container .ui-autocomplete-input-token{padding:0}[dir=ltr] eo-grid ag-grid-angular.ag-theme-balham .ag-cell .eo-codesystem button,[dir=ltr] eo-grid ag-grid-angular.ag-theme-balham .ag-cell .eo-dynamic-list button,[dir=ltr] eo-grid ag-grid-angular.ag-theme-balham .ag-filter .eo-codesystem button,[dir=ltr] eo-grid ag-grid-angular.ag-theme-balham .ag-filter .eo-dynamic-list button{right:8px}[dir=rtl] eo-grid ag-grid-angular.ag-theme-balham .ag-cell .eo-codesystem button,[dir=rtl] eo-grid ag-grid-angular.ag-theme-balham .ag-cell .eo-dynamic-list button,[dir=rtl] eo-grid ag-grid-angular.ag-theme-balham .ag-filter .eo-codesystem button,[dir=rtl] eo-grid ag-grid-angular.ag-theme-balham .ag-filter .eo-dynamic-list button{left:8px}eo-grid ag-grid-angular.ag-theme-balham .ag-cell .object-type-label,eo-grid ag-grid-angular.ag-theme-balham .ag-group-cell>svg.checkbox{display:none}eo-grid ag-grid-angular.ag-theme-balham .ag-ltr .ag-cell,eo-grid ag-grid-angular.ag-theme-balham .ag-rtl .ag-cell{padding:0 var(--app-pane-padding)}eo-grid ag-grid-angular.ag-theme-balham .ag-rtl .ag-header-cell-label{text-align:right}eo-grid ag-grid-angular.ag-theme-balham .ag-header-cell.contextfolder .ag-header-cell-text:before{-webkit-border-radius:2px;background:var(--color-primary-3);border-radius:2px;color:var(--color-white);content:\"*\";display:inline-block;line-height:14px;padding:0 calc(var(--app-pane-padding)/4)}eo-grid ag-grid-angular.ag-theme-balham .ag-rtl .ag-header-cell.contextfolder .ag-header-cell-text:before{margin-left:calc(var(--app-pane-padding)/2)}eo-grid ag-grid-angular.ag-theme-balham .ag-ltr .ag-header-cell.contextfolder .ag-header-cell-text:before{margin-right:calc(var(--app-pane-padding)/2)}eo-grid ag-grid-angular.ag-theme-balham .ag-group-value{vertical-align:middle}"]
             },] }
 ];
 GridComponent.ctorParameters = () => [
@@ -12890,6 +12907,7 @@ class ResultListComponent extends UnsubscribeOnDestroy {
         this.storageService = storageService;
         this.csvLoadingSpinnerVisibility = false;
         this.visibleConfig = false;
+        this.showLoader = false;
         this.limitedList = false;
         this.resultGridOptions = {};
         this.settings = {};
@@ -12922,12 +12940,15 @@ class ResultListComponent extends UnsubscribeOnDestroy {
                 const config = this.searchService.getResultFieldDefinitionConfig(this.query);
                 this.configType = config.type;
                 this.configContext = config.contextType;
+                this.showLoader = true;
                 this.searchService
                     .getChunkedResult(this._query, 0, this.VIRTUAL_LIST_CHUNK_SIZE)
                     .subscribe(result => {
+                    this.showLoader = false;
                     this.clearQuery(this.clearAfterExecute);
                     this.searchResult = result;
                 }, Utils.throw(() => {
+                    this.showLoader = false;
                     this.clearQuery(true);
                     this.invalidQuery();
                 }));
@@ -13094,8 +13115,8 @@ ResultListComponent.COLUMNS_DEFINITION = 'eo.framework.cache.columns.definition'
 ResultListComponent.decorators = [
     { type: Component, args: [{
                 selector: 'eo-result-list',
-                template: "<eo-column-configurator *ngIf=\"visibleConfig\" [visible]=\"visibleConfig\"\r\n                        [configType]=\"configType\" [configContext]=\"configContext\" [eoGrid]=\"grid\"\r\n                        (onConfigChanged)=\"visibleConfig = false; onConfigChanged($event)\" ></eo-column-configurator>\r\n\r\n<eo-list-container #eoList [applySelection]=\"{}\" [parseDmsParams]=\"parseDmsParams\">\r\n  <div class=\"eo-header\">\r\n    <eo-icon class=\"eo-header-icon\" *ngIf=\"hasIcon\" [iconSrc]=\"'assets/_default/svg/ic_search.svg'\"></eo-icon>\r\n    <div class=\"eo-header-info\">\r\n      <div class=\"eo-header-title\">{{title || ('eo.search.title' | translate)}}</div>\r\n      <div class=\"eo-header-subtitle\">\r\n        <span class=\"eo-header-subtitle__label\" *ngIf=\"query?.types.length === 1\">{{query.types[0].label}}</span>\r\n        <span *ngIf=\"query?.contextFolderTypes.length === 1\" translate\r\n              [translateParams]=\"{type: query.contextFolderTypes[0].label}\">eo.search.objecttype.form.context</span>\r\n        <span class=\"term\" *ngIf=\"query?.term && !clearAfterExecute\">{{'eo.search.result.term' | translate}} : \"{{query.term}}\"</span>\r\n        <div class=\"suggest\" *ngIf=\"searchResult?.suggests\">{{'eo.search.suggest' | translate}}<a href=\"javascript:void(0)\" (click)=\"executeSuggestSearch()\">{{searchResult.suggests[0]}}</a> ?\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <div class=\"eo-header-actions\">\r\n      <eo-icon class=\"button refresh-button\" [iconSrc]=\"'assets/_default/svg/ic_refresh.svg'\" (click)=\"refreshGrid()\"\r\n               [iconTitle]=\"('eo.list.refresh' | translate)\"></eo-icon>\r\n      <eo-icon class=\"button export-button\" [hidden]=\"!query\" [iconSrc]=\"'assets/_default/svg/ic_content-download.svg'\" [iconTitle]=\"('eo.resultlist.export.csv' | translate)\"\r\n               (click)=\"exportCSV()\" *ngIf=\"!csvLoadingSpinnerVisibility\"></eo-icon>\r\n      <eo-loading-spinner [size]=\"'small'\" *ngIf=\"csvLoadingSpinnerVisibility\" class=\"spinner\"></eo-loading-spinner>\r\n      <eo-icon class=\"button config-button\" [iconSrc]=\"'assets/_default/svg/ic_settings.svg'\" [iconTitle]=\"('eo.column.config.title' | translate)\"\r\n               (click)=\"visibleConfig = !visibleConfig\"></eo-icon>\r\n      <eo-icon class=\"button actions-button\" (click)=\"eoList.showActions()\" [iconTitle]=\"('eo.object.actions.title' | translate)\"\r\n               [iconSrc]=\"'assets/_default/svg/ic_more.svg'\" *ngIf=\"!reference\"></eo-icon>\r\n    </div>\r\n  </div>\r\n  <div class=\"eo-body\">\r\n    <eo-grid #eoGrid [gridOptions]=\"resultGridOptions\" *ngIf=\"hasGridOptions; else error\"\r\n             [showFooter]=\"true\" (eoGridColumnResized)=\"onColumnResized($event)\" [selectFirst]=\"selectFirst\"\r\n             (eoGridCountChanged)=\"eoList.onCountChanged($event);onCountChanged.emit($event);\"\r\n             (eoGridContextMenuClick)=\"eoList.onContextMenu($event);onContextMenu.emit($event)\"\r\n             (eoGridSelectionChanged)=\"eoList.onSelectionChanged($event);onSelectionChanged.emit($event)\"\r\n             (eoGridDoubleClick)=\"eoList.onDoubleClick($event);onDoubleClick.emit($event)\"\r\n             (eoGridFocusChanged)=\"eoList.onFocusChanged($event);onFocusChanged.emit($event)\">\r\n\r\n      <div class=\"footer\">\r\n        <eo-total-count [gridCount]=\"eoList.gridCount\" [outsideGrid]=\"false\" class=\"flex-row\"></eo-total-count>\r\n        <!--<eo-quick-filter [eoGrid]=\"eoGrid\"></eo-quick-filter>-->\r\n        <eo-pagination [settings]=\"settings\" (pageChanged)=\"onPageChanged($event)\"></eo-pagination>\r\n      </div>\r\n\r\n      <div class=\"empty\">\r\n        <eo-error-message [emptyState]=\"{text: emptyMessage || 'eo.search.result.expired'}\"></eo-error-message>\r\n      </div>\r\n    </eo-grid>\r\n  </div>\r\n  <ng-template #error>\r\n\r\n    <eo-error-message *ngIf=\"hasGridOptions\" [emptyState]=\"{text:'eo.search.mode.expert.result.empty'}\">\r\n    </eo-error-message>\r\n\r\n  </ng-template>\r\n</eo-list-container>\r\n",
-                styles: [":host{background:var(--panel-background);display:flex;flex:1;flex-direction:column;height:100%;min-height:0;min-width:0}:host .spinner{padding:calc(var(--app-pane-padding)/4)}:host .result-head{display:flex;flex:1;flex-direction:row;min-height:0;min-width:0}:host .result-head .header-info{flex:1}:host .result-head .header-info .header-sub-title .term{margin:0 var(--app-pane-padding)}:host .result-head .header-info .header-title{-moz-user-select:none;-webkit-user-select:none;font-size:20px;padding-bottom:calc(var(--app-pane-padding)/4);user-select:none}:host .result-head .header-info .status{display:flex}:host .result-head .header-info .status .term{flex:1}:host .result-head .actions eo-icon{cursor:pointer;padding:calc(var(--app-pane-padding)/4)}"]
+                template: "<div class=\"loader-overlay__mask\" *ngIf=\"showLoader\">\r\n  <eo-loading-spinner class=\"result-list__loader\" [size]=\"'medium'\"></eo-loading-spinner>\r\n</div>\r\n<eo-column-configurator *ngIf=\"visibleConfig\" [visible]=\"visibleConfig\"\r\n                        [configType]=\"configType\" [configContext]=\"configContext\" [eoGrid]=\"grid\"\r\n                        (onConfigChanged)=\"visibleConfig = false; onConfigChanged($event)\" ></eo-column-configurator>\r\n\r\n<eo-list-container #eoList [applySelection]=\"{}\" [loading]=\"false\" [parseDmsParams]=\"parseDmsParams\">\r\n  <div class=\"eo-header\">\r\n    <eo-icon class=\"eo-header-icon\" *ngIf=\"hasIcon\" [iconSrc]=\"'assets/_default/svg/ic_search.svg'\"></eo-icon>\r\n    <div class=\"eo-header-info\">\r\n      <div class=\"eo-header-title\">{{title || ('eo.search.title' | translate)}}</div>\r\n      <div class=\"eo-header-subtitle\">\r\n        <span class=\"eo-header-subtitle__label\" *ngIf=\"query?.types.length === 1\">{{query.types[0].label}}</span>\r\n        <span *ngIf=\"query?.contextFolderTypes.length === 1\" translate\r\n              [translateParams]=\"{type: query.contextFolderTypes[0].label}\">eo.search.objecttype.form.context</span>\r\n        <span class=\"term\" *ngIf=\"query?.term && !clearAfterExecute\">{{'eo.search.result.term' | translate}} : \"{{query.term}}\"</span>\r\n        <div class=\"suggest\" *ngIf=\"searchResult?.suggests\">{{'eo.search.suggest' | translate}}<a href=\"javascript:void(0)\" (click)=\"executeSuggestSearch()\">{{searchResult.suggests[0]}}</a> ?\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <div class=\"eo-header-actions\">\r\n      <eo-icon class=\"button refresh-button\" [iconSrc]=\"'assets/_default/svg/ic_refresh.svg'\" (click)=\"refreshGrid()\"\r\n               [iconTitle]=\"('eo.list.refresh' | translate)\"></eo-icon>\r\n      <eo-icon class=\"button export-button\" [hidden]=\"!query\" [iconSrc]=\"'assets/_default/svg/ic_content-download.svg'\" [iconTitle]=\"('eo.resultlist.export.csv' | translate)\"\r\n               (click)=\"exportCSV()\" *ngIf=\"!csvLoadingSpinnerVisibility\"></eo-icon>\r\n      <eo-loading-spinner [size]=\"'small'\" *ngIf=\"csvLoadingSpinnerVisibility\" class=\"spinner\"></eo-loading-spinner>\r\n      <eo-icon class=\"button config-button\" [iconSrc]=\"'assets/_default/svg/ic_settings.svg'\" [iconTitle]=\"('eo.column.config.title' | translate)\"\r\n               (click)=\"visibleConfig = !visibleConfig\"></eo-icon>\r\n      <eo-icon class=\"button actions-button\" (click)=\"eoList.showActions()\" [iconTitle]=\"('eo.object.actions.title' | translate)\"\r\n               [iconSrc]=\"'assets/_default/svg/ic_more.svg'\" *ngIf=\"!reference\"></eo-icon>\r\n    </div>\r\n  </div>\r\n  <div class=\"eo-body\">\r\n    <eo-grid #eoGrid [gridOptions]=\"resultGridOptions\" *ngIf=\"hasGridOptions; else error\"\r\n             [showFooter]=\"true\" (eoGridColumnResized)=\"onColumnResized($event)\" [selectFirst]=\"selectFirst\"\r\n             (eoGridCountChanged)=\"eoList.onCountChanged($event);onCountChanged.emit($event);\"\r\n             (eoGridContextMenuClick)=\"eoList.onContextMenu($event);onContextMenu.emit($event)\"\r\n             (eoGridSelectionChanged)=\"eoList.onSelectionChanged($event);onSelectionChanged.emit($event)\"\r\n             (eoGridDoubleClick)=\"eoList.onDoubleClick($event);onDoubleClick.emit($event)\"\r\n             (eoGridFocusChanged)=\"eoList.onFocusChanged($event);onFocusChanged.emit($event)\">\r\n\r\n      <div class=\"footer\">\r\n        <eo-total-count [gridCount]=\"eoList.gridCount\" [outsideGrid]=\"false\" class=\"flex-row\"></eo-total-count>\r\n        <!--<eo-quick-filter [eoGrid]=\"eoGrid\"></eo-quick-filter>-->\r\n        <eo-pagination [settings]=\"settings\" (pageChanged)=\"onPageChanged($event)\"></eo-pagination>\r\n      </div>\r\n\r\n      <div class=\"empty\">\r\n        <eo-error-message [emptyState]=\"{text: emptyMessage || 'eo.search.result.expired'}\"></eo-error-message>\r\n      </div>\r\n    </eo-grid>\r\n  </div>\r\n  <ng-template #error>\r\n\r\n    <eo-error-message *ngIf=\"hasGridOptions\" [emptyState]=\"{text:'eo.search.mode.expert.result.empty'}\">\r\n    </eo-error-message>\r\n\r\n  </ng-template>\r\n</eo-list-container>\r\n",
+                styles: [":host{background:var(--panel-background);display:flex;flex:1;flex-direction:column;height:100%;min-height:0;min-width:0}:host .spinner{padding:calc(var(--app-pane-padding)/4)}:host .result-head{display:flex;flex:1;flex-direction:row;min-height:0;min-width:0}:host .result-head .header-info{flex:1}:host .result-head .header-info .header-sub-title .term{margin:0 var(--app-pane-padding)}:host .result-head .header-info .header-title{-moz-user-select:none;-webkit-user-select:none;font-size:20px;padding-bottom:calc(var(--app-pane-padding)/4);user-select:none}:host .result-head .header-info .status{display:flex}:host .result-head .header-info .status .term{flex:1}:host .result-head .actions eo-icon{cursor:pointer;padding:calc(var(--app-pane-padding)/4)}:host .loader-overlay__mask{-webkit-animation:eoFadeIn .5s;animation:eoFadeIn .5s;background:rgba(var(--color-white-rgb),.8);display:flex;height:100%;position:absolute;width:100%;z-index:11}:host .loader-overlay__mask .result-list__loader{margin:auto}"]
             },] }
 ];
 ResultListComponent.ctorParameters = () => [
@@ -16826,7 +16847,7 @@ class MediaComponent extends UnsubscribeOnDestroy {
                 "viewer": "assets/_default/api/img/?path=${path}&mimeType=${mimeType}&fileExtension=${fileExtension}&lang=${lang}&theme=${theme}"
             },
             { "viewer": "() => parameters.defaultViewer + '#'" },
-            { "error": true, "viewer": "assets/_default/api/error/?path=${path}&mimeType=${mimeType}&fileExtension=${fileExtension}&lang=${lang}&theme=${theme}" }
+            { "error": true, "type": "error", "viewer": "assets/_default/api/error/?path=${path}&mimeType=${mimeType}&fileExtension=${fileExtension}&lang=${lang}&theme=${theme}" }
         ];
         this.undockDisabled = false;
         this.enableCloseBtn = false;
@@ -16950,7 +16971,7 @@ class MediaComponent extends UnsubscribeOnDestroy {
         const config = this.customConfig.find((c) => {
             const matchMT = !c.mimeType || (typeof c.mimeType === 'string' ? [c.mimeType] : c.mimeType).includes(mimeType === null || mimeType === void 0 ? void 0 : mimeType.toLowerCase());
             const matchFE = !c.fileExtension || (typeof c.fileExtension === 'string' ? [c.fileExtension] : c.fileExtension).includes((fileExtension).toLowerCase());
-            return matchMT && matchFE;
+            return matchMT && matchFE && (!c.type || c.type === 'default');
         });
         const parameters = {
             file,
@@ -16965,6 +16986,9 @@ class MediaComponent extends UnsubscribeOnDestroy {
             previewUri: ''
         };
         parameters.viewer = this.pluginsService.applyFunction(parameters.viewer, 'component, dmsObject, parameters', [this, this._dmsObject, parameters]) || defaultViewer;
+        const extend = this.customConfig.find((c) => c.type === 'extend');
+        if (extend)
+            parameters.viewer = this.pluginsService.applyFunction(extend.viewer, 'component, dmsObject, parameters', [this, this._dmsObject, parameters]);
         parameters.previewUri = this.resolveUri(parameters.viewer, parameters);
         return parameters;
     }
@@ -20804,9 +20828,9 @@ class ProcessFileComponent {
 ProcessFileComponent.decorators = [
     { type: Component, args: [{
                 selector: 'eo-process-file',
-                template: " <div class=\"process-files\" *ngIf=\"processFile.length; else noFile\">\r\n\r\n\r\n  <!-- section for adding new items to the work items attachments -->\r\n  <div class=\"content-paste\"\r\n       *ngIf=\"permissions.add && clipboard?.elements.length && !hasAlreadyAllCopiedFiles()\"\r\n       (click)=\"addFromClipboard()\"\r\n       [ngClass]=\"{disabled: isDisabled}\"\r\n  >\r\n    <eo-icon [iconSrc]=\"'assets/_default/svg/ic_content_paste.svg'\"></eo-icon>\r\n    <span class=\"label ct\" translate>eo.process.file.add.label</span>\r\n  </div>\r\n\r\n  <!-- list of files attached to the work item -->\r\n  <div class=\"file-item\"\r\n       *ngFor=\"let file of processFile; trackBy: trackByIndex\"\r\n       [ngClass]=\"{selected: file.id === selectedContentFileId}\"\r\n       (dblclick)=\"openWorkItemContentInContext(file, $event)\"\r\n       (click)=\"openWorkItemContent(file)\">\r\n\r\n    <eo-icon [iconSrc]=\"'assets/_default/svg/ic_attachment.svg'\"></eo-icon>\r\n    <div>\r\n      <div class=\"title\">{{file.title}}</div>\r\n      <div class=\"description\">{{file.description}}</div>\r\n    </div>\r\n    <eo-icon class=\"button\"\r\n             *ngIf=\"editable && permissions.remove\"\r\n             [iconSrc]=\"'assets/_default/svg/ic_clear.svg'\"\r\n             (click)=\"removeWorkItemContent(file, $event)\">\r\n    </eo-icon>\r\n  </div>\r\n\r\n</div>\r\n\r\n<!-- no files attached to the work item -->\r\n<ng-template #noFile>\r\n  <div class=\"no-file\">\r\n    <!-- section for adding new items to the work items attachments -->\r\n    <div class=\"content-paste\"\r\n         *ngIf=\"permissions.add && clipboard?.elements.length\"\r\n         (click)=\"addFromClipboard()\"\r\n         [ngClass]=\"{disabled: isDisabled}\">\r\n      <eo-icon [iconSrc]=\"'assets/_default/svg/ic_content_paste.svg'\"></eo-icon>\r\n      <span class=\"label ct\" translate>eo.process.file.add.label</span>\r\n    </div>\r\n    <div class=\"eo-error-message-wrapper\">\r\n      <eo-error-message [emptyState]=\"{icon: 'ic_no-file.svg', text: 'eo.process.file.empty.label', className: 'no-files history empty'}\">\r\n      </eo-error-message>\r\n    </div>\r\n  </div>\r\n</ng-template>\r\n\r\n",
+                template: " <div class=\"process-files\" *ngIf=\"processFile.length; else noFile\">\r\n\r\n\r\n  <!-- section for adding new items to the work items attachments -->\r\n  <div class=\"content-paste\"\r\n       *ngIf=\"permissions.add && clipboard?.elements.length && !hasAlreadyAllCopiedFiles()\"\r\n       (click)=\"addFromClipboard()\"\r\n       [ngClass]=\"{disabled: isDisabled}\"\r\n  >\r\n    <eo-icon [iconSrc]=\"'assets/_default/svg/ic_content_paste.svg'\"></eo-icon>\r\n    <span class=\"label ct\" translate>eo.process.file.add.label</span>\r\n  </div>\r\n\r\n  <!-- list of files attached to the work item -->\r\n  <div class=\"file-item\"\r\n       *ngFor=\"let file of processFile; trackBy: trackByIndex\"\r\n       [ngClass]=\"{selected: file.id === selectedContentFileId}\"\r\n       (dblclick)=\"openWorkItemContentInContext(file, $event)\"\r\n       (click)=\"openWorkItemContent(file)\">\r\n\r\n    <eo-icon [iconSrc]=\"'assets/_default/svg/ic_attachment.svg'\"></eo-icon>\r\n    <div>\r\n      <div *ngIf=\"file.title; else tplNoTitle\" class=\"title\">{{file.title}}</div>\r\n      <ng-template #tplNoTitle>\r\n        <div class=\"title no-dms-object\" translate>eo.bpm.dmsobject.notavailable</div>\r\n      </ng-template>\r\n      <div class=\"description\">{{file.description}}</div>\r\n    </div>\r\n    <eo-icon class=\"button\"\r\n             *ngIf=\"editable && permissions.remove\"\r\n             [iconSrc]=\"'assets/_default/svg/ic_clear.svg'\"\r\n             (click)=\"removeWorkItemContent(file, $event)\">\r\n    </eo-icon>\r\n  </div>\r\n\r\n</div>\r\n\r\n<!-- no files attached to the work item -->\r\n<ng-template #noFile>\r\n  <div class=\"no-file\">\r\n    <!-- section for adding new items to the work items attachments -->\r\n    <div class=\"content-paste\"\r\n         *ngIf=\"permissions.add && clipboard?.elements.length\"\r\n         (click)=\"addFromClipboard()\"\r\n         [ngClass]=\"{disabled: isDisabled}\">\r\n      <eo-icon [iconSrc]=\"'assets/_default/svg/ic_content_paste.svg'\"></eo-icon>\r\n      <span class=\"label ct\" translate>eo.process.file.add.label</span>\r\n    </div>\r\n    <div class=\"eo-error-message-wrapper\">\r\n      <eo-error-message [emptyState]=\"{icon: 'ic_no-file.svg', text: 'eo.process.file.empty.label', className: 'no-files history empty'}\">\r\n      </eo-error-message>\r\n    </div>\r\n  </div>\r\n</ng-template>\r\n\r\n",
                 animations: [],
-                styles: [":host{height:100%;width:100%}:host .content-paste{-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-color:rgba(var(--color-black-rgb),.06);border-radius:2px;cursor:pointer;display:flex;flex:0 0 auto;flex-flow:row nowrap;margin:0 0 var(--app-pane-padding) 0;padding:calc(var(--app-pane-padding)/2) calc(var(--app-pane-padding)/4);transition:all var(--app-default-transition-duration) ease-in-out}:host .content-paste eo-icon{-moz-transition:none;-o-transition:none;-webkit-transition:none;transition:none}:host .content-paste .label,:host .content-paste eo-icon{margin:0 calc(var(--app-pane-padding)/4)}:host .content-paste.disabled{cursor:default;opacity:.5;pointer-events:none}:host .content-paste:not(.disabled):hover{background-color:var(--color-accent);color:var(--color-white)}.process-files{display:flex;flex:1;flex-direction:column;height:100%;min-height:0;min-width:0}.process-files .file-item{-webkit-animation:eoFadeIn .5s;align-items:center;animation:eoFadeIn .5s;background-color:var(--color-white);border-left:calc(var(--app-pane-padding)/4) solid transparent;cursor:pointer;display:flex;flex:0 0 auto;flex-flow:row nowrap;margin-bottom:calc(var(--app-pane-padding)/4);padding:var(--app-pane-padding) var(--app-pane-padding) var(--app-pane-padding) 0}.process-files .file-item>div{flex:1 1 auto}.process-files .file-item>div .title{font-weight:700}.process-files .file-item eo-icon{flex:0 0 auto;margin:0 var(--app-pane-padding)}.process-files .file-item eo-icon.button{box-sizing:border-box;color:var(--text-color-hint);margin:0;padding:0}.process-files .file-item.selected{border-color:var(--color-accent);cursor:default}.no-file{height:100%}.no-file .eo-error-message-wrapper{bottom:0;left:0;position:absolute;right:0;top:56px}"]
+                styles: [":host{height:100%;width:100%}:host .content-paste{-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-color:rgba(var(--color-black-rgb),.06);border-radius:2px;cursor:pointer;display:flex;flex:0 0 auto;flex-flow:row nowrap;margin:0 0 var(--app-pane-padding) 0;padding:calc(var(--app-pane-padding)/2) calc(var(--app-pane-padding)/4);transition:all var(--app-default-transition-duration) ease-in-out}:host .content-paste eo-icon{-moz-transition:none;-o-transition:none;-webkit-transition:none;transition:none}:host .content-paste .label,:host .content-paste eo-icon{margin:0 calc(var(--app-pane-padding)/4)}:host .content-paste.disabled{cursor:default;opacity:.5;pointer-events:none}:host .content-paste:not(.disabled):hover{background-color:var(--color-accent);color:var(--color-white)}.process-files{display:flex;flex:1;flex-direction:column;height:100%;min-height:0;min-width:0}.process-files .file-item{-webkit-animation:eoFadeIn .5s;align-items:center;animation:eoFadeIn .5s;background-color:var(--color-white);border-left:calc(var(--app-pane-padding)/4) solid transparent;cursor:pointer;display:flex;flex:0 0 auto;flex-flow:row nowrap;margin-bottom:calc(var(--app-pane-padding)/4);padding:var(--app-pane-padding) var(--app-pane-padding) var(--app-pane-padding) 0}.process-files .file-item>div{flex:1 1 auto}.process-files .file-item>div .title{font-weight:700}.process-files .file-item eo-icon{flex:0 0 auto;margin:0 var(--app-pane-padding)}.process-files .file-item eo-icon.button{box-sizing:border-box;color:var(--text-color-hint);margin:0;padding:0}.process-files .file-item.selected{border-color:var(--color-accent);cursor:default}.no-file{height:100%}.no-file .eo-error-message-wrapper{bottom:0;left:0;position:absolute;right:0;top:56px}.no-dms-object{color:var(--color-error)}"]
             },] }
 ];
 ProcessFileComponent.ctorParameters = () => [
@@ -21085,7 +21109,7 @@ class ObjectStateDetailsComponent extends UnsubscribeOnDestroy {
         this.eventService
             .on(EnaioEvent.DMS_OBJECT_UPDATED)
             .pipe(takeUntil(this.componentDestroyed$))
-            .subscribe(event => this.onFocus(event.data, true));
+            .subscribe(event => this.onFocus(event.data));
         this.eventService
             .on(EnaioEvent.DMS_OBJECT_DELETED)
             .pipe(takeUntil(this.componentDestroyed$))
@@ -21106,11 +21130,15 @@ class ObjectStateDetailsComponent extends UnsubscribeOnDestroy {
     get visibility() {
         return !this._visible ? 0 : '100%';
     }
-    onFocus(item, force = false) {
+    onFocus(item) {
+        var _a, _b;
         this.selectedItem = item;
-        if (item && item.id !== this.context.id && (force || !this.lastSeenTab || !this.lastSeenTab.selected)) {
+        if (item && item.id !== this.context.id) {
+            const notSeenTab = !this.lastSeenTab || !this.lastSeenTab.selected;
+            const notModified = ((_b = (_a = this.seenItems.find(i => i.id === item.id)) === null || _a === void 0 ? void 0 : _a.modified) === null || _b === void 0 ? void 0 : _b.on) === item.modified.on;
             let { id, typeName, title, description, modified } = item;
-            this.onRemove(item, [{ id, type: typeName, title, description, modified }]);
+            if (notSeenTab || !notModified)
+                this.onRemove(item, [{ id, type: typeName, title, description, modified }]);
         }
     }
     onRemove(item, seen = []) {
@@ -21966,10 +21994,10 @@ class AboutStateComponent {
         this.http = http;
         this.userService = userService;
         this.config = config;
-        this.__libraries__ = [{ "name": "@ag-grid-community/angular", "version": "22.1.2", "license": "MIT" }, { "name": "@ag-grid-community/client-side-row-model", "version": "22.1.1", "license": "MIT" }, { "name": "@ag-grid-community/core", "version": "22.1.1", "license": "MIT" }, { "name": "@ag-grid-community/csv-export", "version": "22.1.1", "license": "MIT" }, { "name": "@angular/animations", "version": "11.2.0", "license": "MIT" }, { "name": "@angular/cdk", "version": "11.2.0", "license": "MIT" }, { "name": "@angular/common", "version": "11.2.0", "license": "MIT" }, { "name": "@angular/compiler", "version": "11.2.0", "license": "MIT" }, { "name": "@angular/core", "version": "11.2.0", "license": "MIT" }, { "name": "@angular/forms", "version": "11.2.0", "license": "MIT" }, { "name": "@angular/platform-browser", "version": "11.2.0", "license": "MIT" }, { "name": "@angular/platform-browser-dynamic", "version": "11.2.0", "license": "MIT" }, { "name": "@angular/router", "version": "11.2.0", "license": "MIT" }, { "name": "@eo-sdk/core", "version": "7.16.1", "license": "MIT" }, { "name": "@ngx-pwa/local-storage", "version": "11.1.0", "license": "MIT" }, { "name": "@ngx-translate/core", "version": "13.0.0", "license": "MIT" }, { "name": "@types/lodash", "version": "4.14.88", "license": "MIT" }, { "name": "core-js", "version": "2.5.7", "license": "MIT" }, { "name": "file-saver", "version": "2.0.5", "license": "MIT" }, { "name": "font-awesome", "version": "4.7.0", "license": "(OFL-1.1 AND MIT)" }, { "name": "keyboardevent-key-polyfill", "version": "1.1.0", "license": "CC0-1.0" }, { "name": "keycode-js", "version": "0.0.4", "license": "MIT" }, { "name": "mobile-drag-drop", "version": "2.2.0", "license": "MIT" }, { "name": "moment", "version": "2.22.2", "license": "MIT" }, { "name": "ngx-toastr", "version": "13.2.0", "license": "MIT" }, { "name": "primeicons", "version": "1.0.0-beta.6", "license": "MIT" }, { "name": "primeng", "version": "6.0.0-beta.1", "license": "MIT" }, { "name": "reflect-metadata", "version": "0.1.10", "license": "Apache-2.0" }, { "name": "rxjs", "version": "6.6.3", "license": "Apache-2.0" }, { "name": "tslib", "version": "2.1.0", "license": "0BSD" }, { "name": "zone.js", "version": "0.10.3", "license": "MIT" }];
+        this.__libraries__ = [{ "name": "@ag-grid-community/angular", "version": "22.1.2", "license": "MIT" }, { "name": "@ag-grid-community/client-side-row-model", "version": "22.1.1", "license": "MIT" }, { "name": "@ag-grid-community/core", "version": "22.1.1", "license": "MIT" }, { "name": "@ag-grid-community/csv-export", "version": "22.1.1", "license": "MIT" }, { "name": "@angular/animations", "version": "11.2.0", "license": "MIT" }, { "name": "@angular/cdk", "version": "11.2.0", "license": "MIT" }, { "name": "@angular/common", "version": "11.2.0", "license": "MIT" }, { "name": "@angular/compiler", "version": "11.2.0", "license": "MIT" }, { "name": "@angular/core", "version": "11.2.0", "license": "MIT" }, { "name": "@angular/forms", "version": "11.2.0", "license": "MIT" }, { "name": "@angular/platform-browser", "version": "11.2.0", "license": "MIT" }, { "name": "@angular/platform-browser-dynamic", "version": "11.2.0", "license": "MIT" }, { "name": "@angular/router", "version": "11.2.0", "license": "MIT" }, { "name": "@eo-sdk/core", "version": "7.16.2", "license": "MIT" }, { "name": "@ngx-pwa/local-storage", "version": "11.1.0", "license": "MIT" }, { "name": "@ngx-translate/core", "version": "13.0.0", "license": "MIT" }, { "name": "@types/lodash", "version": "4.14.88", "license": "MIT" }, { "name": "core-js", "version": "2.5.7", "license": "MIT" }, { "name": "file-saver", "version": "2.0.5", "license": "MIT" }, { "name": "font-awesome", "version": "4.7.0", "license": "(OFL-1.1 AND MIT)" }, { "name": "keyboardevent-key-polyfill", "version": "1.1.0", "license": "CC0-1.0" }, { "name": "keycode-js", "version": "0.0.4", "license": "MIT" }, { "name": "mobile-drag-drop", "version": "2.2.0", "license": "MIT" }, { "name": "moment", "version": "2.22.2", "license": "MIT" }, { "name": "ngx-toastr", "version": "13.2.0", "license": "MIT" }, { "name": "primeicons", "version": "1.0.0-beta.6", "license": "MIT" }, { "name": "primeng", "version": "6.0.0-beta.1", "license": "MIT" }, { "name": "reflect-metadata", "version": "0.1.10", "license": "Apache-2.0" }, { "name": "rxjs", "version": "6.6.3", "license": "Apache-2.0" }, { "name": "tslib", "version": "2.1.0", "license": "0BSD" }, { "name": "zone.js", "version": "0.10.3", "license": "MIT" }];
         this.ctrl = {
             productName: 'yuuvis® RAD client',
-            clientVersion: '7.16.1'
+            clientVersion: '7.16.2'
         };
         this.licenses = {
             'MIT': {