ngx-edu-sharing-ui 9.1.3 → 9.1.4

package/fesm2022/ngx-edu-sharing-ui.mjs

@@ -4,7 +4,7 @@ import { Injectable, Directive, Optional, Input, Pipe, Component, ViewChild, Eve
 import { isArray as isArray$1 } from 'lodash';
 import * as rxjs from 'rxjs';
 import { BehaviorSubject, combineLatest as combineLatest$1, Observable, ReplaySubject, Subject, merge, from, of, fromEvent, concat } from 'rxjs';
-import { map, distinctUntilChanged, filter, take, switchMap, pairwise, takeUntil, first, delay as delay$1, tap, debounceTime, startWith, shareReplay, catchError, reduce } from 'rxjs/operators';
+import { map, distinctUntilChanged, filter, take, switchMap, pairwise, takeUntil, first, tap, startWith, delay as delay$1, debounceTime, shareReplay, catchError, reduce } from 'rxjs/operators';
 import * as i1 from '@ngx-translate/core';
 import { TranslateModule, TranslateLoader, MissingTranslationHandler } from '@ngx-translate/core';
 import * as i3 from '@angular/common';
@@ -24,9 +24,11 @@ import { MatRippleModule } from '@angular/material/core';
 import * as i2$1 from '@angular/router';
 import { RouterModule } from '@angular/router';
 import * as i2$2 from '@angular/platform-browser';
-import * as i7 from '@angular/cdk/drag-drop';
+import * as i1$1 from '@angular/material/progress-spinner';
+import { MatProgressSpinnerModule } from '@angular/material/progress-spinner';
+import * as i8 from '@angular/cdk/drag-drop';
 import { moveItemInArray, CdkDropList, DragDropModule } from '@angular/cdk/drag-drop';
-import * as i8 from '@angular/cdk/a11y';
+import * as i9 from '@angular/cdk/a11y';
 import { A11yModule } from '@angular/cdk/a11y';
 import * as i2$4 from '@angular/cdk/overlay';
 import { OverlayModule } from '@angular/cdk/overlay';
@@ -38,11 +40,11 @@ import * as i5$2 from '@angular/material/checkbox';
 import { MatCheckboxModule } from '@angular/material/checkbox';
 import * as i8$1 from '@angular/material/paginator';
 import { MatPaginator, MatPaginatorModule } from '@angular/material/paginator';
-import * as i7$1 from '@angular/material/slide-toggle';
+import * as i7 from '@angular/material/slide-toggle';
 import { MatSlideToggleModule } from '@angular/material/slide-toggle';
-import * as i23 from '@angular/material/sort';
+import * as i24 from '@angular/material/sort';
 import { MatSort, MatSortModule } from '@angular/material/sort';
-import * as i21 from '@angular/material/table';
+import * as i22 from '@angular/material/table';
 import { MatTableModule } from '@angular/material/table';
 import { DataSource, SelectionModel } from '@angular/cdk/collections';
 import { HttpClient } from '@angular/common/http';
@@ -1619,6 +1621,19 @@ class NodeHelperService {
         data.queryParams.redirectFromSSO = null;
         return data.queryParams;
     }
+    /**
+     * Returns true if this node is a copy of another node, just used as a publish target.
+     */
+    isNodePublishedCopy(o) {
+        return !!o.properties?.[RestConstants.CCM_PROP_PUBLISHED_ORIGINAL]?.[0];
+    }
+    /**
+     * returns true if this is a revoked node
+     * (published copy that has been revoked)
+     */
+    isNodeRevoked(node) {
+        return node?.aspects?.includes(RestConstants.CCM_ASPECT_REVOKED);
+    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.6", ngImport: i0, type: NodeHelperService, deps: [{ token: i1.TranslateService }, { token: i2.ApiHelpersService }, { token: i2.NetworkService }, { token: i2.ConfigService }, { token: RepoUrlService }, { token: ASSETS_BASE_PATH, optional: true }], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.6", ngImport: i0, type: NodeHelperService, providedIn: 'root' }); }
 }
@@ -2542,11 +2557,11 @@ class SpinnerComponent {
         this.dataTest = 'loading-spinner';
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.6", ngImport: i0, type: SpinnerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.6", type: SpinnerComponent, isStandalone: true, selector: "es-spinner", host: { properties: { "attr.data-test": "this.dataTest" } }, ngImport: i0, template: "<div class=\"spinner\">\n  <span aria-live=\"polite\" class=\"cdk-visually-hidden\">{{ 'LOADING' | translate }}</span>\n  <div class=\"spinnercontainer\">\n    <div class=\"inner\">\n      <div class=\"spinner1\"></div>\n    </div>\n    <div class=\"inner\">\n      <div class=\"spinner2\"></div>\n    </div>\n    <div class=\"inner\">\n      <div class=\"spinner3\"></div>\n    </div>\n  </div>\n</div>\n", styles: [".spinner{margin:0 auto}.spinnercontainer{margin:20px auto auto;height:54px;color:#0000;text-align:center;float:left;width:100%}.inner{width:30px;height:50px;display:inline-block}.spinner1{background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDEyLjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgNTE0NDgpICAtLT4KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIiBbCgk8IUVOVElUWSBuc19zdmcgImh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KCTwhRU5USVRZIG5zX3hsaW5rICJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KXT4KPHN2ZyAgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9IiZuc19zdmc7IiB4bWxuczp4bGluaz0iJm5zX3hsaW5rOyIgd2lkdGg9IjE1LjY1NyIgaGVpZ2h0PSIxMy41NTkiCgkgdmlld0JveD0iMCAwIDE1LjY1NyAxMy41NTkiIG92ZXJmbG93PSJ2aXNpYmxlIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxNS42NTcgMTMuNTU5IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHBvbHlnb24gb3BhY2l0eT0iMC42IiBmaWxsPSIjYzFjNmUzIiBwb2ludHM9IjMuOTE0LDEzLjU1OSAwLDYuNzggMy45MTQsMCAxMS43NDMsMCAxNS42NTcsNi43OCAxMS43NDMsMTMuNTU5ICIvPgo8L3N2Zz4K);background-repeat:no-repeat;background-position:center;background-size:50px;width:50px;height:50px;animation:spin 2s infinite ease-in;animation-delay:.1s}.spinner2{background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDEyLjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgNTE0NDgpICAtLT4KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIiBbCgk8IUVOVElUWSBuc19zdmcgImh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KCTwhRU5USVRZIG5zX3hsaW5rICJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KXT4KPHN2ZyAgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9IiZuc19zdmc7IiB4bWxuczp4bGluaz0iJm5zX3hsaW5rOyIgd2lkdGg9IjE1LjY1NyIgaGVpZ2h0PSIxMy41NTkiCgkgdmlld0JveD0iMCAwIDE1LjY1NyAxMy41NTkiIG92ZXJmbG93PSJ2aXNpYmxlIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxNS42NTcgMTMuNTU5IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHBvbHlnb24gb3BhY2l0eT0iMC42IiBmaWxsPSIjN2Y5MWMzIiBwb2ludHM9IjMuOTE0LDEzLjU1OSAwLDYuNzggMy45MTQsMCAxMS43NDMsMCAxNS42NTcsNi43OCAxMS43NDMsMTMuNTU5ICIvPgo8L3N2Zz4K);background-repeat:no-repeat;background-position:center;background-size:50px;width:50px;height:50px;animation:spin 2s infinite ease-in;animation-delay:.25s}.spinner3{background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDEyLjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgNTE0NDgpICAtLT4KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIiBbCgk8IUVOVElUWSBuc19zdmcgImh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KCTwhRU5USVRZIG5zX3hsaW5rICJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KXT4KPHN2ZyAgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9IiZuc19zdmc7IiB4bWxuczp4bGluaz0iJm5zX3hsaW5rOyIgd2lkdGg9IjE1LjY1NyIgaGVpZ2h0PSIxMy41NTkiCgkgdmlld0JveD0iMCAwIDE1LjY1NyAxMy41NTkiIG92ZXJmbG93PSJ2aXNpYmxlIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxNS42NTcgMTMuNTU5IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHBvbHlnb24gb3BhY2l0eT0iMC42IiBmaWxsPSIjMzE2MmE3IiBwb2ludHM9IjMuOTE0LDEzLjU1OSAwLDYuNzggMy45MTQsMCAxMS43NDMsMCAxNS42NTcsNi43OCAxMS43NDMsMTMuNTU5ICIvPgo8L3N2Zz4K);background-repeat:no-repeat;background-position:center;background-size:50px;width:50px;height:50px;animation:spin 2s infinite ease-in;animation-delay:.5s}@keyframes spin{0%{transform:scale(1)}50%{transform:scale(.5) rotate(90deg)}to{transform:scale(1)}}\n"], dependencies: [{ kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1.TranslatePipe, name: "translate" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.6", type: SpinnerComponent, isStandalone: true, selector: "es-spinner", host: { properties: { "attr.data-test": "this.dataTest" } }, ngImport: i0, template: "<div class=\"spinner\">\n  <mat-progress-spinner\n    color=\"primary\"\n    mode=\"indeterminate\"\n    [diameter]=\"54\"\n  ></mat-progress-spinner>\n</div>\n", styles: [".spinner{display:flex;justify-content:center;padding:20px}\n"], dependencies: [{ kind: "ngmodule", type: MatProgressSpinnerModule }, { kind: "component", type: i1$1.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.6", ngImport: i0, type: SpinnerComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'es-spinner', standalone: true, imports: [TranslateModule], template: "<div class=\"spinner\">\n  <span aria-live=\"polite\" class=\"cdk-visually-hidden\">{{ 'LOADING' | translate }}</span>\n  <div class=\"spinnercontainer\">\n    <div class=\"inner\">\n      <div class=\"spinner1\"></div>\n    </div>\n    <div class=\"inner\">\n      <div class=\"spinner2\"></div>\n    </div>\n    <div class=\"inner\">\n      <div class=\"spinner3\"></div>\n    </div>\n  </div>\n</div>\n", styles: [".spinner{margin:0 auto}.spinnercontainer{margin:20px auto auto;height:54px;color:#0000;text-align:center;float:left;width:100%}.inner{width:30px;height:50px;display:inline-block}.spinner1{background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDEyLjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgNTE0NDgpICAtLT4KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIiBbCgk8IUVOVElUWSBuc19zdmcgImh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KCTwhRU5USVRZIG5zX3hsaW5rICJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KXT4KPHN2ZyAgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9IiZuc19zdmc7IiB4bWxuczp4bGluaz0iJm5zX3hsaW5rOyIgd2lkdGg9IjE1LjY1NyIgaGVpZ2h0PSIxMy41NTkiCgkgdmlld0JveD0iMCAwIDE1LjY1NyAxMy41NTkiIG92ZXJmbG93PSJ2aXNpYmxlIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxNS42NTcgMTMuNTU5IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHBvbHlnb24gb3BhY2l0eT0iMC42IiBmaWxsPSIjYzFjNmUzIiBwb2ludHM9IjMuOTE0LDEzLjU1OSAwLDYuNzggMy45MTQsMCAxMS43NDMsMCAxNS42NTcsNi43OCAxMS43NDMsMTMuNTU5ICIvPgo8L3N2Zz4K);background-repeat:no-repeat;background-position:center;background-size:50px;width:50px;height:50px;animation:spin 2s infinite ease-in;animation-delay:.1s}.spinner2{background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDEyLjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgNTE0NDgpICAtLT4KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIiBbCgk8IUVOVElUWSBuc19zdmcgImh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KCTwhRU5USVRZIG5zX3hsaW5rICJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KXT4KPHN2ZyAgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9IiZuc19zdmc7IiB4bWxuczp4bGluaz0iJm5zX3hsaW5rOyIgd2lkdGg9IjE1LjY1NyIgaGVpZ2h0PSIxMy41NTkiCgkgdmlld0JveD0iMCAwIDE1LjY1NyAxMy41NTkiIG92ZXJmbG93PSJ2aXNpYmxlIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxNS42NTcgMTMuNTU5IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHBvbHlnb24gb3BhY2l0eT0iMC42IiBmaWxsPSIjN2Y5MWMzIiBwb2ludHM9IjMuOTE0LDEzLjU1OSAwLDYuNzggMy45MTQsMCAxMS43NDMsMCAxNS42NTcsNi43OCAxMS43NDMsMTMuNTU5ICIvPgo8L3N2Zz4K);background-repeat:no-repeat;background-position:center;background-size:50px;width:50px;height:50px;animation:spin 2s infinite ease-in;animation-delay:.25s}.spinner3{background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDEyLjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgNTE0NDgpICAtLT4KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIiBbCgk8IUVOVElUWSBuc19zdmcgImh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KCTwhRU5USVRZIG5zX3hsaW5rICJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KXT4KPHN2ZyAgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9IiZuc19zdmc7IiB4bWxuczp4bGluaz0iJm5zX3hsaW5rOyIgd2lkdGg9IjE1LjY1NyIgaGVpZ2h0PSIxMy41NTkiCgkgdmlld0JveD0iMCAwIDE1LjY1NyAxMy41NTkiIG92ZXJmbG93PSJ2aXNpYmxlIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxNS42NTcgMTMuNTU5IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHBvbHlnb24gb3BhY2l0eT0iMC42IiBmaWxsPSIjMzE2MmE3IiBwb2ludHM9IjMuOTE0LDEzLjU1OSAwLDYuNzggMy45MTQsMCAxMS43NDMsMCAxNS42NTcsNi43OCAxMS43NDMsMTMuNTU5ICIvPgo8L3N2Zz4K);background-repeat:no-repeat;background-position:center;background-size:50px;width:50px;height:50px;animation:spin 2s infinite ease-in;animation-delay:.5s}@keyframes spin{0%{transform:scale(1)}50%{transform:scale(.5) rotate(90deg)}to{transform:scale(1)}}\n"] }]
+            args: [{ selector: 'es-spinner', standalone: true, imports: [MatProgressSpinnerModule], template: "<div class=\"spinner\">\n  <mat-progress-spinner\n    color=\"primary\"\n    mode=\"indeterminate\"\n    [diameter]=\"54\"\n  ></mat-progress-spinner>\n</div>\n", styles: [".spinner{display:flex;justify-content:center;padding:20px}\n"] }]
         }], ctorParameters: function () { return []; }, propDecorators: { dataTest: [{
                 type: HostBinding,
                 args: ['attr.data-test']
@@ -3173,7 +3188,7 @@ class NodesDragDirective {
             document.body.removeChild(style);
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.6", ngImport: i0, type: NodesDragDirective, deps: [{ token: i7.CdkDrag }, { token: NodesDragDropService }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.6", ngImport: i0, type: NodesDragDirective, deps: [{ token: i8.CdkDrag }, { token: NodesDragDropService }], target: i0.ɵɵFactoryTarget.Directive }); }
     static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.6", type: NodesDragDirective, selector: "[esNodesDrag]", ngImport: i0 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.6", ngImport: i0, type: NodesDragDirective, decorators: [{
@@ -3181,7 +3196,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.6", ngImpor
             args: [{
                     selector: '[esNodesDrag]',
                 }]
-        }], ctorParameters: function () { return [{ type: i7.CdkDrag }, { type: NodesDragDropService }]; } });
+        }], ctorParameters: function () { return [{ type: i8.CdkDrag }, { type: NodesDragDropService }]; } });
 
 const ACTIVE_DROP_TARGET_ACCEPT_CLASS = 'es-nodes-active-drop-target-accept';
 const ACTIVE_DROP_TARGET_DENY_CLASS = 'es-nodes-active-drop-target-deny';
@@ -3955,12 +3970,13 @@ var ElementType;
     ElementType[ElementType["NodeChild"] = 1] = "NodeChild";
     ElementType[ElementType["MapRef"] = 2] = "MapRef";
     ElementType[ElementType["NodePublishedCopy"] = 3] = "NodePublishedCopy";
-    ElementType[ElementType["NodeBlockedImport"] = 4] = "NodeBlockedImport";
-    ElementType[ElementType["NodeProposal"] = 5] = "NodeProposal";
-    ElementType[ElementType["Person"] = 6] = "Person";
-    ElementType[ElementType["Group"] = 7] = "Group";
-    ElementType[ElementType["SavedSearch"] = 8] = "SavedSearch";
-    ElementType[ElementType["Unknown"] = 9] = "Unknown";
+    ElementType[ElementType["NodeRevoked"] = 4] = "NodeRevoked";
+    ElementType[ElementType["NodeBlockedImport"] = 5] = "NodeBlockedImport";
+    ElementType[ElementType["NodeProposal"] = 6] = "NodeProposal";
+    ElementType[ElementType["Person"] = 7] = "Person";
+    ElementType[ElementType["Group"] = 8] = "Group";
+    ElementType[ElementType["SavedSearch"] = 9] = "SavedSearch";
+    ElementType[ElementType["Unknown"] = 10] = "Unknown";
 })(ElementType || (ElementType = {}));
 class OptionGroup {
     /**
@@ -4180,9 +4196,193 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.6", ngImpor
                 type: Input
             }] } });
 
+class AppService {
+}
+
+// 'none' means that only labels should be shown (for dev)
+const DEFAULT_SUPPORTED_LANGUAGES = [
+    'de',
+    'de-informal',
+    'de-no-binnen-i',
+    'en',
+    'fr',
+    'it',
+    'none',
+];
+class TranslationsService {
+    constructor(config, route, storage, translate, sessionStorage, ref, appService) {
+        this.config = config;
+        this.route = route;
+        this.storage = storage;
+        this.translate = translate;
+        this.sessionStorage = sessionStorage;
+        this.ref = ref;
+        this.appService = appService;
+        this.languageLoaded = new BehaviorSubject(false);
+        this.sessionStorage?.observe('language').subscribe((lang) => {
+            // language has changed, i.e. user has different preference
+            if (this.translate.currentLang && this.translate.currentLang !== lang) {
+                this.initialize().subscribe(() => {
+                    this.ref.tick();
+                });
+            }
+        });
+    }
+    /**
+     * Determines and configures the language to use and triggers loading of translations with
+     * ngx-translate.
+     *
+     * Call this once in the app component.
+     */
+    initialize() {
+        const supportedLanguages$ = from(this.config.get('supportedLanguages', DEFAULT_SUPPORTED_LANGUAGES));
+        if (this.appService?.isRunningApp()) {
+            return supportedLanguages$.pipe(switchMap((supportedLanguages) => this.initializeCordova(supportedLanguages)), map(() => void 0));
+        }
+        supportedLanguages$
+            .pipe(tap((supportedLanguages) => {
+            if (!supportedLanguages.includes('none')) {
+                supportedLanguages.push('none');
+            }
+        }), tap((supportedLanguages) => this.translate.addLangs(supportedLanguages)), 
+        // Select queryParams.locale if set meaningfully
+        switchMap((supportedLanguages) => this.route.queryParams.pipe(first(), map((params) => {
+            let selectedLanguage = null;
+            if (supportedLanguages.indexOf(params.locale) !== -1) {
+                selectedLanguage = params.locale;
+            }
+            else if (params.locale) {
+                console.warn(`Url requested language ${params.locale}, ` +
+                    'but it was not found or is not configured in the allowed languages: ' +
+                    supportedLanguages);
+            }
+            return {
+                supportedLanguages,
+                selectedLanguage,
+            };
+        }))), 
+        // Select storage.get('language') if set meaningfully
+        switchMap(({ supportedLanguages, selectedLanguage }) => {
+            if (selectedLanguage) {
+                return of({
+                    supportedLanguages,
+                    selectedLanguage,
+                    useStored: false,
+                });
+            }
+            else {
+                return this.storage.get('language').pipe(map((storageLanguage) => {
+                    let useStored = false;
+                    if (supportedLanguages.indexOf(storageLanguage) !== -1) {
+                        selectedLanguage = storageLanguage;
+                        useStored = true;
+                    }
+                    return {
+                        supportedLanguages,
+                        selectedLanguage,
+                        useStored,
+                    };
+                }));
+            }
+        }), 
+        // Use browser language if available, otherwise fall back to the first supported
+        // language.
+        map(({ supportedLanguages, selectedLanguage, useStored }) => {
+            if (selectedLanguage) {
+                return {
+                    supportedLanguages,
+                    selectedLanguage,
+                    useStored,
+                };
+            }
+            else if (
+            // Select browser language if set meaningfully
+            supportedLanguages.indexOf(this.translate.getBrowserLang()) !== -1) {
+                return {
+                    supportedLanguages,
+                    selectedLanguage: this.translate.getBrowserLang(),
+                    useStored,
+                };
+            }
+            else {
+                // Select first supported language
+                return {
+                    supportedLanguages,
+                    selectedLanguage: supportedLanguages[0],
+                    useStored,
+                };
+            }
+        }), 
+        // Set fallback language
+        tap(({ supportedLanguages, selectedLanguage, useStored }) => {
+            if (!useStored) {
+                this.storage.set('language', selectedLanguage);
+            }
+            if (selectedLanguage === 'none') {
+                this.translate.setDefaultLang('none');
+            }
+            else if (selectedLanguage?.startsWith('de-')) {
+                this.translate.setDefaultLang('de');
+            }
+            else {
+                this.translate.setDefaultLang(supportedLanguages[0]);
+            }
+        }), 
+        // Configure `ngx-translate` to use the determined language and trigger loading of
+        // translations.
+        switchMap(({ selectedLanguage }) => {
+            // console.log('language used: ' + selectedLanguage);
+            this.language = selectedLanguage;
+            return this.translate.use(selectedLanguage).pipe(map(() => void 0));
+        }))
+            .subscribe(() => {
+            // Notify anyone waiting for translations to be loaded.
+            this.languageLoaded.next(true);
+        });
+        return this.waitForInit();
+    }
+    async initializeCordova(supportedLanguages = DEFAULT_SUPPORTED_LANGUAGES) {
+        this.translate.addLangs(supportedLanguages);
+        let language = supportedLanguages[0];
+        this.translate.setDefaultLang(language);
+        this.translate.use(language);
+        this.language = language;
+        const data = await this.appService.getLanguage();
+        if (supportedLanguages.indexOf(data) != -1) {
+            language = data;
+        }
+        this.language = language;
+        this.translate.use(language).subscribe(() => {
+            this.languageLoaded.next(true);
+        });
+        // this.translate.getTranslation(language).subscribe(() => {
+        // });
+        return this.waitForInit();
+    }
+    waitForInit() {
+        return this.languageLoaded.pipe(first((languageLoaded) => languageLoaded), map(() => void 0));
+    }
+    /** Same as `translate.currentLang`. */
+    getLanguage() {
+        return this.language;
+    }
+    getISOLanguage() {
+        return LANGUAGES[this.language];
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.6", ngImport: i0, type: TranslationsService, deps: [{ token: i2.ConfigService }, { token: i2$1.ActivatedRoute }, { token: i2.SessionStorageService }, { token: i1.TranslateService }, { token: i2.SessionStorageService }, { token: i0.ApplicationRef }, { token: AppService, optional: true }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.6", ngImport: i0, type: TranslationsService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.6", ngImport: i0, type: TranslationsService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }], ctorParameters: function () { return [{ type: i2.ConfigService }, { type: i2$1.ActivatedRoute }, { type: i2.SessionStorageService }, { type: i1.TranslateService }, { type: i2.SessionStorageService }, { type: i0.ApplicationRef }, { type: AppService, decorators: [{
+                    type: Optional
+                }] }]; } });
+
 class ListItemLabelPipe {
-    constructor(translate) {
+    constructor(translate, translations) {
         this.translate = translate;
+        this.translations = translations;
     }
     transform(item, args = { fallback: item.name }) {
         const mapping = {
@@ -4197,18 +4397,18 @@ class ListItemLabelPipe {
             return rxjs.of(item.label);
         }
         else {
-            return this.translate.get(mapping[item.type] + '.' + item.name, {
+            return this.translations.waitForInit().pipe(startWith(null), delay$1(1), switchMap(() => this.translate.get(mapping[item.type] + '.' + item.name, {
                 fallback: args.fallback,
-            });
+            })));
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.6", ngImport: i0, type: ListItemLabelPipe, deps: [{ token: i1.TranslateService }], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.6", ngImport: i0, type: ListItemLabelPipe, deps: [{ token: i1.TranslateService }, { token: TranslationsService }], target: i0.ɵɵFactoryTarget.Pipe }); }
     static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "16.2.6", ngImport: i0, type: ListItemLabelPipe, name: "esListItemLabel" }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.6", ngImport: i0, type: ListItemLabelPipe, decorators: [{
             type: Pipe,
             args: [{ name: 'esListItemLabel' }]
-        }], ctorParameters: function () { return [{ type: i1.TranslateService }]; } });
+        }], ctorParameters: function () { return [{ type: i1.TranslateService }, { type: TranslationsService }]; } });
 
 var NodeEntriesDisplayType;
 (function (NodeEntriesDisplayType) {
@@ -4290,7 +4490,7 @@ class SortSelectPanelComponent {
         });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.6", ngImport: i0, type: SortSelectPanelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.6", type: SortSelectPanelComponent, selector: "es-sort-select-panel", inputs: { active: "active", direction: "direction", columns: "columns", customSortingInProgress: "customSortingInProgress" }, outputs: { sortChange: "sortChange", customSortingInProgressChange: "customSortingInProgressChange" }, ngImport: i0, template: "<mat-slide-toggle\n  *ngIf=\"active === 'ccm:collection_ordered_position'\"\n  [(ngModel)]=\"customSortingInProgress\"\n  (ngModelChange)=\"customSortingInProgressChange.emit($event)\"\n>\n  {{ 'COLLECTIONS.SORT_SLIDER' | translate }}\n</mat-slide-toggle>\n<ng-container *ngIf=\"columns?.length\">\n  <button\n    *ngIf=\"sortDropdown.menu\"\n    [matMenuTriggerFor]=\"sortDropdown.menu\"\n    mat-button\n    color=\"primary\"\n  >\n    <span *ngIf=\"active\">{{ 'NODE.' + active | translate }}</span>\n    <span *ngIf=\"!active\">{{ 'SORT_BY' | translate }}</span>\n    <i\n      *ngIf=\"active && active !== 'ccm:collection_ordered_position'\"\n      [esIcon]=\"'arrow_' + (direction === 'asc' ? 'upward' : 'downward')\"\n    ></i>\n  </button>\n\n  <es-sort-dropdown\n    #sortDropdown\n    [columns]=\"columns\"\n    [sortBy]=\"active\"\n    [sortAscending]=\"direction === 'asc'\"\n    (onSort)=\"onSort($event)\"\n  ></es-sort-dropdown>\n</ng-container>\n", styles: [":host{display:flex;justify-content:flex-end;align-items:center}mat-slide-toggle{margin-right:10px}\n"], dependencies: [{ kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: IconDirective, selector: "i[esIcon], i.material-icons", inputs: ["altText", "aria", "esIcon"] }, { kind: "component", type: SortDropdownComponent, selector: "es-sort-dropdown", inputs: ["columns", "sortBy", "sortAscending"], outputs: ["onSort"] }, { kind: "component", type: i5$1.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "directive", type: i3$1.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", exportAs: ["matMenuTrigger"] }, { kind: "component", type: i7$1.MatSlideToggle, selector: "mat-slide-toggle", inputs: ["disabled", "disableRipple", "color", "tabIndex"], exportAs: ["matSlideToggle"] }, { kind: "pipe", type: i1.TranslatePipe, name: "translate" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.6", type: SortSelectPanelComponent, selector: "es-sort-select-panel", inputs: { active: "active", direction: "direction", columns: "columns", customSortingInProgress: "customSortingInProgress" }, outputs: { sortChange: "sortChange", customSortingInProgressChange: "customSortingInProgressChange" }, ngImport: i0, template: "<mat-slide-toggle\n  *ngIf=\"active === 'ccm:collection_ordered_position'\"\n  [(ngModel)]=\"customSortingInProgress\"\n  (ngModelChange)=\"customSortingInProgressChange.emit($event)\"\n>\n  {{ 'COLLECTIONS.SORT_SLIDER' | translate }}\n</mat-slide-toggle>\n<ng-container *ngIf=\"columns?.length\">\n  <button\n    *ngIf=\"sortDropdown.menu\"\n    [matMenuTriggerFor]=\"sortDropdown.menu\"\n    mat-button\n    color=\"primary\"\n  >\n    <span *ngIf=\"active\">{{ 'NODE.' + active | translate }}</span>\n    <span *ngIf=\"!active\">{{ 'SORT_BY' | translate }}</span>\n    <i\n      *ngIf=\"active && active !== 'ccm:collection_ordered_position'\"\n      [esIcon]=\"'arrow_' + (direction === 'asc' ? 'upward' : 'downward')\"\n    ></i>\n  </button>\n\n  <es-sort-dropdown\n    #sortDropdown\n    [columns]=\"columns\"\n    [sortBy]=\"active\"\n    [sortAscending]=\"direction === 'asc'\"\n    (onSort)=\"onSort($event)\"\n  ></es-sort-dropdown>\n</ng-container>\n", styles: [":host{display:flex;justify-content:flex-end;align-items:center}mat-slide-toggle{margin-right:10px}\n"], dependencies: [{ kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: IconDirective, selector: "i[esIcon], i.material-icons", inputs: ["altText", "aria", "esIcon"] }, { kind: "component", type: SortDropdownComponent, selector: "es-sort-dropdown", inputs: ["columns", "sortBy", "sortAscending"], outputs: ["onSort"] }, { kind: "component", type: i5$1.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "directive", type: i3$1.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", exportAs: ["matMenuTrigger"] }, { kind: "component", type: i7.MatSlideToggle, selector: "mat-slide-toggle", inputs: ["disabled", "disableRipple", "color", "tabIndex"], exportAs: ["matSlideToggle"] }, { kind: "pipe", type: i1.TranslatePipe, name: "translate" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.6", ngImport: i0, type: SortSelectPanelComponent, decorators: [{
             type: Component,
@@ -4507,8 +4707,9 @@ class NodeEntriesService {
     set gridConfig(value) {
         this.gridConfig$.next(value);
     }
-    constructor(uiService, entriesGlobal) {
+    constructor(uiService, toast, entriesGlobal) {
         this.uiService = uiService;
+        this.toast = toast;
         this.entriesGlobal = entriesGlobal;
         this.dataSource$ = new BehaviorSubject(null);
         /**
@@ -4598,12 +4799,31 @@ class NodeEntriesService {
             }
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.6", ngImport: i0, type: NodeEntriesService, deps: [{ token: UIService }, { token: NodeEntriesGlobalService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    openDropdown(dropdown, node, onDone = null) {
+        if (!this.selection.selected.includes(node)) {
+            this.selection.clear();
+            this.selection.select(node);
+        }
+        // Wait for the menu to reflect changed options.
+        setTimeout(() => {
+            dropdown.callbackObject = node;
+            dropdown.ngOnChanges();
+            if (dropdown.canShowDropdown()) {
+                if (onDone) {
+                    onDone();
+                }
+            }
+            else {
+                this.toast.toast('NO_AVAILABLE_OPTIONS');
+            }
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.6", ngImport: i0, type: NodeEntriesService, deps: [{ token: UIService }, { token: Toast }, { token: NodeEntriesGlobalService }], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.6", ngImport: i0, type: NodeEntriesService }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.6", ngImport: i0, type: NodeEntriesService, decorators: [{
             type: Injectable
-        }], ctorParameters: function () { return [{ type: UIService }, { type: NodeEntriesGlobalService }]; } });
+        }], ctorParameters: function () { return [{ type: UIService }, { type: Toast }, { type: NodeEntriesGlobalService }]; } });
 
 class NodeEntriesTemplatesService {
     constructor() { }
@@ -4630,7 +4850,7 @@ class ColumnChooserComponent {
         this.columnsChange.emit(this.columns);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.6", ngImport: i0, type: ColumnChooserComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.6", type: ColumnChooserComponent, selector: "es-column-chooser", inputs: { origin: "origin", columnChooserVisible: "columnChooserVisible", columns: "columns" }, outputs: { columnChooserVisibleChange: "columnChooserVisibleChange", columnsChange: "columnsChange" }, ngImport: i0, template: "<ng-template\n  cdkConnectedOverlay\n  [cdkConnectedOverlayOrigin]=\"origin\"\n  [cdkConnectedOverlayOpen]=\"columnChooserVisible\"\n  [cdkConnectedOverlayHasBackdrop]=\"true\"\n  [cdkConnectedOverlayFlexibleDimensions]=\"true\"\n  [cdkConnectedOverlayViewportMargin]=\"5\"\n  (backdropClick)=\"columnChooserVisibleChange.emit(false)\"\n  cdkConnectedOverlayBackdropClass=\"column-chooser-backdrop\"\n>\n  <div\n    cdkDropList\n    class=\"column-chooser mat-elevation-z2\"\n    (cdkDropListDropped)=\"columnChooserDrop($event)\"\n  >\n    <div class=\"column-chooser-item\" *ngFor=\"let column of columns; index as index\" cdkDrag>\n      <mat-checkbox\n        [checked]=\"column.visible\"\n        (change)=\"columnChooserToggle(index)\"\n        color=\"primary\"\n      >\n        {{ column | esListItemLabel | async }}\n      </mat-checkbox>\n      <div class=\"drag-handle\" cdkDragHandle>\n        <i esIcon=\"drag_handle\"></i>\n      </div>\n    </div>\n  </div>\n</ng-template>\n", styles: [".column-chooser{max-width:100%;border:solid 1px #ccc;min-height:60px;display:block;background:white;border-radius:4px;overflow:auto}.column-chooser-item{border-bottom:solid 1px #ccc;color:#000000de;display:flex;flex-direction:row;align-items:center;background:white;font-size:14px;justify-content:space-between}.column-chooser-item mat-checkbox{margin:0 12px}.column-chooser-item .drag-handle{color:#00000080;cursor:move;padding:20px}.column-chooser-backdrop{background:none}\n"], dependencies: [{ kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2$4.CdkConnectedOverlay, selector: "[cdk-connected-overlay], [connected-overlay], [cdkConnectedOverlay]", inputs: ["cdkConnectedOverlayOrigin", "cdkConnectedOverlayPositions", "cdkConnectedOverlayPositionStrategy", "cdkConnectedOverlayOffsetX", "cdkConnectedOverlayOffsetY", "cdkConnectedOverlayWidth", "cdkConnectedOverlayHeight", "cdkConnectedOverlayMinWidth", "cdkConnectedOverlayMinHeight", "cdkConnectedOverlayBackdropClass", "cdkConnectedOverlayPanelClass", "cdkConnectedOverlayViewportMargin", "cdkConnectedOverlayScrollStrategy", "cdkConnectedOverlayOpen", "cdkConnectedOverlayDisableClose", "cdkConnectedOverlayTransformOriginOn", "cdkConnectedOverlayHasBackdrop", "cdkConnectedOverlayLockPosition", "cdkConnectedOverlayFlexibleDimensions", "cdkConnectedOverlayGrowAfterOpen", "cdkConnectedOverlayPush"], outputs: ["backdropClick", "positionChange", "attach", "detach", "overlayKeydown", "overlayOutsideClick"], exportAs: ["cdkConnectedOverlay"] }, { kind: "directive", type: i7.CdkDropList, selector: "[cdkDropList], cdk-drop-list", inputs: ["cdkDropListConnectedTo", "cdkDropListData", "cdkDropListOrientation", "id", "cdkDropListLockAxis", "cdkDropListDisabled", "cdkDropListSortingDisabled", "cdkDropListEnterPredicate", "cdkDropListSortPredicate", "cdkDropListAutoScrollDisabled", "cdkDropListAutoScrollStep"], outputs: ["cdkDropListDropped", "cdkDropListEntered", "cdkDropListExited", "cdkDropListSorted"], exportAs: ["cdkDropList"] }, { kind: "directive", type: i7.CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "directive", type: i7.CdkDragHandle, selector: "[cdkDragHandle]", inputs: ["cdkDragHandleDisabled"] }, { kind: "directive", type: IconDirective, selector: "i[esIcon], i.material-icons", inputs: ["altText", "aria", "esIcon"] }, { kind: "component", type: i5$2.MatCheckbox, selector: "mat-checkbox", inputs: ["disableRipple", "color", "tabIndex"], exportAs: ["matCheckbox"] }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }, { kind: "pipe", type: ListItemLabelPipe, name: "esListItemLabel" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.6", type: ColumnChooserComponent, selector: "es-column-chooser", inputs: { origin: "origin", columnChooserVisible: "columnChooserVisible", columns: "columns" }, outputs: { columnChooserVisibleChange: "columnChooserVisibleChange", columnsChange: "columnsChange" }, ngImport: i0, template: "<ng-template\n  cdkConnectedOverlay\n  [cdkConnectedOverlayOrigin]=\"origin\"\n  [cdkConnectedOverlayOpen]=\"columnChooserVisible\"\n  [cdkConnectedOverlayHasBackdrop]=\"true\"\n  [cdkConnectedOverlayFlexibleDimensions]=\"true\"\n  [cdkConnectedOverlayViewportMargin]=\"5\"\n  (backdropClick)=\"columnChooserVisibleChange.emit(false)\"\n  cdkConnectedOverlayBackdropClass=\"column-chooser-backdrop\"\n>\n  <div\n    cdkDropList\n    class=\"column-chooser mat-elevation-z2\"\n    (cdkDropListDropped)=\"columnChooserDrop($event)\"\n  >\n    <div class=\"column-chooser-item\" *ngFor=\"let column of columns; index as index\" cdkDrag>\n      <mat-checkbox\n        [checked]=\"column.visible\"\n        (change)=\"columnChooserToggle(index)\"\n        color=\"primary\"\n      >\n        {{ column | esListItemLabel | async }}\n      </mat-checkbox>\n      <div class=\"drag-handle\" cdkDragHandle>\n        <i esIcon=\"drag_handle\"></i>\n      </div>\n    </div>\n  </div>\n</ng-template>\n", styles: [".column-chooser{max-width:100%;border:solid 1px #ccc;min-height:60px;display:block;background:white;border-radius:4px;overflow:auto}.column-chooser-item{border-bottom:solid 1px #ccc;color:#000000de;display:flex;flex-direction:row;align-items:center;background:white;font-size:14px;justify-content:space-between}.column-chooser-item mat-checkbox{margin:0 12px}.column-chooser-item .drag-handle{color:#00000080;cursor:move;padding:20px}.column-chooser-backdrop{background:none}\n"], dependencies: [{ kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2$4.CdkConnectedOverlay, selector: "[cdk-connected-overlay], [connected-overlay], [cdkConnectedOverlay]", inputs: ["cdkConnectedOverlayOrigin", "cdkConnectedOverlayPositions", "cdkConnectedOverlayPositionStrategy", "cdkConnectedOverlayOffsetX", "cdkConnectedOverlayOffsetY", "cdkConnectedOverlayWidth", "cdkConnectedOverlayHeight", "cdkConnectedOverlayMinWidth", "cdkConnectedOverlayMinHeight", "cdkConnectedOverlayBackdropClass", "cdkConnectedOverlayPanelClass", "cdkConnectedOverlayViewportMargin", "cdkConnectedOverlayScrollStrategy", "cdkConnectedOverlayOpen", "cdkConnectedOverlayDisableClose", "cdkConnectedOverlayTransformOriginOn", "cdkConnectedOverlayHasBackdrop", "cdkConnectedOverlayLockPosition", "cdkConnectedOverlayFlexibleDimensions", "cdkConnectedOverlayGrowAfterOpen", "cdkConnectedOverlayPush"], outputs: ["backdropClick", "positionChange", "attach", "detach", "overlayKeydown", "overlayOutsideClick"], exportAs: ["cdkConnectedOverlay"] }, { kind: "directive", type: i8.CdkDropList, selector: "[cdkDropList], cdk-drop-list", inputs: ["cdkDropListConnectedTo", "cdkDropListData", "cdkDropListOrientation", "id", "cdkDropListLockAxis", "cdkDropListDisabled", "cdkDropListSortingDisabled", "cdkDropListEnterPredicate", "cdkDropListSortPredicate", "cdkDropListAutoScrollDisabled", "cdkDropListAutoScrollStep"], outputs: ["cdkDropListDropped", "cdkDropListEntered", "cdkDropListExited", "cdkDropListSorted"], exportAs: ["cdkDropList"] }, { kind: "directive", type: i8.CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "directive", type: i8.CdkDragHandle, selector: "[cdkDragHandle]", inputs: ["cdkDragHandleDisabled"] }, { kind: "directive", type: IconDirective, selector: "i[esIcon], i.material-icons", inputs: ["altText", "aria", "esIcon"] }, { kind: "component", type: i5$2.MatCheckbox, selector: "mat-checkbox", inputs: ["disableRipple", "color", "tabIndex"], exportAs: ["matCheckbox"] }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }, { kind: "pipe", type: ListItemLabelPipe, name: "esListItemLabel" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.6", ngImport: i0, type: ColumnChooserComponent, decorators: [{
             type: Component,
@@ -5116,31 +5336,13 @@ class NodeEntriesCardComponent {
         else {
             ({ x: this.dropdownLeft, y: this.dropdownTop } = event.target.getBoundingClientRect());
         }
-        if (!this.entriesService.selection.selected.includes(this.node)) {
-            this.entriesService.selection.clear();
-            this.entriesService.selection.select(this.node);
-        }
-        // Wait for the menu to reflect changed options.
-        setTimeout(() => {
-            this.dropdown.callbackObject = node;
-            this.dropdown.ngOnChanges();
-            if (this.dropdown.canShowDropdown()) {
-                this.menuTrigger.openMenu();
-            }
-            else {
-                this.toast.toast('NO_AVAILABLE_OPTIONS');
-            }
-        });
+        this.entriesService.openDropdown(this.dropdown, node, () => this.menuTrigger.openMenu());
     }
     getVisibleColumns() {
         return this.entriesService.columns?.filter((c) => c.visible);
     }
     async openMenu(node) {
-        this.entriesService.selection.clear();
-        this.entriesService.selection.select(node);
-        this.entriesService.selection.clickSource = ClickSource.Dropdown;
-        await this.applicationRef.tick();
-        this.dropdown.menu.focusFirstItem();
+        this.entriesService.openDropdown(this.dropdown, node);
     }
     async ngOnInit() {
         await this.configService.observeConfig().pipe(take(1)).toPromise();
@@ -5232,10 +5434,11 @@ class NodeEntriesCardGridComponent {
         });
         // }
     }
-    constructor(entriesService, entriesGlobalService, templatesService, ui, ngZone) {
+    constructor(entriesService, entriesGlobalService, templatesService, nodeHelperService, ui, ngZone) {
         this.entriesService = entriesService;
         this.entriesGlobalService = entriesGlobalService;
         this.templatesService = templatesService;
+        this.nodeHelperService = nodeHelperService;
         this.ui = ui;
         this.ngZone = ngZone;
         this.NodeEntriesDisplayType = NodeEntriesDisplayType;
@@ -5395,14 +5598,17 @@ class NodeEntriesCardGridComponent {
                 .concat(new ListItemSort('NODE', 'score'), new ListItemSort('NODE', RestConstants.CCM_PROP_COLLECTION_ORDERED_POSITION), new ListItemSort('NODE', RestConstants.CM_PROP_TITLE), new ListItemSort('NODE', RestConstants.CM_NAME), new ListItemSort('NODE', RestConstants.CM_PROP_C_CREATED), new ListItemSort('NODE', RestConstants.CM_MODIFIED_DATE), new ListItemSort('NODE', RestConstants.CCM_PROP_REPLICATIONMODIFIED), new ListItemSort('NODE', RestConstants.CCM_PROP_REPLICATIONSOURCETIMESTAMP))
                 .some((c2) => c.type === c2.type && c2.name === c.name);
             if (!result && !this.entriesService.configureColumns) {
-                const warning = 'Sort field ' +
-                    c.name +
-                    ' was specified but is not present as a column. ' +
-                    'It will be ignored. Please also configure this field in the <lists> section';
-                if (!displayedWarnings.includes(warning)) {
-                    console.warn(warning);
-                    displayedWarnings.push(warning);
-                }
+                return this.entriesService.sort?.columns;
+                /*
+                    const warning =
+                        'Sort field ' +
+                        c.name +
+                        ' was specified but is not present as a column. ' +
+                        'It will be ignored. Please also configure this field in the <lists> section';
+                    if (!displayedWarnings.includes(warning)) {
+                        console.warn(warning);
+                        displayedWarnings.push(warning);
+                    }*/
             }
             return result;
         });
@@ -5469,19 +5675,20 @@ class NodeEntriesCardGridComponent {
             behavior: 'smooth',
         });
     }
-    isCustomTemplate() {
-        return this.entriesService.dataSource instanceof CustomTemplatesDataSource;
+    isCustomTemplate(node) {
+        return this.entriesService.dataSource instanceof CustomTemplatesDataSource || (node.elementRef);
     }
     isBlocked(node) {
-        return node.properties?.[RestConstants.CCM_PROP_IMPORT_BLOCKED]?.[0] === 'true';
+        return (node.properties?.[RestConstants.CCM_PROP_IMPORT_BLOCKED]?.[0] === 'true' ||
+            this.nodeHelperService.isNodeRevoked(node));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.6", ngImport: i0, type: NodeEntriesCardGridComponent, deps: [{ token: NodeEntriesService }, { token: NodeEntriesGlobalService }, { token: NodeEntriesTemplatesService }, { token: UIService }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.6", type: NodeEntriesCardGridComponent, selector: "es-node-entries-card-grid", inputs: { displayType: "displayType" }, host: { properties: { "style.--scroll-gradient-color": "this.scrollGradientColor" } }, viewQueries: [{ propertyName: "columnChooserTrigger", first: true, predicate: ["columnChooserTrigger"], descendants: true }, { propertyName: "gridTop", first: true, predicate: ["gridTop"], descendants: true, static: true }, { propertyName: "sortPanel", first: true, predicate: SortSelectPanelComponent, descendants: true }, { propertyName: "gridRef", first: true, predicate: ["grid"], descendants: true }, { propertyName: "dropListsQuery", predicate: CdkDropList, descendants: true }, { propertyName: "itemRefs", predicate: ["item"], descendants: true, read: ElementRef }], ngImport: i0, template: "<ng-template #gridTop>\n  <button\n    *ngIf=\"entriesService.configureColumns\"\n    mat-icon-button\n    (click)=\"columnChooserVisible$.next(!columnChooserVisible$.value)\"\n    cdkOverlayOrigin\n    #columnChooserTrigger=\"cdkOverlayOrigin\"\n    [matTooltip]=\"'LIST_TABLE.CONFIGURE_COLUMNS' | translate\"\n    [attr.aria-label]=\"'LIST_TABLE.CONFIGURE_COLUMNS' | translate\"\n  >\n    <i esIcon=\"settings\"></i>\n  </button>\n  <es-sort-select-panel\n    *ngIf=\"entriesService.sort?.allowed\"\n    class=\"order-panel\"\n    [active]=\"entriesService.sort.active\"\n    [direction]=\"entriesService.sort.direction\"\n    [columns]=\"getSortColumns()\"\n    (sortChange)=\"onSortChange($event)\"\n    [(customSortingInProgress)]=\"entriesService.sort.customSortingInProgress\"\n    (customSortingInProgressChange)=\"onCustomSortingInProgressChange()\"\n  ></es-sort-select-panel>\n</ng-template>\n<es-column-chooser\n  *ngIf=\"entriesService.configureColumns\"\n  [(columns)]=\"entriesService.columns\"\n  [columnChooserVisible]=\"columnChooserVisible$ | async\"\n  [origin]=\"columnChooserTrigger\"\n  (columnChooserVisibleChange)=\"columnChooserVisible$.next($event)\"\n></es-column-chooser>\n<es-dropdown #dropdown [options]=\"entriesService.options?.[Target.ListDropdown]\"></es-dropdown>\n\n<!-- Do not render the list element (`role=\"list\"` or `li`) when there are no list items. -->\n<ng-container\n  *ngIf=\"(nodes$ | async)?.length > 0 || (entriesService.globalOptionsSubject | async)?.length > 0\"\n>\n  <!-- FIXME: Ideally, we would use native `ul` and `li` elements, but these have a strict model,\n  that only allows `li` elements as direct children of `ul` elements. So we would need to use the\n  native elements at all places without any elements between `ul` and `li`. -->\n  <div\n    *ngIf=\"entriesService.sort?.customSortingInProgress\"\n    role=\"list\"\n    class=\"card-grid card-grid-reorder\"\n    cdkDropListGroup\n  >\n    <ng-container *ngIf=\"nodes$ | async as nodes\">\n      <div\n        class=\"card-grid-order-wrapper\"\n        *ngFor=\"let node of nodes; let i = index\"\n        role=\"none\"\n        cdkDropList\n        [cdkDropListConnectedTo]=\"dropLists\"\n        [cdkDropListData]=\"i\"\n      >\n        <es-node-entries-card\n          *ngIf=\"displayType === NodeEntriesDisplayType.Grid\"\n          #item\n          [node]=\"node\"\n          role=\"listitem\"\n          cdkDrag\n          [cdkDragData]=\"i\"\n          [cdkDragStartDelay]=\"getDragStartDelay()\"\n          cdkDragPreviewClass=\"es-card-grid-rearrange-drag-preview\"\n          (cdkDragEntered)=\"onRearrangeDragEntered($event)\"\n          (cdkDragStarted)=\"onRearrangeDragStarted()\"\n          (cdkDragEnded)=\"onRearrangeDragEnded()\"\n        ></es-node-entries-card>\n        <es-node-entries-card-small\n          *ngIf=\"displayType === NodeEntriesDisplayType.SmallGrid\"\n          #item\n          [node]=\"node\"\n          role=\"listitem\"\n          cdkDrag\n          [cdkDragData]=\"i\"\n          [cdkDragStartDelay]=\"getDragStartDelay()\"\n          cdkDragPreviewClass=\"es-card-grid-rearrange-drag-preview\"\n          (cdkDragEntered)=\"onRearrangeDragEntered($event)\"\n          (cdkDragStarted)=\"onRearrangeDragStarted()\"\n          (cdkDragEnded)=\"onRearrangeDragEnded()\"\n        ></es-node-entries-card-small>\n      </div>\n    </ng-container>\n  </div>\n  <div class=\"card-grid-wrapper\" *ngIf=\"!entriesService.sort?.customSortingInProgress\">\n    <ng-container *ngTemplateOutlet=\"scrollHelper\"></ng-container>\n    <div\n      role=\"list\"\n      class=\"card-grid card-grid-layout-{{ layout }}\"\n      #grid\n      (esBorderBoxObserver)=\"onGridSizeChanges()\"\n      esInfiniteScroll\n      (scroll)=\"updateScrollState()\"\n      (scrolled)=\"!visibleItemsLimited && loadData('scroll')\"\n    >\n      <es-node-entries-global-options\n        *ngIf=\"(entriesService.globalOptionsSubject | async)?.length\"\n        [displayType]=\"displayType\"\n      >\n      </es-node-entries-global-options>\n      <ng-container *ngIf=\"nodes$ | async as nodes\">\n        <div\n          class=\"card-grid-drag-wrapper\"\n          *ngFor=\"let node of nodes; let i = index\"\n          role=\"none\"\n          [esNodesDropTarget]=\"node\"\n          [canDropNodes]=\"canDropNodes\"\n          (nodeDropped)=\"onNodesDropped($event)\"\n          #dropTarget=\"esNodesDropTarget\"\n        >\n          <ng-container *ngIf=\"isCustomTemplate()\">\n            <ng-container *ngTemplateOutlet=\"$any(node)\"></ng-container>\n          </ng-container>\n          <ng-container *ngIf=\"!isCustomTemplate()\">\n            <es-node-entries-card\n              *ngIf=\"displayType === NodeEntriesDisplayType.Grid\"\n              #item\n              [node]=\"node\"\n              [dropdown]=\"dropdown\"\n              role=\"listitem\"\n              cdkDrag\n              [cdkDragDisabled]=\"!(getDragEnabled() | async)\"\n              [cdkDragData]=\"getDragData(node)\"\n              esNodesDrag\n              (cdkDragStarted)=\"onDragStarted(node)\"\n              (cdkDragEnded)=\"onDragEnded()\"\n              [class.card-import-blocked]=\"isBlocked(node)\"\n              [class.selected-when-dragging]=\"\n                isDragging && entriesService.selection.isSelected(node)\n              \"\n            >\n              <ng-container *ngIf=\"entriesService.selection.selected.length > 1\">\n                <es-node-entries-card\n                  *cdkDragPreview\n                  [node]=\"node\"\n                  [matBadge]=\"\n                    entriesService.selection.selected.length > 1\n                      ? entriesService.selection.selected.length\n                      : null\n                  \"\n                  class=\"card-drag-preview\"\n                ></es-node-entries-card>\n              </ng-container>\n            </es-node-entries-card>\n            <es-node-entries-card-small\n              *ngIf=\"displayType === NodeEntriesDisplayType.SmallGrid\"\n              #item\n              [node]=\"node\"\n              role=\"listitem\"\n              cdkDrag\n              [cdkDragDisabled]=\"!(getDragEnabled() | async)\"\n              [cdkDragData]=\"[node]\"\n              esNodesDrag\n            >\n            </es-node-entries-card-small>\n          </ng-container>\n          <div\n            *ngIf=\"dropTarget.active?.canDrop?.denyExplicit\"\n            class=\"card-grid-drop-blocked-container\"\n          >\n            <i esIcon=\"cancel\"></i>\n          </div>\n          <div *ngIf=\"dropTarget.active?.canDrop?.accept\" class=\"card-grid-drop-allowed-container\">\n            <i\n              [esIcon]=\"dropTarget.active.action === 'copy' ? 'add_circle_outline' : 'archive'\"\n            ></i>\n          </div>\n        </div>\n      </ng-container>\n    </div>\n  </div>\n</ng-container>\n<ng-container\n  *ngIf=\"\n    !entriesService.dataSource.isLoading &&\n    entriesService.dataSource.hasMore() &&\n    !visibleItemsLimited &&\n    entriesService.paginationStrategy === 'infinite-scroll' &&\n    layout !== 'scroll'\n  \"\n>\n  <div class=\"load-more\">\n    <button mat-button color=\"primary\" (click)=\"loadData('button')\">\n      <i esIcon=\"refresh\"></i>\n      <span>{{ 'LOAD_MORE' | translate }}</span>\n    </button>\n  </div>\n</ng-container>\n<ng-container\n  *ngIf=\"\n    entriesService.dataSource.isLoading === true ||\n    entriesService.dataSource.isLoading === 'initial' ||\n    (entriesService.dataSource.isLoading === 'page' &&\n      entriesService.paginationStrategy === 'infinite-scroll')\n  \"\n>\n  <ng-container *ngTemplateOutlet=\"loading\"></ng-container>\n</ng-container>\n\n<ng-template #loading>\n  <es-spinner></es-spinner>\n</ng-template>\n<ng-template #scrollHelper>\n  <ng-container *ngIf=\"layout === 'scroll'\">\n    <div\n      class=\"scroll-helper-left\"\n      role=\"presentation\"\n      (click)=\"doScroll('left')\"\n      *ngIf=\"scroll.left\"\n    >\n      <button mat-icon-button color=\"primary\" (click)=\"$event.stopPropagation(); doScroll('left')\">\n        <i esIcon=\"keyboard_arrow_left\" [aria]=\"true\"></i>\n      </button>\n    </div>\n    <div\n      class=\"scroll-helper-right\"\n      role=\"presentation\"\n      (click)=\"doScroll('right')\"\n      *ngIf=\"scroll.right\"\n    >\n      <button mat-icon-button color=\"primary\" (click)=\"$event.stopPropagation(); doScroll('right')\">\n        <i esIcon=\"keyboard_arrow_right\" [aria]=\"true\"></i>\n      </button>\n    </div>\n  </ng-container>\n</ng-template>\n", styles: ["@keyframes OrderAnimationCards{0%{transform:rotate(-.25deg)}50%{transform:rotate(.25deg)}to{transform:rotate(-.25deg)}}:host{--scroll-gradient-color: white}.order-panel{margin-left:auto}.load-more{display:flex;justify-content:center}.card-grid-wrapper{position:relative;z-index:0}.card-grid-wrapper .scroll-helper-left,.card-grid-wrapper .scroll-helper-right{position:absolute;width:15%;min-width:60px;max-width:calc(var(--cardWidth) * .4);display:flex;align-items:center;height:calc(100% - 10px);z-index:5;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.card-grid-wrapper .scroll-helper-left>button,.card-grid-wrapper .scroll-helper-right>button{background-color:#fff;color:var(--primary);box-shadow:0 0 25px #00000040}.card-grid-wrapper .scroll-helper-left{left:-1.5em;justify-content:flex-start;background:linear-gradient(to left,transparent 0,var(--scroll-gradient-color) calc(100% - 1.5em))}.card-grid-wrapper .scroll-helper-left>button{margin-left:calc(1.5em - 8px)}.card-grid-wrapper .scroll-helper-right{right:-1.5em;justify-content:flex-end;background:linear-gradient(to right,transparent 0,var(--scroll-gradient-color) calc(100% - 1.5em))}.card-grid-wrapper .scroll-helper-right>button{margin-right:calc(1.5em - 8px)}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--cardWidth),1fr));grid-column-gap:20px;grid-row-gap:20px;grid-template-rows:auto;padding-block-start:1em;padding-block-end:1em}.card-grid.card-grid-layout-scroll{position:relative;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;grid-auto-flow:column;grid-template-columns:repeat(auto-fit,var(--cardWidth));grid-auto-columns:minmax(var(--cardWidth),1fr);padding:1.5em;margin:-.5em -1.5em 0}.card-grid.card-grid-layout-scroll::-webkit-scrollbar-track{margin:0 1.5em}.card-grid.card-grid-layout-scroll::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.1);border-radius:10px;background-color:transparent}.card-grid.card-grid-layout-scroll::-webkit-scrollbar{height:10px;background-color:transparent}.card-grid.card-grid-layout-scroll::-webkit-scrollbar-thumb{max-width:20px;border-radius:10px;background-color:var(--primary)}.card-grid.card-grid-layout-scroll>.card-grid-drag-wrapper{scroll-snap-align:center;scroll-snap-stop:always}.card-grid .card-import-blocked ::ng-deep .card-meta{opacity:.75;text-decoration:line-through}.card-grid>.card-grid-drag-wrapper{position:relative}.card-grid>.card-grid-drag-wrapper .card-grid-drop-allowed-container,.card-grid>.card-grid-drag-wrapper .card-grid-drop-blocked-container{position:absolute;z-index:1;inset:0;display:flex;justify-content:center;align-items:center}.card-grid>.card-grid-drag-wrapper .card-grid-drop-allowed-container>i,.card-grid>.card-grid-drag-wrapper .card-grid-drop-blocked-container>i{background:radial-gradient(circle,#fff 30%,rgba(255,255,255,.0001) 70%);width:200px;height:200px;font-size:80px;display:flex;align-items:center;justify-content:center}.card-grid>.card-grid-drag-wrapper .card-grid-drop-allowed-container>i{color:var(--colorStatusPositive)}.card-grid>.card-grid-drag-wrapper .card-grid-drop-blocked-container{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.card-grid>.card-grid-drag-wrapper .card-grid-drop-blocked-container>i{color:var(--colorStatusNegative)}.card-grid>.card-grid-drag-wrapper .selected-when-dragging{opacity:.5}.card-grid>.card-grid-drag-wrapper.cdk-drop-list-dragging>*:first-child{display:none}.card-grid.card-grid-reorder>.card-grid-order-wrapper{animation-iteration-count:infinite;animation-duration:.5s;animation-name:OrderAnimationCards}.card-grid.card-grid-reorder>.card-grid-order-wrapper:nth-of-type(2n){animation-delay:0s}.card-grid.card-grid-reorder>.card-grid-order-wrapper:nth-of-type(odd){animation-delay:-.25s}.card-grid.card-grid-reorder>.card-grid-order-wrapper:nth-of-type(3n){animation-delay:-.125s}.card-grid.card-grid-reorder>.card-grid-order-wrapper:nth-of-type(5n){animation-delay:-.0625s}.card-grid.card-grid-reorder>.card-grid-order-wrapper .cdk-drag-placeholder{display:none}.card-drag-preview{width:250px}::ng-deep .es-card-grid-rearrange-drag-preview.cdk-drag-animating{transition:none}\n"], dependencies: [{ kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2$4.CdkOverlayOrigin, selector: "[cdk-overlay-origin], [overlay-origin], [cdkOverlayOrigin]", exportAs: ["cdkOverlayOrigin"] }, { kind: "directive", type: i7.CdkDropList, selector: "[cdkDropList], cdk-drop-list", inputs: ["cdkDropListConnectedTo", "cdkDropListData", "cdkDropListOrientation", "id", "cdkDropListLockAxis", "cdkDropListDisabled", "cdkDropListSortingDisabled", "cdkDropListEnterPredicate", "cdkDropListSortPredicate", "cdkDropListAutoScrollDisabled", "cdkDropListAutoScrollStep"], outputs: ["cdkDropListDropped", "cdkDropListEntered", "cdkDropListExited", "cdkDropListSorted"], exportAs: ["cdkDropList"] }, { kind: "directive", type: i7.CdkDropListGroup, selector: "[cdkDropListGroup]", inputs: ["cdkDropListGroupDisabled"], exportAs: ["cdkDropListGroup"] }, { kind: "directive", type: i7.CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "directive", type: i7.CdkDragPreview, selector: "ng-template[cdkDragPreview]", inputs: ["data", "matchSize"] }, { kind: "directive", type: BorderBoxObserverDirective, selector: "[esBorderBoxObserver]", outputs: ["esBorderBoxObserver"], exportAs: ["borderBoxObserver"] }, { kind: "component", type: DropdownComponent, selector: "es-dropdown", inputs: ["position", "options", "callbackObject", "showDisabled", "menuClass"] }, { kind: "directive", type: IconDirective, selector: "i[esIcon], i.material-icons", inputs: ["altText", "aria", "esIcon"] }, { kind: "directive", type: InfiniteScrollDirective, selector: "[esInfiniteScroll], [infinite-scroll], [data-infinite-scroll]", inputs: ["infiniteScrollDistance", "infiniteScrollThrottle", "scrollWindow"], outputs: ["scrolled"] }, { kind: "component", type: SpinnerComponent, selector: "es-spinner" }, { kind: "component", type: i5$1.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i5$1.MatIconButton, selector: "button[mat-icon-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "directive", type: i3$3.MatBadge, selector: "[matBadge]", inputs: ["matBadgeDisabled", "matBadgeColor", "matBadgeOverlap", "matBadgePosition", "matBadge", "matBadgeDescription", "matBadgeSize", "matBadgeHidden"] }, { kind: "directive", type: i5.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }, { kind: "component", type: ColumnChooserComponent, selector: "es-column-chooser", inputs: ["origin", "columnChooserVisible", "columns"], outputs: ["columnChooserVisibleChange", "columnsChange"] }, { kind: "component", type: NodeEntriesCardComponent, selector: "es-node-entries-card", inputs: ["dropdown", "node"] }, { kind: "component", type: NodeEntriesCardSmallComponent, selector: "es-node-entries-card-small", inputs: ["node"] }, { kind: "component", type: SortSelectPanelComponent, selector: "es-sort-select-panel", inputs: ["active", "direction", "columns", "customSortingInProgress"], outputs: ["sortChange", "customSortingInProgressChange"] }, { kind: "directive", type: NodesDragDirective, selector: "[esNodesDrag]" }, { kind: "directive", type: NodesDropTargetDirective, selector: "[esNodesDropTarget]", inputs: ["esNodesDropTarget", "canDropNodes"], outputs: ["nodeDropped"], exportAs: ["esNodesDropTarget"] }, { kind: "component", type: NodeEntriesGlobalOptionsComponent, selector: "es-node-entries-global-options", inputs: ["displayType"] }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }, { kind: "pipe", type: i1.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.6", ngImport: i0, type: NodeEntriesCardGridComponent, deps: [{ token: NodeEntriesService }, { token: NodeEntriesGlobalService }, { token: NodeEntriesTemplatesService }, { token: NodeHelperService }, { token: UIService }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.6", type: NodeEntriesCardGridComponent, selector: "es-node-entries-card-grid", inputs: { displayType: "displayType" }, host: { properties: { "style.--scroll-gradient-color": "this.scrollGradientColor" } }, viewQueries: [{ propertyName: "columnChooserTrigger", first: true, predicate: ["columnChooserTrigger"], descendants: true }, { propertyName: "gridTop", first: true, predicate: ["gridTop"], descendants: true, static: true }, { propertyName: "sortPanel", first: true, predicate: SortSelectPanelComponent, descendants: true }, { propertyName: "gridRef", first: true, predicate: ["grid"], descendants: true }, { propertyName: "dropListsQuery", predicate: CdkDropList, descendants: true }, { propertyName: "itemRefs", predicate: ["item"], descendants: true, read: ElementRef }], ngImport: i0, template: "<ng-template #gridTop>\n  <button\n    *ngIf=\"entriesService.configureColumns\"\n    mat-icon-button\n    (click)=\"columnChooserVisible$.next(!columnChooserVisible$.value)\"\n    cdkOverlayOrigin\n    #columnChooserTrigger=\"cdkOverlayOrigin\"\n    [matTooltip]=\"'LIST_TABLE.CONFIGURE_COLUMNS' | translate\"\n    [attr.aria-label]=\"'LIST_TABLE.CONFIGURE_COLUMNS' | translate\"\n  >\n    <i esIcon=\"settings\"></i>\n  </button>\n  <es-sort-select-panel\n    *ngIf=\"entriesService.sort?.allowed\"\n    class=\"order-panel\"\n    [active]=\"entriesService.sort.active\"\n    [direction]=\"entriesService.sort.direction\"\n    [columns]=\"getSortColumns()\"\n    (sortChange)=\"onSortChange($event)\"\n    [(customSortingInProgress)]=\"entriesService.sort.customSortingInProgress\"\n    (customSortingInProgressChange)=\"onCustomSortingInProgressChange()\"\n  ></es-sort-select-panel>\n</ng-template>\n<es-column-chooser\n  *ngIf=\"entriesService.configureColumns\"\n  [(columns)]=\"entriesService.columns\"\n  [columnChooserVisible]=\"columnChooserVisible$ | async\"\n  [origin]=\"columnChooserTrigger\"\n  (columnChooserVisibleChange)=\"columnChooserVisible$.next($event)\"\n></es-column-chooser>\n<es-dropdown #dropdown [options]=\"entriesService.options?.[Target.ListDropdown]\"></es-dropdown>\n\n<!-- Do not render the list element (`role=\"list\"` or `li`) when there are no list items. -->\n<ng-container\n  *ngIf=\"(nodes$ | async)?.length > 0 || (entriesService.globalOptionsSubject | async)?.length > 0\"\n>\n  <!-- FIXME: Ideally, we would use native `ul` and `li` elements, but these have a strict model,\n  that only allows `li` elements as direct children of `ul` elements. So we would need to use the\n  native elements at all places without any elements between `ul` and `li`. -->\n  <div\n    *ngIf=\"entriesService.sort?.customSortingInProgress\"\n    role=\"list\"\n    class=\"card-grid card-grid-reorder\"\n    cdkDropListGroup\n  >\n    <ng-container *ngIf=\"nodes$ | async as nodes\">\n      <div\n        class=\"card-grid-order-wrapper\"\n        *ngFor=\"let node of nodes; let i = index\"\n        role=\"none\"\n        cdkDropList\n        [cdkDropListConnectedTo]=\"dropLists\"\n        [cdkDropListData]=\"i\"\n      >\n        <es-node-entries-card\n          *ngIf=\"displayType === NodeEntriesDisplayType.Grid\"\n          #item\n          [node]=\"node\"\n          role=\"listitem\"\n          cdkDrag\n          [cdkDragData]=\"i\"\n          [cdkDragStartDelay]=\"getDragStartDelay()\"\n          cdkDragPreviewClass=\"es-card-grid-rearrange-drag-preview\"\n          (cdkDragEntered)=\"onRearrangeDragEntered($event)\"\n          (cdkDragStarted)=\"onRearrangeDragStarted()\"\n          (cdkDragEnded)=\"onRearrangeDragEnded()\"\n        ></es-node-entries-card>\n        <es-node-entries-card-small\n          *ngIf=\"displayType === NodeEntriesDisplayType.SmallGrid\"\n          #item\n          [node]=\"node\"\n          role=\"listitem\"\n          cdkDrag\n          [cdkDragData]=\"i\"\n          [cdkDragStartDelay]=\"getDragStartDelay()\"\n          cdkDragPreviewClass=\"es-card-grid-rearrange-drag-preview\"\n          (cdkDragEntered)=\"onRearrangeDragEntered($event)\"\n          (cdkDragStarted)=\"onRearrangeDragStarted()\"\n          (cdkDragEnded)=\"onRearrangeDragEnded()\"\n        ></es-node-entries-card-small>\n      </div>\n    </ng-container>\n  </div>\n  <div class=\"card-grid-wrapper\" *ngIf=\"!entriesService.sort?.customSortingInProgress\">\n    <ng-container *ngTemplateOutlet=\"scrollHelper\"></ng-container>\n    <div\n      role=\"list\"\n      class=\"card-grid card-grid-layout-{{ layout }}\"\n      #grid\n      (esBorderBoxObserver)=\"onGridSizeChanges()\"\n      esInfiniteScroll\n      (scroll)=\"updateScrollState()\"\n      (scrolled)=\"!visibleItemsLimited && loadData('scroll')\"\n    >\n      <es-node-entries-global-options\n        *ngIf=\"(entriesService.globalOptionsSubject | async)?.length\"\n        [displayType]=\"displayType\"\n      >\n      </es-node-entries-global-options>\n      <ng-container *ngIf=\"nodes$ | async as nodes\">\n        <div\n          class=\"card-grid-drag-wrapper\"\n          *ngFor=\"let node of nodes; let i = index\"\n          role=\"none\"\n          [esNodesDropTarget]=\"node\"\n          [canDropNodes]=\"canDropNodes\"\n          (nodeDropped)=\"onNodesDropped($event)\"\n          #dropTarget=\"esNodesDropTarget\"\n        >\n          <ng-container *ngIf=\"isCustomTemplate(node)\">\n            <ng-container *ngTemplateOutlet=\"$any(node)\"></ng-container>\n          </ng-container>\n          <ng-container *ngIf=\"!isCustomTemplate(node)\">\n            <es-node-entries-card\n              *ngIf=\"displayType === NodeEntriesDisplayType.Grid\"\n              #item\n              [node]=\"node\"\n              [dropdown]=\"dropdown\"\n              role=\"listitem\"\n              cdkDrag\n              [cdkDragDisabled]=\"!(getDragEnabled() | async)\"\n              [cdkDragData]=\"getDragData(node)\"\n              esNodesDrag\n              (cdkDragStarted)=\"onDragStarted(node)\"\n              (cdkDragEnded)=\"onDragEnded()\"\n              [class.card-import-blocked]=\"isBlocked(node)\"\n              [class.selected-when-dragging]=\"\n                isDragging && entriesService.selection.isSelected(node)\n              \"\n            >\n              <ng-container *ngIf=\"entriesService.selection.selected.length > 1\">\n                <es-node-entries-card\n                  *cdkDragPreview\n                  [node]=\"node\"\n                  [matBadge]=\"\n                    entriesService.selection.selected.length > 1\n                      ? entriesService.selection.selected.length\n                      : null\n                  \"\n                  class=\"card-drag-preview\"\n                ></es-node-entries-card>\n              </ng-container>\n            </es-node-entries-card>\n            <es-node-entries-card-small\n              *ngIf=\"displayType === NodeEntriesDisplayType.SmallGrid\"\n              #item\n              [node]=\"node\"\n              role=\"listitem\"\n              cdkDrag\n              [cdkDragDisabled]=\"!(getDragEnabled() | async)\"\n              [cdkDragData]=\"[node]\"\n              esNodesDrag\n            >\n            </es-node-entries-card-small>\n          </ng-container>\n          <div\n            *ngIf=\"dropTarget.active?.canDrop?.denyExplicit\"\n            class=\"card-grid-drop-blocked-container\"\n          >\n            <i esIcon=\"cancel\"></i>\n          </div>\n          <div *ngIf=\"dropTarget.active?.canDrop?.accept\" class=\"card-grid-drop-allowed-container\">\n            <i\n              [esIcon]=\"dropTarget.active.action === 'copy' ? 'add_circle_outline' : 'archive'\"\n            ></i>\n          </div>\n        </div>\n      </ng-container>\n    </div>\n  </div>\n</ng-container>\n<ng-container\n  *ngIf=\"\n    !entriesService.dataSource.isLoading &&\n    entriesService.dataSource.hasMore() &&\n    !visibleItemsLimited &&\n    entriesService.paginationStrategy === 'infinite-scroll' &&\n    layout !== 'scroll'\n  \"\n>\n  <div class=\"load-more\">\n    <button mat-button color=\"primary\" (click)=\"loadData('button')\">\n      <i esIcon=\"refresh\"></i>\n      <span>{{ 'LOAD_MORE' | translate }}</span>\n    </button>\n  </div>\n</ng-container>\n<ng-container\n  *ngIf=\"\n    entriesService.dataSource.isLoading === true ||\n    entriesService.dataSource.isLoading === 'initial' ||\n    (entriesService.dataSource.isLoading === 'page' &&\n      entriesService.paginationStrategy === 'infinite-scroll')\n  \"\n>\n  <ng-container *ngTemplateOutlet=\"loading\"></ng-container>\n</ng-container>\n\n<ng-template #loading>\n  <es-spinner></es-spinner>\n</ng-template>\n<ng-template #scrollHelper>\n  <ng-container *ngIf=\"layout === 'scroll'\">\n    <div\n      class=\"scroll-helper-left\"\n      role=\"presentation\"\n      (click)=\"doScroll('left')\"\n      *ngIf=\"scroll.left\"\n    >\n      <button mat-icon-button color=\"primary\" (click)=\"$event.stopPropagation(); doScroll('left')\">\n        <i esIcon=\"keyboard_arrow_left\" [aria]=\"true\"></i>\n      </button>\n    </div>\n    <div\n      class=\"scroll-helper-right\"\n      role=\"presentation\"\n      (click)=\"doScroll('right')\"\n      *ngIf=\"scroll.right\"\n    >\n      <button mat-icon-button color=\"primary\" (click)=\"$event.stopPropagation(); doScroll('right')\">\n        <i esIcon=\"keyboard_arrow_right\" [aria]=\"true\"></i>\n      </button>\n    </div>\n  </ng-container>\n</ng-template>\n", styles: ["@keyframes OrderAnimationCards{0%{transform:rotate(-.25deg)}50%{transform:rotate(.25deg)}to{transform:rotate(-.25deg)}}:host{--scroll-gradient-color: white}.order-panel{margin-left:auto}.load-more{display:flex;justify-content:center}.card-grid-wrapper{position:relative;z-index:0}.card-grid-wrapper .scroll-helper-left,.card-grid-wrapper .scroll-helper-right{position:absolute;width:15%;min-width:60px;max-width:calc(var(--cardWidth) * .4);display:flex;align-items:center;height:calc(100% - 10px);z-index:5;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.card-grid-wrapper .scroll-helper-left>button,.card-grid-wrapper .scroll-helper-right>button{background-color:#fff;color:var(--primary);box-shadow:0 0 25px #00000040}.card-grid-wrapper .scroll-helper-left{left:-1.5em;justify-content:flex-start;background:linear-gradient(to left,transparent 0,var(--scroll-gradient-color) calc(100% - 1.5em))}.card-grid-wrapper .scroll-helper-left>button{margin-left:calc(1.5em - 8px)}.card-grid-wrapper .scroll-helper-right{right:-1.5em;justify-content:flex-end;background:linear-gradient(to right,transparent 0,var(--scroll-gradient-color) calc(100% - 1.5em))}.card-grid-wrapper .scroll-helper-right>button{margin-right:calc(1.5em - 8px)}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--cardWidth),1fr));grid-column-gap:20px;grid-row-gap:20px;grid-template-rows:auto;padding-block-start:1em;padding-block-end:1em}.card-grid.card-grid-layout-scroll{position:relative;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;grid-auto-flow:column;grid-template-columns:repeat(auto-fit,var(--cardWidth));grid-auto-columns:minmax(var(--cardWidth),1fr);padding:1.5em;margin:-.5em -1.5em 0}.card-grid.card-grid-layout-scroll::-webkit-scrollbar-track{margin:0 1.5em}.card-grid.card-grid-layout-scroll::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.1);border-radius:10px;background-color:transparent}.card-grid.card-grid-layout-scroll::-webkit-scrollbar{height:10px;background-color:transparent}.card-grid.card-grid-layout-scroll::-webkit-scrollbar-thumb{max-width:20px;border-radius:10px;background-color:var(--primary)}.card-grid.card-grid-layout-scroll>.card-grid-drag-wrapper{scroll-snap-align:center;scroll-snap-stop:always}.card-grid .card-import-blocked ::ng-deep .card-meta{opacity:.75;text-decoration:line-through}.card-grid>.card-grid-drag-wrapper{position:relative}.card-grid>.card-grid-drag-wrapper .card-grid-drop-allowed-container,.card-grid>.card-grid-drag-wrapper .card-grid-drop-blocked-container{position:absolute;z-index:1;inset:0;display:flex;justify-content:center;align-items:center}.card-grid>.card-grid-drag-wrapper .card-grid-drop-allowed-container>i,.card-grid>.card-grid-drag-wrapper .card-grid-drop-blocked-container>i{background:radial-gradient(circle,#fff 30%,rgba(255,255,255,.0001) 70%);width:200px;height:200px;font-size:80px;display:flex;align-items:center;justify-content:center}.card-grid>.card-grid-drag-wrapper .card-grid-drop-allowed-container>i{color:var(--colorStatusPositive)}.card-grid>.card-grid-drag-wrapper .card-grid-drop-blocked-container{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.card-grid>.card-grid-drag-wrapper .card-grid-drop-blocked-container>i{color:var(--colorStatusNegative)}.card-grid>.card-grid-drag-wrapper .selected-when-dragging{opacity:.5}.card-grid>.card-grid-drag-wrapper.cdk-drop-list-dragging>*:first-child{display:none}.card-grid.card-grid-reorder>.card-grid-order-wrapper{animation-iteration-count:infinite;animation-duration:.5s;animation-name:OrderAnimationCards}.card-grid.card-grid-reorder>.card-grid-order-wrapper:nth-of-type(2n){animation-delay:0s}.card-grid.card-grid-reorder>.card-grid-order-wrapper:nth-of-type(odd){animation-delay:-.25s}.card-grid.card-grid-reorder>.card-grid-order-wrapper:nth-of-type(3n){animation-delay:-.125s}.card-grid.card-grid-reorder>.card-grid-order-wrapper:nth-of-type(5n){animation-delay:-.0625s}.card-grid.card-grid-reorder>.card-grid-order-wrapper .cdk-drag-placeholder{display:none}.card-drag-preview{width:250px}::ng-deep .es-card-grid-rearrange-drag-preview.cdk-drag-animating{transition:none}\n"], dependencies: [{ kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2$4.CdkOverlayOrigin, selector: "[cdk-overlay-origin], [overlay-origin], [cdkOverlayOrigin]", exportAs: ["cdkOverlayOrigin"] }, { kind: "directive", type: i8.CdkDropList, selector: "[cdkDropList], cdk-drop-list", inputs: ["cdkDropListConnectedTo", "cdkDropListData", "cdkDropListOrientation", "id", "cdkDropListLockAxis", "cdkDropListDisabled", "cdkDropListSortingDisabled", "cdkDropListEnterPredicate", "cdkDropListSortPredicate", "cdkDropListAutoScrollDisabled", "cdkDropListAutoScrollStep"], outputs: ["cdkDropListDropped", "cdkDropListEntered", "cdkDropListExited", "cdkDropListSorted"], exportAs: ["cdkDropList"] }, { kind: "directive", type: i8.CdkDropListGroup, selector: "[cdkDropListGroup]", inputs: ["cdkDropListGroupDisabled"], exportAs: ["cdkDropListGroup"] }, { kind: "directive", type: i8.CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "directive", type: i8.CdkDragPreview, selector: "ng-template[cdkDragPreview]", inputs: ["data", "matchSize"] }, { kind: "directive", type: BorderBoxObserverDirective, selector: "[esBorderBoxObserver]", outputs: ["esBorderBoxObserver"], exportAs: ["borderBoxObserver"] }, { kind: "component", type: DropdownComponent, selector: "es-dropdown", inputs: ["position", "options", "callbackObject", "showDisabled", "menuClass"] }, { kind: "directive", type: IconDirective, selector: "i[esIcon], i.material-icons", inputs: ["altText", "aria", "esIcon"] }, { kind: "directive", type: InfiniteScrollDirective, selector: "[esInfiniteScroll], [infinite-scroll], [data-infinite-scroll]", inputs: ["infiniteScrollDistance", "infiniteScrollThrottle", "scrollWindow"], outputs: ["scrolled"] }, { kind: "component", type: SpinnerComponent, selector: "es-spinner" }, { kind: "component", type: i5$1.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i5$1.MatIconButton, selector: "button[mat-icon-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "directive", type: i3$3.MatBadge, selector: "[matBadge]", inputs: ["matBadgeDisabled", "matBadgeColor", "matBadgeOverlap", "matBadgePosition", "matBadge", "matBadgeDescription", "matBadgeSize", "matBadgeHidden"] }, { kind: "directive", type: i5.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }, { kind: "component", type: ColumnChooserComponent, selector: "es-column-chooser", inputs: ["origin", "columnChooserVisible", "columns"], outputs: ["columnChooserVisibleChange", "columnsChange"] }, { kind: "component", type: NodeEntriesCardComponent, selector: "es-node-entries-card", inputs: ["dropdown", "node"] }, { kind: "component", type: NodeEntriesCardSmallComponent, selector: "es-node-entries-card-small", inputs: ["node"] }, { kind: "component", type: SortSelectPanelComponent, selector: "es-sort-select-panel", inputs: ["active", "direction", "columns", "customSortingInProgress"], outputs: ["sortChange", "customSortingInProgressChange"] }, { kind: "directive", type: NodesDragDirective, selector: "[esNodesDrag]" }, { kind: "directive", type: NodesDropTargetDirective, selector: "[esNodesDropTarget]", inputs: ["esNodesDropTarget", "canDropNodes"], outputs: ["nodeDropped"], exportAs: ["esNodesDropTarget"] }, { kind: "component", type: NodeEntriesGlobalOptionsComponent, selector: "es-node-entries-global-options", inputs: ["displayType"] }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }, { kind: "pipe", type: i1.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.6", ngImport: i0, type: NodeEntriesCardGridComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'es-node-entries-card-grid', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-template #gridTop>\n  <button\n    *ngIf=\"entriesService.configureColumns\"\n    mat-icon-button\n    (click)=\"columnChooserVisible$.next(!columnChooserVisible$.value)\"\n    cdkOverlayOrigin\n    #columnChooserTrigger=\"cdkOverlayOrigin\"\n    [matTooltip]=\"'LIST_TABLE.CONFIGURE_COLUMNS' | translate\"\n    [attr.aria-label]=\"'LIST_TABLE.CONFIGURE_COLUMNS' | translate\"\n  >\n    <i esIcon=\"settings\"></i>\n  </button>\n  <es-sort-select-panel\n    *ngIf=\"entriesService.sort?.allowed\"\n    class=\"order-panel\"\n    [active]=\"entriesService.sort.active\"\n    [direction]=\"entriesService.sort.direction\"\n    [columns]=\"getSortColumns()\"\n    (sortChange)=\"onSortChange($event)\"\n    [(customSortingInProgress)]=\"entriesService.sort.customSortingInProgress\"\n    (customSortingInProgressChange)=\"onCustomSortingInProgressChange()\"\n  ></es-sort-select-panel>\n</ng-template>\n<es-column-chooser\n  *ngIf=\"entriesService.configureColumns\"\n  [(columns)]=\"entriesService.columns\"\n  [columnChooserVisible]=\"columnChooserVisible$ | async\"\n  [origin]=\"columnChooserTrigger\"\n  (columnChooserVisibleChange)=\"columnChooserVisible$.next($event)\"\n></es-column-chooser>\n<es-dropdown #dropdown [options]=\"entriesService.options?.[Target.ListDropdown]\"></es-dropdown>\n\n<!-- Do not render the list element (`role=\"list\"` or `li`) when there are no list items. -->\n<ng-container\n  *ngIf=\"(nodes$ | async)?.length > 0 || (entriesService.globalOptionsSubject | async)?.length > 0\"\n>\n  <!-- FIXME: Ideally, we would use native `ul` and `li` elements, but these have a strict model,\n  that only allows `li` elements as direct children of `ul` elements. So we would need to use the\n  native elements at all places without any elements between `ul` and `li`. -->\n  <div\n    *ngIf=\"entriesService.sort?.customSortingInProgress\"\n    role=\"list\"\n    class=\"card-grid card-grid-reorder\"\n    cdkDropListGroup\n  >\n    <ng-container *ngIf=\"nodes$ | async as nodes\">\n      <div\n        class=\"card-grid-order-wrapper\"\n        *ngFor=\"let node of nodes; let i = index\"\n        role=\"none\"\n        cdkDropList\n        [cdkDropListConnectedTo]=\"dropLists\"\n        [cdkDropListData]=\"i\"\n      >\n        <es-node-entries-card\n          *ngIf=\"displayType === NodeEntriesDisplayType.Grid\"\n          #item\n          [node]=\"node\"\n          role=\"listitem\"\n          cdkDrag\n          [cdkDragData]=\"i\"\n          [cdkDragStartDelay]=\"getDragStartDelay()\"\n          cdkDragPreviewClass=\"es-card-grid-rearrange-drag-preview\"\n          (cdkDragEntered)=\"onRearrangeDragEntered($event)\"\n          (cdkDragStarted)=\"onRearrangeDragStarted()\"\n          (cdkDragEnded)=\"onRearrangeDragEnded()\"\n        ></es-node-entries-card>\n        <es-node-entries-card-small\n          *ngIf=\"displayType === NodeEntriesDisplayType.SmallGrid\"\n          #item\n          [node]=\"node\"\n          role=\"listitem\"\n          cdkDrag\n          [cdkDragData]=\"i\"\n          [cdkDragStartDelay]=\"getDragStartDelay()\"\n          cdkDragPreviewClass=\"es-card-grid-rearrange-drag-preview\"\n          (cdkDragEntered)=\"onRearrangeDragEntered($event)\"\n          (cdkDragStarted)=\"onRearrangeDragStarted()\"\n          (cdkDragEnded)=\"onRearrangeDragEnded()\"\n        ></es-node-entries-card-small>\n      </div>\n    </ng-container>\n  </div>\n  <div class=\"card-grid-wrapper\" *ngIf=\"!entriesService.sort?.customSortingInProgress\">\n    <ng-container *ngTemplateOutlet=\"scrollHelper\"></ng-container>\n    <div\n      role=\"list\"\n      class=\"card-grid card-grid-layout-{{ layout }}\"\n      #grid\n      (esBorderBoxObserver)=\"onGridSizeChanges()\"\n      esInfiniteScroll\n      (scroll)=\"updateScrollState()\"\n      (scrolled)=\"!visibleItemsLimited && loadData('scroll')\"\n    >\n      <es-node-entries-global-options\n        *ngIf=\"(entriesService.globalOptionsSubject | async)?.length\"\n        [displayType]=\"displayType\"\n      >\n      </es-node-entries-global-options>\n      <ng-container *ngIf=\"nodes$ | async as nodes\">\n        <div\n          class=\"card-grid-drag-wrapper\"\n          *ngFor=\"let node of nodes; let i = index\"\n          role=\"none\"\n          [esNodesDropTarget]=\"node\"\n          [canDropNodes]=\"canDropNodes\"\n          (nodeDropped)=\"onNodesDropped($event)\"\n          #dropTarget=\"esNodesDropTarget\"\n        >\n          <ng-container *ngIf=\"isCustomTemplate()\">\n            <ng-container *ngTemplateOutlet=\"$any(node)\"></ng-container>\n          </ng-container>\n          <ng-container *ngIf=\"!isCustomTemplate()\">\n            <es-node-entries-card\n              *ngIf=\"displayType === NodeEntriesDisplayType.Grid\"\n              #item\n              [node]=\"node\"\n              [dropdown]=\"dropdown\"\n              role=\"listitem\"\n              cdkDrag\n              [cdkDragDisabled]=\"!(getDragEnabled() | async)\"\n              [cdkDragData]=\"getDragData(node)\"\n              esNodesDrag\n              (cdkDragStarted)=\"onDragStarted(node)\"\n              (cdkDragEnded)=\"onDragEnded()\"\n              [class.card-import-blocked]=\"isBlocked(node)\"\n              [class.selected-when-dragging]=\"\n                isDragging && entriesService.selection.isSelected(node)\n              \"\n            >\n              <ng-container *ngIf=\"entriesService.selection.selected.length > 1\">\n                <es-node-entries-card\n                  *cdkDragPreview\n                  [node]=\"node\"\n                  [matBadge]=\"\n                    entriesService.selection.selected.length > 1\n                      ? entriesService.selection.selected.length\n                      : null\n                  \"\n                  class=\"card-drag-preview\"\n                ></es-node-entries-card>\n              </ng-container>\n            </es-node-entries-card>\n            <es-node-entries-card-small\n              *ngIf=\"displayType === NodeEntriesDisplayType.SmallGrid\"\n              #item\n              [node]=\"node\"\n              role=\"listitem\"\n              cdkDrag\n              [cdkDragDisabled]=\"!(getDragEnabled() | async)\"\n              [cdkDragData]=\"[node]\"\n              esNodesDrag\n            >\n            </es-node-entries-card-small>\n          </ng-container>\n          <div\n            *ngIf=\"dropTarget.active?.canDrop?.denyExplicit\"\n            class=\"card-grid-drop-blocked-container\"\n          >\n            <i esIcon=\"cancel\"></i>\n          </div>\n          <div *ngIf=\"dropTarget.active?.canDrop?.accept\" class=\"card-grid-drop-allowed-container\">\n            <i\n              [esIcon]=\"dropTarget.active.action === 'copy' ? 'add_circle_outline' : 'archive'\"\n            ></i>\n          </div>\n        </div>\n      </ng-container>\n    </div>\n  </div>\n</ng-container>\n<ng-container\n  *ngIf=\"\n    !entriesService.dataSource.isLoading &&\n    entriesService.dataSource.hasMore() &&\n    !visibleItemsLimited &&\n    entriesService.paginationStrategy === 'infinite-scroll' &&\n    layout !== 'scroll'\n  \"\n>\n  <div class=\"load-more\">\n    <button mat-button color=\"primary\" (click)=\"loadData('button')\">\n      <i esIcon=\"refresh\"></i>\n      <span>{{ 'LOAD_MORE' | translate }}</span>\n    </button>\n  </div>\n</ng-container>\n<ng-container\n  *ngIf=\"\n    entriesService.dataSource.isLoading === true ||\n    entriesService.dataSource.isLoading === 'initial' ||\n    (entriesService.dataSource.isLoading === 'page' &&\n      entriesService.paginationStrategy === 'infinite-scroll')\n  \"\n>\n  <ng-container *ngTemplateOutlet=\"loading\"></ng-container>\n</ng-container>\n\n<ng-template #loading>\n  <es-spinner></es-spinner>\n</ng-template>\n<ng-template #scrollHelper>\n  <ng-container *ngIf=\"layout === 'scroll'\">\n    <div\n      class=\"scroll-helper-left\"\n      role=\"presentation\"\n      (click)=\"doScroll('left')\"\n      *ngIf=\"scroll.left\"\n    >\n      <button mat-icon-button color=\"primary\" (click)=\"$event.stopPropagation(); doScroll('left')\">\n        <i esIcon=\"keyboard_arrow_left\" [aria]=\"true\"></i>\n      </button>\n    </div>\n    <div\n      class=\"scroll-helper-right\"\n      role=\"presentation\"\n      (click)=\"doScroll('right')\"\n      *ngIf=\"scroll.right\"\n    >\n      <button mat-icon-button color=\"primary\" (click)=\"$event.stopPropagation(); doScroll('right')\">\n        <i esIcon=\"keyboard_arrow_right\" [aria]=\"true\"></i>\n      </button>\n    </div>\n  </ng-container>\n</ng-template>\n", styles: ["@keyframes OrderAnimationCards{0%{transform:rotate(-.25deg)}50%{transform:rotate(.25deg)}to{transform:rotate(-.25deg)}}:host{--scroll-gradient-color: white}.order-panel{margin-left:auto}.load-more{display:flex;justify-content:center}.card-grid-wrapper{position:relative;z-index:0}.card-grid-wrapper .scroll-helper-left,.card-grid-wrapper .scroll-helper-right{position:absolute;width:15%;min-width:60px;max-width:calc(var(--cardWidth) * .4);display:flex;align-items:center;height:calc(100% - 10px);z-index:5;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.card-grid-wrapper .scroll-helper-left>button,.card-grid-wrapper .scroll-helper-right>button{background-color:#fff;color:var(--primary);box-shadow:0 0 25px #00000040}.card-grid-wrapper .scroll-helper-left{left:-1.5em;justify-content:flex-start;background:linear-gradient(to left,transparent 0,var(--scroll-gradient-color) calc(100% - 1.5em))}.card-grid-wrapper .scroll-helper-left>button{margin-left:calc(1.5em - 8px)}.card-grid-wrapper .scroll-helper-right{right:-1.5em;justify-content:flex-end;background:linear-gradient(to right,transparent 0,var(--scroll-gradient-color) calc(100% - 1.5em))}.card-grid-wrapper .scroll-helper-right>button{margin-right:calc(1.5em - 8px)}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--cardWidth),1fr));grid-column-gap:20px;grid-row-gap:20px;grid-template-rows:auto;padding-block-start:1em;padding-block-end:1em}.card-grid.card-grid-layout-scroll{position:relative;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;grid-auto-flow:column;grid-template-columns:repeat(auto-fit,var(--cardWidth));grid-auto-columns:minmax(var(--cardWidth),1fr);padding:1.5em;margin:-.5em -1.5em 0}.card-grid.card-grid-layout-scroll::-webkit-scrollbar-track{margin:0 1.5em}.card-grid.card-grid-layout-scroll::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.1);border-radius:10px;background-color:transparent}.card-grid.card-grid-layout-scroll::-webkit-scrollbar{height:10px;background-color:transparent}.card-grid.card-grid-layout-scroll::-webkit-scrollbar-thumb{max-width:20px;border-radius:10px;background-color:var(--primary)}.card-grid.card-grid-layout-scroll>.card-grid-drag-wrapper{scroll-snap-align:center;scroll-snap-stop:always}.card-grid .card-import-blocked ::ng-deep .card-meta{opacity:.75;text-decoration:line-through}.card-grid>.card-grid-drag-wrapper{position:relative}.card-grid>.card-grid-drag-wrapper .card-grid-drop-allowed-container,.card-grid>.card-grid-drag-wrapper .card-grid-drop-blocked-container{position:absolute;z-index:1;inset:0;display:flex;justify-content:center;align-items:center}.card-grid>.card-grid-drag-wrapper .card-grid-drop-allowed-container>i,.card-grid>.card-grid-drag-wrapper .card-grid-drop-blocked-container>i{background:radial-gradient(circle,#fff 30%,rgba(255,255,255,.0001) 70%);width:200px;height:200px;font-size:80px;display:flex;align-items:center;justify-content:center}.card-grid>.card-grid-drag-wrapper .card-grid-drop-allowed-container>i{color:var(--colorStatusPositive)}.card-grid>.card-grid-drag-wrapper .card-grid-drop-blocked-container{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.card-grid>.card-grid-drag-wrapper .card-grid-drop-blocked-container>i{color:var(--colorStatusNegative)}.card-grid>.card-grid-drag-wrapper .selected-when-dragging{opacity:.5}.card-grid>.card-grid-drag-wrapper.cdk-drop-list-dragging>*:first-child{display:none}.card-grid.card-grid-reorder>.card-grid-order-wrapper{animation-iteration-count:infinite;animation-duration:.5s;animation-name:OrderAnimationCards}.card-grid.card-grid-reorder>.card-grid-order-wrapper:nth-of-type(2n){animation-delay:0s}.card-grid.card-grid-reorder>.card-grid-order-wrapper:nth-of-type(odd){animation-delay:-.25s}.card-grid.card-grid-reorder>.card-grid-order-wrapper:nth-of-type(3n){animation-delay:-.125s}.card-grid.card-grid-reorder>.card-grid-order-wrapper:nth-of-type(5n){animation-delay:-.0625s}.card-grid.card-grid-reorder>.card-grid-order-wrapper .cdk-drag-placeholder{display:none}.card-drag-preview{width:250px}::ng-deep .es-card-grid-rearrange-drag-preview.cdk-drag-animating{transition:none}\n"] }]
-        }], ctorParameters: function () { return [{ type: NodeEntriesService }, { type: NodeEntriesGlobalService }, { type: NodeEntriesTemplatesService }, { type: UIService }, { type: i0.NgZone }]; }, propDecorators: { columnChooserTrigger: [{
+            args: [{ selector: 'es-node-entries-card-grid', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-template #gridTop>\n  <button\n    *ngIf=\"entriesService.configureColumns\"\n    mat-icon-button\n    (click)=\"columnChooserVisible$.next(!columnChooserVisible$.value)\"\n    cdkOverlayOrigin\n    #columnChooserTrigger=\"cdkOverlayOrigin\"\n    [matTooltip]=\"'LIST_TABLE.CONFIGURE_COLUMNS' | translate\"\n    [attr.aria-label]=\"'LIST_TABLE.CONFIGURE_COLUMNS' | translate\"\n  >\n    <i esIcon=\"settings\"></i>\n  </button>\n  <es-sort-select-panel\n    *ngIf=\"entriesService.sort?.allowed\"\n    class=\"order-panel\"\n    [active]=\"entriesService.sort.active\"\n    [direction]=\"entriesService.sort.direction\"\n    [columns]=\"getSortColumns()\"\n    (sortChange)=\"onSortChange($event)\"\n    [(customSortingInProgress)]=\"entriesService.sort.customSortingInProgress\"\n    (customSortingInProgressChange)=\"onCustomSortingInProgressChange()\"\n  ></es-sort-select-panel>\n</ng-template>\n<es-column-chooser\n  *ngIf=\"entriesService.configureColumns\"\n  [(columns)]=\"entriesService.columns\"\n  [columnChooserVisible]=\"columnChooserVisible$ | async\"\n  [origin]=\"columnChooserTrigger\"\n  (columnChooserVisibleChange)=\"columnChooserVisible$.next($event)\"\n></es-column-chooser>\n<es-dropdown #dropdown [options]=\"entriesService.options?.[Target.ListDropdown]\"></es-dropdown>\n\n<!-- Do not render the list element (`role=\"list\"` or `li`) when there are no list items. -->\n<ng-container\n  *ngIf=\"(nodes$ | async)?.length > 0 || (entriesService.globalOptionsSubject | async)?.length > 0\"\n>\n  <!-- FIXME: Ideally, we would use native `ul` and `li` elements, but these have a strict model,\n  that only allows `li` elements as direct children of `ul` elements. So we would need to use the\n  native elements at all places without any elements between `ul` and `li`. -->\n  <div\n    *ngIf=\"entriesService.sort?.customSortingInProgress\"\n    role=\"list\"\n    class=\"card-grid card-grid-reorder\"\n    cdkDropListGroup\n  >\n    <ng-container *ngIf=\"nodes$ | async as nodes\">\n      <div\n        class=\"card-grid-order-wrapper\"\n        *ngFor=\"let node of nodes; let i = index\"\n        role=\"none\"\n        cdkDropList\n        [cdkDropListConnectedTo]=\"dropLists\"\n        [cdkDropListData]=\"i\"\n      >\n        <es-node-entries-card\n          *ngIf=\"displayType === NodeEntriesDisplayType.Grid\"\n          #item\n          [node]=\"node\"\n          role=\"listitem\"\n          cdkDrag\n          [cdkDragData]=\"i\"\n          [cdkDragStartDelay]=\"getDragStartDelay()\"\n          cdkDragPreviewClass=\"es-card-grid-rearrange-drag-preview\"\n          (cdkDragEntered)=\"onRearrangeDragEntered($event)\"\n          (cdkDragStarted)=\"onRearrangeDragStarted()\"\n          (cdkDragEnded)=\"onRearrangeDragEnded()\"\n        ></es-node-entries-card>\n        <es-node-entries-card-small\n          *ngIf=\"displayType === NodeEntriesDisplayType.SmallGrid\"\n          #item\n          [node]=\"node\"\n          role=\"listitem\"\n          cdkDrag\n          [cdkDragData]=\"i\"\n          [cdkDragStartDelay]=\"getDragStartDelay()\"\n          cdkDragPreviewClass=\"es-card-grid-rearrange-drag-preview\"\n          (cdkDragEntered)=\"onRearrangeDragEntered($event)\"\n          (cdkDragStarted)=\"onRearrangeDragStarted()\"\n          (cdkDragEnded)=\"onRearrangeDragEnded()\"\n        ></es-node-entries-card-small>\n      </div>\n    </ng-container>\n  </div>\n  <div class=\"card-grid-wrapper\" *ngIf=\"!entriesService.sort?.customSortingInProgress\">\n    <ng-container *ngTemplateOutlet=\"scrollHelper\"></ng-container>\n    <div\n      role=\"list\"\n      class=\"card-grid card-grid-layout-{{ layout }}\"\n      #grid\n      (esBorderBoxObserver)=\"onGridSizeChanges()\"\n      esInfiniteScroll\n      (scroll)=\"updateScrollState()\"\n      (scrolled)=\"!visibleItemsLimited && loadData('scroll')\"\n    >\n      <es-node-entries-global-options\n        *ngIf=\"(entriesService.globalOptionsSubject | async)?.length\"\n        [displayType]=\"displayType\"\n      >\n      </es-node-entries-global-options>\n      <ng-container *ngIf=\"nodes$ | async as nodes\">\n        <div\n          class=\"card-grid-drag-wrapper\"\n          *ngFor=\"let node of nodes; let i = index\"\n          role=\"none\"\n          [esNodesDropTarget]=\"node\"\n          [canDropNodes]=\"canDropNodes\"\n          (nodeDropped)=\"onNodesDropped($event)\"\n          #dropTarget=\"esNodesDropTarget\"\n        >\n          <ng-container *ngIf=\"isCustomTemplate(node)\">\n            <ng-container *ngTemplateOutlet=\"$any(node)\"></ng-container>\n          </ng-container>\n          <ng-container *ngIf=\"!isCustomTemplate(node)\">\n            <es-node-entries-card\n              *ngIf=\"displayType === NodeEntriesDisplayType.Grid\"\n              #item\n              [node]=\"node\"\n              [dropdown]=\"dropdown\"\n              role=\"listitem\"\n              cdkDrag\n              [cdkDragDisabled]=\"!(getDragEnabled() | async)\"\n              [cdkDragData]=\"getDragData(node)\"\n              esNodesDrag\n              (cdkDragStarted)=\"onDragStarted(node)\"\n              (cdkDragEnded)=\"onDragEnded()\"\n              [class.card-import-blocked]=\"isBlocked(node)\"\n              [class.selected-when-dragging]=\"\n                isDragging && entriesService.selection.isSelected(node)\n              \"\n            >\n              <ng-container *ngIf=\"entriesService.selection.selected.length > 1\">\n                <es-node-entries-card\n                  *cdkDragPreview\n                  [node]=\"node\"\n                  [matBadge]=\"\n                    entriesService.selection.selected.length > 1\n                      ? entriesService.selection.selected.length\n                      : null\n                  \"\n                  class=\"card-drag-preview\"\n                ></es-node-entries-card>\n              </ng-container>\n            </es-node-entries-card>\n            <es-node-entries-card-small\n              *ngIf=\"displayType === NodeEntriesDisplayType.SmallGrid\"\n              #item\n              [node]=\"node\"\n              role=\"listitem\"\n              cdkDrag\n              [cdkDragDisabled]=\"!(getDragEnabled() | async)\"\n              [cdkDragData]=\"[node]\"\n              esNodesDrag\n            >\n            </es-node-entries-card-small>\n          </ng-container>\n          <div\n            *ngIf=\"dropTarget.active?.canDrop?.denyExplicit\"\n            class=\"card-grid-drop-blocked-container\"\n          >\n            <i esIcon=\"cancel\"></i>\n          </div>\n          <div *ngIf=\"dropTarget.active?.canDrop?.accept\" class=\"card-grid-drop-allowed-container\">\n            <i\n              [esIcon]=\"dropTarget.active.action === 'copy' ? 'add_circle_outline' : 'archive'\"\n            ></i>\n          </div>\n        </div>\n      </ng-container>\n    </div>\n  </div>\n</ng-container>\n<ng-container\n  *ngIf=\"\n    !entriesService.dataSource.isLoading &&\n    entriesService.dataSource.hasMore() &&\n    !visibleItemsLimited &&\n    entriesService.paginationStrategy === 'infinite-scroll' &&\n    layout !== 'scroll'\n  \"\n>\n  <div class=\"load-more\">\n    <button mat-button color=\"primary\" (click)=\"loadData('button')\">\n      <i esIcon=\"refresh\"></i>\n      <span>{{ 'LOAD_MORE' | translate }}</span>\n    </button>\n  </div>\n</ng-container>\n<ng-container\n  *ngIf=\"\n    entriesService.dataSource.isLoading === true ||\n    entriesService.dataSource.isLoading === 'initial' ||\n    (entriesService.dataSource.isLoading === 'page' &&\n      entriesService.paginationStrategy === 'infinite-scroll')\n  \"\n>\n  <ng-container *ngTemplateOutlet=\"loading\"></ng-container>\n</ng-container>\n\n<ng-template #loading>\n  <es-spinner></es-spinner>\n</ng-template>\n<ng-template #scrollHelper>\n  <ng-container *ngIf=\"layout === 'scroll'\">\n    <div\n      class=\"scroll-helper-left\"\n      role=\"presentation\"\n      (click)=\"doScroll('left')\"\n      *ngIf=\"scroll.left\"\n    >\n      <button mat-icon-button color=\"primary\" (click)=\"$event.stopPropagation(); doScroll('left')\">\n        <i esIcon=\"keyboard_arrow_left\" [aria]=\"true\"></i>\n      </button>\n    </div>\n    <div\n      class=\"scroll-helper-right\"\n      role=\"presentation\"\n      (click)=\"doScroll('right')\"\n      *ngIf=\"scroll.right\"\n    >\n      <button mat-icon-button color=\"primary\" (click)=\"$event.stopPropagation(); doScroll('right')\">\n        <i esIcon=\"keyboard_arrow_right\" [aria]=\"true\"></i>\n      </button>\n    </div>\n  </ng-container>\n</ng-template>\n", styles: ["@keyframes OrderAnimationCards{0%{transform:rotate(-.25deg)}50%{transform:rotate(.25deg)}to{transform:rotate(-.25deg)}}:host{--scroll-gradient-color: white}.order-panel{margin-left:auto}.load-more{display:flex;justify-content:center}.card-grid-wrapper{position:relative;z-index:0}.card-grid-wrapper .scroll-helper-left,.card-grid-wrapper .scroll-helper-right{position:absolute;width:15%;min-width:60px;max-width:calc(var(--cardWidth) * .4);display:flex;align-items:center;height:calc(100% - 10px);z-index:5;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.card-grid-wrapper .scroll-helper-left>button,.card-grid-wrapper .scroll-helper-right>button{background-color:#fff;color:var(--primary);box-shadow:0 0 25px #00000040}.card-grid-wrapper .scroll-helper-left{left:-1.5em;justify-content:flex-start;background:linear-gradient(to left,transparent 0,var(--scroll-gradient-color) calc(100% - 1.5em))}.card-grid-wrapper .scroll-helper-left>button{margin-left:calc(1.5em - 8px)}.card-grid-wrapper .scroll-helper-right{right:-1.5em;justify-content:flex-end;background:linear-gradient(to right,transparent 0,var(--scroll-gradient-color) calc(100% - 1.5em))}.card-grid-wrapper .scroll-helper-right>button{margin-right:calc(1.5em - 8px)}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--cardWidth),1fr));grid-column-gap:20px;grid-row-gap:20px;grid-template-rows:auto;padding-block-start:1em;padding-block-end:1em}.card-grid.card-grid-layout-scroll{position:relative;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;grid-auto-flow:column;grid-template-columns:repeat(auto-fit,var(--cardWidth));grid-auto-columns:minmax(var(--cardWidth),1fr);padding:1.5em;margin:-.5em -1.5em 0}.card-grid.card-grid-layout-scroll::-webkit-scrollbar-track{margin:0 1.5em}.card-grid.card-grid-layout-scroll::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.1);border-radius:10px;background-color:transparent}.card-grid.card-grid-layout-scroll::-webkit-scrollbar{height:10px;background-color:transparent}.card-grid.card-grid-layout-scroll::-webkit-scrollbar-thumb{max-width:20px;border-radius:10px;background-color:var(--primary)}.card-grid.card-grid-layout-scroll>.card-grid-drag-wrapper{scroll-snap-align:center;scroll-snap-stop:always}.card-grid .card-import-blocked ::ng-deep .card-meta{opacity:.75;text-decoration:line-through}.card-grid>.card-grid-drag-wrapper{position:relative}.card-grid>.card-grid-drag-wrapper .card-grid-drop-allowed-container,.card-grid>.card-grid-drag-wrapper .card-grid-drop-blocked-container{position:absolute;z-index:1;inset:0;display:flex;justify-content:center;align-items:center}.card-grid>.card-grid-drag-wrapper .card-grid-drop-allowed-container>i,.card-grid>.card-grid-drag-wrapper .card-grid-drop-blocked-container>i{background:radial-gradient(circle,#fff 30%,rgba(255,255,255,.0001) 70%);width:200px;height:200px;font-size:80px;display:flex;align-items:center;justify-content:center}.card-grid>.card-grid-drag-wrapper .card-grid-drop-allowed-container>i{color:var(--colorStatusPositive)}.card-grid>.card-grid-drag-wrapper .card-grid-drop-blocked-container{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.card-grid>.card-grid-drag-wrapper .card-grid-drop-blocked-container>i{color:var(--colorStatusNegative)}.card-grid>.card-grid-drag-wrapper .selected-when-dragging{opacity:.5}.card-grid>.card-grid-drag-wrapper.cdk-drop-list-dragging>*:first-child{display:none}.card-grid.card-grid-reorder>.card-grid-order-wrapper{animation-iteration-count:infinite;animation-duration:.5s;animation-name:OrderAnimationCards}.card-grid.card-grid-reorder>.card-grid-order-wrapper:nth-of-type(2n){animation-delay:0s}.card-grid.card-grid-reorder>.card-grid-order-wrapper:nth-of-type(odd){animation-delay:-.25s}.card-grid.card-grid-reorder>.card-grid-order-wrapper:nth-of-type(3n){animation-delay:-.125s}.card-grid.card-grid-reorder>.card-grid-order-wrapper:nth-of-type(5n){animation-delay:-.0625s}.card-grid.card-grid-reorder>.card-grid-order-wrapper .cdk-drag-placeholder{display:none}.card-drag-preview{width:250px}::ng-deep .es-card-grid-rearrange-drag-preview.cdk-drag-animating{transition:none}\n"] }]
+        }], ctorParameters: function () { return [{ type: NodeEntriesService }, { type: NodeEntriesGlobalService }, { type: NodeEntriesTemplatesService }, { type: NodeHelperService }, { type: UIService }, { type: i0.NgZone }]; }, propDecorators: { columnChooserTrigger: [{
                 type: ViewChild,
                 args: ['columnChooserTrigger']
             }], gridTop: [{
@@ -5506,196 +5713,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.6", ngImpor
                 args: ['style.--scroll-gradient-color']
             }] } });
 
-class AppService {
-}
-
-// 'none' means that only labels should be shown (for dev)
-const DEFAULT_SUPPORTED_LANGUAGES = [
-    'de',
-    'de-informal',
-    'de-no-binnen-i',
-    'en',
-    'fr',
-    'it',
-    'none',
-];
-class TranslationsService {
-    constructor(config, route, storage, translate, sessionStorage, ref, appService) {
-        this.config = config;
-        this.route = route;
-        this.storage = storage;
-        this.translate = translate;
-        this.sessionStorage = sessionStorage;
-        this.ref = ref;
-        this.appService = appService;
-        this.languageLoaded = new BehaviorSubject(false);
-        this.sessionStorage?.observe('language').subscribe((lang) => {
-            // language has changed, i.e. user has different preference
-            if (this.translate.currentLang && this.translate.currentLang !== lang) {
-                this.initialize().subscribe(() => {
-                    this.ref.tick();
-                });
-            }
-        });
-    }
-    /**
-     * Determines and configures the language to use and triggers loading of translations with
-     * ngx-translate.
-     *
-     * Call this once in the app component.
-     */
-    initialize() {
-        const supportedLanguages$ = from(this.config.get('supportedLanguages', DEFAULT_SUPPORTED_LANGUAGES));
-        if (this.appService?.isRunningApp()) {
-            return supportedLanguages$.pipe(switchMap((supportedLanguages) => this.initializeCordova(supportedLanguages)), map(() => void 0));
-        }
-        supportedLanguages$
-            .pipe(tap((supportedLanguages) => {
-            if (!supportedLanguages.includes('none')) {
-                supportedLanguages.push('none');
-            }
-        }), tap((supportedLanguages) => this.translate.addLangs(supportedLanguages)), 
-        // Select queryParams.locale if set meaningfully
-        switchMap((supportedLanguages) => this.route.queryParams.pipe(first(), map((params) => {
-            let selectedLanguage = null;
-            if (supportedLanguages.indexOf(params.locale) !== -1) {
-                selectedLanguage = params.locale;
-            }
-            else if (params.locale) {
-                console.warn(`Url requested language ${params.locale}, ` +
-                    'but it was not found or is not configured in the allowed languages: ' +
-                    supportedLanguages);
-            }
-            return {
-                supportedLanguages,
-                selectedLanguage,
-            };
-        }))), 
-        // Select storage.get('language') if set meaningfully
-        switchMap(({ supportedLanguages, selectedLanguage }) => {
-            if (selectedLanguage) {
-                return of({
-                    supportedLanguages,
-                    selectedLanguage,
-                    useStored: false,
-                });
-            }
-            else {
-                return this.storage.get('language').pipe(map((storageLanguage) => {
-                    let useStored = false;
-                    if (supportedLanguages.indexOf(storageLanguage) !== -1) {
-                        selectedLanguage = storageLanguage;
-                        useStored = true;
-                    }
-                    return {
-                        supportedLanguages,
-                        selectedLanguage,
-                        useStored,
-                    };
-                }));
-            }
-        }), 
-        // Use browser language if available, otherwise fall back to the first supported
-        // language.
-        map(({ supportedLanguages, selectedLanguage, useStored }) => {
-            if (selectedLanguage) {
-                return {
-                    supportedLanguages,
-                    selectedLanguage,
-                    useStored,
-                };
-            }
-            else if (
-            // Select browser language if set meaningfully
-            supportedLanguages.indexOf(this.translate.getBrowserLang()) !== -1) {
-                return {
-                    supportedLanguages,
-                    selectedLanguage: this.translate.getBrowserLang(),
-                    useStored,
-                };
-            }
-            else {
-                // Select first supported language
-                return {
-                    supportedLanguages,
-                    selectedLanguage: supportedLanguages[0],
-                    useStored,
-                };
-            }
-        }), 
-        // Set fallback language
-        tap(({ supportedLanguages, selectedLanguage, useStored }) => {
-            if (!useStored) {
-                this.storage.set('language', selectedLanguage);
-            }
-            if (selectedLanguage === 'none') {
-                this.translate.setDefaultLang('none');
-            }
-            else if (selectedLanguage?.startsWith('de-')) {
-                this.translate.setDefaultLang('de');
-            }
-            else {
-                this.translate.setDefaultLang(supportedLanguages[0]);
-            }
-        }), 
-        // Configure `ngx-translate` to use the determined language and trigger loading of
-        // translations.
-        switchMap(({ selectedLanguage }) => {
-            // console.log('language used: ' + selectedLanguage);
-            this.language = selectedLanguage;
-            return this.translate.use(selectedLanguage).pipe(map(() => void 0));
-        }))
-            .subscribe(() => {
-            // Notify anyone waiting for translations to be loaded.
-            this.languageLoaded.next(true);
-        });
-        return this.waitForInit();
-    }
-    async initializeCordova(supportedLanguages = DEFAULT_SUPPORTED_LANGUAGES) {
-        this.translate.addLangs(supportedLanguages);
-        let language = supportedLanguages[0];
-        this.translate.setDefaultLang(language);
-        this.translate.use(language);
-        this.language = language;
-        const data = await this.appService.getLanguage();
-        if (supportedLanguages.indexOf(data) != -1) {
-            language = data;
-        }
-        this.language = language;
-        this.translate.use(language).subscribe(() => {
-            this.languageLoaded.next(true);
-        });
-        // this.translate.getTranslation(language).subscribe(() => {
-        // });
-        return this.waitForInit();
-    }
-    waitForInit() {
-        return this.languageLoaded.pipe(first((languageLoaded) => languageLoaded), map(() => void 0));
-    }
-    /** Same as `translate.currentLang`. */
-    getLanguage() {
-        return this.language;
-    }
-    getISOLanguage() {
-        return LANGUAGES[this.language];
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.6", ngImport: i0, type: TranslationsService, deps: [{ token: i2.ConfigService }, { token: i2$1.ActivatedRoute }, { token: i2.SessionStorageService }, { token: i1.TranslateService }, { token: i2.SessionStorageService }, { token: i0.ApplicationRef }, { token: AppService, optional: true }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.6", ngImport: i0, type: TranslationsService, providedIn: 'root' }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.6", ngImport: i0, type: TranslationsService, decorators: [{
-            type: Injectable,
-            args: [{ providedIn: 'root' }]
-        }], ctorParameters: function () { return [{ type: i2.ConfigService }, { type: i2$1.ActivatedRoute }, { type: i2.SessionStorageService }, { type: i1.TranslateService }, { type: i2.SessionStorageService }, { type: i0.ApplicationRef }, { type: AppService, decorators: [{
-                    type: Optional
-                }] }]; } });
-
 class NodeEntriesTableComponent {
-    constructor(entriesService, entriesGlobalService, applicationRef, toast, translations, changeDetectorRef, ui, ngZone, elementRef) {
+    constructor(entriesService, entriesGlobalService, applicationRef, toast, translations, nodeHelperService, changeDetectorRef, ui, ngZone, elementRef) {
         this.entriesService = entriesService;
         this.entriesGlobalService = entriesGlobalService;
         this.applicationRef = applicationRef;
         this.toast = toast;
         this.translations = translations;
+        this.nodeHelperService = nodeHelperService;
         this.changeDetectorRef = changeDetectorRef;
         this.ui = ui;
         this.ngZone = ngZone;
@@ -5752,29 +5777,20 @@ class NodeEntriesTableComponent {
         this.destroyed.complete();
     }
     onRowContextMenu({ event, node }) {
-        if (!this.entriesService.selection.selected.includes(node)) {
-            this.entriesService.selection.clear();
-            this.entriesService.selection.select(node);
-        }
         event.stopPropagation();
         event.preventDefault();
+        if (!this.dropdown) {
+            // Call `preventDefault()` even when there is no menu, so we can use `cdkDrag` with a
+            // start delay without being interrupted by the standard long-tap action.
+            return;
+        }
         if (event instanceof MouseEvent) {
             ({ clientX: this.dropdownLeft, clientY: this.dropdownTop } = event);
         }
         else {
             ({ x: this.dropdownLeft, y: this.dropdownTop } = event.target.getBoundingClientRect());
         }
-        // Wait for the menu to reflect changed options.
-        setTimeout(() => {
-            this.dropdown.callbackObject = node;
-            this.dropdown.ngOnChanges();
-            if (this.dropdown.canShowDropdown()) {
-                this.menuTrigger.openMenu();
-            }
-            else {
-                this.toast.toast('NO_AVAILABLE_OPTIONS');
-            }
-        });
+        this.entriesService.openDropdown(this.dropdown, node, () => this.menuTrigger.openMenu());
     }
     updateSort() {
         this.sort.sort({
@@ -5912,22 +5928,19 @@ class NodeEntriesTableComponent {
         this.entriesService.loadMore(source);
     }
     async openMenu(node) {
-        this.entriesService.selection.clear();
-        this.entriesService.selection.select(node);
-        this.entriesService.selection.clickSource = ClickSource.Dropdown;
-        await this.applicationRef.tick();
-        this.dropdown.menu.focusFirstItem();
+        this.entriesService.openDropdown(this.dropdown, node);
     }
     isBlocked(node) {
-        return node.properties?.[RestConstants.CCM_PROP_IMPORT_BLOCKED]?.[0] === 'true';
+        return (node.properties?.[RestConstants.CCM_PROP_IMPORT_BLOCKED]?.[0] === 'true' ||
+            this.nodeHelperService.isNodeRevoked(node));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.6", ngImport: i0, type: NodeEntriesTableComponent, deps: [{ token: NodeEntriesService }, { token: NodeEntriesGlobalService }, { token: i0.ApplicationRef }, { token: Toast }, { token: TranslationsService }, { token: i0.ChangeDetectorRef }, { token: UIService }, { token: i0.NgZone }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.6", type: NodeEntriesTableComponent, selector: "es-node-entries-table", viewQueries: [{ propertyName: "sort", first: true, predicate: MatSort, descendants: true }, { propertyName: "paginator", first: true, predicate: MatPaginator, descendants: true }, { propertyName: "columnChooserTrigger", first: true, predicate: ["columnChooserTrigger"], descendants: true }, { propertyName: "dropdown", first: true, predicate: DropdownComponent, descendants: true }, { propertyName: "menuTrigger", first: true, predicate: ["menuTrigger"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<es-dropdown #dropdown [options]=\"entriesService.options?.[Target.ListDropdown]\"></es-dropdown>\n<button\n  #menuTrigger=\"matMenuTrigger\"\n  mat-button\n  class=\"dropdown-dummy cdk-visually-hidden\"\n  [style.left.px]=\"dropdownLeft\"\n  [style.top.px]=\"dropdownTop\"\n  [matMenuTriggerFor]=\"dropdown.menu\"\n  tabindex=\"-1\"\n  aria-hidden=\"true\"\n></button>\n<es-node-entries-global-options\n  *ngIf=\"(entriesService.globalOptionsSubject | async)?.length\"\n  [displayType]=\"NodeEntriesDisplayType.Table\"\n>\n</es-node-entries-global-options>\n<mat-table\n  [dataSource]=\"entriesService.dataSource\"\n  matSort\n  [matSortDisableClear]=\"true\"\n  [matSortActive]=\"entriesService.sort?.active\"\n  [matSortDirection]=\"entriesService.sort?.direction\"\n  esInfiniteScroll\n  (scrolled)=\"loadData('scroll')\"\n>\n  <!-- Checkbox Column -->\n  <ng-container matColumnDef=\"select\">\n    <mat-header-cell *matHeaderCellDef>\n      <mat-checkbox\n        [ngModel]=\"entriesService.selection.selected.length > 0\"\n        [indeterminate]=\"\n          entriesService.selection.selected.length > 0 &&\n          entriesService.selection.selected.length !== entriesService.dataSource.getData().length\n        \"\n        (ngModelChange)=\"toggleAll($event)\"\n        color=\"primary\"\n        aria-label=\"{{ 'LIST_TABLE.TOGGLE_ALL' | translate }}\"\n      ></mat-checkbox>\n    </mat-header-cell>\n    <mat-cell *matCellDef=\"let node\">\n      <mat-checkbox\n        [checked]=\"entriesService.selection.isSelected(node)\"\n        (change)=\"entriesService.onCheckboxChanged(node, $event.checked)\"\n        aria-label=\"{{ 'SELECT' | translate : { element: (node | nodeTitle) } }}\"\n        color=\"primary\"\n      ></mat-checkbox>\n    </mat-cell>\n  </ng-container>\n  <div matColumnDef=\"icon\">\n    <mat-header-cell *matHeaderCellDef class=\"cell-icon cell-count\">\n      ({{ entriesService.selection.selected.length\n      }}<ng-container *ngIf=\"entriesService.dataSource?.getTotal() !== undefined\">\n        / {{ entriesService.dataSource?.getTotal() }}</ng-container\n      >)\n    </mat-header-cell>\n    <mat-cell *matCellDef=\"let node\" class=\"cell-icon\">\n      <ng-container\n        *ngIf=\"entriesService.elementInteractionType === InteractionType.DefaultActionLink\"\n      >\n        <ng-container *ngTemplateOutlet=\"icon; context: { node: this.node }\"></ng-container>\n      </ng-container>\n      <div\n        *ngIf=\"entriesService.elementInteractionType !== InteractionType.DefaultActionLink\"\n        (click)=\"\n          entriesService.onClicked({ event: $event, element: node, source: ClickSource.Icon })\n        \"\n        (dblclick)=\"entriesService.dblClickItem.emit({ element: node, source: ClickSource.Icon })\"\n      >\n        <ng-container\n          *ngTemplateOutlet=\"icon; context: { node: this.node }\"\n          (click)=\"\n            entriesService.onClicked({ event: $event, element: node, source: ClickSource.Icon })\n          \"\n          (dblclick)=\"entriesService.dblClickItem.emit({ element: node, source: ClickSource.Icon })\"\n        ></ng-container>\n      </div>\n    </mat-cell>\n  </div>\n  <ng-container matColumnDef=\"actions\">\n    <mat-header-cell *matHeaderCellDef>\n      <button\n        *ngIf=\"entriesService.configureColumns\"\n        mat-icon-button\n        (click)=\"columnChooserVisible = !columnChooserVisible\"\n        cdkOverlayOrigin\n        #columnChooserTrigger=\"cdkOverlayOrigin\"\n        [matTooltip]=\"'LIST_TABLE.CONFIGURE_COLUMNS' | translate\"\n        [attr.aria-label]=\"'LIST_TABLE.CONFIGURE_COLUMNS' | translate\"\n      >\n        <i esIcon=\"settings\"></i>\n      </button>\n    </mat-header-cell>\n    <mat-cell *matCellDef=\"let node\">\n      <button\n        mat-icon-button\n        *ngIf=\"entriesService.options?.[Target.List]?.length\"\n        color=\"primary\"\n        (click)=\"openMenu(node)\"\n        [matMenuTriggerFor]=\"dropdown.menu\"\n      >\n        <i esIcon=\"more_vert\" [aria]=\"true\"></i>\n      </button>\n    </mat-cell>\n  </ng-container>\n  <!-- Data Columns -->\n  <ng-container\n    *ngFor=\"let column of visibleDataColumns$ | async; let first = first\"\n    [matColumnDef]=\"column.name\"\n  >\n    <ng-container>\n      <mat-header-cell\n        *matHeaderCellDef\n        mat-sort-header\n        [disabled]=\"!(entriesService.sort?.allowed && isSortable(column))\"\n        [class.mat-column-primary]=\"first\"\n        >{{ column | esListItemLabel | async }}</mat-header-cell\n      >\n    </ng-container>\n    <mat-cell\n      *matCellDef=\"let node\"\n      #cell\n      [class.mat-column-primary]=\"first\"\n      attr.data-test=\"table-cell-{{ column.name }}\"\n    >\n      <ng-container\n        *ngIf=\"entriesService.elementInteractionType === InteractionType.DefaultActionLink\"\n      >\n        <es-node-url cdkMonitorSubtreeFocus [node]=\"node\" [mode]=\"first ? 'link' : 'wrapper'\">\n          <es-list-base\n            [forceText]=\"true\"\n            [node]=\"node\"\n            [item]=\"column\"\n            esCheckTextOverflow\n            #text=\"esCheckTextOverflow\"\n            [matTooltip]=\"text.hasTextOverflow() ? cell.innerText : null\"\n            matTooltipTouchGestures=\"off\"\n          ></es-list-base>\n        </es-node-url>\n      </ng-container>\n      <es-list-base\n        *ngIf=\"entriesService.elementInteractionType !== InteractionType.DefaultActionLink\"\n        [forceText]=\"true\"\n        [node]=\"node\"\n        [item]=\"column\"\n        (click)=\"\n          entriesService.onClicked({\n            event: $event,\n            element: node,\n            source: ClickSource.Metadata,\n            attribute: column\n          })\n        \"\n        (dblclick)=\"\n          entriesService.dblClickItem.emit({\n            element: node,\n            source: ClickSource.Metadata,\n            attribute: column\n          })\n        \"\n      ></es-list-base>\n      <ng-container *ngIf=\"first\">\n        <div class=\"childobjects\" *ngIf=\"node.properties?.['virtual:childobjectcount'] > 0\">\n          <div\n            class=\"childobject-count\"\n            matTooltip=\"{{\n              'CHILDOBJECT_COUNT'\n                | translate : { count: node.properties['virtual:childobjectcount'] * 1 + 1 }\n            }}\"\n          >\n            <span>{{ node.properties['virtual:childobjectcount'] * 1 + 1 }}</span\n            ><i esIcon=\"filter_none\"></i>\n          </div>\n        </div>\n      </ng-container>\n    </mat-cell>\n  </ng-container>\n  <mat-header-row mat-header-row *matHeaderRowDef=\"visibleColumnNames$ | async\"></mat-header-row>\n  <mat-row\n    mat-row\n    matRipple\n    cdkDrag\n    esNodesDrag\n    [cdkDragDisabled]=\"!entriesService.dragDrop?.dragAllowed || (ui.isTouchSubject | async)\"\n    [cdkDragData]=\"getDragData(node)\"\n    (cdkDragStarted)=\"onDragStarted(node)\"\n    (cdkDragEnded)=\"onDragEnded()\"\n    [esNodesDropTarget]=\"node\"\n    [canDropNodes]=\"canDrop\"\n    (nodeDropped)=\"drop($event)\"\n    class=\"mat-row\"\n    [class.mat-row-selected]=\"entriesService.selection.isSelected(node)\"\n    [class.mat-row-import-blocked]=\"isBlocked(node)\"\n    [class.selected-when-dragging]=\"isDragging && entriesService.selection.isSelected(node)\"\n    [class.mat-row-virtual]=\"node.virtual\"\n    [class.mat-row-virtual-first]=\"\n      node.virtual && !$any(entriesService.dataSource.getData()[i - 1])?.virtual\n    \"\n    [class.mat-row-virtual-last]=\"\n      node.virtual && !$any(entriesService.dataSource.getData()[i + 1])?.virtual\n    \"\n    [class.dynamic-single-click]=\"entriesService.singleClickHint === 'dynamic'\"\n    *matRowDef=\"let node; let i = index; let last = last; columns: visibleColumnNames$ | async\"\n    (contextmenu)=\"onRowContextMenu({ event: $event, node: node })\"\n    (keydown.ContextMenu)=\"onRowContextMenu({ event: $event, node: node })\"\n  >\n    <es-drag-preview\n      *cdkDragPreview\n      [node]=\"node\"\n      [selected]=\"entriesService.selection.selected\"\n      [item]=\"(visibleDataColumns$ | async)[0]\"\n    ></es-drag-preview>\n  </mat-row>\n</mat-table>\n<ng-container\n  *ngIf=\"\n    (entriesService.dataSource.isLoadingSubject | async) === false &&\n    entriesService.dataSource.hasMore() &&\n    entriesService.paginationStrategy === 'infinite-scroll'\n  \"\n>\n  <div class=\"load-more\">\n    <button mat-button color=\"primary\" (click)=\"loadData('button')\">\n      <i esIcon=\"refresh\"></i>\n      <span>{{ 'LOAD_MORE' | translate }}</span>\n    </button>\n  </div>\n</ng-container>\n<ng-container *ngIf=\"entriesService.dataSource.isLoadingSubject | async\">\n  <ng-container *ngTemplateOutlet=\"loading\"> </ng-container>\n</ng-container>\n<!--\n<mat-paginator #paginator [pageSizeOptions]=\"pageSizeOptions\"></mat-paginator>\n-->\n\n<!-- Wait for ready state to avoid changed-after-checked error when `columnChooserTrigger` becomes\navailable. -->\n<es-column-chooser\n  *ngIf=\"columnChooserTriggerReady\"\n  [(columns)]=\"entriesService.columns\"\n  [(columnChooserVisible)]=\"columnChooserVisible\"\n  [origin]=\"columnChooserTrigger\"\n></es-column-chooser>\n<ng-template #loading>\n  <es-spinner></es-spinner>\n</ng-template>\n<ng-template #icon let-node=\"node\">\n  <div class=\"icon-bg\">\n    <img\n      *ngIf=\"node.iconURL\"\n      [src]=\"node | esNodeIcon | async\"\n      [alt]=\"\n        node.mediatype\n          ? ('NODE.mediatype' | translate) + ': ' + ('MEDIATYPE.' + node.mediatype | translate)\n          : ''\n      \"\n      [matTooltip]=\"\n        node.mediatype\n          ? ('NODE.mediatype' | translate) + ': ' + ('MEDIATYPE.' + node.mediatype | translate)\n          : ''\n      \"\n      matTooltipTouchGestures=\"off\"\n    />\n    <i\n      *ngIf=\"!node.iconURL\"\n      [esIcon]=\"node.authorityType ? (node.authorityType === 'GROUP' ? 'group' : 'person') : null\"\n    ></i>\n  </div>\n</ng-template>\n", styles: [":host{display:flex;flex-direction:column}:host ::ng-deep mat-header-cell{color:var(--textMediumLight)}:host ::ng-deep mat-cell,:host ::ng-deep mat-header-cell{margin:0!important}:host ::ng-deep mat-cell es-node-url{width:100%}:host ::ng-deep mat-cell es-node-url a{color:#000}:host ::ng-deep mat-cell es-node-url.cdk-keyboard-focused{outline:none;border:var(--focusWidth) solid var(--palette-primary-300)}:host ::ng-deep es-list-base{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;display:inline;width:100%;padding:20.3px 0;align-items:center}:host ::ng-deep es-list-base>div{display:inline}:host ::ng-deep es-list-base>div>div{display:inline}mat-header-cell,mat-cell{margin:0 3px}mat-header-cell:not(.mat-column-primary),mat-cell:not(.mat-column-primary){flex:0 145px}mat-header-cell.mat-column-primary,mat-cell.mat-column-primary{min-width:30%}mat-header-cell.mat-column-select,mat-cell.mat-column-select{flex:0 58px;min-width:58px;padding-left:14px}mat-header-cell.mat-column-icon,mat-cell.mat-column-icon{flex:0 85px;min-width:85px;justify-content:center}mat-header-cell.mat-column-actions,mat-cell.mat-column-actions{flex:0 58px;min-width:58px;display:flex;justify-content:flex-end;padding-right:5px}.mat-row{background:unset}.mat-row.dynamic-single-click{cursor:pointer}.mat-row.dynamic-single-click:hover{background-color:rgb(var(--palette-primary-50))}.mat-row.mat-row-import-blocked{opacity:.75;text-decoration:line-through}.mat-row.mat-row-selected{background:var(--listItemSelectedBackgroundEffect)}.mat-row.mat-row-selected .mat-mdc-cell{background:transparent}.mat-row.mat-row-virtual{background:linear-gradient(to right,var(--nodeVirtualColor) 5px,transparent 5px) no-repeat;border-right:2px dashed var(--nodeVirtualColorLight)}.mat-row.mat-row-virtual .mat-mdc-cell{background:transparent}.mat-row.mat-row-virtual.mat-row-selected{background:linear-gradient(to right,var(--nodeVirtualColor) 0,var(--nodeVirtualColor) 5px,var(--listItemSelectedBackground) 5px,var(--listItemSelectedBackground) 5px)}.mat-row.mat-row-virtual-first{border-top:2px dashed var(--nodeVirtualColorLight)}.mat-row.mat-row-virtual-last{border-bottom:2px dashed var(--nodeVirtualColorLight)}.mat-row.selected-when-dragging{opacity:.5}.dropdown-dummy{position:fixed}.childobjects{background-color:#0000000d;border-radius:15px;display:inline-flex;align-items:center;min-width:51px;min-height:26px;justify-content:center;cursor:default;-webkit-user-select:none;user-select:none;padding:2px 8px;margin-left:5px}.childobjects>.childobject-count{display:inline-flex;align-items:center}.childobjects>.childobject-count>i{font-size:13px;margin-left:4px}.cell-icon .icon-bg{width:36px;height:36px;padding:3px;margin:1px 0;background-color:#fff;border-radius:50%;display:flex;justify-content:center;align-items:center;box-shadow:0 0 3px #0000004d}.cell-icon .icon-bg>img{width:18px;height:auto}.cell-icon .icon-bg>i{color:#666;font-size:18px}.mat-column-link{flex:0 60px}.mat-column-link a,.load-more{display:flex;justify-content:center}es-node-entries-global-options{padding:20px 0}\n"], dependencies: [{ kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i8.CdkMonitorFocus, selector: "[cdkMonitorElementFocus], [cdkMonitorSubtreeFocus]", outputs: ["cdkFocusChange"], exportAs: ["cdkMonitorFocus"] }, { kind: "directive", type: i2$4.CdkOverlayOrigin, selector: "[cdk-overlay-origin], [overlay-origin], [cdkOverlayOrigin]", exportAs: ["cdkOverlayOrigin"] }, { kind: "directive", type: i7.CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "directive", type: i7.CdkDragPreview, selector: "ng-template[cdkDragPreview]", inputs: ["data", "matchSize"] }, { kind: "directive", type: CheckTextOverflowDirective, selector: "[esCheckTextOverflow]", inputs: ["esCheckTextOverflow"], exportAs: ["esCheckTextOverflow"] }, { kind: "component", type: DropdownComponent, selector: "es-dropdown", inputs: ["position", "options", "callbackObject", "showDisabled", "menuClass"] }, { kind: "directive", type: IconDirective, selector: "i[esIcon], i.material-icons", inputs: ["altText", "aria", "esIcon"] }, { kind: "directive", type: InfiniteScrollDirective, selector: "[esInfiniteScroll], [infinite-scroll], [data-infinite-scroll]", inputs: ["infiniteScrollDistance", "infiniteScrollThrottle", "scrollWindow"], outputs: ["scrolled"] }, { kind: "component", type: NodeUrlComponent, selector: "es-node-url", inputs: ["node", "nodes", "target", "scope", "queryParams", "mode", "disabled", "alwaysRipple", "aria-describedby", "aria-label"], outputs: ["buttonClick"] }, { kind: "component", type: SpinnerComponent, selector: "es-spinner" }, { kind: "component", type: ListBaseComponent, selector: "es-list-base", inputs: ["forceText"] }, { kind: "component", type: i5$2.MatCheckbox, selector: "mat-checkbox", inputs: ["disableRipple", "color", "tabIndex"], exportAs: ["matCheckbox"] }, { kind: "component", type: i5$1.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i5$1.MatIconButton, selector: "button[mat-icon-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "directive", type: i3$1.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", exportAs: ["matMenuTrigger"] }, { kind: "component", type: i21.MatTable, selector: "mat-table, table[mat-table]", exportAs: ["matTable"] }, { kind: "directive", type: i21.MatHeaderCellDef, selector: "[matHeaderCellDef]" }, { kind: "directive", type: i21.MatHeaderRowDef, selector: "[matHeaderRowDef]", inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"] }, { kind: "directive", type: i21.MatColumnDef, selector: "[matColumnDef]", inputs: ["sticky", "matColumnDef"] }, { kind: "directive", type: i21.MatCellDef, selector: "[matCellDef]" }, { kind: "directive", type: i21.MatRowDef, selector: "[matRowDef]", inputs: ["matRowDefColumns", "matRowDefWhen"] }, { kind: "directive", type: i21.MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { kind: "directive", type: i21.MatCell, selector: "mat-cell, td[mat-cell]" }, { kind: "component", type: i21.MatHeaderRow, selector: "mat-header-row, tr[mat-header-row]", exportAs: ["matHeaderRow"] }, { kind: "component", type: i21.MatRow, selector: "mat-row, tr[mat-row]", exportAs: ["matRow"] }, { kind: "directive", type: i3$2.MatRipple, selector: "[mat-ripple], [matRipple]", inputs: ["matRippleColor", "matRippleUnbounded", "matRippleCentered", "matRippleRadius", "matRippleAnimation", "matRippleDisabled", "matRippleTrigger"], exportAs: ["matRipple"] }, { kind: "directive", type: i23.MatSort, selector: "[matSort]", inputs: ["matSortDisabled", "matSortActive", "matSortStart", "matSortDirection", "matSortDisableClear"], outputs: ["matSortChange"], exportAs: ["matSort"] }, { kind: "component", type: i23.MatSortHeader, selector: "[mat-sort-header]", inputs: ["disabled", "mat-sort-header", "arrowPosition", "start", "sortActionDescription", "disableClear"], exportAs: ["matSortHeader"] }, { kind: "directive", type: i5.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }, { kind: "component", type: ColumnChooserComponent, selector: "es-column-chooser", inputs: ["origin", "columnChooserVisible", "columns"], outputs: ["columnChooserVisibleChange", "columnsChange"] }, { kind: "component", type: DragPreviewComponent, selector: "es-drag-preview", inputs: ["node", "selected", "item"] }, { kind: "directive", type: NodesDragDirective, selector: "[esNodesDrag]" }, { kind: "directive", type: NodesDropTargetDirective, selector: "[esNodesDropTarget]", inputs: ["esNodesDropTarget", "canDropNodes"], outputs: ["nodeDropped"], exportAs: ["esNodesDropTarget"] }, { kind: "component", type: NodeEntriesGlobalOptionsComponent, selector: "es-node-entries-global-options", inputs: ["displayType"] }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }, { kind: "pipe", type: NodeIconPipe, name: "esNodeIcon" }, { kind: "pipe", type: NodeTitlePipe, name: "nodeTitle" }, { kind: "pipe", type: i1.TranslatePipe, name: "translate" }, { kind: "pipe", type: ListItemLabelPipe, name: "esListItemLabel" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.6", ngImport: i0, type: NodeEntriesTableComponent, deps: [{ token: NodeEntriesService }, { token: NodeEntriesGlobalService }, { token: i0.ApplicationRef }, { token: Toast }, { token: TranslationsService }, { token: NodeHelperService }, { token: i0.ChangeDetectorRef }, { token: UIService }, { token: i0.NgZone }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.6", type: NodeEntriesTableComponent, selector: "es-node-entries-table", viewQueries: [{ propertyName: "sort", first: true, predicate: MatSort, descendants: true }, { propertyName: "paginator", first: true, predicate: MatPaginator, descendants: true }, { propertyName: "columnChooserTrigger", first: true, predicate: ["columnChooserTrigger"], descendants: true }, { propertyName: "dropdown", first: true, predicate: DropdownComponent, descendants: true }, { propertyName: "menuTrigger", first: true, predicate: ["menuTrigger"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<es-dropdown #dropdown [options]=\"entriesService.options?.[Target.ListDropdown]\"></es-dropdown>\n<button\n  #menuTrigger=\"matMenuTrigger\"\n  mat-button\n  class=\"dropdown-dummy cdk-visually-hidden\"\n  [style.left.px]=\"dropdownLeft\"\n  [style.top.px]=\"dropdownTop\"\n  [matMenuTriggerFor]=\"dropdown.menu\"\n  tabindex=\"-1\"\n  aria-hidden=\"true\"\n></button>\n<es-node-entries-global-options\n  *ngIf=\"(entriesService.globalOptionsSubject | async)?.length\"\n  [displayType]=\"NodeEntriesDisplayType.Table\"\n>\n</es-node-entries-global-options>\n<mat-table\n  [dataSource]=\"entriesService.dataSource\"\n  matSort\n  [matSortDisableClear]=\"true\"\n  [matSortActive]=\"entriesService.sort?.active\"\n  [matSortDirection]=\"entriesService.sort?.direction\"\n  esInfiniteScroll\n  (scrolled)=\"loadData('scroll')\"\n>\n  <!-- Checkbox Column -->\n  <ng-container matColumnDef=\"select\">\n    <mat-header-cell *matHeaderCellDef>\n      <mat-checkbox\n        [ngModel]=\"entriesService.selection.selected.length > 0\"\n        [indeterminate]=\"\n          entriesService.selection.selected.length > 0 &&\n          entriesService.selection.selected.length !== entriesService.dataSource.getData().length\n        \"\n        (ngModelChange)=\"toggleAll($event)\"\n        color=\"primary\"\n        aria-label=\"{{ 'LIST_TABLE.TOGGLE_ALL' | translate }}\"\n      ></mat-checkbox>\n    </mat-header-cell>\n    <mat-cell *matCellDef=\"let node\">\n      <mat-checkbox\n        [checked]=\"entriesService.selection.isSelected(node)\"\n        (change)=\"entriesService.onCheckboxChanged(node, $event.checked)\"\n        aria-label=\"{{ 'SELECT' | translate : { element: (node | nodeTitle) } }}\"\n        color=\"primary\"\n      ></mat-checkbox>\n    </mat-cell>\n  </ng-container>\n  <div matColumnDef=\"icon\">\n    <mat-header-cell *matHeaderCellDef class=\"cell-icon cell-count\">\n      ({{ entriesService.selection.selected.length\n      }}<ng-container *ngIf=\"entriesService.dataSource?.getTotal() !== undefined\">\n        / {{ entriesService.dataSource?.getTotal() }}</ng-container\n      >)\n    </mat-header-cell>\n    <mat-cell *matCellDef=\"let node\" class=\"cell-icon\">\n      <ng-container\n        *ngIf=\"entriesService.elementInteractionType === InteractionType.DefaultActionLink\"\n      >\n        <ng-container *ngTemplateOutlet=\"icon; context: { node: this.node }\"></ng-container>\n      </ng-container>\n      <div\n        *ngIf=\"entriesService.elementInteractionType !== InteractionType.DefaultActionLink\"\n        (click)=\"\n          entriesService.onClicked({ event: $event, element: node, source: ClickSource.Icon })\n        \"\n        (dblclick)=\"entriesService.dblClickItem.emit({ element: node, source: ClickSource.Icon })\"\n      >\n        <ng-container\n          *ngTemplateOutlet=\"icon; context: { node: this.node }\"\n          (click)=\"\n            entriesService.onClicked({ event: $event, element: node, source: ClickSource.Icon })\n          \"\n          (dblclick)=\"entriesService.dblClickItem.emit({ element: node, source: ClickSource.Icon })\"\n        ></ng-container>\n      </div>\n    </mat-cell>\n  </div>\n  <ng-container matColumnDef=\"actions\">\n    <mat-header-cell *matHeaderCellDef>\n      <button\n        *ngIf=\"entriesService.configureColumns\"\n        mat-icon-button\n        (click)=\"columnChooserVisible = !columnChooserVisible\"\n        cdkOverlayOrigin\n        #columnChooserTrigger=\"cdkOverlayOrigin\"\n        [matTooltip]=\"'LIST_TABLE.CONFIGURE_COLUMNS' | translate\"\n        [attr.aria-label]=\"'LIST_TABLE.CONFIGURE_COLUMNS' | translate\"\n      >\n        <i esIcon=\"settings\"></i>\n      </button>\n    </mat-header-cell>\n    <mat-cell *matCellDef=\"let node\">\n      <button\n        mat-icon-button\n        *ngIf=\"entriesService.options?.[Target.List]?.length\"\n        color=\"primary\"\n        (click)=\"openMenu(node)\"\n        [matMenuTriggerFor]=\"dropdown.menu\"\n      >\n        <i esIcon=\"more_vert\" [aria]=\"true\"></i>\n      </button>\n    </mat-cell>\n  </ng-container>\n  <!-- Data Columns -->\n  <ng-container\n    *ngFor=\"let column of visibleDataColumns$ | async; let first = first\"\n    [matColumnDef]=\"column.name\"\n  >\n    <ng-container>\n      <mat-header-cell\n        *matHeaderCellDef\n        mat-sort-header\n        [disabled]=\"!(entriesService.sort?.allowed && isSortable(column))\"\n        [class.mat-column-primary]=\"first\"\n        >{{ column | esListItemLabel | async }}</mat-header-cell\n      >\n    </ng-container>\n    <mat-cell\n      *matCellDef=\"let node\"\n      #cell\n      [class.mat-column-primary]=\"first\"\n      attr.data-test=\"table-cell-{{ column.name }}\"\n    >\n      <ng-container\n        *ngIf=\"entriesService.elementInteractionType === InteractionType.DefaultActionLink\"\n      >\n        <es-node-url cdkMonitorSubtreeFocus [node]=\"node\" [mode]=\"first ? 'link' : 'wrapper'\">\n          <es-list-base\n            [forceText]=\"true\"\n            [node]=\"node\"\n            [item]=\"column\"\n            esCheckTextOverflow\n            #text=\"esCheckTextOverflow\"\n            [matTooltip]=\"text.hasTextOverflow() ? cell.innerText : null\"\n            matTooltipTouchGestures=\"off\"\n          ></es-list-base>\n        </es-node-url>\n      </ng-container>\n      <es-list-base\n        *ngIf=\"entriesService.elementInteractionType !== InteractionType.DefaultActionLink\"\n        [forceText]=\"true\"\n        [node]=\"node\"\n        [item]=\"column\"\n        (click)=\"\n          entriesService.onClicked({\n            event: $event,\n            element: node,\n            source: ClickSource.Metadata,\n            attribute: column\n          })\n        \"\n        (dblclick)=\"\n          entriesService.dblClickItem.emit({\n            element: node,\n            source: ClickSource.Metadata,\n            attribute: column\n          })\n        \"\n      ></es-list-base>\n      <ng-container *ngIf=\"first\">\n        <div class=\"childobjects\" *ngIf=\"node.properties?.['virtual:childobjectcount'] > 0\">\n          <div\n            class=\"childobject-count\"\n            matTooltip=\"{{\n              'CHILDOBJECT_COUNT'\n                | translate : { count: node.properties['virtual:childobjectcount'] * 1 + 1 }\n            }}\"\n          >\n            <span>{{ node.properties['virtual:childobjectcount'] * 1 + 1 }}</span\n            ><i esIcon=\"filter_none\"></i>\n          </div>\n        </div>\n      </ng-container>\n    </mat-cell>\n  </ng-container>\n  <mat-header-row mat-header-row *matHeaderRowDef=\"visibleColumnNames$ | async\"></mat-header-row>\n  <mat-row\n    mat-row\n    matRipple\n    cdkDrag\n    esNodesDrag\n    [cdkDragDisabled]=\"!entriesService.dragDrop?.dragAllowed || (ui.isTouchSubject | async)\"\n    [cdkDragData]=\"getDragData(node)\"\n    (cdkDragStarted)=\"onDragStarted(node)\"\n    (cdkDragEnded)=\"onDragEnded()\"\n    [esNodesDropTarget]=\"node\"\n    [canDropNodes]=\"canDrop\"\n    (nodeDropped)=\"drop($event)\"\n    class=\"mat-row\"\n    [class.mat-row-selected]=\"entriesService.selection.isSelected(node)\"\n    [class.mat-row-import-blocked]=\"isBlocked(node)\"\n    [class.selected-when-dragging]=\"isDragging && entriesService.selection.isSelected(node)\"\n    [class.mat-row-virtual]=\"node.virtual\"\n    [class.mat-row-virtual-first]=\"\n      node.virtual && !$any(entriesService.dataSource.getData()[i - 1])?.virtual\n    \"\n    [class.mat-row-virtual-last]=\"\n      node.virtual && !$any(entriesService.dataSource.getData()[i + 1])?.virtual\n    \"\n    [class.dynamic-single-click]=\"entriesService.singleClickHint === 'dynamic'\"\n    *matRowDef=\"let node; let i = index; let last = last; columns: visibleColumnNames$ | async\"\n    (contextmenu)=\"onRowContextMenu({ event: $event, node: node })\"\n    (keydown.ContextMenu)=\"onRowContextMenu({ event: $event, node: node })\"\n  >\n    <es-drag-preview\n      *cdkDragPreview\n      [node]=\"node\"\n      [selected]=\"entriesService.selection.selected\"\n      [item]=\"(visibleDataColumns$ | async)[0]\"\n    ></es-drag-preview>\n  </mat-row>\n</mat-table>\n<ng-container\n  *ngIf=\"\n    (entriesService.dataSource.isLoadingSubject | async) === false &&\n    entriesService.dataSource.hasMore() &&\n    entriesService.paginationStrategy === 'infinite-scroll'\n  \"\n>\n  <div class=\"load-more\">\n    <button mat-button color=\"primary\" (click)=\"loadData('button')\">\n      <i esIcon=\"refresh\"></i>\n      <span>{{ 'LOAD_MORE' | translate }}</span>\n    </button>\n  </div>\n</ng-container>\n<ng-container *ngIf=\"entriesService.dataSource.isLoadingSubject | async\">\n  <ng-container *ngTemplateOutlet=\"loading\"> </ng-container>\n</ng-container>\n<!--\n<mat-paginator #paginator [pageSizeOptions]=\"pageSizeOptions\"></mat-paginator>\n-->\n\n<!-- Wait for ready state to avoid changed-after-checked error when `columnChooserTrigger` becomes\navailable. -->\n<es-column-chooser\n  *ngIf=\"columnChooserTriggerReady\"\n  [(columns)]=\"entriesService.columns\"\n  [(columnChooserVisible)]=\"columnChooserVisible\"\n  [origin]=\"columnChooserTrigger\"\n></es-column-chooser>\n<ng-template #loading>\n  <es-spinner></es-spinner>\n</ng-template>\n<ng-template #icon let-node=\"node\">\n  <div class=\"icon-bg\">\n    <img\n      *ngIf=\"node.iconURL\"\n      [src]=\"node | esNodeIcon | async\"\n      [alt]=\"\n        node.mediatype\n          ? ('NODE.mediatype' | translate) + ': ' + ('MEDIATYPE.' + node.mediatype | translate)\n          : ''\n      \"\n      [matTooltip]=\"\n        node.mediatype\n          ? ('NODE.mediatype' | translate) + ': ' + ('MEDIATYPE.' + node.mediatype | translate)\n          : ''\n      \"\n      matTooltipTouchGestures=\"off\"\n    />\n    <i\n      *ngIf=\"!node.iconURL\"\n      [esIcon]=\"node.authorityType ? (node.authorityType === 'GROUP' ? 'group' : 'person') : null\"\n    ></i>\n  </div>\n</ng-template>\n", styles: [":host{display:flex;flex-direction:column}:host ::ng-deep mat-header-cell{color:var(--textMediumLight)}:host ::ng-deep mat-cell,:host ::ng-deep mat-header-cell{margin:0!important}:host ::ng-deep mat-cell es-node-url{width:100%}:host ::ng-deep mat-cell es-node-url a{color:#000}:host ::ng-deep mat-cell es-node-url.cdk-keyboard-focused{outline:none;border:var(--focusWidth) solid var(--palette-primary-300)}:host ::ng-deep es-list-base{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;display:inline;width:100%;padding:20.3px 0;align-items:center}:host ::ng-deep es-list-base>div{display:inline}:host ::ng-deep es-list-base>div>div{display:inline}mat-header-cell,mat-cell{margin:0 3px}mat-header-cell:not(.mat-column-primary),mat-cell:not(.mat-column-primary){flex:0 145px}mat-header-cell.mat-column-primary,mat-cell.mat-column-primary{min-width:30%}mat-header-cell.mat-column-select,mat-cell.mat-column-select{flex:0 58px;min-width:58px;padding-left:14px}mat-header-cell.mat-column-icon,mat-cell.mat-column-icon{flex:0 85px;min-width:85px;justify-content:center}mat-header-cell.mat-column-actions,mat-cell.mat-column-actions{flex:0 58px;min-width:58px;display:flex;justify-content:flex-end;padding-right:5px}.mat-row{background:unset}.mat-row.dynamic-single-click{cursor:pointer}.mat-row.dynamic-single-click:hover{background-color:rgb(var(--palette-primary-50))}.mat-row.mat-row-import-blocked{opacity:.75;text-decoration:line-through}.mat-row.mat-row-selected{background:var(--listItemSelectedBackgroundEffect)}.mat-row.mat-row-selected .mat-mdc-cell{background:transparent}.mat-row.mat-row-virtual{background:linear-gradient(to right,var(--nodeVirtualColor) 5px,transparent 5px) no-repeat;border-right:2px dashed var(--nodeVirtualColorLight)}.mat-row.mat-row-virtual .mat-mdc-cell{background:transparent}.mat-row.mat-row-virtual.mat-row-selected{background:linear-gradient(to right,var(--nodeVirtualColor) 0,var(--nodeVirtualColor) 5px,var(--listItemSelectedBackground) 5px,var(--listItemSelectedBackground) 5px)}.mat-row.mat-row-virtual-first{border-top:2px dashed var(--nodeVirtualColorLight)}.mat-row.mat-row-virtual-last{border-bottom:2px dashed var(--nodeVirtualColorLight)}.mat-row.selected-when-dragging{opacity:.5}.dropdown-dummy{position:fixed}.childobjects{background-color:#0000000d;border-radius:15px;display:inline-flex;align-items:center;min-width:51px;min-height:26px;justify-content:center;cursor:default;-webkit-user-select:none;user-select:none;padding:2px 8px;margin-left:5px}.childobjects>.childobject-count{display:inline-flex;align-items:center}.childobjects>.childobject-count>i{font-size:13px;margin-left:4px}.cell-icon .icon-bg{width:36px;height:36px;padding:3px;margin:1px 0;background-color:#fff;border-radius:50%;display:flex;justify-content:center;align-items:center;box-shadow:0 0 3px #0000004d}.cell-icon .icon-bg>img{width:18px;height:auto}.cell-icon .icon-bg>i{color:#666;font-size:18px}.mat-column-link{flex:0 60px}.mat-column-link a,.load-more{display:flex;justify-content:center}es-node-entries-global-options{padding:20px 0}\n"], dependencies: [{ kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i9.CdkMonitorFocus, selector: "[cdkMonitorElementFocus], [cdkMonitorSubtreeFocus]", outputs: ["cdkFocusChange"], exportAs: ["cdkMonitorFocus"] }, { kind: "directive", type: i2$4.CdkOverlayOrigin, selector: "[cdk-overlay-origin], [overlay-origin], [cdkOverlayOrigin]", exportAs: ["cdkOverlayOrigin"] }, { kind: "directive", type: i8.CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "directive", type: i8.CdkDragPreview, selector: "ng-template[cdkDragPreview]", inputs: ["data", "matchSize"] }, { kind: "directive", type: CheckTextOverflowDirective, selector: "[esCheckTextOverflow]", inputs: ["esCheckTextOverflow"], exportAs: ["esCheckTextOverflow"] }, { kind: "component", type: DropdownComponent, selector: "es-dropdown", inputs: ["position", "options", "callbackObject", "showDisabled", "menuClass"] }, { kind: "directive", type: IconDirective, selector: "i[esIcon], i.material-icons", inputs: ["altText", "aria", "esIcon"] }, { kind: "directive", type: InfiniteScrollDirective, selector: "[esInfiniteScroll], [infinite-scroll], [data-infinite-scroll]", inputs: ["infiniteScrollDistance", "infiniteScrollThrottle", "scrollWindow"], outputs: ["scrolled"] }, { kind: "component", type: NodeUrlComponent, selector: "es-node-url", inputs: ["node", "nodes", "target", "scope", "queryParams", "mode", "disabled", "alwaysRipple", "aria-describedby", "aria-label"], outputs: ["buttonClick"] }, { kind: "component", type: SpinnerComponent, selector: "es-spinner" }, { kind: "component", type: ListBaseComponent, selector: "es-list-base", inputs: ["forceText"] }, { kind: "component", type: i5$2.MatCheckbox, selector: "mat-checkbox", inputs: ["disableRipple", "color", "tabIndex"], exportAs: ["matCheckbox"] }, { kind: "component", type: i5$1.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i5$1.MatIconButton, selector: "button[mat-icon-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "directive", type: i3$1.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", exportAs: ["matMenuTrigger"] }, { kind: "component", type: i22.MatTable, selector: "mat-table, table[mat-table]", exportAs: ["matTable"] }, { kind: "directive", type: i22.MatHeaderCellDef, selector: "[matHeaderCellDef]" }, { kind: "directive", type: i22.MatHeaderRowDef, selector: "[matHeaderRowDef]", inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"] }, { kind: "directive", type: i22.MatColumnDef, selector: "[matColumnDef]", inputs: ["sticky", "matColumnDef"] }, { kind: "directive", type: i22.MatCellDef, selector: "[matCellDef]" }, { kind: "directive", type: i22.MatRowDef, selector: "[matRowDef]", inputs: ["matRowDefColumns", "matRowDefWhen"] }, { kind: "directive", type: i22.MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { kind: "directive", type: i22.MatCell, selector: "mat-cell, td[mat-cell]" }, { kind: "component", type: i22.MatHeaderRow, selector: "mat-header-row, tr[mat-header-row]", exportAs: ["matHeaderRow"] }, { kind: "component", type: i22.MatRow, selector: "mat-row, tr[mat-row]", exportAs: ["matRow"] }, { kind: "directive", type: i3$2.MatRipple, selector: "[mat-ripple], [matRipple]", inputs: ["matRippleColor", "matRippleUnbounded", "matRippleCentered", "matRippleRadius", "matRippleAnimation", "matRippleDisabled", "matRippleTrigger"], exportAs: ["matRipple"] }, { kind: "directive", type: i24.MatSort, selector: "[matSort]", inputs: ["matSortDisabled", "matSortActive", "matSortStart", "matSortDirection", "matSortDisableClear"], outputs: ["matSortChange"], exportAs: ["matSort"] }, { kind: "component", type: i24.MatSortHeader, selector: "[mat-sort-header]", inputs: ["disabled", "mat-sort-header", "arrowPosition", "start", "sortActionDescription", "disableClear"], exportAs: ["matSortHeader"] }, { kind: "directive", type: i5.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }, { kind: "component", type: ColumnChooserComponent, selector: "es-column-chooser", inputs: ["origin", "columnChooserVisible", "columns"], outputs: ["columnChooserVisibleChange", "columnsChange"] }, { kind: "component", type: DragPreviewComponent, selector: "es-drag-preview", inputs: ["node", "selected", "item"] }, { kind: "directive", type: NodesDragDirective, selector: "[esNodesDrag]" }, { kind: "directive", type: NodesDropTargetDirective, selector: "[esNodesDropTarget]", inputs: ["esNodesDropTarget", "canDropNodes"], outputs: ["nodeDropped"], exportAs: ["esNodesDropTarget"] }, { kind: "component", type: NodeEntriesGlobalOptionsComponent, selector: "es-node-entries-global-options", inputs: ["displayType"] }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }, { kind: "pipe", type: NodeIconPipe, name: "esNodeIcon" }, { kind: "pipe", type: NodeTitlePipe, name: "nodeTitle" }, { kind: "pipe", type: i1.TranslatePipe, name: "translate" }, { kind: "pipe", type: ListItemLabelPipe, name: "esListItemLabel" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.6", ngImport: i0, type: NodeEntriesTableComponent, decorators: [{
             type: Component,
             args: [{ selector: 'es-node-entries-table', changeDetection: ChangeDetectionStrategy.OnPush, template: "<es-dropdown #dropdown [options]=\"entriesService.options?.[Target.ListDropdown]\"></es-dropdown>\n<button\n  #menuTrigger=\"matMenuTrigger\"\n  mat-button\n  class=\"dropdown-dummy cdk-visually-hidden\"\n  [style.left.px]=\"dropdownLeft\"\n  [style.top.px]=\"dropdownTop\"\n  [matMenuTriggerFor]=\"dropdown.menu\"\n  tabindex=\"-1\"\n  aria-hidden=\"true\"\n></button>\n<es-node-entries-global-options\n  *ngIf=\"(entriesService.globalOptionsSubject | async)?.length\"\n  [displayType]=\"NodeEntriesDisplayType.Table\"\n>\n</es-node-entries-global-options>\n<mat-table\n  [dataSource]=\"entriesService.dataSource\"\n  matSort\n  [matSortDisableClear]=\"true\"\n  [matSortActive]=\"entriesService.sort?.active\"\n  [matSortDirection]=\"entriesService.sort?.direction\"\n  esInfiniteScroll\n  (scrolled)=\"loadData('scroll')\"\n>\n  <!-- Checkbox Column -->\n  <ng-container matColumnDef=\"select\">\n    <mat-header-cell *matHeaderCellDef>\n      <mat-checkbox\n        [ngModel]=\"entriesService.selection.selected.length > 0\"\n        [indeterminate]=\"\n          entriesService.selection.selected.length > 0 &&\n          entriesService.selection.selected.length !== entriesService.dataSource.getData().length\n        \"\n        (ngModelChange)=\"toggleAll($event)\"\n        color=\"primary\"\n        aria-label=\"{{ 'LIST_TABLE.TOGGLE_ALL' | translate }}\"\n      ></mat-checkbox>\n    </mat-header-cell>\n    <mat-cell *matCellDef=\"let node\">\n      <mat-checkbox\n        [checked]=\"entriesService.selection.isSelected(node)\"\n        (change)=\"entriesService.onCheckboxChanged(node, $event.checked)\"\n        aria-label=\"{{ 'SELECT' | translate : { element: (node | nodeTitle) } }}\"\n        color=\"primary\"\n      ></mat-checkbox>\n    </mat-cell>\n  </ng-container>\n  <div matColumnDef=\"icon\">\n    <mat-header-cell *matHeaderCellDef class=\"cell-icon cell-count\">\n      ({{ entriesService.selection.selected.length\n      }}<ng-container *ngIf=\"entriesService.dataSource?.getTotal() !== undefined\">\n        / {{ entriesService.dataSource?.getTotal() }}</ng-container\n      >)\n    </mat-header-cell>\n    <mat-cell *matCellDef=\"let node\" class=\"cell-icon\">\n      <ng-container\n        *ngIf=\"entriesService.elementInteractionType === InteractionType.DefaultActionLink\"\n      >\n        <ng-container *ngTemplateOutlet=\"icon; context: { node: this.node }\"></ng-container>\n      </ng-container>\n      <div\n        *ngIf=\"entriesService.elementInteractionType !== InteractionType.DefaultActionLink\"\n        (click)=\"\n          entriesService.onClicked({ event: $event, element: node, source: ClickSource.Icon })\n        \"\n        (dblclick)=\"entriesService.dblClickItem.emit({ element: node, source: ClickSource.Icon })\"\n      >\n        <ng-container\n          *ngTemplateOutlet=\"icon; context: { node: this.node }\"\n          (click)=\"\n            entriesService.onClicked({ event: $event, element: node, source: ClickSource.Icon })\n          \"\n          (dblclick)=\"entriesService.dblClickItem.emit({ element: node, source: ClickSource.Icon })\"\n        ></ng-container>\n      </div>\n    </mat-cell>\n  </div>\n  <ng-container matColumnDef=\"actions\">\n    <mat-header-cell *matHeaderCellDef>\n      <button\n        *ngIf=\"entriesService.configureColumns\"\n        mat-icon-button\n        (click)=\"columnChooserVisible = !columnChooserVisible\"\n        cdkOverlayOrigin\n        #columnChooserTrigger=\"cdkOverlayOrigin\"\n        [matTooltip]=\"'LIST_TABLE.CONFIGURE_COLUMNS' | translate\"\n        [attr.aria-label]=\"'LIST_TABLE.CONFIGURE_COLUMNS' | translate\"\n      >\n        <i esIcon=\"settings\"></i>\n      </button>\n    </mat-header-cell>\n    <mat-cell *matCellDef=\"let node\">\n      <button\n        mat-icon-button\n        *ngIf=\"entriesService.options?.[Target.List]?.length\"\n        color=\"primary\"\n        (click)=\"openMenu(node)\"\n        [matMenuTriggerFor]=\"dropdown.menu\"\n      >\n        <i esIcon=\"more_vert\" [aria]=\"true\"></i>\n      </button>\n    </mat-cell>\n  </ng-container>\n  <!-- Data Columns -->\n  <ng-container\n    *ngFor=\"let column of visibleDataColumns$ | async; let first = first\"\n    [matColumnDef]=\"column.name\"\n  >\n    <ng-container>\n      <mat-header-cell\n        *matHeaderCellDef\n        mat-sort-header\n        [disabled]=\"!(entriesService.sort?.allowed && isSortable(column))\"\n        [class.mat-column-primary]=\"first\"\n        >{{ column | esListItemLabel | async }}</mat-header-cell\n      >\n    </ng-container>\n    <mat-cell\n      *matCellDef=\"let node\"\n      #cell\n      [class.mat-column-primary]=\"first\"\n      attr.data-test=\"table-cell-{{ column.name }}\"\n    >\n      <ng-container\n        *ngIf=\"entriesService.elementInteractionType === InteractionType.DefaultActionLink\"\n      >\n        <es-node-url cdkMonitorSubtreeFocus [node]=\"node\" [mode]=\"first ? 'link' : 'wrapper'\">\n          <es-list-base\n            [forceText]=\"true\"\n            [node]=\"node\"\n            [item]=\"column\"\n            esCheckTextOverflow\n            #text=\"esCheckTextOverflow\"\n            [matTooltip]=\"text.hasTextOverflow() ? cell.innerText : null\"\n            matTooltipTouchGestures=\"off\"\n          ></es-list-base>\n        </es-node-url>\n      </ng-container>\n      <es-list-base\n        *ngIf=\"entriesService.elementInteractionType !== InteractionType.DefaultActionLink\"\n        [forceText]=\"true\"\n        [node]=\"node\"\n        [item]=\"column\"\n        (click)=\"\n          entriesService.onClicked({\n            event: $event,\n            element: node,\n            source: ClickSource.Metadata,\n            attribute: column\n          })\n        \"\n        (dblclick)=\"\n          entriesService.dblClickItem.emit({\n            element: node,\n            source: ClickSource.Metadata,\n            attribute: column\n          })\n        \"\n      ></es-list-base>\n      <ng-container *ngIf=\"first\">\n        <div class=\"childobjects\" *ngIf=\"node.properties?.['virtual:childobjectcount'] > 0\">\n          <div\n            class=\"childobject-count\"\n            matTooltip=\"{{\n              'CHILDOBJECT_COUNT'\n                | translate : { count: node.properties['virtual:childobjectcount'] * 1 + 1 }\n            }}\"\n          >\n            <span>{{ node.properties['virtual:childobjectcount'] * 1 + 1 }}</span\n            ><i esIcon=\"filter_none\"></i>\n          </div>\n        </div>\n      </ng-container>\n    </mat-cell>\n  </ng-container>\n  <mat-header-row mat-header-row *matHeaderRowDef=\"visibleColumnNames$ | async\"></mat-header-row>\n  <mat-row\n    mat-row\n    matRipple\n    cdkDrag\n    esNodesDrag\n    [cdkDragDisabled]=\"!entriesService.dragDrop?.dragAllowed || (ui.isTouchSubject | async)\"\n    [cdkDragData]=\"getDragData(node)\"\n    (cdkDragStarted)=\"onDragStarted(node)\"\n    (cdkDragEnded)=\"onDragEnded()\"\n    [esNodesDropTarget]=\"node\"\n    [canDropNodes]=\"canDrop\"\n    (nodeDropped)=\"drop($event)\"\n    class=\"mat-row\"\n    [class.mat-row-selected]=\"entriesService.selection.isSelected(node)\"\n    [class.mat-row-import-blocked]=\"isBlocked(node)\"\n    [class.selected-when-dragging]=\"isDragging && entriesService.selection.isSelected(node)\"\n    [class.mat-row-virtual]=\"node.virtual\"\n    [class.mat-row-virtual-first]=\"\n      node.virtual && !$any(entriesService.dataSource.getData()[i - 1])?.virtual\n    \"\n    [class.mat-row-virtual-last]=\"\n      node.virtual && !$any(entriesService.dataSource.getData()[i + 1])?.virtual\n    \"\n    [class.dynamic-single-click]=\"entriesService.singleClickHint === 'dynamic'\"\n    *matRowDef=\"let node; let i = index; let last = last; columns: visibleColumnNames$ | async\"\n    (contextmenu)=\"onRowContextMenu({ event: $event, node: node })\"\n    (keydown.ContextMenu)=\"onRowContextMenu({ event: $event, node: node })\"\n  >\n    <es-drag-preview\n      *cdkDragPreview\n      [node]=\"node\"\n      [selected]=\"entriesService.selection.selected\"\n      [item]=\"(visibleDataColumns$ | async)[0]\"\n    ></es-drag-preview>\n  </mat-row>\n</mat-table>\n<ng-container\n  *ngIf=\"\n    (entriesService.dataSource.isLoadingSubject | async) === false &&\n    entriesService.dataSource.hasMore() &&\n    entriesService.paginationStrategy === 'infinite-scroll'\n  \"\n>\n  <div class=\"load-more\">\n    <button mat-button color=\"primary\" (click)=\"loadData('button')\">\n      <i esIcon=\"refresh\"></i>\n      <span>{{ 'LOAD_MORE' | translate }}</span>\n    </button>\n  </div>\n</ng-container>\n<ng-container *ngIf=\"entriesService.dataSource.isLoadingSubject | async\">\n  <ng-container *ngTemplateOutlet=\"loading\"> </ng-container>\n</ng-container>\n<!--\n<mat-paginator #paginator [pageSizeOptions]=\"pageSizeOptions\"></mat-paginator>\n-->\n\n<!-- Wait for ready state to avoid changed-after-checked error when `columnChooserTrigger` becomes\navailable. -->\n<es-column-chooser\n  *ngIf=\"columnChooserTriggerReady\"\n  [(columns)]=\"entriesService.columns\"\n  [(columnChooserVisible)]=\"columnChooserVisible\"\n  [origin]=\"columnChooserTrigger\"\n></es-column-chooser>\n<ng-template #loading>\n  <es-spinner></es-spinner>\n</ng-template>\n<ng-template #icon let-node=\"node\">\n  <div class=\"icon-bg\">\n    <img\n      *ngIf=\"node.iconURL\"\n      [src]=\"node | esNodeIcon | async\"\n      [alt]=\"\n        node.mediatype\n          ? ('NODE.mediatype' | translate) + ': ' + ('MEDIATYPE.' + node.mediatype | translate)\n          : ''\n      \"\n      [matTooltip]=\"\n        node.mediatype\n          ? ('NODE.mediatype' | translate) + ': ' + ('MEDIATYPE.' + node.mediatype | translate)\n          : ''\n      \"\n      matTooltipTouchGestures=\"off\"\n    />\n    <i\n      *ngIf=\"!node.iconURL\"\n      [esIcon]=\"node.authorityType ? (node.authorityType === 'GROUP' ? 'group' : 'person') : null\"\n    ></i>\n  </div>\n</ng-template>\n", styles: [":host{display:flex;flex-direction:column}:host ::ng-deep mat-header-cell{color:var(--textMediumLight)}:host ::ng-deep mat-cell,:host ::ng-deep mat-header-cell{margin:0!important}:host ::ng-deep mat-cell es-node-url{width:100%}:host ::ng-deep mat-cell es-node-url a{color:#000}:host ::ng-deep mat-cell es-node-url.cdk-keyboard-focused{outline:none;border:var(--focusWidth) solid var(--palette-primary-300)}:host ::ng-deep es-list-base{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;display:inline;width:100%;padding:20.3px 0;align-items:center}:host ::ng-deep es-list-base>div{display:inline}:host ::ng-deep es-list-base>div>div{display:inline}mat-header-cell,mat-cell{margin:0 3px}mat-header-cell:not(.mat-column-primary),mat-cell:not(.mat-column-primary){flex:0 145px}mat-header-cell.mat-column-primary,mat-cell.mat-column-primary{min-width:30%}mat-header-cell.mat-column-select,mat-cell.mat-column-select{flex:0 58px;min-width:58px;padding-left:14px}mat-header-cell.mat-column-icon,mat-cell.mat-column-icon{flex:0 85px;min-width:85px;justify-content:center}mat-header-cell.mat-column-actions,mat-cell.mat-column-actions{flex:0 58px;min-width:58px;display:flex;justify-content:flex-end;padding-right:5px}.mat-row{background:unset}.mat-row.dynamic-single-click{cursor:pointer}.mat-row.dynamic-single-click:hover{background-color:rgb(var(--palette-primary-50))}.mat-row.mat-row-import-blocked{opacity:.75;text-decoration:line-through}.mat-row.mat-row-selected{background:var(--listItemSelectedBackgroundEffect)}.mat-row.mat-row-selected .mat-mdc-cell{background:transparent}.mat-row.mat-row-virtual{background:linear-gradient(to right,var(--nodeVirtualColor) 5px,transparent 5px) no-repeat;border-right:2px dashed var(--nodeVirtualColorLight)}.mat-row.mat-row-virtual .mat-mdc-cell{background:transparent}.mat-row.mat-row-virtual.mat-row-selected{background:linear-gradient(to right,var(--nodeVirtualColor) 0,var(--nodeVirtualColor) 5px,var(--listItemSelectedBackground) 5px,var(--listItemSelectedBackground) 5px)}.mat-row.mat-row-virtual-first{border-top:2px dashed var(--nodeVirtualColorLight)}.mat-row.mat-row-virtual-last{border-bottom:2px dashed var(--nodeVirtualColorLight)}.mat-row.selected-when-dragging{opacity:.5}.dropdown-dummy{position:fixed}.childobjects{background-color:#0000000d;border-radius:15px;display:inline-flex;align-items:center;min-width:51px;min-height:26px;justify-content:center;cursor:default;-webkit-user-select:none;user-select:none;padding:2px 8px;margin-left:5px}.childobjects>.childobject-count{display:inline-flex;align-items:center}.childobjects>.childobject-count>i{font-size:13px;margin-left:4px}.cell-icon .icon-bg{width:36px;height:36px;padding:3px;margin:1px 0;background-color:#fff;border-radius:50%;display:flex;justify-content:center;align-items:center;box-shadow:0 0 3px #0000004d}.cell-icon .icon-bg>img{width:18px;height:auto}.cell-icon .icon-bg>i{color:#666;font-size:18px}.mat-column-link{flex:0 60px}.mat-column-link a,.load-more{display:flex;justify-content:center}es-node-entries-global-options{padding:20px 0}\n"] }]
-        }], ctorParameters: function () { return [{ type: NodeEntriesService }, { type: NodeEntriesGlobalService }, { type: i0.ApplicationRef }, { type: Toast }, { type: TranslationsService }, { type: i0.ChangeDetectorRef }, { type: UIService }, { type: i0.NgZone }, { type: i0.ElementRef }]; }, propDecorators: { sort: [{
+        }], ctorParameters: function () { return [{ type: NodeEntriesService }, { type: NodeEntriesGlobalService }, { type: i0.ApplicationRef }, { type: Toast }, { type: TranslationsService }, { type: NodeHelperService }, { type: i0.ChangeDetectorRef }, { type: UIService }, { type: i0.NgZone }, { type: i0.ElementRef }]; }, propDecorators: { sort: [{
                 type: ViewChild,
                 args: [MatSort]
             }], paginator: [{
@@ -6092,7 +6105,7 @@ class OptionsHelperDataService {
     setData(data) {
         this.data = this.optionsHelperService.wrapOptionCallbacks(data);
     }
-    async refreshComponents(refreshListOptions = true) {
+    async refreshComponents() {
         if (this.data == null) {
             console.warn('options helper refresh called but no data previously bound');
             return;
@@ -6102,7 +6115,7 @@ class OptionsHelperDataService {
             return;
         }
         this.globalOptions = await this.getAvailableOptions(Target.Actionbar);
-        await this.optionsHelperService?.refreshComponents(this.components, this.data, refreshListOptions);
+        await this.optionsHelperService?.refreshComponents(this.components, this.data);
     }
     getAvailableOptions(target, objects = null) {
         return this.optionsHelperService?.getAvailableOptions(target, objects, this.components, this.data);
@@ -6964,6 +6977,7 @@ let TranslationLoader = class TranslationLoader {
      */
     getTranslation(lang) {
         if (lang === 'none') {
+            this.configService.setLocale(LANGUAGES[lang], lang);
             return of({});
         }
         // backend can not handle sub-languages
@@ -7205,7 +7219,7 @@ class SearchHelperService {
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.6", ngImport: i0, type: SearchHelperService, decorators: [{
             type: Injectable,
             args: [{
-                    providedIn: 'root'
+                    providedIn: 'root',
                 }]
         }], ctorParameters: function () { return []; } });